/* NeuraPlanner manual styles. Load after neura.css. */
/* video */
.vid{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);aspect-ratio:16/9;width:100%;max-width:960px;margin-inline:auto}
.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--ink)}
.vid.playing .vid-play{opacity:0;pointer-events:none}
.vid-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border:0;background:none;cursor:pointer;padding:0;transition:opacity .3s}
.vid-play .pb{width:84px;height:84px;border-radius:50%;background:var(--acc-fig);display:grid;place-items:center;box-shadow:0 10px 40px rgba(28,28,26,.25);transition:transform .3s var(--ease),background .25s}
.vid-play:hover .pb{transform:scale(1.06);background:var(--acc-ink)}
.vid-play svg{width:26px;height:26px;margin-left:4px;fill:#fff}
.vid-cap{display:flex;justify-content:space-between;gap:16px;margin:14px auto 0;max-width:960px;font-size:13.5px;color:var(--mute)}
.vid-cap b{font-weight:500;color:var(--ink)}
.vid-cap .num{font-family:var(--mono);font-size:12.5px}
@media (max-width:600px){ .vid-play .pb{width:64px;height:64px} }

/* cta */
.cta{text-align:center;display:grid;justify-items:center;gap:20px}
.cta .h2{max-width:22ch}
.cta .lede{margin-inline:auto}
.cta .ctas{justify-content:center;margin-top:8px}
.cta .mail{font-size:13.5px;color:var(--mute)}
.cta .mail span{color:var(--ink-2);user-select:all}

/* manual */
.mhero{padding-top:calc(var(--hdr) + clamp(48px,6vw,88px));padding-bottom:clamp(32px,4vw,56px)}
.mhero .label{margin-bottom:18px}
.mhero h1{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.04em;max-width:16ch}
.mhero .lede{margin-top:22px;max-width:60ch}
.mhero .ctas{margin-top:28px}
.mvid{padding-bottom:clamp(56px,7vw,96px)}
.mgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;padding-bottom:clamp(64px,7vw,96px)}
.toc{position:sticky;top:calc(var(--hdr-s) + 24px);display:grid;gap:12px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
.toc a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:1.5px solid transparent;font-size:13.5px;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--acc-ink);border-left-color:var(--acc-deep)}
.doc{min-width:0;max-width:880px;display:grid;gap:clamp(64px,7vw,96px)}
.doc section{display:grid;gap:18px;scroll-margin-top:calc(var(--hdr-s) + 20px)}
.doc h2{font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.025em}
.doc h3{font-size:19px;letter-spacing:-.015em;margin-top:14px}
.doc p{font-size:16px;line-height:1.65;color:var(--ink-2);max-width:68ch}
.doc b{font-weight:500;color:var(--ink)}
.shot{margin:0;display:grid;gap:10px}
.shot img{width:100%;height:auto;border-radius:12px;border:1px solid var(--rule);background:var(--white)}
.shot figcaption{font-size:13px;color:var(--mute);line-height:1.5}
.shot.tall img{max-height:900px;object-fit:cover;object-position:top}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.side{display:grid;grid-template-columns:64px minmax(0,1fr);gap:28px;align-items:start}
.shot.slim img{border-radius:10px}
.defs{margin:0;display:grid;background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:4px 18px}
.defs > div:last-child{border-bottom:0}
.mail{color:var(--ink);font-weight:500;user-select:all}
.defs > div{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.defs dt{font-size:14.5px;font-weight:500;color:var(--ink)}
.defs dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.note{background:var(--acc-soft);border-radius:12px;padding:14px 18px;font-size:14.5px!important;max-width:none!important}
.tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}
.tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-2)}
.tbl th{font-weight:500;color:var(--mute);font-size:13px}
.tbl th:last-child{color:var(--acc-ink)}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:var(--ink);font-weight:500}
details{border-bottom:1px solid var(--rule)}
details:first-of-type{border-top:1px solid var(--rule)}
summary{list-style:none;cursor:pointer;padding:16px 32px 16px 0;position:relative;font-size:16px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:20px;color:var(--mute);transition:transform .25s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding-bottom:16px}
.mcta{border-top:1px solid var(--rule)}
@media (max-width:900px){ .mgrid{grid-template-columns:minmax(0,1fr)} .toc{display:none} }
@media (max-width:640px){ .pair{grid-template-columns:minmax(0,1fr)} .defs > div{grid-template-columns:minmax(0,1fr);gap:4px} .side{grid-template-columns:48px minmax(0,1fr);gap:18px} }