:root{--base:#F7F2E5;--paper:#FFFDF9;--ink:#353126;--dim:#353126;--muted:#E5D9C3;--accent:#9B6533;--accent2:#436477;--accentfg:#ffffff;--star:#9B6533;--rule:color-mix(in srgb,var(--ink) 24%,transparent);--heading:"Trebuchet MS",Arial,sans-serif;--body:Verdana,Geneva,sans-serif;--rad:8px;--max:1050px}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;min-width:0;color:var(--ink);background:var(--base);font:400 16px/1.62 var(--body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}main,section,article,aside,div{min-width:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,summary{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}h1,h2,h3,p,dl,dd,ul,ol,figure,blockquote{margin:0 0 16px}h1,h2,h3{font-family:var(--heading);line-height:1.18;letter-spacing:-.023em;overflow-wrap:break-word}h1{font-size:clamp(1.95rem,4.3vw,3.55rem);font-weight:700;max-width:24ch}h2{font-size:clamp(1.45rem,2.4vw,2.25rem);max-width:35ch}h3{font-size:1.12rem}p{max-width:74ch}.small{font-size:.87rem}.fine{font-size:.89rem;line-height:1.52;color:var(--dim)}.kicker{font:700 .74rem/1.35 Consolas,'Courier New',monospace;letter-spacing:.075em;opacity:.8;display:inline-block;margin-bottom:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:20px;top:0;transform:translateY(-140%);padding:7px;background:var(--paper);z-index:100}.skip:focus{transform:none}.shell{max-width:1700px;margin-inline:auto;min-width:0}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:16px clamp(18px,4vw,58px);border-bottom:1px solid var(--rule);position:relative;z-index:12}.mark-link{display:flex;gap:12px;align-items:center;max-width:min(450px,100%);min-width:0;font:700 1.05rem/1.24 var(--heading);text-decoration:none}.mark-link img{width:36px;height:36px;flex:none}.brand-name{text-transform:none!important;letter-spacing:normal!important}.head-note{font:600 .75rem/1.3 Consolas,'Courier New',monospace;color:var(--dim)}.top-links{display:flex;align-items:center;justify-content:flex-end;gap:4px 18px;flex-wrap:wrap;font-size:.82rem;font-weight:650}.top-links a{text-decoration:none;padding:5px 0;border-bottom:2px solid transparent}.top-links a[aria-current=page]{border-color:var(--accent)}.top-links a:hover{border-color:var(--ink)}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;font-weight:700;border:1px solid var(--rule);padding:7px 13px;border-radius:var(--rad);min-height:43px;background:var(--paper)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:' +';font-weight:900}.mobile-menu[open] summary:after{content:' −'}.mobile-menu nav{position:absolute;z-index:90;top:70px;right:14px;width:min(330px,calc(100vw - 28px));padding:12px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 15px 30px #0002;display:grid;gap:2px}.mobile-menu nav a{padding:9px;text-decoration:none}.mobile-menu nav a:hover{background:var(--muted)}.site-core{display:grid;grid-template-columns:minmax(0,1fr)}.rail{display:none}.rail a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--rule);font-size:.87rem}.rail a[aria-current=page]{font-weight:800}.core-main{width:min(calc(100% - 2*clamp(18px,4vw,62px)),var(--max));margin-inline:auto;min-width:0}.site-section{padding:clamp(28px,4vw,56px) 0;scroll-margin-top:18px}.site-section+.site-section{border-top:1px solid var(--rule)}.section-top{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:23px}.section-top h2{margin:0}.section-top p{margin:5px 0 0;color:var(--dim)}.bread{font-size:.83rem;margin:21px 0 10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bread a{font-weight:600}.lede{font-size:1.11rem;line-height:1.66;max-width:67ch}.opening{padding-top:clamp(23px,4vw,48px)}.opening-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(22px,4.2vw,60px);align-items:start}.opening-copy{min-width:0}.opening-copy .lede{margin-top:16px}.opening-copy .definition{font-weight:500;margin-top:15px}.opening-copy .learn-more{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:22px}.opening-tasks{min-width:0}.opening-tasks header{margin-bottom:12px}.opening-tasks header p{font-size:.87rem;line-height:1.5;color:var(--dim)}.task-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-tile{border:1px solid var(--rule);background:var(--paper);padding:16px 16px 13px;border-radius:var(--rad);min-width:0;position:relative}.task-tile:nth-child(2){transform:translateY(10px)}.task-tile h3{font-size:1rem;margin:0 0 8px}.task-tile p{font-size:.84rem;margin:0 0 12px;line-height:1.46;color:var(--dim)}.task-tile a{text-decoration:none;font-weight:700;border-bottom:1px solid currentColor}.task-tile:hover{border-color:var(--accent)}.task-number{font:.78rem Consolas,monospace;opacity:.6;display:block;margin-bottom:12px}.task-dir{display:grid;gap:0;border-top:2px solid var(--ink)}.task-dir .task-tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 7px;border:none;border-bottom:1px solid var(--rule);border-radius:0;transform:none;background:transparent;align-items:center}.task-dir .task-tile p{margin:0}.task-dir .task-number{margin:0 0 5px}.task-pills{display:flex;gap:10px;flex-wrap:wrap}.task-pills .task-tile{flex:1 1 205px;border-radius:12px;padding:13px 18px}.task-pills .task-tile p{font-size:.8rem;line-height:1.45}.task-pills .task-number{opacity:.7}.branch-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border-left:4px solid var(--accent);padding-left:14px}.branch-tree .task-tile{border-left:4px solid var(--accent2)}.accordion-paths details{border-top:1px solid var(--rule);padding:13px 0}.accordion-paths summary{cursor:pointer;font-weight:750}.accordion-paths p{font-size:.9rem;margin:8px 0}.accordion-paths a{font-weight:750}.task-index{counter-reset:item}.task-index .task-tile{counter-increment:item;padding-left:37px;position:relative}.task-index .task-tile:before{content:counter(item,decimal-leading-zero);position:absolute;top:17px;left:11px;font:700 .69rem Consolas,monospace}.primary-link{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accentfg);text-decoration:none;font-weight:750;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--rad);min-height:44px}.primary-link:hover{filter:brightness(.93)}.secondary-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--rule);font-weight:750;padding:10px 16px;border-radius:var(--rad);min-height:44px;background:var(--paper)}.inline-link{font-weight:700}.route-layout{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(18px,4vw,55px);align-items:start}.route-figure{margin:0}.route-figure img{width:100%;aspect-ratio:940/330;object-fit:contain;border:1px solid var(--rule);background:var(--paper);border-radius:var(--rad)}.route-figure figcaption{font-size:.79rem;line-height:1.5;margin-top:9px;color:var(--dim)}.route-steps{counter-reset:stage;display:grid;gap:0}.route-step{counter-increment:stage;padding:13px 5px 13px 49px;border-bottom:1px solid var(--rule);position:relative}.route-step:before{content:counter(stage,decimal-leading-zero);position:absolute;left:6px;top:15px;font:800 .84rem Consolas,monospace;color:var(--dim)}.route-step strong{display:block;margin-bottom:5px}.route-step p{font-size:.88rem;color:var(--dim);line-height:1.56;margin-bottom:6px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.benefit-item{min-width:0;padding:16px 0;border-top:2px solid var(--ink)}.benefit-item:nth-child(even){padding-left:12px}.benefit-item p{font-size:.92rem;line-height:1.58;color:var(--dim)}.benefit-item a{font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:16px 10px 16px 0;border-top:2px solid var(--ink)}.metric strong{display:block;font:750 clamp(2rem,3.6vw,3.4rem)/1.06 var(--heading);font-variant-numeric:tabular-nums;margin-bottom:9px}.metric span{font-size:.89rem}.metrics.table{display:block}.metrics.table .metric{display:flex;align-items:baseline;gap:17px;padding:12px 0;border-top:none;border-bottom:1px solid var(--rule)}.metrics.table .metric strong{min-width:95px}.metrics.rings .metric{border:1px solid var(--rule);border-radius:var(--rad);padding:15px}.metrics.rings .metric strong{border:2px solid var(--accent);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:1.6rem}.ratings-box{padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--rad);display:grid;gap:11px}.ratings-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px 17px}.ratings-row strong{font:800 clamp(1.5rem,3vw,2rem)/1.18 var(--heading);white-space:nowrap}.rating-stars{position:relative;color:var(--dim);white-space:nowrap;font-size:1.35rem;letter-spacing:2px;line-height:1.1}.rating-stars:before{content:'★★★★★';display:block}.rating-stars .filled{position:absolute;left:0;top:0;overflow:hidden;width:98%;white-space:nowrap;color:var(--star)}.badge-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.badge-item{display:inline-flex;align-items:center;padding:5px 11px;font-weight:700;font-size:.81rem;background:var(--muted);border:1px solid var(--rule);border-radius:999px;min-height:28px}.badge-item.download-badge{text-decoration:underline}.demo-note{font-size:.85rem;line-height:1.54;color:var(--ink);margin:1px 0 0}.badge-description{font-size:.83rem;line-height:1.55;color:var(--dim);margin:0}.ratings-box.layout-b{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:15px}.ratings-box.layout-b .badge-description,.ratings-box.layout-b .demo-note{grid-column:1/-1}.ratings-box.layout-c{border-left:5px solid var(--accent)}.ratings-box.layout-d{background:transparent;border-left:0;border-right:0;border-radius:0}.ratings-box.layout-e .badge-row{order:-1}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(19px,4vw,52px);align-items:start}.device-panel{border-top:3px solid var(--accent);padding:18px 0}.device-panel p{margin:9px 0 17px}.file-summary{display:flex;align-items:flex-start;gap:13px;margin:14px 0}.file-icon{flex:none;border:1px solid var(--rule);padding:13px;font-weight:800;background:var(--muted)}.file-summary small{display:block;color:var(--dim)}.faq-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(17px,5vw,65px)}.faq-list{display:grid;gap:0}.faq-list details{padding:13px 6px;border-bottom:1px solid var(--rule)}.faq-list details:first-child{border-top:1px solid var(--rule)}.faq-list summary{cursor:pointer;font-weight:650;list-style:auto}.faq-list details[open] summary{margin-bottom:8px}.faq-list p{color:var(--dim);font-size:.93rem;margin:4px 0 8px}.faq-list a{font-weight:700;font-size:.9rem}.continued-links{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:center;margin-top:15px}.inside-article{padding:clamp(25px,4vw,46px) 0 52px}.article-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.34fr);gap:25px;align-items:end;border-bottom:2px solid var(--ink);padding:6px 0 24px;margin-bottom:26px}.article-header p{font-size:1rem;line-height:1.62}.article-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);gap:clamp(25px,6vw,86px);align-items:start}.article-main section{padding:12px 0 26px;margin-bottom:10px;border-bottom:1px solid var(--rule)}.article-main section p{max-width:75ch}.article-rail{border-top:3px solid var(--accent);padding-top:14px}.article-rail a{display:block;padding:9px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:.88rem}.article-rail p{font-size:.84rem;color:var(--dim)}.article-box{background:var(--paper);padding:18px;border:1px solid var(--rule);border-radius:var(--rad);margin:14px 0 18px}.article-box h3{margin:0 0 8px}.related-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.related-card{padding:15px 0;border-top:2px solid var(--ink)}.related-card p{font-size:.91rem;color:var(--dim)}.article-table{border-collapse:collapse;width:100%}.article-table td,.article-table th{padding:12px;text-align:left;border:1px solid var(--rule);vertical-align:top}.article-table tr:nth-child(2n){background:var(--muted)}.article-table th{font-size:.92rem}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 23px}.sample-review{padding:13px 0 17px;border-top:1px solid var(--rule)}.review-byline{display:flex;gap:8px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sample-review blockquote{margin:12px 0 0;font-size:.92rem;line-height:1.57}.review-rating{font:.87rem Consolas,monospace;white-space:nowrap}.note-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.note-steps li{border-left:3px solid var(--accent);padding:6px 15px}.note-steps li strong{display:block;margin-bottom:4px}.guide-cover{width:100%;max-width:650px;aspect-ratio:760/350;object-fit:contain;background:var(--paper);border:1px solid var(--rule)}.chapters{margin:13px 0 0;padding:0;counter-reset:chapter;list-style:none}.chapters li{counter-increment:chapter;display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--rule);padding:8px 0}.chapters li:before{content:counter(chapter,decimal-leading-zero);font:700 .78rem Consolas,monospace;color:var(--dim)}.list-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.list-map>a{padding:10px;border:1px solid var(--rule);text-decoration:none;font-weight:650}.list-map>a:hover{background:var(--muted)}.site-footer{border-top:2px solid var(--ink);padding:28px clamp(18px,4vw,58px) 32px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px 50px;align-items:start;margin-top:30px}.footer-brand{display:block;font:750 clamp(1.2rem,2.2vw,1.65rem)/1.15 var(--heading);margin-bottom:7px}.site-footer small{color:var(--dim);max-width:57ch;display:block}.footer-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 19px;font-size:.81rem}.footer-links a{text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--rule)}.footer-links a:hover{border-bottom-color:var(--ink)}.footer-footer{font-size:.75rem;grid-column:1/-1;color:var(--dim);margin:0}
/* Eight functional families with different element geometry, surface rhythm and wayfinding. */
[data-family="task-board"] .opening-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
[data-family="task-board"] .opening-tasks{background:var(--muted);padding:20px;border:1px solid var(--rule)}
[data-family="task-board"] .task-tile{box-shadow:5px 5px 0 var(--muted)}
[data-family="task-board"] .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-family="branch-map"] .opening-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
[data-family="branch-map"] .task-tile{border-radius:0}
[data-family="branch-map"] .route-layout{grid-template-columns:1.3fr .7fr}
[data-family="branch-map"] .site-section:nth-child(odd){background:var(--paper);margin-inline:-22px;padding-inline:22px}
[data-family="step-led"] .opening-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
[data-family="step-led"] .task-stack{grid-template-columns:1fr}
[data-family="step-led"] .task-tile{padding:12px 18px;border-left:4px solid var(--accent)}
[data-family="step-led"] .route-layout{grid-template-columns:1fr 1fr}
[data-family="step-led"] .route-step{border-left:3px solid var(--accent);border-bottom:0}
[data-family="accordion-guide"] .opening-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
[data-family="accordion-guide"] .opening-tasks{border:1px solid var(--rule);padding:19px;background:var(--paper)}
[data-family="accordion-guide"] .route-steps{background:var(--muted);padding:12px}
[data-family="accordion-guide"] .benefit-grid{grid-template-columns:1fr 1fr}
[data-family="tabbed-help"] .opening-layout{grid-template-columns:1fr}
[data-family="tabbed-help"] .opening-tasks{display:grid;grid-template-columns:minmax(160px,.25fr) minmax(0,.75fr);gap:20px}
[data-family="tabbed-help"] .task-tile{border-bottom:3px solid var(--accent);border-radius:0}
[data-family="tabbed-help"] .route-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
[data-family="tabbed-help"] .route-step{border:1px solid var(--rule)}
[data-family="action-directory"] .opening-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
[data-family="action-directory"] .task-tile{background:transparent;border-radius:0}
[data-family="action-directory"] .section-top{padding-bottom:12px;border-bottom:1px solid var(--rule)}
[data-family="action-directory"] .benefit-grid{grid-template-columns:1fr 1fr}
[data-family="two-path-layout"] .opening-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
[data-family="two-path-layout"] .opening-copy{background:var(--muted);padding:clamp(19px,3vw,34px)}
[data-family="two-path-layout"] .opening-tasks{background:var(--paper);padding:clamp(19px,3vw,34px);border:1px solid var(--rule)}
[data-family="two-path-layout"] .route-layout{grid-template-columns:1fr 1fr}
[data-family="two-path-layout"] .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-family="mobile-first-guide"] .opening-layout{grid-template-columns:1fr;gap:17px}
[data-family="mobile-first-guide"] .opening-copy{max-width:83ch}
[data-family="mobile-first-guide"] .task-tile{border-radius:999px}
[data-family="mobile-first-guide"] .route-layout{grid-template-columns:1fr .85fr}
[data-family="mobile-first-guide"] .metrics{display:flex;flex-wrap:wrap}.site-section .metrics .metric{flex:1 1 155px}
/* Navigation patterns are meaningful desktop layouts; all collapse to the same accessible detail fallback on phones. */
[data-nav="left-rail"] .site-core,[data-nav="right-rail"] .site-core,[data-nav="vertical-right"] .site-core{grid-template-columns:205px minmax(0,1fr)}
[data-nav="left-rail"] .rail,[data-nav="right-rail"] .rail,[data-nav="vertical-right"] .rail{display:block;padding:23px 20px;border-right:1px solid var(--rule);align-self:start;position:sticky;top:7px}
[data-nav="right-rail"] .site-core,[data-nav="vertical-right"] .site-core{grid-template-columns:minmax(0,1fr) 205px}
[data-nav="right-rail"] .rail,[data-nav="vertical-right"] .rail{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--rule)}
[data-nav="right-rail"] .core-main,[data-nav="vertical-right"] .core-main{grid-column:1;grid-row:1}
[data-nav="left-rail"] .top-links,[data-nav="right-rail"] .top-links,[data-nav="vertical-right"] .top-links{display:none}
[data-nav="nav-islands"] .top-links a{padding:5px 10px;border-radius:999px;background:var(--muted)}
[data-nav="floating-nav"] .top-links{background:var(--paper);padding:8px 13px;border:1px solid var(--rule);border-radius:999px}
[data-nav="center-header"] .header{flex-direction:column;gap:10px;padding-block:13px}
[data-nav="split-header"] .header{background:var(--muted);align-items:flex-start}
[data-nav="top-utility"] .header{border-bottom:3px double var(--rule)}
[data-nav="utility-top"] .header{background:var(--paper)}
[data-nav="header-with-aside"] .head-note{padding:6px 11px;background:var(--muted)}
[data-nav="split-navigation"] .top-links a{border-left:1px solid var(--rule);padding-left:10px}
[data-nav="corner-header"] .header{background:var(--muted);border-left:7px solid var(--accent)}
[data-nav="sticky-chapter"] .header{position:sticky;top:0;background:var(--base)}
[data-nav="inline-index"] .top-links a{padding:7px;border:1px solid var(--rule)}
[data-nav="top-actions"] .header{border-bottom:3px solid var(--accent)}
[data-nav="full-width-tabs"] .top-links{flex:1;justify-content:space-around;border-bottom:2px solid var(--accent)}
[data-nav="minimal-text"] .top-links{gap:14px}.top-links a{text-wrap:balance}
[data-nav="compact-corner"] .header{max-width:1250px;margin:auto}
/* Individual openings intentionally change alignment and order, not just accents. */
[data-opening="numbered-column"] .opening-copy{border-left:7px solid var(--accent);padding-left:19px}
[data-opening="diagram-lead"] .opening-copy{border-top:5px solid var(--accent2);padding-top:20px}
[data-opening="compact-accordion"] .opening-copy{max-width:600px}
[data-opening="tabbed-directions"] .opening-copy{display:grid;grid-template-columns:1fr .9fr;gap:15px}
[data-opening="tabbed-directions"] .opening-copy h1{grid-column:1/-1}
[data-opening="directory-head"] .opening-copy{border-top:2px solid var(--ink);padding-top:25px}
[data-opening="two-column-contrast"] .opening-copy h1{font-size:clamp(2.3rem,4.3vw,3.4rem)}
[data-opening="phone-first"] .opening-copy{text-align:left;max-width:700px}
[data-opening="wide-task-matrix"] .opening-copy{padding:16px 0;border-bottom:2px solid var(--ink)}
[data-opening="route-orbit"] .opening-copy{align-self:center}
[data-opening="horizontal-sequence"] .opening-tasks{border-top:4px solid var(--accent)}
[data-opening="question-led"] .opening-copy{border-bottom:1px solid var(--rule);padding-bottom:18px}
[data-opening="index-tabs"] .opening-copy{max-width:800px}
[data-opening="command-list"] .opening-copy h1{max-width:18ch}
[data-opening="priority-panel"] .opening-tasks{border-top:5px solid var(--accent)}
[data-opening="stacked-compact"] .opening-copy{border-left:4px solid var(--accent);padding-left:16px}
[data-opening="agenda-overview"] .opening-copy{max-width:53ch}
[data-opening="diagonal-routes"] .opening-copy{border-left:2px solid var(--rule);padding-left:23px}
[data-family="task-board"][data-opening="wide-task-matrix"] .opening-layout{grid-template-columns:1fr}.task-stack{min-width:0}
[data-family="step-led"][data-opening="horizontal-sequence"] .opening-layout{grid-template-columns:1fr}.task-stack{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-family="branch-map"][data-opening="route-orbit"] .opening-layout{grid-template-columns:1fr 1.3fr}
[data-family="two-path-layout"][data-opening="priority-panel"] .opening-copy{background:var(--paper)}
[data-family="accordion-guide"][data-opening="question-led"] .opening-layout{grid-template-columns:1fr}.opening-tasks{max-width:100%}
[data-family="action-directory"][data-opening="command-list"] .opening-layout{grid-template-columns:.72fr 1.28fr}
/* Actual footer compositions, not numeric style IDs. */
[data-foot="sidebar-ending"] .site-footer,[data-foot="reference-footer"] .site-footer{grid-template-columns:.5fr 1.5fr}
[data-foot="compact-band-footer"] .site-footer,[data-foot="minimal-footer"] .site-footer{display:flex;flex-wrap:wrap;justify-content:space-between}
[data-foot="full-bleed-footer"] .site-footer,[data-foot="contrast-footer"] .site-footer{background:var(--ink);color:var(--paper);padding-block:42px}
[data-foot="full-bleed-footer"] .site-footer small,[data-foot="contrast-footer"] .site-footer small{color:var(--paper)}
[data-foot="framed-foot"] .site-footer{border:8px double var(--rule);margin-top:35px}
[data-foot="diagonal-footer"] .site-footer{border-left:12px solid var(--accent);padding-left:30px}
[data-foot="indexed-footer"] .site-footer{grid-template-columns:1fr;gap:13px}
[data-foot="floating-footer"] .site-footer{background:var(--muted);border-radius:var(--rad);margin:23px}
[data-foot="stacked-footer"] .site-footer{grid-template-columns:1fr;border-top:5px solid var(--accent)}
[data-foot="legal-minimal-footer"] .site-footer{grid-template-columns:1fr 2fr;border-top:1px solid var(--rule)}
[data-foot="split-footer"] .site-footer{background:var(--muted)}
[data-foot="footer-as-menu"] .site-footer{border-top:2px solid var(--accent);display:flex;flex-direction:column}
[data-foot="path-footer"] .site-footer{border-top:5px double var(--accent)}
[data-foot="dark-band"] .site-footer{background:var(--paper)}
@media(max-width:1090px){.head-note{display:none}.top-links{font-size:.76rem;gap:7px}.article-layout{grid-template-columns:minmax(0,1fr) minmax(165px,.32fr)}}
@media(max-width:900px){.top-links{display:none!important}.mobile-menu{display:block}.header{flex-direction:row!important;min-height:70px;position:relative}.site-core{display:block!important}.rail{display:none!important}.core-main{grid-column:auto!important;grid-row:auto!important}.opening-layout,.route-layout,.article-layout,.faq-preview{grid-template-columns:minmax(0,1fr)!important}.opening-copy,.opening-tasks{padding:0!important;background:transparent!important;border-left:0!important;border-top:0!important}.article-rail{border-top:1px solid var(--rule)}.section-top{display:block}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid{grid-template-columns:1fr 1fr}.article-header{grid-template-columns:1fr}.footer-links{gap:9px 15px}}
@media(max-width:600px){.header{padding:13px 16px;min-height:66px}.mark-link{font-size:.94rem}.mark-link img{width:32px;height:32px}.core-main{width:calc(100% - 34px)}.site-section{padding:27px 0}.opening-layout,.opening-tasks{display:block}.opening-tasks{margin-top:24px}.task-stack{grid-template-columns:minmax(0,1fr)!important;display:grid}.task-stack .task-tile{transform:none!important}.branch-tree{grid-template-columns:1fr}.task-pills{display:grid}.task-dir .task-tile{grid-template-columns:1fr;gap:4px}.benefit-grid{grid-template-columns:1fr!important}.benefit-item:nth-child(even){padding-left:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:2.05rem}.device-grid{grid-template-columns:1fr}.ratings-box.layout-b{display:flex;flex-direction:column}.ratings-box.layout-b .badge-description,.ratings-box.layout-b .demo-note{grid-column:auto}.reviews-grid,.related-cards,.list-map{grid-template-columns:1fr}.route-figure img{aspect-ratio:940/330}.article-header{padding-bottom:16px}.site-footer{grid-template-columns:1fr;gap:12px;padding-inline:18px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-footer{grid-column:auto}.article-layout{display:block}.task-tiles{overflow-wrap:anywhere}}
@media(max-width:380px){.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:1.72rem}.kicker{letter-spacing:0}.footer-links{grid-template-columns:1fr 1fr}.ratings-row strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

@media(max-width:600px){[data-family="branch-map"] .site-section:nth-child(odd){margin-inline:0;padding-inline:0}}

@media(max-width:600px){[data-family="mobile-first-guide"] .metrics.table{display:grid;grid-template-columns:1fr}[data-family="mobile-first-guide"] .metrics.table .metric{display:block}[data-family="mobile-first-guide"] .metrics.table .metric strong{min-width:0}}