/* The reading pages (About, FAQ, Privacy, Copyright): the dashboard's paper, type and
   brand, so they feel like the rest of the site rather than the spring template. */
:root{--paper:#f6f1e7;--card:#fffdf8;--ink:#26231e;--sec:#57534a;--mut:#84806f;
  --line:#d5c9b3;--linel:#efeadf;--rust:#c06325;
  --head:'Schibsted Grotesk',system-ui,sans-serif;--read:'Literata',Georgia,serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--head)}
a{color:var(--rust)}
.top{max-width:1000px;margin:0 auto;padding:18px clamp(16px,4vw,32px) 6px;display:flex;align-items:center;gap:14px}
.brand{font-family:'Young Serif',serif;font-size:1.22rem;color:#1d1c1a;white-space:nowrap;text-decoration:none;flex:none}
.brandlock{height:.30em;width:auto;margin-left:.5px;vertical-align:baseline}
.top .sp{flex:1}
.pnav{display:flex;gap:1.1rem;flex-wrap:wrap}
.pnav a{font:600 .88rem var(--head);color:var(--sec);text-decoration:none;position:relative}
.pnav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:var(--rust);transform:scaleX(0);transform-origin:left center;transition:transform .18s ease}
.pnav a:hover,.pnav a[aria-current]{color:var(--ink)}
.pnav a:hover::after,.pnav a[aria-current]::after{transform:scaleX(1)}
.mine{font:600 .88rem var(--head);color:var(--sec);text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:.45rem .8rem;background:var(--card);white-space:nowrap}
.mine:hover{border-color:#b9a98c;color:var(--ink)}
.wrap{max-width:1000px;margin:0 auto;padding:10px clamp(16px,4vw,32px) 40px}
.page{max-width:760px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 0 rgba(60,40,20,.05);padding:2rem clamp(1.2rem,4vw,2.6rem) 2.4rem}
.page h1{font:800 clamp(1.6rem,2.6vw,2rem) var(--head);letter-spacing:-.02em;margin:0 0 .4rem;position:relative;padding-bottom:7px;display:inline-block}
.page h1::after{content:'';position:absolute;left:2px;right:2px;bottom:-4px;height:11px;background:url('/assets/lw/shelf/underline_sketch.webp') center/100% 100% no-repeat;opacity:.85}
.page .lede,.page .updated{font-family:var(--read);color:var(--sec);margin:.6rem 0 1.8rem;line-height:1.55}
.page .updated{font-family:var(--hand);font-size:1.1rem;color:var(--mut)}
.page h2{font:600 1.25rem var(--read);margin:2rem 0 .6rem;color:var(--ink)}
.page h3{font:700 .95rem var(--head);margin:1.4rem 0 .5rem}
.page p,.page li{font-family:var(--read);font-size:1rem;line-height:1.65;color:var(--sec)}
.page ul{padding-left:1.3rem}
.page li{margin-bottom:.45rem}
.page strong{color:var(--ink)}
.page a{color:var(--rust);text-decoration:none;border-bottom:1px solid rgba(192,99,37,.35)}
.page a:hover{border-bottom-color:var(--rust)}
/* About */
.pipeline-step{display:flex;gap:.85rem;margin-bottom:1rem}
.pipeline-step .step-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--rust);color:#fff8ee;display:grid;place-items:center;font:700 .85rem var(--head);transform:rotate(-6deg);box-shadow:0 0 0 1.5px #3a2615}
.pipeline-step .step-body{flex:1}
.pipeline-step .step-body p{margin:0;font-size:.95rem}
.pipeline-step .step-body strong{display:block;margin-bottom:.15rem;font-family:var(--head)}
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin:1rem 0 .5rem}
.principle-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:.9rem 1rem}
.principle-card h3{margin:0 0 .3rem;font:600 1rem var(--read);color:var(--ink)}
.principle-card p{font-size:.9rem;line-height:1.5;margin:0}
/* FAQ */
.faq-section-label{font:700 .74rem var(--head);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:2rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--linel)}
details.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:4px;margin-bottom:.5rem;overflow:hidden}
details.faq-item[open]{background:var(--card)}
details.faq-item>summary{list-style:none;cursor:pointer;padding:.85rem 1rem;display:flex;align-items:center;gap:.8rem;font:600 1rem var(--read);color:var(--ink);line-height:1.4}
details.faq-item>summary::-webkit-details-marker{display:none}
details.faq-item>summary .faq-chevron{width:16px;height:16px;flex:none;color:var(--mut);margin-left:auto;transition:transform .25s cubic-bezier(.16,1,.3,1)}
details.faq-item[open]>summary .faq-chevron{transform:rotate(180deg)}
.faq-body{padding:.1rem 1rem 1rem}
.faq-body p,.faq-body li{font-size:.95rem;line-height:1.6;margin:0 0 .6rem}
.faq-body p:last-child{margin-bottom:0}
.faq-cta{margin-top:2rem;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1.1rem 1.25rem}
.faq-cta h3{font:600 1.05rem var(--read);margin:0 0 .35rem;color:var(--ink)}
.faq-cta p{margin:0;font-size:.95rem}
/* footer */
.legalrow{max-width:760px;margin:1.6rem auto 0;text-align:center;font-size:.76rem;color:var(--mut)}
.legalrow a{color:var(--mut);text-decoration:none;position:relative}
.legalrow a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:left center;transition:transform .18s ease}
.legalrow a:hover{color:var(--ink)}.legalrow a:hover::after{transform:scaleX(1)}
.sv-company{max-width:760px;margin:.35rem auto 0;text-align:center;font-size:.68rem;color:var(--mut);opacity:.8}
.legalrow,.sv-company{padding-left:16px;padding-right:16px;box-sizing:border-box}
@media (max-width:600px){ .pnav{display:none} .page{padding:1.4rem 1rem 1.8rem} }
/* Subject directory (/subjects, served by api/seo.js) */
.dir h2 a{color:var(--ink);border-bottom:none}
.dir h2 a:hover{color:var(--rust)}
.dir h2+p{margin:-.2rem 0 .6rem;font-size:.95rem}
.dir ol{padding-left:1.5rem;margin:.2rem 0 1rem}
.dir ol li{margin-bottom:.25rem}
.dir-subjects{list-style:none;padding-left:0!important}
.dir-subjects li{padding:.55rem 0;border-bottom:1px solid var(--linel);margin:0}
.founder{display:flex;gap:1.1rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1rem 1.15rem;margin:1rem 0}
.founder-photo{flex:none;width:96px;height:96px;border-radius:4px;object-fit:cover;border:1px solid var(--line)}
.founder-body{flex:1;min-width:0}
.page .founder h3{margin:0;font:700 1.05rem var(--head);color:var(--ink)}
.page .founder .founder-role{margin:.1rem 0 .55rem;font:600 .88rem var(--head);color:var(--rust)}
.page .founder p{margin:0 0 .55rem;font-size:.95rem;line-height:1.6}
.page .founder .founder-links{margin:0;font-family:var(--head);font-size:.9rem}
@media (max-width:480px){.founder.has-photo{flex-direction:column}.founder-photo{width:80px;height:80px}}