/* Approved direction: neutral light surfaces, tool categories, three-column reading. */
:root{--paper:#fff;--surface:#fff;--soft:#f6f6f7;--ink:#202124;--muted:#686b72;--line:#e7e7ea;--orange:#3d59c7;--orange-soft:#eef1fc;--sage:var(--soft);--blue:var(--soft);--white:var(--surface);--max:1400px;--radius:10px;--header-height:72px;color-scheme:light}
:root[data-theme=dark]{--paper:#111214;--surface:#18191c;--soft:#202125;--ink:#f1f1f3;--muted:#a2a4ad;--line:#303136;--orange:#a2b2ff;--orange-soft:#252d48;color-scheme:dark}
html{scroll-padding-top:100px}body{background:var(--paper);color:var(--ink)}
.site-header,main,.site-footer{width:calc(100% - 72px);max-width:var(--max);margin-left:auto;margin-right:auto}
.site-header{position:sticky;top:0;z-index:20;height:var(--header-height);background:var(--paper);gap:26px;border-bottom:1px solid var(--line)}
.brand{font-size:21px;gap:10px;letter-spacing:-.04em}.brand>img{width:30px;height:30px;border-radius:8px}.brand-en{display:inline!important;letter-spacing:.12em;font-size:9px;font-weight:550;margin-left:12px;color:var(--muted);border:0}
.main-nav{gap:30px}.main-nav a{font-size:13px;font-weight:500}.main-nav a[aria-current]{color:var(--ink)}.main-nav a[aria-current]:after{background:var(--ink);height:2px;bottom:0}.theme-control{border:0}.theme-control select{background:var(--soft);border:1px solid var(--line);font-size:11px;padding:6px 8px;border-radius:6px}
.header-actions{gap:14px}.search-trigger{background:var(--soft);border:1px solid var(--line);padding:8px 10px;border-radius:6px;font-size:11px}.search-trigger svg,.saved-link svg{width:16px;height:16px}.saved-link{color:var(--muted)}
.tool-directory{grid-template-columns:205px minmax(0,1fr);gap:42px;padding-top:36px}.tool-sidebar{padding-right:23px}.tool-sidebar-inner{top:100px;max-height:calc(100dvh - 120px)}.tool-sidebar-label{font-size:11px;padding-left:10px;margin-bottom:11px}.tool-side-link{font-size:12px;padding:10px;min-height:40px;gap:11px;color:var(--muted);border-radius:6px}.tool-side-link small{font-size:10px;opacity:.8}.tool-side-link[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:650}.tool-side-link[aria-pressed=true] svg{color:var(--orange)}.tool-side-link:hover{color:var(--ink)}.tool-sidebar-bottom{margin-top:25px}.tool-sidebar-bottom a{font-size:11px}
.tool-intro{margin-bottom:24px;align-items:flex-end}.tool-brandline{color:var(--muted);font-size:10px;letter-spacing:.06em;font-weight:500;margin-bottom:9px}.tool-intro h1{font-size:34px;font-weight:650;letter-spacing:-.045em;line-height:1.4}.tool-intro p:last-child{font-size:13px;margin-top:8px;color:var(--muted)}.tool-curator-link{font-size:11px;color:var(--muted);align-self:end;padding-bottom:5px}
.tool-search-wrap{min-height:52px;box-shadow:none;border-radius:8px;background:var(--surface);padding:0 16px}.tool-search-wrap input{font-size:14px;padding:14px 0}.tool-search-wrap svg{width:18px;height:18px}.tool-scenarios{gap:7px;margin:12px 0 25px;font-size:11px}.tool-scenarios button{border-color:transparent;background:var(--soft);padding:6px 10px;font-size:11px;border-radius:5px}.tool-scenarios button:hover,.tool-scenarios button[aria-pressed=true]{background:var(--orange-soft);color:var(--orange);border-color:transparent}
.tool-demo-note{padding:11px 13px;margin-bottom:23px;border:1px dashed var(--line);border-radius:6px;background:transparent;font-size:11px}.tool-demo-note>span{color:var(--muted);border-right:1px solid var(--line);padding-right:12px;font-weight:550}.tool-demo-note label{font-size:10px}
.tool-toolbar{margin-bottom:13px}.tool-result-heading h2{font-size:20px;letter-spacing:-.03em}.tool-result-heading>span{font-size:11px}.tool-filterbar{gap:18px;padding-bottom:19px;margin-bottom:20px}.tool-filterbar>label{font-size:11px}.tool-filterbar select{font-size:11px;border-radius:6px;padding:7px 9px;min-width:112px}.tool-view-controls select{font-size:11px;max-width:95px}.tool-view-switch button{font-size:10px}.tool-reset{font-size:11px}
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{padding:20px;border-radius:9px;box-shadow:none;transition:border-color .18s ease,background .18s ease;position:relative;min-height:240px}.tool-card:hover{border-color:#bdc0cb;background:var(--surface)}.tool-category-icon{width:38px;height:38px;background:var(--soft);border-color:transparent;border-radius:9px}.tool-category-icon svg{width:20px;height:20px}.tool-card-title h3{font-size:15px;line-height:1.5;font-weight:650;letter-spacing:-.02em}.tool-card-title>span{font-size:10px;margin-top:5px}.tool-description{font-size:12px;line-height:1.9;margin:17px 0 14px;min-height:46px;color:var(--muted)}.tool-tags>span{font-size:10px;background:transparent;border:1px solid var(--line);padding:2px 7px;line-height:1.7;border-radius:4px}.tool-card-meta{font-size:10px;margin:17px 0 13px}.tool-card-actions{padding-top:13px}.tool-detail-link{font-size:11px;color:var(--ink)}.tool-open{font-size:10px;border-radius:5px;padding:8px 11px;background:var(--ink);color:var(--paper)}.tool-open:disabled{background:var(--soft);color:var(--muted);border-color:var(--line)}.tool-bookmark{height:32px;width:32px;border-radius:5px}.tool-bottom-link{font-size:11px}
.is-list .tool-card{min-height:0;background:transparent}.is-list .tool-card:hover{background:var(--soft)}.tool-detail-head h1{font-size:34px}.tool-facts{background:var(--soft);border:1px solid var(--line)}.tool-detail-main h2{font-size:22px}.tool-detail-main p{font-size:15px;line-height:2}.tool-experience{border-color:var(--line)}.tool-about{max-width:800px}.tool-about h1{font-size:38px}.tool-manage-aside{border:1px solid var(--line)}
.site-footer{font-size:11px;gap:24px;margin-top:64px;padding:25px 0 30px;color:var(--muted)}.footer-brand{font-size:17px}.site-footer p{font-size:11px}.site-footer span{font-size:10px}.site-footer .brand>img{width:24px;height:24px}
/* Tutorial navigation follows the same category rhythm as the tool library. */
.reader-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:42px;padding-top:34px}.reader-sidebar{border-right:1px solid var(--line);padding-right:23px;min-width:0}.reader-sidebar-inner{position:sticky;top:102px;max-height:calc(100dvh - 120px);overflow:auto}.reader-nav-label{font-size:11px;color:var(--muted);font-weight:500;margin:22px 0 9px;padding:0 10px}.reader-nav-label:first-child{margin-top:0}.reader-nav-link{font-size:12px;line-height:1.7;color:var(--muted);display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:6px}.reader-nav-link svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}.reader-nav-link:hover{background:var(--soft);color:var(--ink)}.reader-nav-link[aria-current]{background:var(--soft);color:var(--ink);font-weight:600}.reader-nav-link[aria-current] svg{color:var(--orange)}.reader-nav-link small{margin-left:auto;font-size:9px;color:var(--muted)}.reader-mobile-nav{display:none}.reader-content{min-width:0}.reader-layout{display:grid;grid-template-columns:minmax(0,720px) 162px;gap:48px;align-items:start;justify-content:space-between}.reader-document{min-width:0}.reader-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:24px}.reader-breadcrumb a:hover{color:var(--ink)}.reader-header{margin-bottom:34px}.reader-category{font-size:11px;color:var(--orange);font-weight:550;margin-bottom:11px}.reader-header h1{font-size:34px;line-height:1.5;letter-spacing:-.035em;font-weight:650;max-width:740px}.reader-summary{font-size:15px;line-height:1.95;color:var(--muted);margin-top:14px}.reader-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;margin-top:17px}.reader-status{padding:3px 7px;border:1px solid var(--line);border-radius:4px;background:var(--soft)}.reader-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.reader-actions button,.reader-actions a{background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:11px;padding:8px 10px;display:flex;gap:7px;align-items:center;line-height:1.7}.reader-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.reader-actions button:hover{background:var(--soft)}.reader-actions button[aria-pressed=true]{background:var(--orange-soft);color:var(--orange);border-color:var(--orange-soft)}
.reader-toc{position:sticky;top:103px;min-width:0;align-self:start;padding-top:4px}.reader-toc>p{font-size:11px;font-weight:550;line-height:1.7;margin-bottom:14px}.reader-toc a{display:block;font-size:11px;line-height:1.8;color:var(--muted);border-left:1px solid var(--line);padding:6px 0 6px 13px}.reader-toc a:hover,.reader-toc a[aria-current]{color:var(--orange);border-color:var(--orange)}.reader-progress{margin-top:24px;color:var(--muted);font-size:10px}.reader-progress-track{height:2px;background:var(--line);margin:10px 0;overflow:hidden}.reader-progress-track span{display:block;height:100%;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left}.reader-mobile-toc{display:none}.reader-body{font-size:15px;line-height:1.95;color:var(--ink)}.reader-body section{margin:0 0 40px;scroll-margin-top:105px}.reader-body h2{font-size:23px;font-weight:650;letter-spacing:-.025em;line-height:1.7;margin:0 0 14px}.reader-body h3{font-size:16px;font-weight:650;line-height:1.8;margin:22px 0 10px}.reader-body p{margin:12px 0;color:var(--muted);line-height:1.95}.reader-body strong{color:var(--ink);font-weight:600}.reader-body ul{padding-left:22px;color:var(--muted);margin:14px 0;line-height:2}.reader-body li+li{margin-top:6px}.reader-body a:not(.reader-related){color:var(--orange)}.reader-callout{padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--soft);margin:22px 0;display:flex;gap:12px;align-items:flex-start}.reader-callout>svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:1.6;flex-shrink:0;margin-top:3px}.reader-callout strong{font-size:12px;font-weight:600;display:block;line-height:1.8}.reader-callout p{font-size:12px;line-height:1.9;margin:5px 0 0;color:var(--muted)}.reader-callout.is-tip{border-color:var(--orange-soft);background:var(--orange-soft)}
.reader-figure{margin:23px 0}.reader-image-button{display:block;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--soft);overflow:hidden;width:100%;cursor:zoom-in;position:relative}.reader-image-button img{display:block;width:100%;height:auto}.reader-image-button>span{position:absolute;bottom:9px;right:9px;padding:5px 8px;font-size:10px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;opacity:0;transition:opacity .18s}.reader-image-button:hover>span,.reader-image-button:focus-visible>span{opacity:1}.reader-figure figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:9px;text-align:center}.reader-figure-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}.reader-figure-pair .reader-figure{margin:16px 0}.reader-image-placeholder{background:var(--soft);padding:30px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:12px}
.reader-steps{list-style:none!important;padding:0!important;counter-reset:steps;margin:22px 0!important}.reader-steps>li{position:relative;padding:0 0 25px 42px;counter-increment:steps;border-left:1px solid var(--line);margin-left:13px}.reader-steps>li:last-child{border-color:transparent;padding-bottom:0}.reader-steps>li:before{content:counter(steps);position:absolute;left:-14px;top:0;width:27px;height:27px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.reader-steps h3{margin:0;font-size:15px}.reader-steps p{font-size:13px;margin:8px 0 0}.reader-code{margin:20px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft)}.reader-code-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 13px;font-size:10px;color:var(--muted)}.reader-code-top button{background:transparent;border:0;font-size:10px;color:var(--muted);padding:4px 7px;border-radius:4px}.reader-code-top button:hover{background:var(--line)}.reader-code pre{font:12px/1.85 'SFMono-Regular',Consolas,monospace;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.reader-table{overflow:auto;border:1px solid var(--line);border-radius:8px;margin:20px 0}.reader-table table{width:100%;border-collapse:collapse;font-size:12px;min-width:470px;line-height:1.8}.reader-table th{text-align:left;background:var(--soft);font-weight:600;color:var(--ink)}.reader-table th,.reader-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.reader-table tr:last-child td{border-bottom:0}.reader-table td{color:var(--muted)}.reader-table td:first-child{color:var(--ink);white-space:nowrap}.reader-checklist{border:1px solid var(--line);border-radius:8px;margin:20px 0}.reader-checklist label{display:flex;align-items:flex-start;gap:11px;padding:12px 15px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);cursor:pointer}.reader-checklist label:last-child{border:0}.reader-checklist input{margin-top:5px;accent-color:var(--orange);width:15px;height:15px}.reader-checklist input:checked+span{color:var(--ink)}.reader-check-progress{font-size:11px!important}.reader-related{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:18px 0;color:var(--ink)}.reader-related strong{font-size:13px;display:block}.reader-related small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.reader-related:hover{background:var(--soft)}.reader-related>span{font-size:18px}.reader-pagination{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:38px 0 0;padding-top:25px;border-top:1px solid var(--line)}.reader-pagination a{display:flex;flex-direction:column;gap:7px;font-size:12px;padding:13px 15px;border:1px solid var(--line);border-radius:8px}.reader-pagination a:last-child{text-align:right}.reader-pagination small{color:var(--muted);font-size:10px}.reader-pagination a:hover{background:var(--soft)}
.reader-index-head{margin-bottom:25px}.reader-index-head h1{font-size:34px;line-height:1.5;font-weight:650;letter-spacing:-.035em}.reader-index-head p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px}.reader-feature{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:1fr .9fr;gap:0;margin:24px 0 33px;background:var(--soft)}.reader-feature-content{padding:26px 28px}.reader-feature-content>span{color:var(--orange);font-size:10px}.reader-feature h2{font-size:23px;line-height:1.55;letter-spacing:-.02em;margin:13px 0}.reader-feature p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:18px}.reader-feature a{font-size:12px;font-weight:550}.reader-feature-image{overflow:hidden;display:grid;place-items:center;border-left:1px solid var(--line);padding:25px;background:var(--paper)}.reader-feature-image img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px}.reader-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reader-index-card{border:1px solid var(--line);border-radius:9px;padding:22px}.reader-index-card>span{font-size:10px;color:var(--muted)}.reader-index-card h2{font-size:18px;font-weight:600;line-height:1.6;margin:10px 0}.reader-index-card p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:18px}.reader-index-card small{font-size:10px;color:var(--muted)}.reader-index-card:hover{background:var(--soft);border-color:#bdc0cb}.reader-index-card-foot{display:flex;justify-content:space-between;gap:15px;font-size:11px}.reader-index-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.reader-index-filter a{padding:6px 11px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--muted)}.reader-index-filter a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#reader-image-dialog{padding:0;width:min(1160px,94vw);max-width:94vw;max-height:92dvh;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);overflow:auto}#reader-image-dialog::backdrop{background:#111214b8}.reader-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.reader-dialog-head span{font-size:12px}.reader-dialog-head button{font-size:12px;border:1px solid var(--line);background:var(--soft);padding:6px 10px;border-radius:5px}#reader-image-dialog img{display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain;background:var(--soft)}
.reader-image-button:has(img[width="375"]){width:min(100%,300px);margin-inline:auto}
.reader-body section{scroll-margin-top:0}
@media(min-width:1550px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.tool-directory,.reader-shell{grid-template-columns:185px minmax(0,1fr);gap:30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:minmax(0,1fr) 142px;gap:30px}.reader-header h1{font-size:30px}.brand-en{display:none!important}}
@media(max-width:1000px){.site-header,main,.site-footer{width:calc(100% - 48px)}.tool-directory,.reader-shell{grid-template-columns:170px minmax(0,1fr);gap:24px}.tool-sidebar,.reader-sidebar{padding-right:15px}.reader-layout{grid-template-columns:minmax(0,1fr)}.reader-toc{display:none}.reader-mobile-toc{display:block;border:1px solid var(--line);border-radius:7px;margin:0 0 28px;padding:10px 13px;background:var(--surface)}.reader-mobile-toc summary{font-size:12px;cursor:pointer;color:var(--muted)}.reader-mobile-toc nav{display:grid;gap:5px;margin-top:12px}.reader-mobile-toc a{font-size:12px;line-height:1.9;color:var(--muted);padding:4px 0}.reader-feature{grid-template-columns:1fr}.reader-feature-image{display:none}.tool-card{padding:18px}.main-nav{gap:20px}.reader-body{font-size:14px}}
@media(max-width:800px){.tool-directory{grid-template-columns:1fr}.tool-sidebar{display:none}.reader-shell{grid-template-columns:1fr;gap:20px;padding-top:22px}.reader-sidebar{border:0;padding:0}.reader-sidebar-inner{display:none}.reader-mobile-nav{display:block;border-bottom:1px solid var(--line);padding-bottom:14px}.reader-mobile-nav summary{font-size:12px;color:var(--muted);cursor:pointer;line-height:1.8;display:flex;justify-content:space-between}.reader-mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:12px}.reader-mobile-nav .reader-nav-label{grid-column:1/-1}.reader-content{max-width:740px;margin:auto;width:100%}.tool-intro h1{font-size:31px}.tool-curator-link{display:none}.tool-filterbar .tool-mobile-category{display:flex}}
@media(max-width:700px){:root{--header-height:108px}.site-header,main,.site-footer{width:calc(100% - 40px);margin-left:auto;margin-right:auto}.site-header{display:flex;flex-wrap:wrap;height:108px;min-height:108px;gap:0;align-content:center;justify-content:space-between}.brand{font-size:20px}.header-actions{gap:10px;margin-left:auto}.main-nav{order:3;width:100%;justify-content:start;gap:27px;margin-top:18px;height:28px}.main-nav a{font-size:12px;padding:0 0 8px}.main-nav a[aria-current]:after{bottom:0}.search-trigger{padding:7px}.search-trigger span,.search-trigger kbd{display:none}.theme-control select{font-size:10px;padding:5px}.tool-directory{padding-top:27px;gap:0}.tool-intro h1{font-size:28px}.tool-intro p:last-child{font-size:12px}.tool-intro{margin-bottom:19px}.tool-brandline{font-size:10px}.tool-search-wrap{min-height:51px}.tool-search-wrap input{font-size:16px}.tool-search-wrap input::placeholder{font-size:12px}.tool-scenarios{margin:11px 0 22px;gap:6px}.tool-scenarios button{font-size:10px;padding:5px 8px}.tool-demo-note{padding:10px 12px;margin-bottom:22px;gap:7px}.tool-demo-note>span{font-size:9px;padding-right:8px}.tool-demo-note p{font-size:10px}.tool-demo-note label{font-size:10px}.tool-result-heading h2{font-size:18px}.tool-result-heading>span{font-size:10px}.tool-view-controls{gap:6px}.tool-view-controls select{font-size:10px;max-width:80px}.tool-view-switch button{font-size:9px}.tool-filterbar{gap:12px 10px;padding-bottom:17px;margin-bottom:18px}.tool-filterbar .tool-mobile-category{display:block}.tool-filterbar select{min-width:0;width:100%;max-width:104px;font-size:11px;padding:7px 6px}.tool-filterbar>label{font-size:10px}.tool-filterbar .tool-mobile-category select{width:107px;max-width:107px}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{min-height:0;padding:20px}.tool-description{font-size:12px;min-height:0}.tool-card-title>span{font-size:10px}.tool-open,.tool-detail-link{font-size:11px}.tool-bottom-link{font-size:10px}.reader-header h1{font-size:28px;line-height:1.5}.reader-header{margin-bottom:25px}.reader-breadcrumb{font-size:10px;margin-bottom:20px}.reader-summary{font-size:14px;line-height:1.95}.reader-meta{gap:8px;font-size:10px}.reader-actions{gap:7px;margin-top:19px}.reader-actions button,.reader-actions a{font-size:10px;padding:7px 9px}.reader-body{font-size:14px;line-height:2}.reader-body h2{font-size:21px}.reader-body section{scroll-margin-top:130px;margin-bottom:33px}.reader-body p{line-height:2}.reader-figure{margin:18px 0}.reader-figure-pair{grid-template-columns:1fr}.reader-callout{padding:13px 14px;gap:10px}.reader-image-button>span{opacity:1;font-size:9px}.reader-steps>li{padding-left:29px}.reader-table{margin:16px 0}.reader-pagination{gap:10px}.reader-pagination a{font-size:11px;padding:12px}.reader-index-head h1{font-size:28px}.reader-index-grid{grid-template-columns:1fr;gap:13px}.reader-feature-content{padding:22px}.reader-feature h2{font-size:22px}.reader-index-card{padding:20px}.site-footer{flex-wrap:wrap;gap:14px;padding-bottom:25px;margin-top:45px}.site-footer p{flex:1}.tool-detail-head h1{font-size:28px}.tool-about h1{font-size:30px}.is-list .tool-card{display:grid;grid-template-columns:1fr}.tool-detail-main p{font-size:14px}.reader-mobile-toc{margin-bottom:25px}.reader-shell{padding-top:22px}.reader-steps p{font-size:13px}}
@media(max-width:380px){.site-header,main,.site-footer{width:calc(100% - 32px)}.main-nav{gap:23px}.tool-intro h1{font-size:26px}.tool-filterbar select{max-width:89px}.tool-filterbar .tool-mobile-category select{max-width:98px}.tool-view-controls select{font-size:9px;max-width:71px}.tool-result-heading>span{font-size:9px}.reader-header h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card,.reader-image-button>span{transition:none}}
@media(max-width:700px){html{scroll-padding-top:136px}.reader-body section{scroll-margin-top:0}}
@media print{.site-header,.reader-sidebar,.reader-toc,.reader-mobile-toc,.reader-actions,.reader-pagination,.site-footer,.reader-image-button>span{display:none!important}.reader-shell,.reader-layout{display:block}.reader-content{max-width:none}main{width:100%;max-width:none}.reader-body section{break-inside:auto}.reader-figure,.reader-callout,.reader-table{break-inside:avoid}}

/* Content states keep the same quiet, compact directory rhythm. */
.tool-source-bar{display:flex;align-items:center;gap:14px;padding:12px 0;border-block:1px solid var(--line);margin:0 0 25px;font-size:11px}
.tool-source-bar>span{font-weight:600;white-space:nowrap;color:var(--ink)}.tool-source-bar p{color:var(--muted);line-height:1.8;flex:1}.tool-source-bar label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}.tool-source-bar input{accent-color:var(--orange)}
.tool-state{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.tool-state h1,.tool-state h3{color:var(--ink);font-size:19px;font-weight:600;line-height:1.7}.tool-state p{font-size:12px;line-height:1.9;margin:9px 0 20px}.tool-state a,.tool-state button{margin:0 7px}.tool-loading-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin:0 auto 16px}
.tool-pagination{display:flex;justify-content:center;align-items:center;gap:25px;padding:25px 0;font-size:12px}.tool-pagination button{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:9px 13px}.tool-pagination button:disabled{opacity:.4;cursor:not-allowed}.tool-local-note{font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0}.tool-share{font-size:11px;white-space:nowrap}.tool-detail-head .tool-bookmark{margin-left:auto}.tool-filterbar select:disabled,.tool-view-controls select:disabled{opacity:.5;cursor:not-allowed}
.tool-source-bar input:focus-visible,.tool-pagination button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.tool-source-bar{flex-wrap:wrap;gap:6px 12px;padding:12px 0}.tool-source-bar p{flex-basis:calc(100% - 90px);font-size:10px}.tool-source-bar label{font-size:11px}.tool-state{padding:40px 16px}.tool-detail-head{flex-wrap:wrap}.tool-pagination{gap:15px}}
.tool-pagination[hidden],.auth-tabs[hidden],.auth-tabs button[hidden]{display:none!important}

.tool-filter-share{border:0;background:transparent;color:var(--orange);font-size:11px;padding:5px;white-space:nowrap}.tool-filter-share[hidden]{display:none}.reader-shell.is-focused{grid-template-columns:minmax(0,1fr)}.reader-shell.is-focused>.reader-sidebar{display:none}.reader-shell.is-focused>.reader-content{max-width:980px;width:100%;margin-inline:auto}.reader-actions [aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* Published banking tutorials and regional directory. */
.banking-region-filter{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin:28px 0 16px}
.banking-region-filter a{display:flex;align-items:center;gap:9px;padding:9px 15px;border-radius:6px;font-size:14px;color:var(--muted);border:1px solid transparent}
.banking-region-filter a[aria-current]{color:#1967d2;background:#e8f0fe}.banking-region-filter small{font-size:11px;color:var(--muted)}
.banking-count{font-size:13px;color:var(--muted);margin-bottom:20px}
.banking-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.banking-guide-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.banking-guide-card>a{display:block;color:var(--ink)}
.banking-guide-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef5fa}
.banking-guide-copy{padding:20px}.banking-region-label{font-size:12px;color:#1967d2}
.banking-guide-card h2{font-size:21px;line-height:1.55;margin:10px 0;letter-spacing:-.015em}.banking-guide-card p{font-size:14px;line-height:1.8;color:var(--muted)}
.banking-guide-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;font-size:12px;color:var(--muted)}.banking-guide-meta strong{color:#1967d2;font-weight:550;white-space:nowrap}
.banking-empty{padding:42px 0;color:var(--muted)}.banking-empty>svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}
.banking-empty h2{font-size:22px;margin:20px 0 10px;color:var(--ink)}.banking-empty p{font-size:15px;line-height:1.8}.banking-empty a{display:inline-block;margin-top:18px;color:#1967d2;font-size:14px}
.published-guide-body{min-width:0}.published-guide-body section{scroll-margin-top:110px}
.published-guide-body figure img{width:100%;height:auto;display:block}.published-guide-body .notice{margin:22px 0}
.published-guide-body .action-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.published-guide-body .reader-table{overflow-x:auto}
.published-guide-body strong u{text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:900px){.banking-guide-grid{grid-template-columns:minmax(0,1fr)}.banking-guide-card{max-width:640px}}
@media(max-width:600px){.banking-region-filter{gap:5px;margin-top:21px}.banking-region-filter a{font-size:12px;padding:8px 9px;gap:6px}.banking-guide-copy{padding:17px}.banking-guide-card h2{font-size:20px}.published-guide-body section{scroll-margin-top:140px}}
@media print{.banking-region-filter{display:none}}

.published-guide-body p[style],.published-guide-body li[style],.published-guide-body h2[style]{color:var(--ink)!important}
[data-theme=dark] .published-guide-body strong[style*="rgb(23, 78, 166)"]{color:#8ab4f8!important}
[data-theme=dark] .published-guide-body h3[style]{color:#8ab4f8!important}