.sec-assessment{background:var(--card);color:var(--body);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:18px;line-height:1.6;display:block;overflow-x:clip;& *,& :before,& :after{box-sizing:border-box}& h2,& h3,& p,& ol,& ul{margin:0}& .wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}& .idx{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hi,var(--accent));align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}& .idx:after{content:"";opacity:.4;background:currentColor;flex:0 0 48px;height:1px}& .lvl{border:1px solid var(--line);background:var(--pale);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:999px;margin:16px 0 0;font-size:10.5px;line-height:1;display:inline-flex}& .lvl .seg{align-items:center;gap:7px;padding:7px 12px;display:flex}& .lvl .seg+.seg{border-left:1px solid var(--line)}& .lvl .on{color:var(--ink);font-weight:500}& .lvl .on:before{content:"";background:var(--hi,var(--accent));border-radius:50%;width:6px;height:6px}& .lvl .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){& .lvl{letter-spacing:.1em;font-size:9.5px}& .lvl .seg{padding:7px 9px}}& .sec{border-bottom:1px solid var(--line);padding:clamp(88px,11vw,150px) 0;scroll-margin-top:64px}& .h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.02em;max-width:24ch;margin-top:22px;font-size:clamp(2rem,3.8vw,3.3rem);font-weight:500;line-height:1.08}& .dd{grid-template:"verbs fig"".fig"/minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,5vw,72px);margin-top:clamp(48px,6vw,80px);display:grid}& .d-verbs{grid-area:verbs;align-self:center}& .dd .fig{grid-area:fig;grid-template-rows:subgrid;display:grid}& .verbs{border-top:1px solid var(--ink);padding:0;list-style:none}& .verbs li{border-bottom:1px solid var(--line);grid-template-columns:5.2rem minmax(0,1fr);align-items:baseline;gap:16px;padding:16px 0;display:grid}& .verbs .v{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:1.5rem;font-weight:500}& .verbs .l{font-size:1.04rem}& .fig{margin:0}& .frame{aspect-ratio:5/4;border:1px solid var(--line);background:var(--page);padding:clamp(14px,2.4vw,30px);position:relative}& .frame .stage{width:100%;height:100%}& .frame svg{width:100%;height:100%;display:block}& .frame .an-text{font-size:var(--an-cap,4.5px)}& .frame .an-leader{opacity:0;transition:opacity .5s var(--an-ease)}& .frame .an-leader[data-on]{opacity:1}& .frame .rail-beam{opacity:0;transition:opacity .35s var(--an-ease)}& .frame [data-parked] .rail-beam{opacity:1}& .frame .an-leader[data-peek]{opacity:.6}& .frame .it[data-peek]:not([data-hi]) .an-line{stroke:var(--an-hi)}& .frame .it[data-dim][data-peek]{opacity:.5}& .frame svg[data-hand]:not([data-dragging]) [data-name=carriage]{cursor:grab}& .frame .tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;position:absolute;top:14px;right:16px}& .rail-steps{border:1px solid var(--line);background:var(--line);border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}& .rail-step{appearance:none;background:var(--card);color:var(--body);font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;border:0;align-content:start;gap:2px;margin:0;padding:10px 10px 11px;line-height:1.35;transition:color .3s,background .3s,box-shadow .3s;display:grid;box-shadow:inset 0 2px #0000}& .rail-step .n{color:var(--muted)}& .rail-step:hover{color:var(--ink);background:var(--pale)}& .rail-step[aria-current]{color:var(--ink);background:var(--pale);box-shadow:inset 0 2px 0 var(--accent)}& .rail-step[aria-current] .n{color:var(--accent)}& .rail-step:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}& .rail-cap{min-height:2.9em;font-family:var(--mono);letter-spacing:.02em;color:var(--body);margin-top:12px;font-size:11.5px;line-height:1.5}& .rail-cap .v{color:var(--hi,var(--accent))}& .fig figcaption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:11px}& .eqs{margin-top:clamp(64px,8vw,104px)}& .eqs-h{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hi,var(--accent));font-size:11.5px}& .eq{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:0 14px;margin-top:20px;display:grid}& .term{background:var(--page);border:1px solid var(--line);flex-direction:column;gap:12px;padding:20px 20px 22px;display:flex}& .term .t{font-family:var(--serif);color:var(--ink);font-size:1.2rem;font-weight:500;line-height:1.25}& .term ul{gap:7px;padding:0;list-style:none;display:grid}& .term li{gap:9px;font-size:.94rem;line-height:1.4;display:flex}& .term li:before{content:"→";font-family:var(--mono);color:var(--hi,var(--accent));padding-top:2px;font-size:12px}& .term.out{background:var(--pale);border-color:var(--accent)}& .term.out .t{color:var(--hi,var(--accent))}& .op{font-family:var(--serif);color:var(--muted);align-self:center;font-size:2rem;line-height:1}@media (width<=980px){& .dd{grid-template:"verbs""fig"/1fr;row-gap:24px}& .dd .fig{display:block}& .fig figcaption{display:none}& .eq{grid-template-columns:28px minmax(0,1fr);gap:8px 6px}& .term{grid-column:2;gap:8px;padding:14px 16px 16px}& .term .t{font-size:1.08rem}& .term li{font-size:.9rem}& .op{grid-column:1;place-self:center;font-size:1.4rem}& .verbs li{grid-template-columns:4.4rem minmax(0,1fr);padding:12px 0}& .verbs .v{font-size:1.3rem}}@media (width<=520px){& .rail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){& .rail-step,& .frame .an-leader,& .frame .rail-beam{transition:none}}}
