/* second story — info.css (Batch 7): standards, protection, FAQ, about, contact, legal, 404 */
.ph{padding-block:clamp(7rem,12vw,9rem) var(--s4);max-width:900px}
.ph h1{margin:.6rem 0 1.2rem}.ph .lead{opacity:.8}
.draft{border:1px dashed var(--ink);padding:.9rem 1.1rem;margin-bottom:var(--s4);font:500 .68rem/1.5 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;max-width:62ch}
.doc{display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--s5);padding-block:1.6rem;border-top:1px solid var(--ink)}
.doc:last-of-type{border-bottom:1px solid var(--ink)}
.doc h2{font-size:clamp(1.5rem,2.4vw,2.2rem);display:flex;gap:.8rem;align-items:baseline}
.doc h2 b{font:500 .7rem var(--f-mono);color:var(--acc)}
.doc p,.doc li{max-width:62ch;opacity:.82;margin-bottom:.7rem}.doc ul{padding-left:1.1rem}
.doc a{text-decoration:underline}
.grades{display:grid;gap:.6rem;margin-top:.8rem}.grades div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;font-size:.92rem}.grades b{font:500 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.after{padding-block:var(--s5) var(--s6);display:flex;gap:.8rem;flex-wrap:wrap}
.faqwrap{max-width:820px;padding-bottom:var(--s6)}
.faqwrap h2{font-size:1.5rem;margin:var(--s4) 0 .6rem}
details{border-top:1px solid var(--line);padding:1rem 0}details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font:700 1.3rem var(--f-display);text-transform:var(--case);list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::after{content:"+";transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details>div{padding-top:.8rem;max-width:62ch;opacity:.8}
.cform{max-width:560px;padding-bottom:var(--s6)}.cform textarea,.cform select{width:100%;padding:.9rem 1rem;border:1px solid var(--line);background:transparent;font:inherit}.cform textarea{min-height:140px}
.e404{min-height:80svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:1.2rem;padding-top:6rem}
.e404 h1{font-size:clamp(8rem,32vw,30rem);line-height:.8}
@media (max-width:980px){.doc{grid-template-columns:1fr;gap:.6rem}}