body.pd-page{background:var(--paper);color:var(--ink);font-family:var(--font-fa);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}.pd-wrap{margin-inline:auto;max-width:var(--measure-lesson);padding-inline:var(--gutter)}.pd-defs{height:0;position:absolute;width:0}.pd-skip{background:var(--ink);color:var(--paper);inset-inline-start:var(--sp-4);padding:var(--sp-3);position:absolute;top:-80px;z-index:var(--z-top)}.pd-skip:focus{top:var(--sp-4)}.header{border-block-end:1px solid var(--line-gold);padding-block:var(--sp-4)}.header__inner{align-items:center;display:flex;gap:var(--sp-4);justify-content:space-between}.header__brand,.footer__brand{align-items:center;color:var(--ink);display:inline-flex;font-weight:700;gap:var(--sp-2);text-decoration:none}.header svg{height:24px;width:24px}.header nav,.footer nav,.pd-related{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.header a,.footer a,.pd-related a{color:var(--ink);text-underline-offset:3px}#lrail{color:var(--ink-meta);font-size:var(--fs-meta);margin-block:var(--sp-2) 0}.pd-toc{border-block-end:1px solid var(--line-gold);margin:0;padding:var(--sp-3) max(24px,calc((100% - var(--measure-lesson))/2))}.pd-toc nav{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding-block:var(--sp-3)}.pd-toc a{color:var(--ink)}.pd-hero{border-block-end:1px solid var(--line-gold);padding-block:var(--sp-16)}.pd-kicker{color:var(--ink-meta);font-size:var(--fs-meta);margin:0}.pd-page h1,.pd-page h2,.pd-page h3{font-family:var(--font-display);font-weight:700;color:var(--ink)}.pd-page h1{font-size:clamp(40px,5vw,56px);line-height:var(--lh-display);margin:var(--sp-3) 0}.pd-page h2{font-size:var(--fs-h2);line-height:var(--lh-heading);margin:0 0 var(--sp-4)}.pd-page h3{font-size:var(--fs-h3);margin:0 0 var(--sp-3)}.pd-lead{font-size:var(--fs-lead);margin:0;max-width:620px}.pd-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-block:var(--sp-6) 0}.pd-disclosure,.pd-note{color:var(--ink-soft);font-size:var(--fs-meta);margin-block:var(--sp-4) 0}.pd-page article>section{border-block-end:1px solid var(--line-gold);padding-block:var(--sp-12)}.pd-page p{margin-block:0 var(--sp-4)}.pd-page details{border-inline-start:2px solid var(--line-dash);padding-inline-start:var(--sp-4)}.pd-page summary{cursor:pointer;font-weight:700}.pd-model,.pd-compare{background:var(--slip);border:1px solid var(--line-gold);border-radius:var(--r-row);padding:var(--sp-4)}.pd-compare{display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.pd-compare p{margin:0}.pv-figure{background:var(--slip);border:1px solid var(--line-gold);border-radius:var(--r-surface);margin:var(--sp-6) 0;padding:var(--sp-5);text-align:left}.pv-figure h3{font-family:var(--font-en);font-size:var(--fs-h3);line-height:var(--lh-en)}.pv-overview,.pv-figure figcaption{color:var(--ink-soft);font-size:var(--fs-meta);line-height:var(--lh-en)}.pv-flow,.pv-branch{display:grid;gap:var(--sp-4);list-style:none;margin:var(--sp-6) 0;padding:0}.pv-flow{grid-template-columns:repeat(6,minmax(0,1fr))}.pv-flow li,.pv-branch li{display:grid;gap:var(--sp-2);grid-template-rows:auto 52px auto;position:relative}.pv-flow li:not(:last-child)::after{border-block-start:2px solid var(--ink);content:"";inset-inline-start:calc(100% + 2px);position:absolute;top:42px;width:calc(var(--sp-4) - 4px)}.pv-flow li:not(:last-child)::before{border-block:5px solid transparent;border-inline-start:7px solid var(--ink);content:"";inset-inline-start:calc(100% + var(--sp-3));position:absolute;top:37px}.pv-flow b,.pv-branch b{align-items:center;background:var(--ink);border-radius:var(--r-chip);color:var(--paper);display:flex;font-size:var(--fs-meta);height:24px;justify-content:center;width:24px}.pv-flow span:last-child,.pv-branch span:last-child{font-size:13px;line-height:1.5}.pv-paper,.pv-sort,.pv-pulp,.pv-sheet,.pv-box,.pv-pack,.pv-bottle,.pv-wash,.pv-flakes,.pv-fill,.pv-tray{border:2px solid var(--ink);display:block;height:44px;position:relative;width:56px}.pv-paper::before,.pv-paper::after{border:1px solid var(--line-gold);content:"";height:32px;position:absolute;top:5px;width:18px}.pv-paper::before{inset-inline-start:8px;transform:rotate(-8deg)}.pv-paper::after{inset-inline-start:28px;transform:rotate(8deg)}.pv-sort::before,.pv-sheet::before{border:2px solid var(--ink);content:"";height:28px;inset:6px;position:absolute}.pv-pulp{background:var(--mark-highlight-band);border-radius:50% 42% 50% 46%;width:48px}.pv-sheet{transform:rotate(-5deg)}.pv-box{border-radius:2px 2px 12px 2px;transform:skewY(-8deg)}.pv-pack{background:var(--paper-rule);transform:skewX(-8deg)}.pd-question fieldset{border:1px solid var(--line-gold);border-radius:var(--r-row);display:grid;gap:var(--sp-2);margin:var(--sp-4) 0;padding:var(--sp-4)}.pd-question legend{font-weight:700}.pd-question label{align-items:center;border:1px solid var(--line-gold);border-radius:var(--r-control);cursor:pointer;display:flex;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3)}.pd-question label:has(input:checked){background:var(--mark-highlight-band);border-color:var(--ink)}.pd-feedback{background:var(--slip);border-inline-start:3px solid var(--ink);margin-block:var(--sp-4);padding:var(--sp-4)}.pd-feedback[data-state="right"]::before{content:"✓ ";font-weight:700}.pd-feedback[data-state="wrong"]::before{content:"✗ ";font-weight:700}.footer{padding-block:var(--sp-8)}.footer__brand{margin-inline-end:var(--sp-4)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:1024px){.pv-flow{grid-template-columns:1fr}.pv-flow li{grid-template-columns:24px 60px 1fr;grid-template-rows:auto}.pv-flow li:not(:last-child)::after{border-block-start:0;border-inline-start:2px solid var(--ink);height:var(--sp-4);inset-inline-start:11px;top:58px;width:0}.pv-flow li:not(:last-child)::before{border-block:5px solid transparent;border-block-start:7px solid var(--ink);border-inline-start:5px solid transparent;inset-inline-start:7px;top:calc(58px + var(--sp-4))}.pv-flow span:last-child{font-size:var(--fs-body)}}@media(max-width:768px){.header__inner{align-items:flex-start;flex-direction:column}.pd-page article>section{padding-block:var(--sp-8)}.pd-hero{padding-block:var(--sp-12)}}@media(max-width:600px){.pd-wrap{padding-inline:20px}.pd-page h1{font-size:40px}.pd-compare{grid-template-columns:1fr}.pd-actions .fm-action{width:100%}.header nav,.footer nav{gap:var(--sp-2)}}@media(prefers-reduced-motion:reduce){.pd-page *{scroll-behavior:auto!important;transition:none!important}}@media print{body.pd-page{font-size:16px}.header,.pd-toc,.pd-actions,.pd-related,#blindspot,#drill,#tense,.pd-skip{display:none}.pd-page article>section{break-inside:avoid;padding-block:12mm}.pv-flow{grid-template-columns:repeat(3,1fr)}.pv-flow li:nth-child(3)::after,.pv-flow li:nth-child(3)::before{display:none}.footer{display:block;position:fixed;bottom:0;inset-inline:0;background:var(--paper);border-block-start:1px solid var(--line-gold);padding:4mm 0}.footer nav,.footer span{display:none}@page{margin:14mm 14mm 23mm}}

@media (min-width:1025px){.pd-lesson .pd-hero{padding-block:72px}.pd-lesson .pd-hero .pd-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,520px);column-gap:64px;align-items:start;max-width:1120px}.pd-lesson .pd-hero .pd-kicker,.pd-lesson .pd-hero h1,.pd-lesson .pd-hero .pd-lead,.pd-lesson .pd-hero .pd-actions,.pd-lesson .pd-hero .pd-disclosure{grid-column:1}.pd-lesson .pd-hero .pv-figure{align-self:center;grid-column:2;grid-row:1 / span 5;margin:0}.pd-lesson .pd-hero .pv-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-lesson .pd-hero .pv-flow li:nth-child(3)::after,.pd-lesson .pd-hero .pv-flow li:nth-child(3)::before{display:none}.pd-lesson .pd-hero .pv-flow li{min-height:132px}.pd-lesson .pd-hero .pv-flow span:last-child{font-size:13px}}

/* One continuous material path at every width; never a disconnected card grid. */
@media screen{
 .pd-lesson .pd-hero .pv-flow{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}
 .pd-lesson .pd-hero .pv-flow li{display:grid;grid-template-columns:24px 60px minmax(0,1fr);grid-template-rows:auto;align-items:center;column-gap:var(--sp-3);min-height:56px}
 .pd-lesson .pd-hero .pv-flow li::before,.pd-lesson .pd-hero .pv-flow li::after{display:none}
 .pd-lesson .pd-hero .pv-flow .pv-label{font-size:var(--fs-meta);line-height:var(--lh-en)}
 .pd-lesson .pd-hero .pv-flow .pv-edge{position:absolute;left:63px;bottom:calc(-1 * var(--sp-6));height:var(--sp-6);width:0;border-left:2px solid var(--ink);display:block}
 .pd-lesson .pd-hero .pv-edge::after{content:"";position:absolute;left:-5px;bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ink)}
 .pd-lesson .pd-hero .pv-figure{margin-block:0}
 .pd-question,.pd-question fieldset{direction:ltr;text-align:left}
 .pd-question label{grid-template-columns:24px minmax(0,1fr);align-items:center}
 .pd-question input{min-height:0;height:20px;width:20px}
 .header{position:static}
 [hidden]{display:none!important}
 .pd-page [id]{scroll-margin-top:var(--sp-6)}
}

/* Grouped opening keeps natural copy spacing alongside the figure. */
@media screen and (min-width:1025px){.pd-page .pd-hero .pd-wrap{align-items:center}.pd-page .pd-hero-copy{grid-column:1;grid-row:1}.pd-page .pd-hero .pv-figure{grid-row:1}}