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{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.header a,.footer 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);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{color:var(--ink);font-family:var(--font-display);font-weight:700}.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)}.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-branch{display:grid;gap:var(--sp-5);grid-template-columns:repeat(3,1fr);list-style:none;margin:var(--sp-6) 0;padding:0}.pv-branch li{display:grid;gap:var(--sp-2);grid-template-rows:auto 52px auto;position:relative}.pv-branch li:nth-child(1),.pv-branch li:nth-child(2),.pv-branch li:nth-child(3),.pv-branch li:nth-child(6){grid-column:1 / -1}.pv-branch li:nth-child(1)::after,.pv-branch li:nth-child(2)::after{border-inline-start:2px solid var(--ink);content:"";height:var(--sp-5);inset-inline-start:11px;position:absolute;top:58px}.pv-branch li:nth-child(3)::before{border-block-end:2px solid var(--ink);content:"";inset-inline:18%;position:absolute;top:62px}.pv-branch li:nth-child(3)::after{border-inline:2px solid var(--ink);border-block-start:0;content:"";height:var(--sp-5);inset-inline:18%;position:absolute;top:62px}.pv-branch li:nth-child(6)::before{border-block-start:2px solid var(--ink);content:"";inset-inline:18%;position:absolute;top:-20px}.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-branch span:last-child{font-size:13px;line-height:1.5}.pv-bottle,.pv-wash,.pv-flakes,.pv-fill,.pv-tray,.pv-pack{border:2px solid var(--ink);display:block;height:44px;position:relative;width:56px}.pv-bottle{border-radius:4px 4px 14px 14px;width:30px}.pv-bottle::before{border:2px solid var(--ink);border-block-end:0;content:"";height:10px;inset-inline-start:6px;position:absolute;top:-12px;width:14px}.pv-wash{border-radius:4px 4px 14px 14px;width:30px}.pv-wash::after{background:var(--mark-highlight-band);border:2px solid var(--ink);border-radius:50%;content:"";height:13px;inset-inline-start:28px;position:absolute;top:-6px;width:13px}.pv-flakes{border-radius:45%;transform:rotate(-5deg)}.pv-fill{background:var(--paper);border-radius:50%}.pv-tray{border-radius:3px 3px 12px 3px;transform:skewX(-8deg)}.pv-pack{background:var(--paper-rule);transform:skewX(-8deg)}form{display:grid;gap:var(--sp-4)}label{display:grid;gap:var(--sp-2);font-weight:600}textarea{background:var(--slip);border:1px solid var(--line-gold);border-radius:var(--r-control);color:var(--ink);font:inherit;font-size:16px;min-height:112px;padding:var(--sp-3);resize:vertical}.pd-check{align-items:center;display:flex;font-weight:500;gap:var(--sp-2)}.pd-key{background:var(--slip)}#answer-key{border-inline-start:2px solid var(--line-dash);padding-inline-start:var(--sp-4)}#answer-key summary{cursor:pointer;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-branch{grid-template-columns:repeat(2,1fr)}.pv-branch li:nth-child(3)::before,.pv-branch li:nth-child(3)::after,.pv-branch li:nth-child(6)::before{display:none}}@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-actions .fm-action{width:100%}.pv-branch{grid-template-columns:1fr}.pv-branch li:nth-child(4),.pv-branch li:nth-child(5){grid-column:1}.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-ebook{font-size:16px}.header,.pd-toc,.pd-actions,.pd-skip,#train-it,#stest{display:none}.pd-page article>section{break-before:page;break-inside:avoid;padding-block:12mm}.pd-hero{break-before:auto}.pv-branch{grid-template-columns:repeat(2,1fr)}.footer{background:var(--paper);border-block-start:1px solid var(--line-gold);bottom:0;display:block;inset-inline:0;padding:4mm 0;position:fixed}.footer nav,.footer span{display:none}@page{margin:14mm 14mm 23mm}}

/* Explicit split and merge survive all screen widths. Print has its own exact diagram. */
@media screen{
 .pd-ebook .pv-branch{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-6);row-gap:var(--sp-12)}
 .pd-ebook .pv-branch 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-ebook .pv-branch li::before,.pd-ebook .pv-branch li::after{display:none}
 .pd-ebook .pv-branch li:nth-child(4){grid-column:1}
 .pd-ebook .pv-branch li:nth-child(5){grid-column:2}
 .pd-ebook .pv-branch li:nth-child(4),.pd-ebook .pv-branch li:nth-child(5){grid-template-columns:24px minmax(0,1fr);grid-template-rows:52px auto;align-items:start}
 .pd-ebook .pv-branch li:nth-child(4) .pv-label,.pd-ebook .pv-branch li:nth-child(5) .pv-label{grid-column:1/-1}
 .pd-ebook .pv-branch .pv-label{font-size:var(--fs-meta);line-height:var(--lh-en)}
 .pd-ebook .pv-edge{display:block;position:absolute;width:0;border:0;padding:0;height:var(--sp-12)}
 .pd-ebook .pv-e1-2,.pd-ebook .pv-e2-3{left:63px;bottom:calc(-1 * var(--sp-12));border-left:2px solid var(--ink)}
 .pd-ebook .pv-e1-2::after,.pd-ebook .pv-e2-3::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-ebook .pv-branch li:nth-child(3)::after{display:block;content:"";position:absolute;left:50%;top:100%;height:var(--sp-6);width:0;border-left:2px solid var(--ink);border-right:0}
 .pd-ebook .pv-e3-4,.pd-ebook .pv-e3-5{top:calc(-1 * var(--sp-6));height:var(--sp-6);width:calc(50% + 12px);border-top:2px solid var(--ink)}
 .pd-ebook .pv-e3-4{left:50%;border-left:2px solid var(--ink)}
 .pd-ebook .pv-e3-5{right:50%;border-right:2px solid var(--ink)}
 .pd-ebook .pv-e3-4::after,.pd-ebook .pv-e3-5::after{content:"";position:absolute;bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ink)}
 .pd-ebook .pv-e3-4::after{left:-5px}.pd-ebook .pv-e3-5::after{right:-5px}
 .pd-ebook .pv-e4-6,.pd-ebook .pv-e5-6{top:calc(-1 * var(--sp-12));height:var(--sp-6);width:25%;border-bottom:2px solid var(--ink)}
 .pd-ebook .pv-e4-6{left:25%;border-left:2px solid var(--ink)}
 .pd-ebook .pv-e5-6{right:25%;border-right:2px solid var(--ink)}
 .pd-ebook .pv-branch li:nth-child(6)::before{display:block;content:"";position:absolute;left:50%;top:calc(-1 * var(--sp-6));height:var(--sp-6);width:0;border-left:2px solid var(--ink);border-top:0}
 .pd-ebook .pv-branch li:nth-child(6)::after{display:block;content:"";position:absolute;left:calc(50% - 4px);top:-6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ink)}
 .pd-ebook .pd-hero .pv-figure{margin-block:var(--sp-6) 0}
 .header{position:static}[hidden]{display:none!important}
 .pd-page [id]{scroll-margin-top:var(--sp-6)}
 #reset-confirmation{padding:var(--sp-4);border:1px solid var(--ink)}
 #reset-confirmation button{background:var(--slip);color:var(--ink);border:1px solid var(--ink);padding:var(--sp-3);font:inherit;margin-inline-end:var(--sp-3);min-height:44px}
}
@media screen and (min-width:1025px){
 .pd-ebook .pd-hero .pd-wrap{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4) var(--sp-10);align-items:start}
 .pd-ebook .pd-hero .pd-kicker,.pd-ebook .pd-hero h1,.pd-ebook .pd-hero .pd-lead,.pd-ebook .pd-hero .pd-actions,.pd-ebook .pd-hero .pd-disclosure{grid-column:1}
 .pd-ebook .pd-hero .pv-figure{grid-column:2;grid-row:1/span 5;margin:0}
}

/* 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}}