/* Embedded teaching modules only. Page shell/type/outline/footer inherit guide_rich_base. */
.sw-guide{--paper:#fff;--ink:#303030;--muted:#6d6d6d;--line:#d9d2e2;--purple:#643995;--pink:#a9296c;--wash:#f1eafb;--soft:#faf7fd}
.sw-guide [hidden]{display:none!important}
.sw-guide .node-tabs button,.sw-guide .checklist input,.sw-guide #reset-checks{font:inherit}
.sw-guide .node-tabs button,.sw-guide #reset-checks{cursor:pointer}
.sw-guide .node-tabs button:focus-visible,.sw-guide .checklist input:focus-visible,.sw-guide .node-panel:focus-visible,.sw-guide #reset-checks:focus-visible{outline:2px solid #643995;outline-offset:4px}
.sw-guide .opening-diagram{background:var(--paper);border:1px solid var(--line);padding:28px 28px 23px;box-shadow:0 12px 32px #35305005}
.sw-guide .diagram-labels{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--purple);margin-bottom:24px}
.sw-guide .hero-transform{display:grid;grid-template-columns:1fr 85px 1.4fr;gap:12px;align-items:center}
.sw-guide .hero-tree{font-size:15px}
.sw-guide .hero-tree>b{font-size:19px;display:block;margin-bottom:18px}
.sw-guide .hero-tree ul{list-style:none;padding-left:18px;margin:0}
.sw-guide .hero-tree>ul{padding-left:0}
.sw-guide .hero-tree li{border-left:1px solid var(--line);padding:9px 0 9px 17px;position:relative;line-height:1.5}
.sw-guide .hero-tree li:before{content:'';position:absolute;left:0;top:21px;width:10px;border-top:1px solid var(--line)}
.sw-guide .hero-tree li ul{padding-top:6px}
.sw-guide .mark{display:inline-grid;place-items:center;min-width:20px;height:20px;font-size:10px;font-weight:650;line-height:1;border:1px solid currentColor;color:var(--purple);margin-right:5px;border-radius:50%}
.sw-guide .research, .sw-guide .research .mark{color:var(--pink)}
.sw-guide .hero-connections{display:flex;flex-direction:column;gap:70px;align-items:center;color:var(--purple);font:12px ui-monospace,monospace}
.sw-guide .hero-connections span:last-child{color:var(--pink)}
.sw-guide .hero-screen{border:1px solid #9184b6;background:var(--paper);box-shadow:8px 8px 0 var(--wash)}
.sw-guide .screen-top{display:flex;gap:20px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line);font-size:12px}
.sw-guide .screen-top b{color:var(--purple)}
.sw-guide .screen-top .mark{margin-right:0}
.sw-guide .screen-body{padding:18px}
.sw-guide .listing-image{background:var(--wash);height:100px;margin-bottom:20px}
.sw-guide .listing-image svg{width:100%;height:100%}
.sw-guide .listing-image svg:not(.iso-room) path{fill:none;stroke:#b1a3d5;stroke-width:1.5}
.sw-guide .screen-body .hero-listing-name{font-size:20px}
.sw-guide .screen-body .hero-listing-name .mark{vertical-align:middle}
.sw-guide .ghost-lines{height:40px;margin-top:18px;background:linear-gradient(var(--line),var(--line)) left top/90% 1px no-repeat,linear-gradient(var(--line),var(--line)) left 13px/67% 1px no-repeat}
.sw-guide .requirements{border-left:2px solid var(--pink);background:#ac3b7d06;padding:12px 10px;display:flex;gap:8px;color:var(--pink);align-items:start}
.sw-guide .requirements .mark{color:var(--pink);margin-top:3px;flex-shrink:0}
.sw-guide .requirements b{font-size:14px}
.sw-guide .requirements small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.sw-guide .drawing-button{display:inline-block;background:var(--wash);padding:7px 13px;font-size:11px;margin-top:15px}
.sw-guide .hero-annotations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:28px 0 17px}
.sw-guide .hero-annotations p{font-size:12px;margin:0}
.sw-guide .hero-annotations .mark{min-width:18px;height:18px}
.sw-guide .opening-diagram figcaption{font-size:12px;color:var(--muted)}
.sw-guide .translation-poster{padding:28px 35px;background:var(--soft)}
.sw-guide .poster-label{display:grid;grid-template-columns:1fr 1.55fr;gap:62px;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-bottom:10px}
.sw-guide .translation-row{display:grid;grid-template-columns:1fr 45px 1.55fr;gap:16px;align-items:center;padding:25px 0;min-height:150px;border-bottom:1px solid var(--line)}
.sw-guide .translation-from{display:flex;align-items:center;gap:24px}
.sw-guide .translation-from svg{width:95px;flex-shrink:0}
.sw-guide .translation-to{display:flex;align-items:center;gap:26px}
.sw-guide .translation-to svg{width:155px;flex-shrink:0}
.sw-guide .translation-row svg{fill:none;stroke:#9886c4;stroke-width:1.6;overflow:visible}
.sw-guide .translation-row circle, .sw-guide .translation-row .solid{fill:var(--purple);stroke:var(--purple)}
.sw-guide .translation-row .emphasis{stroke:var(--purple);fill:#6743c907}
.sw-guide .row-04 .emphasis{stroke:var(--pink);fill:#a9296c08}
.sw-guide .row-04 circle{fill:var(--pink);stroke:var(--pink)}
.sw-guide .translation-row h3{font-size:23px}
.sw-guide .translation-to p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:9px}
.sw-guide .translation-arrow{font-size:30px;color:var(--purple)}
.sw-guide .row-04 .translation-arrow, .sw-guide .row-04 .translation-from h3{color:var(--pink)}
.sw-guide .poster-foot{font-size:11px;color:var(--purple);display:flex;justify-content:space-between;gap:25px;padding-top:20px}
.sw-guide .poster-foot span{color:var(--muted)}
.sw-guide .evidence-sheet, .sw-guide .priority-sheet{border-top:2px solid var(--purple);background:var(--paper);padding:26px 30px}
.sw-guide .sheet-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:28px}
.sw-guide .sheet-heading b{font-size:19px}
.sw-guide .sheet-heading>span{font-size:12px;color:var(--muted)}
.sw-guide .evidence-head{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:12px;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.sw-guide .evidence-head b{color:var(--pink)}
.sw-guide .evidence-entry{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.sw-guide .evidence-entry h3{font-size:16px;margin-bottom:14px;color:var(--purple)}
.sw-guide .evidence-entry>div{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.sw-guide .evidence-entry p{font-size:14px;line-height:1.7;margin:0}
.sw-guide .evidence-entry p:last-child{color:var(--pink)}
.sw-guide .evidence-entry small{display:none}
.sw-guide .synthesis{font-size:12px!important;color:var(--muted)}
.sw-guide .translator-workbench{display:grid;grid-template-columns:185px minmax(0,1fr);gap:38px;margin-top:40px}
.sw-guide .node-tabs{display:flex;flex-direction:column;align-self:start;gap:3px}
.sw-guide .node-tabs button{border:0;text-align:left;padding:12px 11px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;border-left:2px solid transparent}
.sw-guide .node-tabs button span{font-size:12px;color:var(--purple)}
.sw-guide .node-tabs button[aria-selected=true]{background:var(--paper);border-left-color:var(--purple);color:var(--purple);font-weight:600}
.sw-guide .node-tabs button:hover{background:var(--wash)}
.sw-guide .node-panel+.node-panel{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.sw-guide .node-panel[hidden]+.node-panel{margin:0;padding:0;border:0}
.sw-guide .node-description h3{font-size:36px;color:var(--purple);margin-bottom:13px}
.sw-guide .node-description>p{font-size:19px;max-width:680px}
.sw-guide .node-questions{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:21px 0 30px}
.sw-guide .node-questions p{font-size:13px;color:var(--muted);margin:0}
.sw-guide .candidate-sketches{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.sw-guide .candidate-sketches figcaption{margin-top:18px}
.sw-guide .candidate-sketches h4{font-size:21px}
.sw-guide .candidate-sketches figcaption p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}
.sw-guide .choose-based{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.sw-guide .choose-based b{font-size:10px;letter-spacing:.09em;color:var(--purple)}
.sw-guide .choose-based p{font-size:13px;margin-top:7px}
.sw-guide .sketch{display:block;width:100%;height:auto;background:var(--paper)}
.sw-guide .sketch text{font-size:13px;font-family:inherit;fill:var(--ink)}
.sw-guide .sketch .canvas{fill:var(--paper);stroke:#a99bc5}
.sw-guide .sketch .rule{fill:none;stroke:#b8accb;stroke-width:1.1}
.sw-guide .sketch .wash{fill:var(--wash)}
.sw-guide .sketch .field{fill:var(--paper);stroke:#b8accb;stroke-width:1}
.sw-guide .sketch .accent{fill:var(--purple)}
.sw-guide .sketch .accent-fill{fill:var(--purple)}
.sw-guide .sketch .evidence-fill{fill:var(--pink)}
.sw-guide .sketch .accent-line{fill:none;stroke:var(--purple);stroke-width:1.6}
.sw-guide .sketch .inverse{fill:var(--paper)}
.sw-guide .sketch .dot{fill:#b8accb}
.sw-guide .navigation-sheet{padding:26px 30px;background:var(--paper);border-top:2px solid var(--purple)}
.sw-guide .navigation-head{display:grid;grid-template-columns:1fr 1.7fr;gap:75px;font-size:10px;letter-spacing:.09em;color:var(--muted);padding-bottom:12px}
.sw-guide .navigation-row{display:grid;grid-template-columns:1fr 25px 95px 1.3fr;gap:23px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.sw-guide .navigation-row h3{font-size:18px;line-height:1.4}
.sw-guide .navigation-row p{font-size:13px;color:var(--muted);margin-top:9px}
.sw-guide .nav-arrow{font-size:25px;color:var(--purple)}
.sw-guide .nav-mini{width:95px;height:70px;border:1px solid #a99bc5;padding:9px;position:relative;display:flex;gap:5px;background:var(--soft)}
.sw-guide .nav-mini i{background:#d0c3ee;height:6px;width:15px}
.sw-guide .nav-mini.tabs:after{content:'';position:absolute;left:9px;top:30px;width:72px;height:22px;background:var(--paper)}
.sw-guide .nav-mini.sidebar{flex-direction:column}
.sw-guide .nav-mini.sidebar i{width:19px}
.sw-guide .nav-mini.sidebar:after{content:'';position:absolute;left:38px;top:9px;width:45px;height:50px;background:var(--paper)}
.sw-guide .nav-mini.menu, .sw-guide .nav-mini.hub{display:grid;grid-template-columns:1fr 1fr}
.sw-guide .nav-mini.menu i, .sw-guide .nav-mini.hub i{width:100%;height:18px}
.sw-guide .nav-mini.menu i{height:12px;border-bottom:5px solid var(--paper)}
.sw-guide .nav-mini.local{flex-direction:column}
.sw-guide .nav-mini.local i{width:40px}
.sw-guide .nav-mini.local i:nth-child(2){margin-left:8px}
.sw-guide .nav-mini.local i:nth-child(3){margin-left:16px}
.sw-guide .nav-mini.local i:nth-child(4){margin-left:24px}
.sw-guide .also-consider{display:flex;gap:25px;padding-top:24px;align-items:baseline}
.sw-guide .also-consider b{font-size:10px;color:var(--purple);white-space:nowrap}
.sw-guide .also-consider p{font-size:12px;color:var(--muted)}
.sw-guide .priority-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.sw-guide .priority-columns>div{padding-top:17px;border-top:1px solid var(--line)}
.sw-guide .priority-columns>div:first-child{border-top:3px solid var(--purple);padding-top:15px}
.sw-guide .priority-columns>div:nth-child(2){border-top:2px solid #a28bce;padding-top:16px}
.sw-guide .priority-columns>div>span{font-size:12px;font-weight:600;color:var(--purple);letter-spacing:.1em}
.sw-guide .priority-columns h3{font-size:20px;margin-top:14px}
.sw-guide .priority-columns ul{list-style:none;padding:0;margin:15px 0}
.sw-guide .priority-columns li{font-size:15px;padding:9px 0}
.sw-guide .shared-branch{display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px;color:var(--muted);margin:32px 0}
.sw-guide .shared-branch b{color:var(--purple)}
.sw-guide .layout-alternatives{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.sw-guide .layout-alternatives figcaption{display:flex;gap:13px;margin-top:22px}
.sw-guide .layout-alternatives figcaption>span{font-size:11px;color:var(--purple);padding-top:4px}
.sw-guide .layout-alternatives h3{font-size:23px}
.sw-guide .layout-alternatives p{font-size:14px;color:var(--muted);margin-top:10px}
.sw-guide .layout-takeaway{font-size:22px;letter-spacing:-.02em;text-align:center;margin-top:40px}
.sw-guide .layout-takeaway span{color:var(--purple);padding-inline:12px}
.sw-guide .task-title{display:flex;gap:17px;align-items:center;margin:30px 0}
.sw-guide .task-title>span{color:var(--pink);font-size:12px;border-bottom:2px solid var(--pink);padding:4px}
.sw-guide .task-title h3{font-size:23px}
.sw-guide .storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.sw-guide .storyboard figure{position:relative}
.sw-guide .storyboard figure:not(:last-child):after{content:'→';position:absolute;right:-29px;top:46%;font-size:24px;color:var(--purple)}
.sw-guide .frame-title{display:flex;gap:11px;align-items:center;margin-bottom:17px;min-height:45px}
.sw-guide .frame-title span{font-size:12px;color:var(--purple)}
.sw-guide .frame-title h3{font-size:19px}
.sw-guide .storyboard figcaption{font-size:14px;color:var(--muted);margin-top:18px}
.sw-guide .observation-link{display:grid;grid-template-columns:1fr 35px 1fr;gap:24px;align-items:center;margin-top:32px;padding:25px 30px;background:var(--soft)}
.sw-guide .observation-link p{font-size:14px;margin:0}
.sw-guide .observation-link b{display:block;font-size:10px;letter-spacing:.05em;color:var(--pink);margin-bottom:9px}
.sw-guide .observation-link>span{font-size:27px;color:var(--pink)}
.sw-guide .retest-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:32px;background:var(--soft)}
.sw-guide .retest-sheet span{font-size:10px;letter-spacing:.06em;color:var(--purple);font-weight:600}
.sw-guide .retest-sheet h3{font-size:23px;margin:15px 0}
.sw-guide .retest-sheet p{font-size:15px;color:var(--muted)}
.sw-guide .signal-sheet{background:var(--paper);padding:24px 30px;border-top:2px solid var(--purple)}
.sw-guide .signal-head, .sw-guide .signal-row{display:grid;grid-template-columns:.9fr 1.2fr 1.5fr;gap:32px}
.sw-guide .signal-head{font-size:10px;color:var(--muted);letter-spacing:.05em;padding-bottom:18px}
.sw-guide .signal-row{border-top:1px solid var(--line);padding:23px 0}
.sw-guide .signal-row h3{font-size:18px;line-height:1.4}
.sw-guide .signal-row p{font-size:14px;line-height:1.65;margin:0}
.sw-guide .signal-row p:first-of-type{color:var(--muted)}
.sw-guide .check-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:15px}
.sw-guide .check-heading h2{margin:0}
.sw-guide .check-progress{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.sw-guide .check-progress strong{font-size:26px;color:var(--purple);font-weight:500}
.sw-guide .check-progress>span{font-size:12px;color:var(--muted)}
.sw-guide .checklist{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:30px}
.sw-guide .checklist label{display:flex;align-items:start;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}
.sw-guide .checklist input{flex-shrink:0;width:18px;height:18px;margin-top:4px;accent-color:var(--purple)}
.sw-guide .checklist label:has(input:checked)>span{color:var(--muted);text-decoration:line-through}
.sw-guide .check-foot{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:var(--muted)}
.sw-guide .check-foot button{border:0;text-decoration:underline;font-size:12px}
@media(max-width:950px){
.sw-guide .hero-transform{grid-template-columns:1fr 35px 1.3fr;gap:10px}
.sw-guide .hero-connections{font-size:0}
.sw-guide .hero-connections span:after{content:'→';font-size:23px}
.sw-guide .hero-tree{font-size:13px}
.sw-guide .hero-tree ul{padding-left:9px}
.sw-guide .hero-tree li{padding-left:11px}
.sw-guide .hero-tree li:before{width:7px}
.sw-guide .screen-top{gap:12px;padding:11px;font-size:10px}
.sw-guide .screen-body{padding:13px}
.sw-guide .screen-body .hero-listing-name{font-size:17px}
.sw-guide .requirements b{font-size:12px}
.sw-guide .hero-annotations{gap:12px}
.sw-guide .translation-poster{padding-inline:24px}
.sw-guide .translation-row{grid-template-columns:1fr 30px 1.4fr;gap:12px}
.sw-guide .translation-from{gap:15px}
.sw-guide .translation-from svg{width:70px}
.sw-guide .translation-to{gap:18px}
.sw-guide .translation-to svg{width:120px}
.sw-guide .translation-row h3{font-size:20px}
.sw-guide .translator-workbench{grid-template-columns:155px minmax(0,1fr);gap:25px}
.sw-guide .candidate-sketches{grid-template-columns:1fr}
.sw-guide .candidate-sketches figure{max-width:580px}
.sw-guide .node-tabs button{font-size:13px}
.sw-guide .node-questions{grid-template-columns:1fr;gap:10px}
.sw-guide .layout-alternatives{grid-template-columns:1fr;gap:32px}
.sw-guide .layout-alternatives figure{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center}
.sw-guide .layout-alternatives figcaption{margin:0}
.sw-guide .storyboard{gap:27px}
.sw-guide .storyboard figure:not(:last-child):after{right:-23px;font-size:20px}
.sw-guide .frame-title h3{font-size:17px}
.sw-guide .navigation-row{grid-template-columns:1fr 20px 80px 1.2fr;gap:16px}
.sw-guide .nav-mini{width:80px}
.sw-guide .nav-mini.sidebar:after{width:30px}
.sw-guide .nav-mini.tabs:after{width:60px}
.sw-guide .signal-row, .sw-guide .signal-head{gap:22px}
.sw-guide .priority-columns{gap:24px}
.sw-guide .retest-sheet{gap:24px;padding:26px}
.sw-guide .retest-sheet h3{font-size:21px}
}
@media(max-width:650px){
.sw-guide .opening-diagram{padding:21px 16px}
.sw-guide .diagram-labels{display:block;font-size:10px}
.sw-guide .diagram-labels span+span{display:none}
.sw-guide .hero-transform{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.sw-guide .hero-tree{font-size:15px}
.sw-guide .hero-tree>b{font-size:18px}
.sw-guide .hero-tree ul{padding-left:15px}
.sw-guide .hero-tree li{padding-left:16px}
.sw-guide .hero-tree>ul{padding-left:0}
.sw-guide .hero-connections{display:block;text-align:center}
.sw-guide .hero-connections span{display:none}
.sw-guide .hero-connections:after{content:'↓  CANDIDATE INTERFACE';font-size:10px;letter-spacing:.06em;color:var(--purple)}
.sw-guide .screen-top{font-size:11px;padding:10px;gap:14px}
.sw-guide .listing-image{height:85px}
.sw-guide .screen-body .hero-listing-name{font-size:18px}
.sw-guide .requirements b{font-size:13px}
.sw-guide .requirements small{font-size:10px}
.sw-guide .hero-annotations{grid-template-columns:1fr;gap:10px;margin-top:24px}
.sw-guide .hero-annotations p{font-size:12px}
.sw-guide .opening-diagram figcaption{font-size:11px}
.sw-guide .translation-poster{padding:23px 20px}
.sw-guide .poster-label{display:none}
.sw-guide .translation-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 0}
.sw-guide .translation-from{gap:20px}
.sw-guide .translation-from svg{width:68px;height:72px}
.sw-guide .translation-from h3{font-size:23px}
.sw-guide .translation-arrow{transform:rotate(90deg);align-self:center;font-size:24px;line-height:1}
.sw-guide .translation-to{gap:18px;align-items:center}
.sw-guide .translation-to svg{width:112px}
.sw-guide .translation-to h3{font-size:20px}
.sw-guide .translation-to p{font-size:12px}
.sw-guide .poster-foot{display:block;font-size:11px}
.sw-guide .poster-foot span{display:block;margin-top:6px}
.sw-guide .evidence-sheet, .sw-guide .priority-sheet, .sw-guide .navigation-sheet, .sw-guide .signal-sheet{padding:23px 18px}
.sw-guide .sheet-heading{display:block}
.sw-guide .sheet-heading b{font-size:19px}
.sw-guide .sheet-heading>span{display:block;margin-top:5px;font-size:11px}
.sw-guide .evidence-head{display:none}
.sw-guide .evidence-entry h3{font-size:17px}
.sw-guide .evidence-entry>div{display:block}
.sw-guide .evidence-entry p+p{margin-top:15px}
.sw-guide .evidence-entry small{display:block;font-size:10px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;margin-bottom:5px}
.sw-guide .evidence-entry p{font-size:14px}
.sw-guide .translator-workbench{display:block;margin-top:25px}
.sw-guide .node-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin-bottom:30px}
.sw-guide .node-tabs button{font-size:12px;padding:12px 8px;min-height:44px}
.sw-guide .node-description h3{font-size:33px}
.sw-guide .node-description>p{font-size:18px}
.sw-guide .node-questions p{font-size:14px}
.sw-guide .candidate-sketches{gap:30px}
.sw-guide .candidate-sketches figcaption{margin-top:15px}
.sw-guide .choose-based p{font-size:13px}
.sw-guide .navigation-head{display:none}
.sw-guide .navigation-row{grid-template-columns:72px 1fr;gap:14px 19px}
.sw-guide .navigation-row>h3{grid-column:1/-1;font-size:19px}
.sw-guide .navigation-row .nav-arrow{display:none}
.sw-guide .navigation-row .nav-mini{width:72px}
.sw-guide .navigation-row>div:last-child h3{font-size:18px}
.sw-guide .navigation-row p{font-size:13px}
.sw-guide .nav-mini.sidebar:after{width:25px}
.sw-guide .nav-mini.local i{width:29px}
.sw-guide .nav-mini.tabs:after{width:50px}
.sw-guide .also-consider{display:block}
.sw-guide .also-consider p{margin-top:9px;font-size:13px}
.sw-guide .priority-columns{grid-template-columns:1fr;gap:24px}
.sw-guide .priority-columns h3{font-size:23px}
.sw-guide .priority-columns li{font-size:15px;padding-block:7px}
.sw-guide .priority-columns ul{margin-bottom:0}
.sw-guide .shared-branch{font-size:12px;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.sw-guide .layout-alternatives figure{display:block}
.sw-guide .layout-alternatives figcaption{margin-top:17px}
.sw-guide .layout-takeaway{font-size:19px}
.sw-guide .layout-takeaway span{padding-inline:4px}
.sw-guide .task-title{gap:12px}
.sw-guide .task-title h3{font-size:21px}
.sw-guide .storyboard{grid-template-columns:1fr;gap:39px}
.sw-guide .storyboard figure:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-30px}
.sw-guide .frame-title{min-height:0}
.sw-guide .frame-title h3{font-size:21px}
.sw-guide .storyboard figcaption{font-size:14px}
.sw-guide .observation-link{grid-template-columns:1fr;gap:12px;padding:23px}
.sw-guide .observation-link>span{transform:rotate(90deg);justify-self:center;font-size:23px}
.sw-guide .retest-sheet{grid-template-columns:1fr;gap:30px;padding:26px}
.sw-guide .retest-sheet h3{font-size:24px;margin:10px 0}
.sw-guide .retest-sheet p{font-size:15px}
.sw-guide .signal-head{display:none}
.sw-guide .signal-row{display:block;padding:24px 0}
.sw-guide .signal-row:first-of-type{border:0;padding-top:0}
.sw-guide .signal-row h3{font-size:21px;margin-bottom:16px}
.sw-guide .signal-row p{font-size:14px;margin-top:15px}
.sw-guide .signal-row p:before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.04em;color:var(--purple);text-transform:uppercase;margin-bottom:5px}
.sw-guide .check-heading{display:block}
.sw-guide .check-progress{margin-top:15px}
.sw-guide .checklist{grid-template-columns:1fr;margin-top:17px}
.sw-guide .checklist label{font-size:14px;padding-block:15px}
.sw-guide .check-foot{display:block}
.sw-guide .check-foot button{margin-top:12px;padding:0}
}
/* Fit the illustration to the unchanged native 740px article column. */
.sw-guide .opening-diagram{margin:26px 0;padding:22px 18px}
.sw-guide .diagram-labels{gap:30px}
.sw-guide .hero-transform{grid-template-columns:1fr 25px 1.3fr;gap:10px}
.sw-guide .hero-tree{font-size:13px}
.sw-guide .hero-tree ul{padding-left:10px;margin:0;list-style:none}
.sw-guide .hero-tree li{font-size:13px;margin:0;padding:8px 0 8px 12px}
.sw-guide .hero-tree>ul{padding-left:0}
.sw-guide .hero-connections{font-size:0}
.sw-guide .hero-connections span:after{content:'→';font-size:24px}
.sw-guide .screen-top{font-size:11px;gap:10px;padding:10px}
.sw-guide .screen-body{padding:12px}
.sw-guide .screen-body .hero-listing-name{font-size:17px;margin:12px 0}
.sw-guide .requirements b{font-size:12px}
.sw-guide .requirements small{font-size:10px}
.sw-guide .hero-annotations{grid-template-columns:1fr;gap:3px;margin:20px 0 12px}
.sw-guide .hero-annotations p{font-size:12px;margin:0}
.sw-guide .translation-poster{padding:22px;margin:24px 0}
.sw-guide .translation-row{grid-template-columns:1fr 25px 1.45fr;gap:12px}
.sw-guide .translation-from{gap:14px}
.sw-guide .translation-from svg{width:65px}
.sw-guide .translation-to{gap:14px}
.sw-guide .translation-to svg{width:115px}
.sw-guide .translation-row h3{font-size:18px;margin:0}
.sw-guide .translation-row p{font-size:12px;margin:8px 0 0}
.sw-guide .translator-workbench{grid-template-columns:150px minmax(0,1fr);gap:25px;background:var(--soft);padding:20px;margin:24px 0}
.sw-guide .node-tabs button{background:none;font-size:13px}
.sw-guide .node-tabs button[aria-selected=true]{background:white}
.sw-guide .node-description h3{font-size:26px;margin:0 0 10px}
.sw-guide .node-description p{font-size:16px;margin:0}
.sw-guide .node-questions{grid-template-columns:1fr;gap:8px;margin:16px 0 23px}
.sw-guide .node-questions p{font-size:13px;margin:0}
.sw-guide .candidate-sketches{grid-template-columns:1fr}
.sw-guide .candidate-sketches h4{font-size:18px;margin:0 0 8px}
.sw-guide .candidate-sketches p{font-size:14px;margin:0}
.sw-guide .navigation-sheet{padding:20px;margin:24px 0}
.sw-guide .navigation-row{grid-template-columns:1fr 20px 65px 1.35fr;gap:15px}
.sw-guide .navigation-row h3{font-size:16px;margin:0}
.sw-guide .nav-mini{width:65px;overflow:hidden}
.sw-guide .nav-mini.sidebar:after{left:30px;width:25px}
.sw-guide .nav-mini.local i{width:23px}
.sw-guide .nav-mini.tabs:after{width:44px}
.sw-guide .also-consider{display:block}
.sw-guide .layout-alternatives{grid-template-columns:1fr;gap:25px;margin:24px 0}
.sw-guide .layout-alternatives figure{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:center}
.sw-guide .layout-alternatives figcaption{margin:0}
.sw-guide .layout-alternatives h3{font-size:19px;margin:0 0 10px}
.sw-guide .layout-alternatives p{font-size:14px;margin:0}
.sw-guide .storyboard{grid-template-columns:1fr;gap:32px;max-width:540px;margin:25px auto}
.sw-guide .storyboard figure:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-31px}
.sw-guide .frame-title{min-height:0;margin-bottom:12px}
.sw-guide .frame-title h3{margin:0}
.sw-guide .retest-sheet{padding:22px;gap:24px;margin:24px 0}
.sw-guide .retest-sheet h3{font-size:18px;margin:12px 0}
.sw-guide .retest-sheet p{font-size:14px}
.sw-guide .signal-sheet{padding:20px;margin:24px 0}
.sw-guide .signal-row h3{font-size:16px;margin:0}
.sw-guide .signal-row p{font-size:14px;margin:0}
.sw-guide .check-heading{display:block}
.sw-guide .check-progress{margin:15px 0}
.sw-guide .checklist{grid-template-columns:1fr;margin:16px 0}
.sw-guide .check-foot button{background:none}
@media(max-width:650px){
.sw-guide .hero-transform{display:flex;flex-direction:column}
.sw-guide .hero-tree li{font-size:14px}
.sw-guide .hero-connections span:after{display:none}
.sw-guide .translation-row{display:flex;flex-direction:column}
.sw-guide .translation-row h3{font-size:18px}
.sw-guide .translator-workbench{display:block;padding:16px}
.sw-guide .node-tabs{margin-bottom:25px}
.sw-guide .navigation-row{grid-template-columns:65px 1fr}
.sw-guide .navigation-row>h3{grid-column:1/-1}
.sw-guide .layout-alternatives figure{display:block}
.sw-guide .layout-alternatives figcaption{margin-top:15px}
.sw-guide .signal-row h3{margin-bottom:15px}
.sw-guide .signal-row p{margin-top:15px}
}
@media print{.sw-guide .node-tabs,.sw-guide #reset-checks{display:none!important}.sw-guide .node-panel[hidden]{display:block!important}.sw-guide .translator-workbench{display:block}.sw-guide .node-panel{break-inside:avoid;margin-top:25px}}

/* V5: flagship modules only. Native article geometry and supporting sections stay unchanged. */
@media(min-width:1280px){
.sw-guide .sw-flagship{width:calc(100% + 120px);margin-left:-120px}
}
@media(min-width:1600px){
.sw-guide .sw-flagship{width:calc(100% + 180px);margin-left:-180px}
}
.sw-guide .opening-diagram.sw-flagship{padding:32px;background:linear-gradient(180deg,#fcfaff 0,#fff 42%);border-color:#d4c6e6;box-shadow:0 12px 30px #64399506}
.sw-guide .sw-flagship .diagram-labels{font-size:13px;letter-spacing:.07em;margin-bottom:32px;grid-template-columns:1fr 1.3fr;gap:40px}
.sw-guide .sw-flagship .hero-transform{grid-template-columns:1fr 28px 1.35fr;gap:18px}
.sw-guide .sw-flagship .hero-tree>b{font-size:22px;margin-bottom:25px}
.sw-guide .sw-flagship .hero-tree li{font-size:15px;padding-block:13px}
.sw-guide .sw-flagship .hero-tree li:before{top:26px}
.sw-guide .sw-flagship .hero-tree ul{padding-left:9px}
.sw-guide .sw-flagship .hero-tree>ul{padding-left:0}
.sw-guide .sw-flagship .mark{min-width:23px;height:23px;font-size:12px;margin-right:6px}
.sw-guide .sw-flagship .hero-screen{border:1px solid #a489c8;box-shadow:9px 9px 0 #f0e9f8}
.sw-guide .sw-flagship .screen-top{gap:13px;font-size:13px;padding:17px 13px}
.sw-guide .sw-flagship .screen-body{padding:20px}
.sw-guide .sw-flagship .listing-image{height:120px;margin-bottom:25px}
.sw-guide .sw-flagship .screen-body .hero-listing-name{font-size:22px;margin:15px 0}
.sw-guide .sw-flagship .requirements{padding:15px 12px;background:#fcf5f9}
.sw-guide .sw-flagship .requirements b{font-size:15px}
.sw-guide .sw-flagship .requirements small{font-size:12px;line-height:1.6;margin-top:7px}
.sw-guide .sw-flagship .drawing-button{font-size:13px;padding:11px 12px;margin-top:22px}
.sw-guide .sw-flagship .hero-connections{gap:56px}
.sw-guide .sw-flagship .hero-connections span:nth-child(3){color:var(--pink)}
.sw-guide .sw-flagship .hero-connections span:last-child{color:var(--purple)}
.sw-guide .sw-flagship .hero-annotations{grid-template-columns:1fr 1fr;gap:13px 26px;margin-top:34px;padding-top:22px;border-top:1px solid #e6ddef}
.sw-guide .sw-flagship .hero-annotations p{font-size:14px;line-height:1.5;display:flex;align-items:center}
.sw-guide .opening-diagram.sw-flagship figcaption{font-size:13px;margin-top:20px}
.sw-guide .translation-poster.sw-flagship{padding:30px 34px;background:#faf7fd;border-block:2px solid #d9c5ee}
.sw-guide .sw-flagship .poster-label{font-size:12px;letter-spacing:.06em;margin-bottom:10px}
.sw-guide .sw-flagship .translation-row{grid-template-columns:1fr 40px 1.6fr;gap:20px;padding:34px 0;min-height:180px}
.sw-guide .sw-flagship .translation-from{gap:22px}
.sw-guide .sw-flagship .translation-from svg{width:90px}
.sw-guide .sw-flagship .translation-to{display:grid;grid-template-columns:145px 1fr;gap:22px}
.sw-guide .sw-flagship .translation-to svg{width:145px}
.sw-guide .sw-flagship .translation-row svg{stroke-width:1.8;stroke:#9a7cbf}
.sw-guide .sw-flagship .translation-row h3{font-size:22px;line-height:1.25}
.sw-guide .sw-flagship .translation-row p{font-size:14px;line-height:1.6;margin-top:12px}
.sw-guide .sw-flagship .translation-arrow{font-size:35px}
.sw-guide .sw-flagship .poster-foot{font-size:13px;line-height:1.6;padding-top:25px}
.sw-guide .translator-workbench.sw-flagship{padding:30px;grid-template-columns:165px minmax(0,1fr);gap:35px;background:#fbf9fe;border:1px solid #e4d7ef;border-top:3px solid #643995}
.sw-guide .sw-flagship .node-tabs{gap:6px}
.sw-guide .sw-flagship .node-tabs button{font-size:15px;padding:13px 10px;line-height:1.4}
.sw-guide .sw-flagship .node-tabs button[aria-selected=true]{background:#ede3f9;border-left:3px solid #643995;border-radius:0 4px 4px 0}
.sw-guide .sw-flagship .node-description h3{font-size:34px;margin-bottom:14px}
.sw-guide .sw-flagship .node-description p{font-size:19px;line-height:1.6}
.sw-guide .sw-flagship .node-questions{margin-block:23px 32px;gap:13px}
.sw-guide .sw-flagship .node-questions p{font-size:14px;line-height:1.6}
.sw-guide .sw-flagship .candidate-sketches{gap:38px}
.sw-guide .sw-flagship .sketch{box-shadow:0 5px 14px #64399505}
.sw-guide .sw-flagship .candidate-sketches figcaption{margin-top:18px}
.sw-guide .sw-flagship .candidate-sketches h4{font-size:22px;margin-bottom:10px}
.sw-guide .sw-flagship .candidate-sketches p{font-size:15px;line-height:1.65}
.sw-guide .sw-flagship .choose-based{padding-top:23px;margin-top:32px}
.sw-guide .sw-flagship .choose-based b{font-size:12px}
.sw-guide .sw-flagship .choose-based p{font-size:15px;line-height:1.6;margin-top:10px}
.sw-guide .layout-alternatives.sw-flagship{gap:45px;padding-block:10px}
.sw-guide .layout-alternatives.sw-flagship figure{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:33px;padding-bottom:35px;border-bottom:1px solid #e2d8ec}
.sw-guide .layout-alternatives.sw-flagship figure:last-child{border:0;padding-bottom:0}
.sw-guide .layout-alternatives.sw-flagship figcaption{display:block}
.sw-guide .layout-alternatives.sw-flagship figcaption>span{display:block;font-size:15px;margin-bottom:15px;color:#9771bd}
.sw-guide .layout-alternatives.sw-flagship h3{font-size:26px;margin-bottom:17px}
.sw-guide .layout-alternatives.sw-flagship p{font-size:16px;line-height:1.65}
.sw-guide .layout-takeaway{font-size:27px;margin:36px 0 22px;line-height:1.5}
.sw-guide .layout-takeaway span{font-size:38px;vertical-align:middle}
.sw-guide .signal-sheet.sw-flagship{padding:26px 30px;background:#fff;border:1px solid #e2d8ec;border-top:3px solid #643995}
.sw-guide .sw-flagship .signal-head,.sw-guide .sw-flagship .signal-row{grid-template-columns:.95fr 1.15fr 1.45fr;gap:25px}
.sw-guide .sw-flagship .signal-head{font-size:12px;line-height:1.6;letter-spacing:.025em;padding-bottom:23px}
.sw-guide .sw-flagship .signal-row{padding:27px 0;align-items:start}
.sw-guide .sw-flagship .signal-row h3{font-size:20px;line-height:1.4}
.sw-guide .signal-index{display:block;font-size:13px;font-weight:400;letter-spacing:.07em;color:#9771bd;margin-bottom:10px}
.sw-guide .sw-flagship .signal-row p{font-size:15px;line-height:1.7}
.sw-guide .sw-flagship .signal-row p:first-of-type{padding:16px;background:#f7f2fc;border-left:2px solid #d6bce9;color:#4f3b63;margin-top:-7px}
@media(min-width:651px) and (max-width:1279px){
.sw-guide .opening-diagram.sw-flagship{padding:24px}
.sw-guide .sw-flagship .hero-tree li{font-size:14px}
.sw-guide .sw-flagship .screen-top{font-size:12px;gap:8px}
.sw-guide .sw-flagship .screen-body{padding:15px}
.sw-guide .sw-flagship .screen-body .hero-listing-name{font-size:20px}
.sw-guide .sw-flagship .translation-from svg{width:65px}
.sw-guide .sw-flagship .translation-row{grid-template-columns:1fr 25px 1.45fr;gap:15px}
.sw-guide .sw-flagship .translation-to{grid-template-columns:100px 1fr;gap:15px}
.sw-guide .sw-flagship .translation-to svg{width:100px}
.sw-guide .sw-flagship .translation-row h3{font-size:20px}
.sw-guide .translator-workbench.sw-flagship{grid-template-columns:150px minmax(0,1fr);padding:23px;gap:25px}
}
@media(max-width:650px){
.sw-guide .sw-flagship{width:100%;margin-left:0}
.sw-guide .opening-diagram.sw-flagship{padding:22px 14px}
.sw-guide .sw-flagship .diagram-labels{font-size:12px}
.sw-guide .sw-flagship .hero-transform{display:flex;gap:24px}
.sw-guide .sw-flagship .hero-tree li{font-size:15px;padding-block:12px}
.sw-guide .sw-flagship .hero-tree>b{font-size:21px}
.sw-guide .sw-flagship .hero-connections:after{font-size:12px}
.sw-guide .sw-flagship .screen-top{gap:10px;font-size:12px;padding:12px 9px;flex-wrap:wrap}
.sw-guide .sw-flagship .screen-body{padding:15px}
.sw-guide .sw-flagship .screen-body .hero-listing-name{font-size:20px}
.sw-guide .sw-flagship .requirements{padding:12px 8px;gap:4px}
.sw-guide .sw-flagship .requirements b{font-size:14px}
.sw-guide .sw-flagship .hero-annotations{grid-template-columns:1fr;gap:13px}
.sw-guide .sw-flagship .hero-annotations p{font-size:14px}
.sw-guide .sw-flagship .hero-annotations .mark{flex-shrink:0}
.sw-guide .translation-poster.sw-flagship{padding:18px}
.sw-guide .sw-flagship .translation-row{display:flex;padding-block:27px;gap:18px}
.sw-guide .sw-flagship .translation-from{gap:22px}
.sw-guide .sw-flagship .translation-from svg{width:85px;height:85px}
.sw-guide .sw-flagship .translation-to{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-left:12px}
.sw-guide .sw-flagship .translation-to svg{width:185px;max-width:100%}
.sw-guide .sw-flagship .translation-row h3{font-size:22px}
.sw-guide .sw-flagship .translation-row p{font-size:15px}
.sw-guide .sw-flagship .poster-foot{font-size:13px}
.sw-guide .translator-workbench.sw-flagship{display:block;padding:17px 13px}
.sw-guide .sw-flagship .node-tabs{gap:6px}
.sw-guide .sw-flagship .node-tabs button{font-size:14px;padding:12px 7px}
.sw-guide .sw-flagship .node-description h3{font-size:31px}
.sw-guide .sw-flagship .node-description p{font-size:18px}
.sw-guide .sw-flagship .node-questions p{font-size:15px}
.sw-guide .sw-flagship .candidate-sketches h4{font-size:22px}
.sw-guide .sw-flagship .candidate-sketches p{font-size:15px}
.sw-guide .layout-alternatives.sw-flagship figure{display:block;padding-bottom:28px}
.sw-guide .layout-alternatives.sw-flagship figcaption{margin-top:21px}
.sw-guide .layout-alternatives.sw-flagship figcaption>span{margin-bottom:9px}
.sw-guide .layout-alternatives.sw-flagship h3{font-size:25px;margin-bottom:12px}
.sw-guide .layout-alternatives.sw-flagship p{font-size:16px}
.sw-guide .layout-takeaway{font-size:22px}
.sw-guide .layout-takeaway span{font-size:29px}
.sw-guide .signal-sheet.sw-flagship{padding:20px 16px}
.sw-guide .sw-flagship .signal-row{display:block;padding:25px 0}
.sw-guide .sw-flagship .signal-row h3{font-size:22px}
.sw-guide .sw-flagship .signal-row p{font-size:15px;margin-top:18px}
.sw-guide .sw-flagship .signal-row p:first-of-type{margin-top:18px;padding:16px 13px}
.sw-guide .sw-flagship .signal-row p:before{font-size:12px;letter-spacing:0}
}
@media print{.sw-guide .sw-flagship{width:100%;margin-left:0}}
/* Measured connectors live in the gap, not over the diagram's labels. */
.sw-guide .sw-flagship .hero-transform{position:relative}
.sw-guide .hero-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.sw-guide .hero-links path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sw-guide .hero-links .structure-link{stroke:#9673bb}
.sw-guide .hero-links .research-link{stroke:#ba5b8c}
.sw-guide .hero-connections.has-links>span{visibility:hidden}
@media(max-width:650px){.sw-guide .hero-links{display:none}}

/* V6 hybrid fidelity: dark schematic structure, product studies, medium task frames. */
.sw-guide{--diagram-ink:#28233c;--diagram-purple:#7040c8;--diagram-pink:#b92773}
.sw-guide .opening-diagram.sw-flagship{border:2px solid var(--diagram-ink);border-radius:16px 16px 5px 16px;background:#fbf8ff;padding:26px;box-shadow:5px 6px 0 #dfd3f0}
.sw-guide .sw-flagship .diagram-labels{color:var(--diagram-ink);font-weight:800;margin-bottom:22px}
.sw-guide .sw-flagship .hero-tree li{border-left:2px solid var(--diagram-ink);padding-block:10px;color:var(--diagram-ink)}
.sw-guide .sw-flagship .hero-tree li:before{border-top:2px solid var(--diagram-ink);top:23px}
.sw-guide .sw-flagship .hero-tree .research{color:var(--diagram-pink);font-weight:700}
.sw-guide .sw-flagship .mark{border:2px solid var(--diagram-ink);background:#e5d7ff;color:var(--diagram-ink);font-weight:800;min-width:25px;height:25px}
.sw-guide .sw-flagship .research .mark,.sw-guide .sw-flagship .mark.research{background:#ffd9eb;border-color:var(--diagram-pink)}
.sw-guide .hero-links path{stroke-width:3;stroke-linecap:round}
.sw-guide .hero-links .structure-link{stroke:var(--diagram-ink)}
.sw-guide .hero-links .research-link{stroke:var(--diagram-pink)}
.sw-guide .sw-flagship .hero-screen{border:2px solid var(--diagram-ink);border-radius:12px;background:white;box-shadow:6px 7px 0 #c9b2eb;overflow:hidden}
.sw-guide .sw-flagship .screen-top{background:#29243e;color:#fff;padding:12px;gap:10px;border-bottom:2px solid #29243e}
.sw-guide .sw-flagship .screen-top b{color:#fff;border-bottom:3px solid #c6a1ff;padding-block:5px}
.sw-guide .sw-flagship .screen-body{padding:16px}
.sw-guide .sw-flagship .listing-image{height:116px;background:#dcd0f3;border-radius:8px;margin-bottom:14px;overflow:hidden}
.sw-guide .sw-flagship .screen-body .hero-listing-name{color:var(--diagram-ink);font-size:22px;margin:12px 0}
.sw-guide .ghost-lines{height:22px;margin-top:10px;background:linear-gradient(#807393,#807393) left top/90% 3px no-repeat,linear-gradient(#b4a5c6,#b4a5c6) left 10px/63% 3px no-repeat}
.sw-guide .sw-flagship .requirements{border:2px solid var(--diagram-pink);border-radius:6px;background:#fff0f7;padding:12px 10px;box-shadow:3px 3px 0 #f1c2d9}
.sw-guide .sw-flagship .drawing-button{background:#6436b0;color:white;border:2px solid var(--diagram-ink);border-radius:7px;box-shadow:0 3px 0 var(--diagram-ink);margin-top:18px;font-weight:700}
.sw-guide .sw-flagship .hero-annotations{border-top:2px solid #cbbcdc;margin-top:24px;padding-top:17px;gap:10px}
.sw-guide .translation-poster.sw-flagship{background:#f4eefc;border:2px solid var(--diagram-ink);border-radius:12px;padding:20px 26px;box-shadow:5px 6px 0 #e0d3ef}
.sw-guide .sw-flagship .poster-label{font-weight:800;color:#44344f;letter-spacing:.045em}
.sw-guide .sw-flagship .translation-row{min-height:145px;padding:23px 0;gap:18px;border-color:#bba6d1}
.sw-guide .sw-flagship .translation-row svg{stroke:var(--diagram-ink);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(2px 3px 0 #d5c2e9)}
.sw-guide .sw-flagship .translation-row rect{fill:#fff;stroke:var(--diagram-ink)}
.sw-guide .sw-flagship .translation-row .solid{fill:#7546c9}
.sw-guide .sw-flagship .translation-row .emphasis{fill:#cdb2f4;stroke:#332245}
.sw-guide .sw-flagship .row-04 .emphasis{fill:#f7bed9;stroke:#972055}
.sw-guide .sw-flagship .translation-row circle{stroke:#30203d;fill:#ae85ea}
.sw-guide .sw-flagship .row-04 circle{fill:#f089b8}
.sw-guide .sw-flagship .translation-arrow{font-size:38px;font-weight:800;color:var(--diagram-ink)}
.sw-guide .sw-flagship .translation-row h3{color:var(--diagram-ink);font-weight:800}
.sw-guide .sw-flagship .translation-row p{color:#5a4a69;margin-top:8px;line-height:1.45}
.sw-guide .sw-flagship .poster-foot{padding-top:15px}
/* Polished illustrative rental UI; deliberately not interactive product controls. */
.sw-guide .product-ui{container-type:inline-size;border:2px solid #302b45;border-radius:12px;background:#f2eff7;overflow:hidden;box-shadow:0 5px 0 #d7c9e9,0 12px 22px #25143d12;color:#29263c;font-size:14px}
.sw-guide .product-chrome{display:flex;align-items:center;gap:22px;padding:12px 15px;background:#fff;border-bottom:1px solid #c6bdd3;font-size:12px;font-weight:700}
.sw-guide .product-brand{display:flex;align-items:center;gap:7px;margin-right:auto;font-size:15px}
.sw-guide .product-brand i{display:grid;place-items:center;width:25px;height:25px;background:#6a39bc;border-radius:7px;color:#fff;font-style:normal;font-size:20px}
.sw-guide .product-chrome>span:nth-child(2){color:#6333af;border-bottom:2px solid #7440c7;padding:5px 0}
.sw-guide .product-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eadcfb;color:#573080}
.sw-guide .product-heading{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.sw-guide .product-heading>strong{font-size:18px;line-height:1.2;letter-spacing:-.025em}
.sw-guide .product-heading>span{font-size:12px;white-space:nowrap;color:#645874}
.sw-guide .product-content{padding:0 14px 16px}
.sw-guide .property-items{display:grid;gap:10px}
.sw-guide .product-grid .property-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.sw-guide .property-item{position:relative;border:1px solid #ccc0dc;border-radius:8px;background:white;overflow:hidden;box-shadow:0 3px 7px #3220460c;min-width:0}
.sw-guide .home-art{width:100%;height:auto;display:block}
.sw-guide .home-art .sky{fill:#d9c8f7;stroke:none}
.sw-guide .home-art .sun{fill:#fff2c7;stroke:none}
.sw-guide .home-art .ground{fill:#a991ce;stroke:none}
.sw-guide .home-art .house{fill:#fff8ef;stroke:#443057;stroke-width:2.5}
.sw-guide .home-art .roof{fill:none;stroke:#443057;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.sw-guide .home-art .window{fill:#966bbb;stroke:#443057;stroke-width:2.5}
.sw-guide .home-art.art-2 .sky{fill:#c9e5dc}.sw-guide .home-art.art-2 .ground{fill:#85b5a2}.sw-guide .home-art.art-2 .window{fill:#79a798}
.sw-guide .home-art.art-3 .sky{fill:#f5d8cf}.sw-guide .home-art.art-3 .ground{fill:#cf9d98}.sw-guide .home-art.art-3 .window{fill:#c48f9d}
.sw-guide .property-copy{padding:10px}
.sw-guide .property-copy>strong{display:block;font-size:13px;line-height:1.3;margin-bottom:8px}
.sw-guide .property-copy>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:12px;color:#6b6075}
.sw-guide .property-copy b{color:#49226f;font-size:13px}
.sw-guide .property-save{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:22px;height:22px;background:white;border-radius:50%;color:#51307c;box-shadow:0 2px 5px #30233d18;font-size:18px}
.sw-guide .product-filters{display:flex;gap:8px;padding:0 14px 12px}
.sw-guide .product-filters>span{display:flex;justify-content:space-between;gap:12px;background:white;border:1px solid #a99bbd;border-radius:6px;padding:8px 10px;font-size:12px;flex:1}
.sw-guide .product-filters i{font-style:normal;background:#dfcff7;border-radius:6px;padding:6px 10px;color:#51307c}
.sw-guide .product-filtered .property-item{display:flex;align-items:center;gap:2px}
.sw-guide .product-filtered .home-art{width:90px;flex-shrink:0;height:63px;object-fit:cover}
.sw-guide .product-filtered .property-copy{flex:1;padding-right:34px}
.sw-guide .product-filtered .property-copy>span{flex-wrap:nowrap}
.sw-guide .product-filtered .property-save{top:18px;background:#f3edf9}
.sw-guide .product-split .product-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px}
.sw-guide .product-split .property-items{align-content:start;gap:8px}
.sw-guide .product-split .property-item>.home-art,.sw-guide .product-split .property-save{display:none}
.sw-guide .product-split .chosen{background:#e8dbfa;border:2px solid #7340bb}
.sw-guide .property-detail{background:white;border:1px solid #baa7d0;border-radius:8px;padding:10px;min-width:0}
.sw-guide .property-detail .home-art{border-radius:5px;margin-bottom:10px}
.sw-guide .property-detail>strong{display:block;font-size:15px}
.sw-guide .property-detail>span{display:block;font-size:12px;margin-top:6px;color:#675776}
.sw-guide .detail-requirements{border-top:1px solid #d9cce5;padding-top:10px;margin-top:10px;font-size:12px;line-height:1.4}
.sw-guide .detail-requirements span{display:block;color:#756680;margin-top:5px}
.sw-guide .property-detail .product-action{background:#6938b4;color:#fff;border-radius:5px;padding:9px;font-weight:700;text-align:center;margin-top:12px}
/* Other UI concepts retain their distinct structures with a richer surface treatment. */
.sw-guide .product-svg{border-radius:10px;background:#f3edf9;padding:10px;border:2px solid #352d49;box-shadow:0 5px 0 #d8c6ed}
.sw-guide .product-svg .sketch{border-radius:7px;box-shadow:none}
.sw-guide .product-svg .canvas{fill:#fff;stroke:#48345d;stroke-width:2}
.sw-guide .product-svg .rule{stroke:#67517d;stroke-width:1.8}
.sw-guide .product-svg .wash{fill:#e3d4f5;stroke:#a38aba;stroke-width:.6}
.sw-guide .product-svg .field{fill:#f8f5fc;stroke:#816799;stroke-width:1.4;rx:4}
.sw-guide .product-svg .accent-fill{fill:#6933b3;rx:5}
.sw-guide .product-svg .dot{fill:#8658c5}
.sw-guide .product-svg text{fill:#292139;font-weight:500}
.sw-guide .product-svg .inverse{fill:#fff}
.sw-guide .translator-workbench.sw-flagship{padding:22px;gap:23px;grid-template-columns:145px minmax(0,1fr);border:2px solid #30233f;border-radius:12px;background:#faf8fd;box-shadow:5px 6px 0 #e5daef}
.sw-guide .sw-flagship .node-tabs{gap:3px}
.sw-guide .sw-flagship .node-tabs button{font-size:14px;padding:10px 8px;border-radius:5px;min-height:42px;color:#3a294d}
.sw-guide .sw-flagship .node-tabs button[aria-selected=true]{background:#693ab2;border-color:#31233f;color:white;box-shadow:0 3px 0 #372147}
.sw-guide .sw-flagship .node-tabs button[aria-selected=true] span{color:white}
.sw-guide .sw-flagship .node-description h3{font-size:30px;margin-bottom:8px}
.sw-guide .sw-flagship .node-description p{font-size:17px;line-height:1.45}
.sw-guide .sw-flagship .node-questions{gap:7px;margin:14px 0 20px}
.sw-guide .sw-flagship .candidate-sketches{gap:24px}
.sw-guide .sw-flagship .candidate-sketches figcaption{margin-top:12px}
.sw-guide .sw-flagship .candidate-sketches h4{font-size:20px;margin-bottom:5px}
.sw-guide .sw-flagship .candidate-sketches p{font-size:14px;line-height:1.5}
.sw-guide .sw-flagship .choose-based{padding-top:15px;margin-top:20px}
.sw-guide .layout-alternatives.sw-flagship{gap:24px}
.sw-guide .layout-alternatives.sw-flagship figure{gap:25px;padding-bottom:24px;border-color:#c6b2dc;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}
/* Compact schematic navigation and worksheet hierarchy. */
.sw-guide .navigation-sheet,.sw-guide .evidence-sheet,.sw-guide .priority-sheet{border:2px solid #30233f;border-radius:10px;padding:20px;background:#fff}
.sw-guide .navigation-head,.sw-guide .evidence-head{font-size:11px;font-weight:800;color:#392a4c;letter-spacing:.025em}
.sw-guide .navigation-row{grid-template-columns:1fr 25px 100px 1.35fr;gap:16px;padding:18px 0;border-color:#cbbcdc}
.sw-guide .navigation-row h3{font-size:16px;font-weight:750;color:#30243d}
.sw-guide .navigation-row p{line-height:1.45;margin-top:6px;color:#65586f}
.sw-guide .nav-arrow{font-weight:800;color:#29223c}
.sw-guide .nav-mini{width:100px;height:79px;border:2.5px solid #322442;border-radius:7px;background:#eee3fa;box-shadow:3px 4px 0 #c7b3dd;padding:10px;gap:5px}
.sw-guide .nav-mini i{background:#8250c5;border:1px solid #39234f;border-radius:2px;flex-shrink:0}
.sw-guide .nav-mini.tabs:after{background:white;border:1.5px solid #655076;width:73px;height:29px;left:10px;top:33px;border-radius:3px}
.sw-guide .nav-mini.sidebar:after{background:white;border:1.5px solid #655076;width:45px;height:53px;left:40px;top:10px;border-radius:3px}
.sw-guide .nav-mini.menu i{border-bottom:4px solid #ede1fb;height:20px}
.sw-guide .nav-mini.hub i{height:23px;background:#bc9be9;border:1.5px solid #39234f}
.sw-guide .nav-mini.local i{height:8px;width:35px}
.sw-guide .sheet-heading{margin-bottom:16px;padding-bottom:13px;border-bottom:2px solid #30233f}
.sw-guide .sheet-heading b{font-size:21px;color:#30233f}
.sw-guide .evidence-entry{padding-top:14px;margin-top:14px;border-color:#c3b1d5}
.sw-guide .evidence-entry h3{margin:0 0 9px;font-size:16px;color:#512b83}
.sw-guide .evidence-entry>div{gap:20px}
.sw-guide .evidence-entry p{font-size:14px;line-height:1.5}
.sw-guide .evidence-entry p:nth-child(2){border-left:3px solid #b798dc;padding-left:12px}
.sw-guide .evidence-entry p:last-child{color:#733957;font-weight:600}
.sw-guide .sheet-note{font-size:12px!important;line-height:1.5!important;margin-top:17px!important}
.sw-guide .priority-columns{gap:16px}
.sw-guide .priority-columns>div:first-child{border-top:8px solid #60349c;padding-top:12px}
.sw-guide .priority-columns>div:nth-child(2){border-top:5px solid #a283c8;padding-top:15px}
.sw-guide .priority-columns>div:nth-child(3){border-top:3px solid #d2c3e1;padding-top:17px}
.sw-guide .priority-columns>div:nth-child(2){border-color:#a283c8}
.sw-guide .priority-columns>div:nth-child(3){border-color:#d2c3e1}
.sw-guide .priority-columns>div>span{font-size:12px;font-weight:800;color:#51306d}
.sw-guide .priority-columns h3{font-size:19px;line-height:1.3;margin:8px 0 12px}
.sw-guide .priority-columns ul{padding-left:0;list-style:none}
.sw-guide .priority-columns li{border-top:1px solid #d7cbe2;padding:8px 0;font-size:14px;line-height:1.4}
.sw-guide .priority-columns sup{background:#f9dbeb;color:#7b2357;border-radius:3px;padding:2px 4px;font-weight:700}
.sw-guide .storyboard .sketch .rule{stroke:#78628c;stroke-width:1.8}
.sw-guide .storyboard .sketch .canvas,.sw-guide .storyboard .sketch .field{stroke:#5b476d;stroke-width:1.8}
.sw-guide .storyboard .sketch .wash{fill:#ded0ee}
.sw-guide .storyboard .sketch{border-radius:8px;box-shadow:3px 4px 0 #e4d8ef}
.sw-guide .retest-sheet{border-block:2px solid #3e2e50;background:#f5f0fa}
.sw-guide .retest-sheet>div+div{border-left:2px solid #c2a9d8;padding-left:15px}
.sw-guide .signal-sheet.sw-flagship{border:2px solid #30233f;border-radius:10px;padding:20px}
.sw-guide .sw-flagship .signal-head{font-weight:800;color:#392a4c;padding-bottom:15px}
.sw-guide .sw-flagship .signal-row{padding:18px 0;border-color:#c5b5d7;gap:20px}
.sw-guide .sw-flagship .signal-row h3{font-size:18px;line-height:1.35}
.sw-guide .signal-index{width:27px;height:27px;display:grid;place-items:center;background:#e9dcfa;border:2px solid #5a3a7c;border-radius:50%;font-size:11px;font-weight:800;color:#382144;margin-bottom:9px}
.sw-guide .sw-flagship .signal-row p{font-size:14px;line-height:1.55}
.sw-guide .sw-flagship .signal-row p:first-of-type{padding:12px;background:#f1e7fc;border-left:3px solid #7445a4;margin-top:0;color:#3b2850}
@container(max-width:400px){
.sw-guide .product-grid .property-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.sw-guide .product-grid .property-item:last-child{grid-column:1/-1;display:flex;align-items:center}
.sw-guide .product-grid .property-item:last-child .home-art{width:42%;height:80px}
.sw-guide .product-grid .property-item:last-child .property-copy{flex:1}
.sw-guide .product-split .product-content{grid-template-columns:1fr}
.sw-guide .product-split .property-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.sw-guide .product-split .property-copy{padding:7px 5px}
.sw-guide .product-split .property-copy>strong{font-size:11px}
.sw-guide .product-split .property-copy>span{font-size:10px}
.sw-guide .product-split .property-copy b{font-size:11px}
.sw-guide .product-split .property-detail .home-art{height:110px}
}
@media(max-width:650px){
.sw-guide .opening-diagram.sw-flagship{padding:18px 12px;box-shadow:3px 4px 0 #dfd3f0}
.sw-guide .sw-flagship .hero-annotations{gap:10px}
.sw-guide .translation-poster.sw-flagship{padding:16px}
.sw-guide .sw-flagship .translation-row{padding-block:20px;gap:12px}
.sw-guide .sw-flagship .translation-to{padding-left:0;gap:14px}
.sw-guide .translator-workbench.sw-flagship{display:block;padding:15px 11px}
.sw-guide .sw-flagship .node-tabs button{font-size:14px;min-height:44px}
.sw-guide .layout-alternatives.sw-flagship figure{display:block}
.sw-guide .product-heading{padding:13px 10px}
.sw-guide .product-heading>strong{font-size:17px}
.sw-guide .product-content{padding:0 9px 12px}
.sw-guide .product-filters{padding-inline:9px;gap:5px}
.sw-guide .product-filters>span{padding:7px;font-size:11px;gap:5px}
.sw-guide .product-filters i{display:none}
.sw-guide .product-filtered .home-art{width:62px}
.sw-guide .product-filtered .property-copy{padding:8px 25px 8px 7px}
.sw-guide .property-copy>strong{font-size:12px}
.sw-guide .property-copy b{font-size:12px}
.sw-guide .product-chrome{padding:10px;gap:13px}
.sw-guide .navigation-row{grid-template-columns:100px 1fr;gap:15px}
.sw-guide .navigation-row>h3{grid-column:1/-1}
.sw-guide .navigation-row>div:last-child h3{font-size:16px}
.sw-guide .navigation-sheet,.sw-guide .evidence-sheet,.sw-guide .priority-sheet{padding:16px}
.sw-guide .evidence-entry>div{display:block}
.sw-guide .evidence-entry small{font-weight:800;font-size:11px;color:#5d3c80}
.sw-guide .priority-columns{display:block}
.sw-guide .priority-columns>div+div{margin-top:22px}
.sw-guide .retest-sheet>div+div{border-left:0;border-top:2px solid #c2a9d8;padding:16px 0 0}
.sw-guide .sw-flagship .signal-row{display:block}
}

/* V7: compact editorial modules with consistent axonometric property studies. */
.sw-guide .home-art.iso-room{background:#f3f2ef;border-radius:5px}
.sw-guide .home-art.iso-room.art-2{background:#f1f4ef}
.sw-guide .home-art.iso-room.art-3{background:#f7f1ef}
.sw-guide .listing-image .iso-room path{stroke-width:1.5;stroke:#473c51}
.sw-guide .sw-flagship .listing-image{height:145px;background:#f3f2ef}
.sw-guide .listing-image .iso-room{height:100%;width:100%}
.sw-guide .opening-diagram.sw-flagship{background:#fff;border-color:#4b3c5a;box-shadow:3px 4px 0 #e9e4ee}
.sw-guide .sw-flagship .hero-screen{box-shadow:4px 5px 0 #ddd4e7}
.sw-guide .sw-flagship .screen-top{background:#faf8fd;color:#372546;border-bottom:1px solid #c8bbd5}
.sw-guide .sw-flagship .screen-top b{color:#5a2c93}
.sw-guide .sw-flagship .hero-annotations{gap:8px;margin-top:20px;padding-top:14px}
.sw-guide .translation-poster.sw-flagship{background:#fcfbfd;box-shadow:3px 4px 0 #e7e0ed}
.sw-guide .sw-flagship .translation-row{padding:18px 0;min-height:135px}
.sw-guide .sw-flagship .translation-row svg{filter:drop-shadow(1px 2px 0 #d6c9e2)}
.sw-guide .translator-workbench.sw-flagship{background:#fff;box-shadow:3px 4px 0 #e7e0ed;padding:18px;gap:20px;grid-template-columns:130px minmax(0,1fr)}
.sw-guide .sw-flagship .candidate-sketches{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.sw-guide .sw-flagship .node-description h3{font-size:27px;margin-bottom:7px}
.sw-guide .sw-flagship .node-description p{font-size:16px}
.sw-guide .sw-flagship .node-questions{margin:12px 0 17px;gap:6px}
.sw-guide .sw-flagship .node-questions p{font-size:13px;line-height:1.5}
.sw-guide .sw-flagship .candidate-sketches h4{font-size:18px;margin-bottom:5px}
.sw-guide .sw-flagship .candidate-sketches p{font-size:14px;line-height:1.45}
.sw-guide .sw-flagship .node-tabs button{font-size:13px;padding:9px 7px}
.sw-guide .sw-flagship .choose-based{margin-top:18px;padding-top:12px}
.sw-guide .product-ui{background:#f7f6f9;box-shadow:0 3px 0 #e0d8e8,0 7px 15px #25143d09;border:1.5px solid #695775;border-radius:9px}
.sw-guide .product-chrome{padding:9px 11px;gap:12px}
.sw-guide .product-heading{padding:12px 12px 10px}
.sw-guide .product-heading>strong{font-size:16px}
.sw-guide .product-heading>span{font-size:11px}
.sw-guide .product-brand{font-size:13px}
.sw-guide .product-content{padding:0 10px 12px}
.sw-guide .property-item{border-color:#d5cddc;box-shadow:0 2px 4px #32204606}
.sw-guide .product-grid .iso-room{height:112px}
.sw-guide .product-filtered .home-art{height:65px;width:77px}
.sw-guide .property-copy{padding:9px}
.sw-guide .property-detail .iso-room{height:138px}
.sw-guide .product-svg{padding:6px;background:#f7f5fa;box-shadow:0 3px 0 #e4dcea;border:1.5px solid #695775}
.sw-guide .product-svg .wash{fill:#e8e2f0}
.sw-guide .layout-alternatives.sw-flagship figure{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:25px;padding-bottom:20px}
.sw-guide .layout-alternatives.sw-flagship h3{font-size:23px;margin-bottom:10px}
.sw-guide .layout-alternatives.sw-flagship p{font-size:15px;line-height:1.5}
.sw-guide .evidence-sheet,.sw-guide .priority-sheet{padding:18px;border-color:#6b557c;background:#fff;border-radius:6px}
.sw-guide .sheet-heading{margin-bottom:12px;padding-bottom:10px}
.sw-guide .sheet-heading b{font-size:19px}
.sw-guide .evidence-head{background:#f2edf7;padding:10px;font-size:11px;gap:8px;grid-template-columns:1fr 12px 1fr 12px 1fr;border-radius:3px}
.sw-guide .evidence-entry{padding:12px 10px;margin:0;border-top:0;border-bottom:1px solid #d6cbdc}
.sw-guide .evidence-entry:nth-of-type(even){background:#faf9fc}
.sw-guide .evidence-entry h3{font-size:14px;margin:0 0 8px}
.sw-guide .evidence-entry>div{gap:18px}
.sw-guide .evidence-entry p{font-size:13px;line-height:1.5}
.sw-guide .evidence-entry p:nth-child(2){padding-left:0;border:0}
.sw-guide .evidence-entry p:last-child{font-weight:500;color:#67384f}
.sw-guide .priority-columns{gap:0}
.sw-guide .priority-columns>div{padding-inline:12px}
.sw-guide .priority-columns>div+div{border-left:1px solid #ddd3e5}
.sw-guide .priority-columns h3{font-size:17px;line-height:1.3;margin:7px 0 10px;min-height:44px}
.sw-guide .priority-columns li{font-size:13px;padding:7px 0}
.sw-guide .priority-columns ul{margin:0}
.sw-guide .priority-columns>div:first-child{background:#f6f1fb}
.sw-guide .navigation-sheet{background:#fff;box-shadow:none;border-color:#6b557c}
.sw-guide .nav-mini{background:#faf8fc;box-shadow:2px 3px 0 #dcd0e7}
.sw-guide .nav-mini i{background:#a17ac7}
.sw-guide .nav-mini.hub i:nth-child(even){background:#e0c6ce}
.sw-guide .storyboard{max-width:none;gap:22px;margin:20px 0}
.sw-guide .storyboard figure{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:22px;align-items:start;padding-bottom:18px;border-bottom:1px solid #d9cde3}
.sw-guide .storyboard .frame-title{grid-column:2;grid-row:1;margin:0 0 10px;display:flex;gap:10px;align-items:center}
.sw-guide .storyboard .frame-title h3{font-size:18px;margin:0;line-height:1.3}
.sw-guide .storyboard .frame-title>span{font-size:12px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ede3f8;color:#512973;flex-shrink:0}
.sw-guide .storyboard .sketch{grid-column:1;grid-row:1/3;box-shadow:2px 3px 0 #e5dcec}
.sw-guide .storyboard figcaption{grid-column:2;grid-row:2;font-size:14px;line-height:1.5;margin:0}
.sw-guide .storyboard figure:not(:last-child):after{display:none}
.sw-guide .observation-link{padding:16px;gap:16px;background:#faf7fc;border-left:3px solid #a8417f}
.sw-guide .observation-link p{font-size:13px;line-height:1.5;margin:0}
.sw-guide .task-title{margin:20px 0;gap:12px}
.sw-guide .task-title h3{font-size:21px;line-height:1.3;margin:0}
.sw-guide .retest-sheet{padding:17px;background:#fcfbfd;gap:18px}
.sw-guide .retest-sheet h3{font-size:16px;line-height:1.3;margin:8px 0}
.sw-guide .retest-sheet p{font-size:13px;line-height:1.5;margin:0}
.sw-guide .checklist{grid-template-columns:1fr 1fr;gap:0 25px;margin:12px 0}
.sw-guide .checklist label{font-size:14px;line-height:1.45;padding:11px 0;gap:10px}
.sw-guide .checklist input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:#6634a5}
.sw-guide .signal-sheet.sw-flagship{background:#fff;border-color:#6b557c}
.sw-guide .sw-flagship .signal-row p:first-of-type{background:#faf7fc}
@media(max-width:1279px){.sw-guide .sw-flagship .candidate-sketches{grid-template-columns:1fr}.sw-guide .candidate-sketches .product-ui{max-width:460px}}
@media(max-width:650px){
.sw-guide .translator-workbench.sw-flagship{display:block;padding:13px 10px}
.sw-guide .sw-flagship .node-tabs button{font-size:14px;min-height:44px}
.sw-guide .sw-flagship .node-questions p{font-size:14px}
.sw-guide .layout-alternatives.sw-flagship figure{display:block}
.sw-guide .evidence-entry{padding:13px 8px}
.sw-guide .evidence-entry p{font-size:14px}
.sw-guide .evidence-entry p+p{margin-top:10px}
.sw-guide .priority-columns>div{padding:12px}
.sw-guide .priority-columns>div+div{border-left:0;margin-top:15px}
.sw-guide .priority-columns h3{min-height:0;font-size:18px}
.sw-guide .priority-columns li{font-size:14px}
.sw-guide .storyboard figure{grid-template-columns:1fr;gap:10px;padding-bottom:15px}
.sw-guide .storyboard .frame-title{grid-column:1;grid-row:1;margin:0}
.sw-guide .storyboard .sketch{grid-column:1;grid-row:2;max-width:320px;margin:auto}
.sw-guide .storyboard figcaption{grid-column:1;grid-row:3}
.sw-guide .checklist{grid-template-columns:1fr}
.sw-guide .retest-sheet p{font-size:14px}
.sw-guide .observation-link p{font-size:14px}
}
@media(min-width:651px){.sw-guide .storyboard figure{grid-template-rows:auto 1fr}.sw-guide .storyboard figcaption{padding-top:2px}}

/* Node selector: compact labels and a quiet workspace divider. */
.sw-guide .translator-workbench.sw-flagship{grid-template-columns:118px minmax(0,1fr);gap:18px}
.sw-guide .translator-workbench .node-panels{border-left:1px solid #d9cfe3;padding-left:18px;min-width:0}
.sw-guide .sw-flagship .node-tabs button{display:block}
@media(max-width:650px){
.sw-guide .translator-workbench .node-panels{border-left:0;padding-left:0;border-top:1px solid #d9cfe3;padding-top:20px}
.sw-guide .translator-workbench .node-tabs{margin-bottom:18px}
}

/* Fresh pastel property palette; small scenes omit decorative detail. */
.sw-guide .home-art.iso-room{background:#f5f1ff}
.sw-guide .home-art.iso-room.art-2{background:#eefbf6}
.sw-guide .home-art.iso-room.art-3{background:#fff0f7}
.sw-guide .sw-flagship .listing-image{background:#f5f1ff}
.sw-guide .listing-image .iso-room path{stroke-width:2;stroke:#443263}

/* SVG owns its rounded frame: avoid CSS clipping the independently scaled corners. */
.sw-guide .sketch,.sw-guide .product-svg .sketch,.sw-guide .storyboard .sketch{border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(1px 2px 1px #39254c12)}
.sw-guide .storyboard .sketch .wash{fill:#f1edf7;stroke:#d6c8e2;stroke-width:1}

/* Fit each translator illustration to its information, not the full panel width. */
.sw-guide .translator-workbench .candidate-sketches{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.sw-guide .translator-workbench .candidate-sketches>figure{min-width:0;margin:0}
.sw-guide .translator-workbench .product-svg{width:100%;max-width:330px;padding:5px;border:0;background:transparent;box-shadow:none}
.sw-guide .translator-workbench .product-ui{width:100%;max-width:350px}
.sw-guide .translator-workbench .pattern-form,.sw-guide .translator-workbench .pattern-wizard,.sw-guide .translator-workbench .pattern-action,.sw-guide .translator-workbench .pattern-empty,.sw-guide .translator-workbench .pattern-timeline{max-width:285px}
.sw-guide .translator-workbench .candidate-sketches figcaption{max-width:350px}
.sw-guide .product-svg .sample-value{font-size:11px}
.sw-guide .product-svg .canvas{stroke-width:1.6;stroke:#65517a}
.sw-guide .product-svg .rule{stroke-width:1.4;stroke:#a090b3}
.sw-guide .product-svg .wash{fill:#eee8f7;stroke:#c7b5dd}
.sw-guide .product-svg .field{fill:#faf8fd;stroke:#b29bc9}
@media(min-width:651px) and (max-width:900px){
.sw-guide .translator-workbench .candidate-sketches{grid-template-columns:1fr}
.sw-guide .translator-workbench .product-svg{max-width:330px}
}
@media(max-width:650px){
.sw-guide .translator-workbench .candidate-sketches{grid-template-columns:1fr}
.sw-guide .translator-workbench .product-svg,.sw-guide .translator-workbench .product-ui{max-width:340px}
.sw-guide .translator-workbench .pattern-form,.sw-guide .translator-workbench .pattern-wizard,.sw-guide .translator-workbench .pattern-action,.sw-guide .translator-workbench .pattern-empty,.sw-guide .translator-workbench .pattern-timeline{max-width:285px}
}
/* Only the three replacement concepts and the separated interface-state guidance. */
.sw-guide .concept-ui{width:100%;max-width:330px;border:1.5px solid #695775;border-radius:9px;overflow:hidden;background:#faf9fc;box-shadow:0 3px 0 #e0d8e8;font-size:13px;color:#342642}
.sw-guide .concept-top{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#fff;border-bottom:1px solid #d7c9e3}
.sw-guide .concept-logo{display:grid;place-items:center;width:24px;height:24px;background:#6738b1;color:white;border-radius:6px;font-weight:700;font-size:12px}
.sw-guide .concept-menu{margin-left:auto;color:#806599;letter-spacing:2px}
.sw-guide .concept-body{padding:13px}
.sw-guide .concept-body h5{font-size:17px;line-height:1.25;margin:0 0 13px;color:#352548}
.sw-guide .hub-primary{display:flex;align-items:center;gap:9px;padding:14px 10px;background:#ece1fd;border:1px solid #aa82d2;border-radius:7px;margin-bottom:10px}
.sw-guide .hub-primary>div{flex:1}.sw-guide .hub-primary strong{display:block;font-size:15px}.sw-guide .hub-primary div>span{display:block;font-size:12px;margin-top:4px;color:#664c7b}
.sw-guide .hub-symbol{font-size:25px;color:#64379d}
.sw-guide .hub-route{display:flex;align-items:center;gap:10px;padding:12px 9px;border-bottom:1px solid #e0d5e8;background:#fff}
.sw-guide .hub-route>span{width:22px;color:#7947b1;font-size:19px;text-align:center}.sw-guide .hub-route>b{margin-left:auto;color:#806599}.sw-guide .hub-route strong{font-size:13px}
.sw-guide .history-search{display:flex;gap:9px;border:1px solid #c8b5dc;border-radius:5px;background:white;padding:8px 10px;color:#6d597c;font-size:12px}
.sw-guide .history-day{margin-top:14px}.sw-guide .history-day>strong{font-size:10px;letter-spacing:.08em;color:#744995}
.sw-guide .history-event{display:flex;gap:9px;align-items:baseline;border-bottom:1px solid #e1d7e8;padding:10px 0;font-size:12px}.sw-guide .history-event time{font-size:11px;color:#82748b;flex-shrink:0}
.sw-guide .history-older{display:flex;justify-content:space-between;background:#eee4fb;border-radius:5px;padding:9px 10px;margin-top:13px;color:#5e318f;font-weight:700;font-size:12px}
.sw-guide .concept-stacked_comparison{max-width:285px}.sw-guide .comparison-order{font-size:11px;color:#765787;margin:-4px 0 12px}
.sw-guide .comparison-item{border:1px solid #d1bcdf;background:#fff;border-radius:6px;overflow:hidden}.sw-guide .comparison-item+.comparison-item{margin-top:10px}
.sw-guide .comparison-item>strong{display:block;background:#f0e7fb;border-bottom:1px solid #d1bcdf;padding:9px 10px;font-size:13px}
.sw-guide .comparison-item dl{margin:0;padding:0 10px}.sw-guide .comparison-item dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eee7f3}.sw-guide .comparison-item dl>div:last-child{border:0}
.sw-guide .comparison-item dt,.sw-guide .comparison-item dd{font-size:12px;margin:0}.sw-guide .comparison-item dt{color:#806b90}.sw-guide .comparison-item dd{font-weight:700}
.sw-guide .cross-cutting-state{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 26px;margin:22px 0;padding:22px;border:1px solid #bba4ce;border-top:3px solid #79608d;border-radius:7px;background:#fcfbfd}
.sw-guide .cross-state-label{font-size:11px;letter-spacing:.08em;font-weight:700;color:#755989}
.sw-guide .cross-state-copy h3{margin:8px 0 10px;font-size:23px;color:#593482}
.sw-guide .cross-state-copy p,.sw-guide .cross-cutting-state figcaption p{font-size:14px;line-height:1.5;margin:10px 0}
.sw-guide .cross-cutting-state figure{margin:0;align-self:center;min-width:0}.sw-guide .cross-cutting-state .product-svg{max-width:300px;padding:0;border:0;background:transparent;box-shadow:none}
.sw-guide .cross-cutting-state .choose-based{grid-column:1/-1;margin:0;padding-top:12px}
.sw-guide .state-contexts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;align-items:center}.sw-guide .state-contexts span{font-size:11px;padding:5px 7px;border:1px solid #d5c7e2;border-radius:4px;background:white}.sw-guide .state-contexts b{flex-basis:100%;text-align:center;color:#8359a5}.sw-guide .state-contexts strong{flex-basis:100%;text-align:center;font-size:13px;color:#61368b}
@media(max-width:650px){.sw-guide .cross-cutting-state{grid-template-columns:1fr;padding:17px;gap:15px}.sw-guide .concept-ui{max-width:330px}}
/* Targeted fidelity pass: Priority hub and Place only. */
.sw-guide .concept-priority_hub .route-icon,.sw-guide .place-ui .route-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sw-guide .concept-priority_hub .hub-primary{gap:10px;padding:14px 10px;border:1px solid #c2a5e5;border-left:3px solid #7643b7;background:#f1e9fb;box-shadow:0 2px 3px #603a8809}
.sw-guide .concept-priority_hub .hub-symbol{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#dfccf7;border-radius:7px;color:#64359b}
.sw-guide .concept-priority_hub .hub-primary strong{font-size:14px}.sw-guide .concept-priority_hub .hub-primary div>span{font-size:11px;line-height:1.4;margin-top:3px}
.sw-guide .concept-priority_hub .hub-chevron{display:block!important;margin-left:auto;width:18px!important;height:18px;flex-shrink:0;color:#8c71a7}
.sw-guide .concept-priority_hub .hub-chevron .route-icon{width:16px;height:16px}
.sw-guide .concept-priority_hub .hub-route{gap:10px;padding:12px 10px}
.sw-guide .concept-priority_hub .hub-route-icon{display:grid;place-items:center;width:32px;height:28px;flex-shrink:0;color:#8058a4}
.sw-guide .concept-priority_hub .hub-route strong{font-size:13px}
.sw-guide .place-ui{width:100%;max-width:330px;border:1.5px solid #695775;border-radius:9px;overflow:hidden;background:#faf9fc;box-shadow:0 3px 0 #e0d8e8;color:#342642}
.sw-guide .place-top{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #d7c9e3;background:#fff;font-size:13px}
.sw-guide .place-brand{display:grid;place-items:center;width:24px;height:24px;background:#6738b1;color:#fff;border-radius:6px;font-size:12px;font-weight:700}
.sw-guide .place-mode{margin-left:auto;color:#8762a9}
.sw-guide .place-map-body{display:grid;grid-template-columns:1.15fr 1fr;min-height:250px}
.sw-guide .place-map-canvas{position:relative;min-width:0;overflow:hidden;border-right:1px solid #d7c9e3;background:#f2f0f5}
.sw-guide .place-map-canvas>svg{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}
.sw-guide .map-zoom{position:absolute;bottom:9px;left:9px;display:flex;flex-direction:column;background:white;border:1px solid #cbbbdc;border-radius:4px;box-shadow:0 2px 4px #38254212;font-size:16px;line-height:1;color:#69468a}
.sw-guide .map-zoom span{padding:5px 7px}.sw-guide .map-zoom span+span{border-top:1px solid #e0d4e8}
.sw-guide .map-property-list{padding:9px;display:grid;gap:10px;align-content:start}
.sw-guide .map-property{border:1px solid #dfd3e7;border-radius:5px;background:#fff;overflow:hidden}
.sw-guide .map-property .home-art{height:69px}
.sw-guide .map-property strong{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1.3;padding:7px 6px 3px}
.sw-guide .map-property i{display:grid;place-items:center;font-style:normal;background:#703eac;color:#fff;border-radius:50%;width:15px;height:15px;flex-shrink:0;font-size:9px}.sw-guide .map-property:nth-child(2) i{background:#ad658d}
.sw-guide .map-property>span{display:block;padding:0 6px 8px;font-weight:700;font-size:11px;color:#6c438c}
.sw-guide .place-attributes{padding:0 10px 10px}
.sw-guide .place-attribute-head,.sw-guide .place-attribute-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 27px;gap:7px;align-items:center}
.sw-guide .place-attribute-head{font-size:10px;letter-spacing:.025em;color:#8b749c;padding:12px 0 9px;font-weight:700}
.sw-guide .place-attribute-head>span:nth-child(n+2){text-align:right}
.sw-guide .place-attribute-row{padding:12px 0;border-top:1px solid #ded2e8;min-height:78px}
.sw-guide .place-attribute-row>div{min-width:0;display:flex;align-items:center;gap:7px}
.sw-guide .place-attribute-row .home-art{width:42px;height:45px;flex-shrink:0;border:1px solid #e3d9ed;border-radius:5px}
.sw-guide .place-attribute-row strong{font-size:11px;line-height:1.35}
.sw-guide .place-attribute-row>b{font-size:12px;text-align:right;color:#63318d}
.sw-guide .place-attribute-row>span{font-size:12px;text-align:right;color:#74627f}

/* Handoff checks follow the same seven stages as the article. */
.sw-guide .checklist.recipe-checklist{display:block}
.sw-guide .recipe-check-group{min-width:0;padding:0 0 15px;margin:0 0 18px;border:0;border-bottom:1px solid #ddd3e5}
.sw-guide .recipe-check-group legend{padding:0;margin-bottom:4px;font-size:16px;font-weight:700;line-height:1.4}
.sw-guide .recipe-check-group legend a{color:#593482;text-decoration:none}
.sw-guide .recipe-check-group legend a:hover{text-decoration:underline}
.sw-guide .recipe-check-group legend a:focus-visible{outline:2px solid #643995;outline-offset:3px}
.sw-guide .recipe-check-group label{border:0;padding:8px 0}

/* Ordinary illustration text retains the former heading appearance. */
.sw-guide .hero-listing-name{font-weight:700;line-height:1.3}

/* Publication polish: existing composition, clearer evidence and task progression. */
.sw-guide .hero-links .research-link{stroke-width:3.5;stroke-dasharray:7 4}
.sw-guide .storyboard{gap:28px}
.sw-guide .storyboard figure{position:relative;padding:16px 18px 20px;background:#fcfbfe;border:1px solid #ded6e9;border-radius:10px;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:12px 24px}
.sw-guide .storyboard .sketch{width:100%;max-width:300px}
.sw-guide .storyboard .frame-title>span{background:#643995;color:#fff;font-size:14px;width:30px;height:30px}
.sw-guide .storyboard figure:not(:last-child):after{content:'↓';display:grid;place-items:center;position:absolute;right:auto;left:calc(50% - 17px);top:auto;bottom:-30px;width:34px;height:30px;background:#fff;color:#643995;font-size:28px;font-weight:700;z-index:1}
.sw-guide [data-export="task-storyboard"] .observation-link{border-left:4px solid #b92773;background:#fff8fc;padding:18px 20px;margin-top:26px}
.sw-guide :is(#paths,#retest,#cheat-sheet,#checklist,#related,#sources){margin-top:64px}
.sw-guide .retest-sheet{border-top:3px solid #643995}
.sw-guide .recipe-check-group{padding-block:15px}
.sw-guide .sw-sources li{margin-block:14px}
@media(max-width:650px){
 .sw-guide .storyboard figure{grid-template-columns:1fr;padding:14px;gap:12px}
 .sw-guide .storyboard .sketch{max-width:320px}
 .sw-guide [data-export="task-storyboard"] .observation-link{padding:14px}
 .sw-guide :is(#paths,#retest,#cheat-sheet,#checklist,#related,#sources){margin-top:44px}
}

/* Final hero polish: consistent tangent arrowheads; no layout animation. */
.sw-guide .hero-links>path{stroke-width:2.4;stroke-dasharray:none}
.sw-guide .hero-links>path.research-link{stroke-width:2.8}
.sw-guide .hero-links .arrow-tip{stroke-width:1.5;stroke-dasharray:none;fill:none}