/* FAQ v521 (15.10.2026): the reading room's archive. Candlelit hero with a search field, an index of seven drawers,
   numbered index cards that unfold, the content warnings behind a wax seal, a quill to ask what is still missing.
   Loaded after styles.css; colours stay in the house palette (night, walnut, ivory, candle, rose), wax red added for the seal. */
:root{--fq-wax:#7A2620;--fq-wax-hi:#A8443A;--fq-card:rgba(30,20,16,.62);--fq-ease:cubic-bezier(.2,.7,.2,1)}
body.fq{background:var(--night)}

/* ---------- hero ---------- */
.fqh{padding-block:clamp(70px,9vw,128px) clamp(70px,8vw,112px);text-align:center;background:var(--night)}
.fqh>.bg{filter:brightness(.42) saturate(.75) sepia(.15)}
.fqh>.shade{background:radial-gradient(ellipse 55% 60% at 50% 42%,rgba(217,162,95,.16),rgba(6,4,4,0) 60%),radial-gradient(ellipse 90% 80% at 50% 45%,rgba(6,4,4,.15),rgba(6,4,4,.85) 85%),linear-gradient(180deg,rgba(6,4,4,.6),transparent 25%,transparent 70%,var(--night))}
.fqh-dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.fqh-in{display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;z-index:1}
.fqh h1{font-size:clamp(34px,5.6vw,68px);letter-spacing:.14em;text-shadow:0 2px 30px rgba(0,0,0,.9),0 0 60px rgba(217,162,95,.12)}
.fqh-lead{margin:0;max-width:30em;font-family:var(--f-sub);font-size:clamp(17px,1.9vw,21px);color:var(--ivory);opacity:.9}
.fqh-safe{margin:2px 0 0;font-family:var(--f-label);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--candle)}
.fqh-safe span{opacity:.7;margin-inline:6px}
/* three faint question marks drifting in the candlelight */
.fqh-qm{position:absolute;z-index:0;font-family:var(--f-display);color:rgba(217,162,95,.06);pointer-events:none;user-select:none;line-height:1;animation:fq-drift 14s ease-in-out infinite alternate}
.fqh-qm.qm1{font-size:clamp(160px,22vw,340px);left:4%;top:8%;rotate:-14deg}
.fqh-qm.qm2{font-size:clamp(90px,11vw,170px);right:7%;top:16%;rotate:12deg;animation-delay:-5s}
.fqh-qm.qm3{font-size:clamp(70px,8vw,120px);right:22%;bottom:4%;rotate:-6deg;animation-delay:-9s;color:rgba(199,167,155,.05)}
@keyframes fq-drift{from{translate:0 0}to{translate:0 -22px}}

/* search */
.fq-search{position:relative;margin-top:clamp(14px,2vw,26px);width:min(560px,100%);display:flex;align-items:center}
.fq-search svg{position:absolute;z-index:1;left:18px;width:18px;height:18px;fill:none;stroke:var(--candle);stroke-width:1.6;stroke-linecap:round;pointer-events:none}
.fq-search input{width:100%;box-sizing:border-box;height:54px;padding:0 96px 0 50px;border:1px solid rgba(199,167,155,.45);background:rgba(6,4,4,.55);backdrop-filter:blur(4px);color:var(--ivory);font-family:var(--f-body);font-size:18px;font-style:italic;outline:none;transition:border-color .3s,box-shadow .4s,background .3s;-webkit-appearance:none;appearance:none;border-radius:0}
.fq-search input::placeholder{color:var(--ash);opacity:.85}
.fq-search input:focus{border-color:var(--candle);background:rgba(6,4,4,.75);box-shadow:0 0 0 1px rgba(217,162,95,.25),0 0 40px rgba(217,162,95,.14)}
.fq-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.fq-count{position:absolute;z-index:1;right:16px;font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}

/* ---------- body: index + cards ---------- */
.fq-body{position:relative;padding-block:clamp(40px,5vw,72px) clamp(60px,7vw,100px);background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(48,29,22,.35),transparent 70%),var(--night)}
.fq-grid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.fq-idx{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:none}
.fq-idx-h{margin:0 0 18px;font-family:var(--f-label);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--rose)}
.fq-idx ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.fq-idx a{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:8px;padding:10px 0 10px 16px;color:var(--ash);text-decoration:none;font-family:var(--f-display);font-size:14px;letter-spacing:.08em;transition:color .3s}
.fq-idx a::before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:1px;background:var(--candle);transform:scaleY(0);transition:transform .45s var(--fq-ease)}
.fq-idx a .n{font-family:var(--f-display);font-size:12px;color:var(--candle);opacity:.7}
.fq-idx a .c{font-family:var(--f-label);font-size:10px;letter-spacing:.1em;color:var(--ash);opacity:.6}
.fq-idx a:hover,.fq-idx a:focus-visible{color:var(--ivory)}
.fq-idx a.on{color:var(--ivory)}
.fq-idx a.on::before{transform:scaleY(1)}
.fq-idx a.dim{opacity:.35}

.fq-list{min-width:0;display:flex;flex-direction:column;gap:clamp(48px,6vw,80px)}
.fq-sec{scroll-margin-top:90px}
.fq-sh{display:flex;align-items:center;gap:clamp(16px,2vw,24px);margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line);position:relative}
.fq-sh::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:1px;background:linear-gradient(90deg,var(--candle),transparent)}
.fq-sh .num{flex:none;display:grid;place-items:center;width:clamp(48px,5vw,60px);aspect-ratio:1;border:1px solid rgba(217,162,95,.45);border-radius:50%;font-family:var(--f-display);font-size:clamp(15px,1.6vw,18px);color:var(--candle);box-shadow:inset 0 0 0 4px rgba(6,4,4,1),inset 0 0 0 5px rgba(217,162,95,.18)}
.fq-sh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.6vw,30px);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.fq-sh p{margin:4px 0 0;font-style:italic;color:var(--ash);font-size:16px}

/* the index cards */
.fq-q{position:relative;margin-top:10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(48,29,22,.42),rgba(24,15,12,.5));transition:border-color .35s,background .35s,box-shadow .45s;scroll-margin-top:110px}
.fq-q::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--candle);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--fq-ease)}
.fq-q:hover{border-color:rgba(199,167,155,.38)}
.fq-q[open]{border-color:rgba(217,162,95,.4);background:linear-gradient(180deg,rgba(58,36,26,.6),rgba(24,15,12,.55));box-shadow:0 18px 50px -24px rgba(0,0,0,.9),0 0 50px -30px rgba(217,162,95,.4)}
.fq-q[open]::before{transform:scaleY(1)}
.fq-q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:12px;padding:18px clamp(16px,2vw,24px)}
.fq-q summary::-webkit-details-marker{display:none}
.fq-q summary:focus-visible{outline:1px solid var(--candle);outline-offset:-1px}
.fq-q .no{font-family:var(--f-display);font-size:13px;letter-spacing:.06em;color:var(--candle);opacity:.65;transition:opacity .3s}
.fq-q .q{font-family:var(--f-body);font-size:clamp(19px,1.9vw,22px);line-height:1.35;color:var(--ivory);text-wrap:pretty}
.fq-q .q em{font-style:italic}
.fq-q[open] .no,.fq-q:hover .no{opacity:1}
/* plus that turns into a minus */
.fq-q .ic{position:relative;width:16px;height:16px;justify-self:end}
.fq-q .ic::before,.fq-q .ic::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--rose);transition:transform .45s var(--fq-ease),background .3s}
.fq-q .ic::after{transform:rotate(90deg)}
.fq-q[open] .ic::after{transform:rotate(0deg)}
.fq-q[open] .ic::before,.fq-q[open] .ic::after{background:var(--candle)}
/* the answer */
.fq-q .a{padding:0 clamp(16px,2vw,24px) 0 calc(clamp(16px,2vw,24px) + 56px);overflow:hidden}
.fq-q .a-in{padding:2px 0 22px;border-top:1px dashed rgba(199,167,155,.18);padding-top:16px;color:#E3D7C8;font-size:18px;line-height:1.65}
.fq-q .a p{margin:0 0 .7em;max-width:38em}
.fq-q .a a:not(.fq-link){color:var(--ivory);text-decoration:underline;text-decoration-color:rgba(217,162,95,.6);text-underline-offset:3px;transition:text-decoration-color .3s,color .3s}
.fq-q .a a:not(.fq-link):hover{color:#fff;text-decoration-color:var(--candle)}
.fq-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--f-label);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);text-decoration:none;opacity:.7;transition:opacity .3s,color .3s}
.fq-link::before{content:"";width:14px;height:1px;background:currentColor}
.fq-link:hover,.fq-link:focus-visible{opacity:1;color:var(--candle)}
.fq-link.ok{color:var(--candle);opacity:1}
.fq-wait{font-style:italic;color:var(--ash)}
.fq-gen{margin:0;display:grid;gap:10px}
.fq-gen div{display:grid;grid-template-columns:minmax(0,13em) 1fr;gap:4px 16px;padding-bottom:10px;border-bottom:1px solid rgba(58,42,34,.6)}
.fq-gen div:last-child{border-bottom:0}
.fq-gen dt{font-family:var(--f-display);font-size:15px;letter-spacing:.06em}
.fq-gen dd{margin:0;font-style:italic;color:#E3D7C8}
.fq-classified span{font-family:var(--f-display);letter-spacing:.24em;text-transform:uppercase;color:var(--candle);margin-right:6px}
/* deep link target glow */
.fq-q.hit{animation:fq-hit 2.4s ease}
@keyframes fq-hit{0%,30%{box-shadow:0 0 0 1px var(--candle),0 0 60px -10px rgba(217,162,95,.55)}100%{box-shadow:none}}
/* the newsletter sign-up in the footer glows when a question links to it */
.ft-nl.hit input[type=email]{animation:fq-hit-in 2.6s ease}
@keyframes fq-hit-in{0%,35%{box-shadow:0 0 0 1px var(--candle),0 0 30px -2px rgba(217,162,95,.6)}100%{box-shadow:0 0 0 0 rgba(217,162,95,0)}}
/* search states */
.fq-q.miss,.fq-sec.miss{display:none}
.fq-q mark{background:rgba(217,162,95,.28);color:inherit;padding:0 2px}
.fq-none{padding:40px 0;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.fq-none p{margin:0}
.fq-none a{color:var(--ivory)}

/* ---------- content warnings, behind a wax seal ---------- */
.fq-cw{padding-block:clamp(80px,10vw,140px);scroll-margin-top:clamp(96px,14vh,150px)}
.fq-cw>.bg{filter:brightness(.7) saturate(.85)}
.fq-thorn{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.75)) brightness(1.15)}
.fq-thorn img{display:block;width:100%;height:auto}
.fq-thorn.t1{width:clamp(110px,14vw,190px);left:clamp(-70px,-5vw,-40px);top:clamp(-60px,-5vw,-36px);rotate:-8deg}
.fq-thorn.t2{width:clamp(70px,8vw,110px);right:clamp(-40px,-3vw,-22px);bottom:clamp(-70px,-6vw,-44px);rotate:16deg}
.fq-cw-card{position:relative;max-width:760px;margin-inline:auto;padding:clamp(36px,5vw,64px) clamp(22px,5vw,64px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(26,16,13,.86),rgba(14,9,8,.9));border:1px solid rgba(199,167,155,.28);box-shadow:0 40px 90px -40px #000,inset 0 0 0 6px rgba(6,4,4,.6),inset 0 0 0 7px rgba(199,167,155,.12)}
.fq-cw-card .ttl{font-size:clamp(26px,3.6vw,42px)}
.fq-cw-intro{margin:0;font-style:italic;color:var(--ash);max-width:30em}
.fq-seal{margin-top:14px;display:inline-flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:0;cursor:pointer;color:var(--ivory);font-family:var(--f-label);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.fq-seal .wax{display:grid;place-items:center;width:78px;height:78px;border-radius:47% 53% 50% 50%/52% 48% 52% 48%;background:radial-gradient(circle at 35% 30%,var(--fq-wax-hi),var(--fq-wax) 55%,#4A1512 100%);box-shadow:0 8px 22px rgba(0,0,0,.7),inset 0 -4px 8px rgba(0,0,0,.35),inset 0 3px 6px rgba(255,190,170,.18);transition:transform .5s var(--fq-ease),filter .3s}
.fq-seal .wax svg{width:34px;height:34px;fill:none;stroke:rgba(255,220,205,.55);stroke-width:1.4;stroke-linejoin:round}
.fq-seal:hover .wax,.fq-seal:focus-visible .wax{transform:rotate(-8deg) scale(1.05);filter:brightness(1.12)}
.fq-seal:focus-visible{outline:none}
.fq-seal:focus-visible .t{text-decoration:underline;text-underline-offset:5px}
.fq-fx .fq-cw-text{max-height:0;overflow:hidden;opacity:0;transition:max-height .9s var(--fq-ease),opacity .7s .1s}
.fq-cw-text p{margin:0 auto .9em;max-width:34em;font-size:clamp(18px,1.9vw,20px);line-height:1.7}
.fq-cw-text .fq-cw-more{font-size:16px;font-style:italic;color:var(--ash)}
.fq-cw-text a{color:var(--ivory)}
.fq-cw-card.open .fq-cw-text{opacity:1}
.fq-cw-card.open .fq-seal .wax{transform:rotate(-22deg) scale(.82);filter:brightness(.8)}
.fq-cw-card.open .fq-seal .t{opacity:.6}
html:not(.fq-fx) .fq-seal{display:none}

/* ---------- still wondering ---------- */
.fq-ask{padding-block:clamp(90px,11vw,160px)}
.fq-ask>.bg{filter:brightness(.75);object-position:20% 50%}
.fq-ask-g{display:flex;align-items:center;justify-content:flex-end}
.fq-ask-copy{display:flex;flex-direction:column;gap:14px;max-width:34em}
.fq-ask-copy .ttl{font-size:clamp(24px,3.2vw,38px)}
.fq-ask-copy p{margin:0}
.fq-ask-copy .row{justify-content:flex-start;margin-top:8px}

/* reveal (only below the first screen, set by faq.js) */
.fq-rv{opacity:0;translate:0 18px;transition:opacity .9s var(--fq-ease) var(--d,0s),translate .9s var(--fq-ease) var(--d,0s)}
.fq-rv.in{opacity:1;translate:0 0}

/* ---------- smaller screens ---------- */
@media (max-width:900px){
  .fq-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .fq-idx{position:sticky;top:64px;z-index:5;margin-inline:calc(var(--gut)*-1);padding:10px var(--gut);max-height:none;background:rgba(6,4,4,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}
  .fq-idx-h{display:none}
  .fq-idx ol{display:flex;gap:8px;border-left:0;width:max-content}
  .fq-idx a{display:flex;gap:8px;padding:8px 14px;border:1px solid var(--line);font-size:12px;white-space:nowrap}
  .fq-idx a::before{display:none}
  .fq-idx a.on{border-color:var(--candle)}
  .fq-idx a .c{display:none}
  .fq-sec{scroll-margin-top:130px}
  .fq-q{scroll-margin-top:140px}
}
@media (max-width:600px){
  .fq-thorn.t1{width:90px;left:-24px;top:-40px}
  
  .fq-ask>.bg{opacity:.55}
  
  .fq-q summary{grid-template-columns:30px 1fr 16px;gap:10px;padding:16px 14px}
  .fq-q .q{font-size:18px}
  .fq-q .a{padding:0 14px}
  .fq-q .a-in{font-size:17px}
  .fq-gen div{grid-template-columns:minmax(0,1fr)}
  .fq-search input{font-size:16px;padding-right:80px}
  .fq-ask-g{flex-direction:column;text-align:center}
  .fq-ask-copy{align-items:center}
  .fq-ask-copy .row{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .fqh-qm{animation:none}
  .fq-rv{opacity:1;translate:none;transition:none}
  .fq-q.hit,.ft-nl.hit input[type=email]{animation:none}
}

/* ===== v580 (22.10.2026) ===== */
/* header: no question marks, soft landing into the questions */
.fqh-qm{display:none}
.fqh{padding-bottom:clamp(50px,5vw,72px)}
.fqh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(60px,6vw,90px);background:linear-gradient(180deg,rgba(6,4,4,0),rgba(14,9,8,.7) 55%,var(--night));pointer-events:none;z-index:0}
.fqh::before{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(6,4,4,.55),transparent);pointer-events:none;z-index:0}
.fq-body{padding-top:clamp(10px,2vw,30px);background:radial-gradient(ellipse 70% 34% at 50% 0%,rgba(48,29,22,.28),transparent 72%),var(--night)}
/* index without counts */
.fq-idx a{grid-template-columns:34px 1fr}
/* one shared backdrop for content warnings and "your question is not here": the backdrop of the books on the home page, with its floating feathers (class series in styles.css) */
main>.fq-end.series{padding:0!important}
.fq-end{position:relative;isolation:isolate}
.fq-end .fq-cw{padding-block:clamp(20px,3vw,40px) clamp(90px,11vw,150px)}
.fq-end .fq-ask{padding-block:clamp(80px,10vw,130px) clamp(20px,3vw,40px);position:relative;z-index:1}
.fq-end .fq-cw{position:relative;z-index:1}
.fq-end .fq-ask-g{justify-content:center}
.fq-end .fq-ask-copy{align-items:center;text-align:center}
.fq-end .fq-ask-copy .row{justify-content:center}
.fq-thorn{display:none}
/* wax seal with a paper crane */
.fq-seal .wax{display:block;width:104px;height:104px;border-radius:0;background:none;box-shadow:none;overflow:visible;filter:drop-shadow(0 10px 14px rgba(0,0,0,.65));transition:transform .5s var(--fq-ease),filter .3s}
.fq-seal .wax svg{display:none}
.fq-seal:hover .wax,.fq-seal:focus-visible .wax{transform:rotate(-5deg) scale(1.05);filter:drop-shadow(0 12px 16px rgba(0,0,0,.7)) brightness(1.1)}
.fq-cw-card.open .fq-seal .wax{transform:rotate(-14deg) scale(.8);filter:drop-shadow(0 6px 8px rgba(0,0,0,.6)) brightness(.75)}
.fq-cw-card.open .fq-seal .t{display:none}
.fq-cw-card.open .fq-seal{gap:0}
@media (max-width:760px){.fq-seal .wax{width:88px;height:88px}}

/* ===== v581 (23.10.2026) ===== */
/* header lands softly: the questions start on the same night colour, no visible edge */
.fq-body{background:var(--night)}
.fq-body::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(160px,18vw,260px);background:radial-gradient(ellipse 60% 100% at 50% 100%,rgba(48,29,22,.22),transparent 70%);pointer-events:none;z-index:0}
.fq-grid{position:relative;z-index:1}
.fqh::after{height:clamp(160px,18vw,260px);background:linear-gradient(180deg,rgba(6,4,4,0) 0%,rgba(6,4,4,.55) 45%,var(--night) 100%)}
/* "spoiler-free" stands out */
.fqh-safe{margin-top:6px;padding:9px 20px 8px;border:1px solid rgba(217,162,95,.55);border-radius:999px;background:rgba(217,162,95,.1);font-size:12.5px;letter-spacing:.28em;color:#F3C98B;box-shadow:0 0 26px rgba(217,162,95,.16),inset 0 0 12px rgba(217,162,95,.08)}
.fqh-safe span{opacity:.9}
/* index: one line per topic */
@media (min-width:901px){.fq-grid{grid-template-columns:minmax(0,290px) minmax(0,1fr)}}
.fq-idx a .t{white-space:nowrap}
/* wax seal: Maezos' signature pressed into the wax */
.fq-seal .wax-w{position:relative;display:block;width:104px;height:104px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.65));transition:transform .5s var(--fq-ease),filter .3s}
.fq-seal .wax-w .wax{width:100%;height:100%;filter:none;transform:none!important}
.fq-seal .wax-sig{position:absolute;left:24%;top:22%;width:52%;height:56%;-webkit-mask:url(https://static.wixstatic.com/media/5e8914_c2e26461d7c74b868a64d730b62c283b~mv2.webp) center/contain no-repeat;mask:url(https://static.wixstatic.com/media/5e8914_c2e26461d7c74b868a64d730b62c283b~mv2.webp) center/contain no-repeat;background:rgba(255,206,186,.62)}
.fq-seal .wax-sig.d{background:rgba(40,6,4,.6);transform:translate(1.2px,1.6px)}
.fq-seal:hover .wax-w,.fq-seal:focus-visible .wax-w{transform:rotate(-5deg) scale(1.05);filter:drop-shadow(0 12px 16px rgba(0,0,0,.7)) brightness(1.1)}
.fq-cw-card.open .fq-seal .wax-w{transform:rotate(-14deg) scale(.8);filter:drop-shadow(0 6px 8px rgba(0,0,0,.6)) brightness(.75)}
.fq-cw-card.was-open .fq-seal .t{display:none}
.fq-cw-card.was-open .fq-seal{gap:0}
@media (max-width:760px){.fq-seal .wax-w{width:88px;height:88px}}
/* v582 (23.10.2026): content warnings as plain text like on the series page (no seal, no card), on a darker part of the backdrop */
.fq-end .fq-cw{padding-block:clamp(20px,3vw,40px) clamp(90px,11vw,150px)}
.fq-end .fq-cw .cwtext{margin-top:0}
.fq-end>.shade{background:linear-gradient(180deg,var(--night) 0%,rgba(6,4,4,.72) 14%,rgba(6,4,4,.6) 42%,rgba(6,4,4,.2) 62%,rgba(6,4,4,.25) 86%,var(--night) 100%)}
.fq-end>.shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
/* v583: no hairline at the top and bottom edge of the feather backdrop (the pinned picture showed a pixel row at the clip edge): the band fades in and out */
.fq-end{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%)}
/* "spoiler-free" glows softly on hover */
.fqh-safe{transition:box-shadow .5s,border-color .5s,color .5s,text-shadow .5s,background .5s}
.fqh-safe:hover{color:#FFE2B0;border-color:rgba(243,201,139,.9);background:rgba(217,162,95,.16);text-shadow:0 0 14px rgba(243,201,139,.7);box-shadow:0 0 38px rgba(217,162,95,.32),inset 0 0 16px rgba(217,162,95,.14)}
/* the question box is one line; the content warnings sit below it */
.fq-ask-copy .ttl{font-size:clamp(15px,4.6vw,38px);white-space:nowrap}
@media (max-width:720px){.fq-end .fq-cw{padding-bottom:170px}}

/* v621: no single word alone on the last line of an answer */
.fq-q .a-in p{text-wrap:pretty}