:root{--ink:#172126;--muted:#536168;--paper:#f3f5f2;--panel:#fff;--line:#c8d0cc;--green:#1d604e;--red:#913d34;--blue:#255d79;--gold:#d2a21e;--dark:#1c2928}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#075e58;text-underline-offset:3px}a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:10px}.mast{background:var(--dark);color:#fff}.inner,.nav div,main,.foot{width:min(1120px,calc(100% - 32px));margin:auto}.inner{padding:12px 0;display:flex;justify-content:space-between;gap:18px}.brand{font:700 1.35rem Georgia,serif}.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.nav div{display:flex;gap:19px;overflow:auto;white-space:nowrap;padding:10px 0}.nav a{text-decoration:none;font-weight:760;font-size:.84rem}h1,h2,h3{font-family:Georgia,serif;line-height:1.16;letter-spacing:0}h1{font-size:clamp(2.35rem,5vw,4.55rem);margin:.15em 0 .24em}h2{font-size:2.05rem;margin:0}h3{font-size:1.28rem}.first{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:26px 0 28px}.eyebrow,.kicker,.lane{color:var(--red);font-weight:820;text-transform:uppercase;font-size:.75rem;margin:0 0 7px}.lede{font-size:1.08rem;line-height:1.52}.hero{margin:0}.hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}.hero figcaption,.table-note{font-size:.8rem;color:var(--muted);margin-top:7px}.first-actions{border-left:4px solid var(--green);padding-left:14px}.first-actions p{margin:.42rem 0}.section{padding:44px 0;border-top:1px solid var(--line)}.section-head{margin-bottom:18px;max-width:800px}.definitions,.picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.definition,.pick,.sequence article,.check-panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:18px}.definition h3,.pick h3,.sequence h3,.check-panel h3{margin:0 0 10px}.definition p{margin:.42rem 0}.method{max-width:860px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:4px}table{border-collapse:collapse;width:100%;min-width:940px}caption{text-align:left;font-weight:800;padding:12px;background:#e4ede8}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px}thead th{background:#eef2ef;border-top:0}small{color:var(--muted)}.pick{border-top:5px solid var(--green)}.pick ul{padding-left:1.25rem}.avoid{border-left:4px solid var(--red);padding-left:11px}.utility{background:#e5eeea;padding-left:max(16px,calc((100vw - 1120px)/2));padding-right:max(16px,calc((100vw - 1120px)/2));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.room-grid{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:28px;align-items:center}.diagram{position:relative;aspect-ratio:1;background:#fff;border:2px solid var(--blue);padding:10%;overflow:hidden}.zone{height:100%;border:2px dashed var(--red);display:grid;place-items:center;position:relative}.base-circle{width:42%;aspect-ratio:1;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:850}.zone-label{position:absolute;left:8px;top:7px;right:8px;font-size:.75rem;color:var(--red);font-weight:750}.door-swing{position:absolute;right:-2px;bottom:15%;width:36%;height:36%;border-top:4px solid var(--gold);border-left:4px solid var(--gold);border-radius:100% 0 0 0;font-size:.72rem;padding:7px}.sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sequence span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:850}.warning{border-left:5px solid var(--red);background:#fff;padding:14px}.audition{background:#edf0f3;padding-left:max(16px,calc((100vw - 1120px)/2));padding-right:max(16px,calc((100vw - 1120px)/2));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.audition-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-panel label{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;margin:12px 0}.check-panel input{width:19px;height:19px;margin-top:4px}.result{margin-top:16px;background:#fff;border-left:5px solid var(--blue);padding:15px}.result.complete{border-left-color:var(--green)}.noscript{background:#fff;border:2px solid var(--red);padding:12px}.no-bag{max-width:880px}.details{min-width:1060px}.source-list{columns:2;column-gap:36px}.source-list li{break-inside:avoid;margin-bottom:.55rem}.correction-note{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.footer{background:var(--dark);color:#dce5e2}.foot{display:flex;justify-content:space-between;gap:18px;padding:23px 0;font-size:.88rem}@media(max-width:760px){body{font-size:16px}.inner span{display:none}.nav div{white-space:normal;flex-wrap:wrap;gap:7px 14px;padding:8px 0}.nav a{font-size:.78rem}.first{grid-template-columns:1fr;padding-top:14px;gap:12px}.hero{grid-row:1}.hero img{max-height:168px}h1{font-size:2.28rem}.section{padding:31px 0}.definitions,.picks,.sequence,.audition-grid,.room-grid{grid-template-columns:1fr}.diagram{width:min(100%,390px);margin:auto}.source-list{columns:1}.foot{display:block}.details{min-width:0}.details caption{display:block;width:100%}.details thead{display:none}.details,.details tbody,.details tr,.details th,.details td{display:block;width:100%}.details tr{border-top:3px solid var(--green);padding:9px}.details th,.details td{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);gap:9px;padding:9px 4px;overflow-wrap:anywhere}.details th:before,.details td:before{content:attr(data-label);font-weight:800;color:var(--muted)}.details th[data-product-detail=product]{display:block;font:700 1.08rem Georgia,serif}.details th[data-product-detail=product]:before{content:""}}@media(max-width:420px){.inner,.nav div,main,.foot{width:min(100% - 24px,1120px)}.details th,.details td{grid-template-columns:minmax(102px,36%) minmax(0,1fr);font-size:.91rem}.zone-label{font-size:.68rem}}
