/* The first thing on ce-net.com: one search over everything and the ten problems we solve (Leif 2026-11-05). The words
   come from /data/home-problems.json and /data/search-index.json; this file is only the look. */
.ask{position:relative;padding:calc(var(--s-6) * 2 + 64px) var(--s-5) var(--s-6);max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.ask h2{text-align:center;font:400 clamp(28px,4.4vw,52px)/1.08 var(--disp,inherit);letter-spacing:var(--track-disp,-.01em);color:var(--ink);margin:0 0 var(--s-4)}
.ask__bar{position:relative;display:flex;gap:8px;width:100%;max-width:720px}
.ask__bar input{flex:1;min-width:0;height:58px;padding:0 22px 0 52px;border-radius:29px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:20px center;box-shadow:0 1px 6px rgba(0,0,0,.28);font:400 18px var(--sans,inherit);color:var(--ink);background:var(--surface,transparent);
  border:1px solid var(--line-2);border-radius:var(--r-sm,6px);outline:none;transition:border-color var(--fast)}
.ask__bar input:focus{border-color:var(--acc)}
.ask__bar button{height:58px;padding:0 24px;border:0;border-radius:29px;background:var(--acc);color:var(--on-acc,#fff);
  font:500 13px var(--sans,inherit);letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer}
.ask__hits{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:720px;border:1px solid var(--line);border-radius:var(--r-sm,6px);background:var(--surface,var(--void))}
.ask__hits:empty{display:none}
.ask__hits a{display:block;padding:10px 16px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
.ask__hits li:first-child a{border-top:0}
.ask__hits a:hover,.ask__hits a:focus{background:color-mix(in srgb,var(--acc) 10%,transparent);outline:none}
.ask__hits small{display:block;color:var(--ink-3);font-size:13px;margin-top:2px}
.ask__grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:var(--s-5) 0 0;padding:0;list-style:none}
.ask__grid a{display:block;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-sm,6px);color:var(--ink);
  text-decoration:none;transition:border-color var(--fast)}
.ask__grid a:hover{border-color:var(--acc)}
.ask__grid b{display:block;font-weight:500;margin-bottom:4px}
.ask__grid span{color:var(--ink-2);font-size:14px;line-height:1.45}
.ask__n{font-family:var(--mono);color:var(--acc);font-size:12px;margin-right:6px}
@media (max-width:600px){.ask{padding:96px 16px var(--s-5)}.ask__bar input{height:50px;font-size:16px;padding-left:46px;background-position:16px center}.ask__bar button{height:50px;padding:0 16px}}
.ask__link{margin:12px 0 0;text-align:center;color:var(--ink-3);font-size:14px}.ask__link a{color:var(--acc);text-decoration:none}
.ask--page{padding-top:110px}.ask__hits--page{border:0;background:none}.ask__hits--page a{border-top:1px solid var(--line);padding:14px 4px}
.ask__ref{display:block;margin-top:4px;font:11px var(--mono);color:var(--ink-3)}
.ask__ai{width:100%;max-width:720px;margin:var(--s-4) 0 0;padding:16px 20px;border:1px solid var(--line-2);border-radius:14px;background:color-mix(in srgb,var(--acc) 5%,transparent);line-height:1.55}.ask__ai p{margin:0}.ask__ai-l{font:500 11px var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--acc);margin-bottom:6px!important}.ask__ai a{color:var(--acc);text-decoration:none}
.ask__ai-more{margin-top:8px!important;color:var(--ink-2)}
/* sponsors under the search box (Leif 19:43 CST: "must look better and be at the top"): monochrome wordmarks (or the
   sponsor's own logo when /data/sponsors.json names one) in a slow marquee with faded edges, pauses on hover */
.spons{width:100%;max-width:960px;margin:calc(var(--s-5) + 8px) 0 0;text-align:center}
.spons__label{text-align:center;width:100%;margin:0 0 14px;font:500 10.5px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
.spons__win{overflow:hidden;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.spons__track{display:flex;align-items:center;width:max-content;animation:spons-loop 60s linear infinite}
.spons:hover .spons__track{animation-play-state:paused}
.spons__track span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:14px 36px;
  font:400 clamp(17px,1.6vw,22px)/1 var(--disp,inherit);letter-spacing:.02em;color:var(--ink-2);opacity:.78;transition:opacity var(--fast),color var(--fast)}
.spons__track span:hover{opacity:1;color:var(--ink)}
.spons__track span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--acc);opacity:.55;margin-right:26px;margin-left:-36px}
.spons__track img{height:22px;width:auto;filter:grayscale(1) brightness(1.6);opacity:.85}
@keyframes spons-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.spons__track span[aria-hidden]{display:none}.spons__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.spons__win{-webkit-mask-image:none;mask-image:none}}
@media (max-width:600px){.spons__track span{padding:12px 22px}.spons__track span+span::before{margin-left:-22px;margin-right:18px}}
/* first screen: the face, the question, the box (Leif 20:16 CST); sponsors and the ten problems below the fold */
.ask{min-height:100svh;justify-content:center;padding-bottom:var(--s-6)}
.ask__face{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:50% 30%;margin:0 0 var(--s-4);
  border:2px solid var(--line-2);box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 12%,transparent)}
.ask-more{max-width:1120px;margin:0 auto;padding:0 var(--s-5) var(--s-6);display:flex;flex-direction:column;align-items:center}
@media (max-width:600px){.ask__face{width:104px;height:104px}}
/* the photo behind the question, darkened so the words and the box stay readable (Leif 20:19 CST) */
.ask--face{max-width:none;width:100%;background:
  linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.62) 55%,var(--void,#000) 100%),
  url(/assets/leif/leif-rydenfalk.jpg) center 22%/cover no-repeat}
.ask--face h2,.ask--face .ask__link{text-shadow:0 2px 18px rgba(0,0,0,.6)}
.ask--face .ask__bar,.ask--face .ask__hits,.ask--face .ask__link{max-width:720px}
.ask--face .ask__bar input{background-color:rgba(10,10,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (min-width:900px){
  .ask--face{background:var(--void,#000);position:relative;isolation:isolate;overflow:hidden}
  .ask--face::before{content:"";position:absolute;inset:0 0 0 auto;width:min(58%,980px);z-index:-1;
    background:url(/assets/leif/leif-rydenfalk.jpg) center 25%/cover no-repeat;opacity:.62;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%),linear-gradient(180deg,#000 50%,transparent 98%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 45%),linear-gradient(180deg,#000 50%,transparent 98%);mask-composite:intersect}
}
.ask__miss{display:inline-block;margin-right:8px;padding:8px 16px;border:1px solid var(--acc);border-radius:999px;color:var(--acc);text-decoration:none;font-weight:500}.ask__miss:hover{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.ask__go{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.ask__go button{padding:10px 20px;border:0;border-radius:999px;background:var(--acc);color:var(--on-acc,#000);font-weight:600;cursor:pointer}.ask__go input{flex:1;min-width:200px;height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink)}.ask__go-r{width:100%;color:var(--ink-2);font-size:14px}
.ask__ai-wait{color:var(--ink-2);animation:spons-pulse 1.6s ease-in-out infinite}@keyframes spons-pulse{50%{opacity:.5}}
.ask__missf{width:100%;max-width:720px;text-align:left;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ask__missf textarea,.ask__missf input{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:transparent;color:var(--ink);font:inherit}
.ask__missf button{align-self:flex-start;padding:10px 22px;border:0;border-radius:999px;background:var(--acc);color:var(--on-acc,#000);font-weight:600;cursor:pointer}
.ask__quiet{color:var(--ink-3);font-size:14px}
.ask__twin{margin:6px 0 14px}.ask__twin iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:#000}.ask__twin figcaption{margin-top:6px;font-size:13px;color:var(--ink-3)}
.ask__3d{margin-right:8px;text-decoration:none}