/* Scanner workspace: complete reference, opened by task rather than stacked. */
body .scanner-page[data-scanner-page] .breadcrumbs{margin:16px 0;font-size:11px;line-height:1.5}
body .scanner-page[data-scanner-page] .seo-hero{padding:12px 0 16px;grid-template-columns:minmax(0,1fr) 135px;gap:24px}
body .scanner-page[data-scanner-page] .seo-hero h1{font-size:clamp(27px,3vw,39px);max-width:870px;line-height:1.2}
.scanner-intro{margin:13px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
body .scanner-page[data-scanner-page] .seo-hero-illustration{width:135px;margin:0;padding:0;background:transparent;border:0;transform:none}
body .scanner-page[data-scanner-page] .seo-hero-illustration img{height:100px}
body .scanner-page[data-scanner-page] .seo-hero-illustration span{display:none}
body .scanner-page[data-scanner-page] .hero-actions{margin-top:12px;gap:15px}
body .scanner-page[data-scanner-page] .hero-actions .primary-action{min-height:32px;padding:5px 0;font-size:12px}
.scanner-page-nav{display:flex;flex-wrap:wrap;gap:4px 24px;padding:9px 0 14px;border-bottom:1px solid #d9e3ea;margin-bottom:20px}
.scanner-page-nav a{padding:9px 0;font-size:13px;font-weight:650;text-decoration:none}
.scanner-page-nav a:first-child{color:#aa512e;border-bottom:2px solid #c5714b}
.scanner-page-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.scanner-page[data-scanner-page].seo-page .seo-tool.seo-tool--camera{margin:0;padding:20px;background:#fff;border:1px solid #d3dfe8;box-shadow:6px 6px 0 #f0f4f7;overflow:visible}
.scanner-page[data-scanner-page] .scan-profile-router{margin-bottom:16px}
.scanner-page[data-scanner-page] .scan-profile-router nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.scanner-page[data-scanner-page] .scan-profile-router nav a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:98px;padding:8px;border:1px solid #d3dfe8;background:#fff;color:#345b83;font-size:12px;font-weight:650;text-align:center}
.scanner-page[data-scanner-page] .scan-profile-router nav a img{display:block;width:66px;height:45px;object-fit:contain;transition:transform .18s}
.scanner-page[data-scanner-page] .scan-profile-router nav a:hover img{transform:translateY(-3px)}
.scanner-page[data-scanner-page] .scan-profile-router nav a.is-active{background:#f2f6ea;border-color:#a9c389;box-shadow:inset 0 -3px 0 #b5cc99;color:#345b83}
.scanner-page[data-scanner-page] .scan-profile-router nav a:focus-visible{outline:2px solid #b95c35;outline-offset:3px}
.scanner-page[data-scanner-page].seo-page .scan-phone{width:100%;background:#f5f8fa;border-radius:0}
.scanner-page[data-scanner-page].seo-page .scan-stage{border-radius:0}
.scanner-page[data-scanner-page].seo-page .scan-phone:has(.scan-video:not([hidden])){width:min(100%,640px);margin-inline:auto}
.scanner-page[data-scanner-page].seo-page .scan-stage:has(.scan-video:not([hidden])){aspect-ratio:4/3;max-height:360px}
.scanner-page[data-scanner-page].seo-page .scan-idle{min-height:84px;padding:16px}
.scanner-page[data-scanner-page].seo-page .scan-start{min-height:48px;font-size:15px;padding:12px 24px;box-shadow:4px 4px 0 #c5d9a2}
.scanner-page[data-scanner-page] .scan-actions{margin:16px 0;gap:10px 24px;justify-content:center}
.scanner-page[data-scanner-page] .scan-actions .text-action{font-size:13px;min-height:36px;display:inline-flex;align-items:center}
.scanner-page[data-scanner-page] .scan-actions [hidden]{display:none}
.scanner-page[data-scanner-page].seo-page .seo-tool .tool-verdict{font-size:12px;line-height:1.6;padding:10px 12px;margin:10px 0;background:#f4f7ef}
.scanner-page[data-scanner-page] .scan-results:empty{display:none}
.scanner-page[data-scanner-page] .scanner-scan-help{border-top:1px solid #e2e9ee;margin-top:10px}
.scanner-page[data-scanner-page] .scanner-scan-help>summary{font-size:12px;font-weight:650;min-height:36px;padding:10px 0;cursor:pointer}
.scanner-page[data-scanner-page] .scanner-scan-help .scan-steps{margin:10px 0 16px}
.scanner-page[data-scanner-page].seo-page .scanner-scan-help .tool-note{margin:0 0 12px;padding:5px 0;border:0;font-size:13px;line-height:1.7}
.scanner-input-limit{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 30px}
.scanner-help,.scanner-reference{margin:34px 0;scroll-margin-top:20px}
.scanner-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.scanner-page[data-scanner-page] .scanner-section-heading h2{font-family:"Unbounded",sans-serif;font-size:23px;line-height:1.35;margin:0;letter-spacing:-.04em}
.scanner-section-heading>span,.scanner-section-heading>button{font-size:12px;color:var(--muted)}
.scanner-section-heading>button{background:none;border:0;min-height:40px;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.scanner-section-heading>button[hidden]{display:none}
.scanner-help-grid{display:grid;gap:10px}
.scanner-disclosure{border:1px solid #d9e3ea;background:#fff;scroll-margin-top:20px}
.scanner-disclosure>summary{display:flex;align-items:center;gap:14px;padding:17px 20px;min-height:60px;cursor:pointer;list-style:none;font-size:15px}
.scanner-disclosure>summary::-webkit-details-marker,.scanner-chapter>summary::-webkit-details-marker{display:none}
.scanner-disclosure>summary i,.scanner-chapter>summary i{margin-left:auto;color:#b95c35;font-style:normal;font-size:22px;line-height:1;transition:transform .18s;flex-shrink:0}
.scanner-disclosure[open]>summary i,.scanner-chapter[open]>summary i{transform:rotate(45deg)}
.scanner-disclosure[open]>summary{background:#f5f8fa;border-bottom:1px solid #d9e3ea}
.scanner-guide-number{display:grid;place-items:center;width:30px;height:30px;background:#eef4e5;color:#507042;font-size:11px;flex-shrink:0}
.scanner-disclosure-body{padding:22px;min-width:0}
.scanner-page[data-scanner-page] .scanner-disclosure-body>section,.scanner-page[data-scanner-page] .scanner-disclosure-body>.tool-context-visual{margin:18px 0}
.scanner-page[data-scanner-page] .scanner-disclosure-body>section:first-child{margin-top:0}
.scanner-page[data-scanner-page] .scanner-disclosure-body>section:last-child{margin-bottom:0}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-lead{font-size:15px;line-height:1.7;margin:0 0 20px}
.scanner-page[data-scanner-page] .scanner-disclosure-body h2{font-size:21px;line-height:1.4;letter-spacing:-.03em}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-task-passport{padding:0;background:#fff;gap:15px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-task-passport>div{padding:18px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:10px;max-width:600px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.eyebrow{margin:0;font-size:10px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.hand-mark{justify-self:start;grid-column:1}
.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.seo-sample-code,.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.genre-visual{grid-column:2;grid-row:1/3;width:210px;margin:0;transform:none}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-steps,.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-checks{padding:18px;gap:20px;background:#f5f8fa}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-proof{background:#f5f8fa;color:var(--ink);margin:0;padding:0;border:0}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-proof a,.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-proof span,.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-proof p{color:var(--muted)}
.scanner-page[data-scanner-page] .scanner-reference>.seo-chapters{display:block;margin:0;padding:0;border:0}
.scanner-chapter{border-top:1px solid #d9e3ea;scroll-margin-top:20px}
.scanner-chapter:last-child{border-bottom:1px solid #d9e3ea}
.scanner-chapter>summary{display:flex;align-items:center;gap:20px;min-height:85px;padding:12px 8px;list-style:none;cursor:pointer}
.scanner-chapter>summary>.visual-art{width:88px;height:60px;object-fit:contain;flex-shrink:0}
.scanner-page[data-scanner-page] .scanner-chapter>summary>h2{margin:0;font-family:"Onest",sans-serif;font-weight:650;letter-spacing:0;font-size:18px;line-height:1.45;color:#345b83}
.scanner-chapter[open]>summary{background:#f5f8fa}
body .scanner-page[data-scanner-page] .scanner-chapter>.seo-chapter{display:flex;flex-direction:column;gap:20px;padding:22px;margin:0;background:#fff;border:0;box-shadow:none;max-width:none}
.scanner-page[data-scanner-page] .scanner-chapter .seo-rail{position:static;display:flex;flex-wrap:wrap;gap:14px;max-width:none;order:2;padding:0;border:0;background:transparent}
.scanner-page[data-scanner-page] .scanner-chapter .seo-rail:before,.scanner-page[data-scanner-page] .scanner-chapter .seo-rail:after{display:none}
.scanner-page[data-scanner-page] .scanner-chapter .seo-rail>.seo-stamp,.scanner-page[data-scanner-page] .scanner-chapter .seo-rail>.eyebrow{display:none}
.scanner-page[data-scanner-page] .scanner-chapter .seo-rail .seo-educational{margin:0;padding:14px;background:#f2f6ea;color:#536471;font-size:13px;line-height:1.65;transform:none}
.scanner-page[data-scanner-page] .scanner-chapter .seo-stats{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.scanner-page[data-scanner-page] .scanner-chapter .seo-stats article{flex:1;padding:15px;background:#f2f6ea;color:#345b83;min-width:140px}
.scanner-page[data-scanner-page] .scanner-chapter .seo-stats article b{color:#345b83;font-size:23px}
.scanner-page[data-scanner-page] .scanner-chapter .seo-stats article span{color:#536471}
.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main{order:1;min-width:0;padding:0}
.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main p,.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main .lead{font-size:15px;line-height:1.8;margin:0 0 16px}
.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main .seo-pull{padding:14px 18px;border-left:3px solid #b9ce9c;background:#f6f8f2;font:inherit;line-height:1.8;margin:18px 0}
.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main li{font-size:15px;line-height:1.7}
.scanner-page[data-scanner-page] .scanner-chapter .seo-case{transform:none;background:#f6f8f2;border:0;margin:0}
.scanner-page[data-scanner-page] .scanner-chapter .seo-table-wrap{overflow-x:auto;max-width:100%;margin:16px 0}
.scanner-questions,.scanner-sources{margin:12px 0}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-tool-answers{display:block;margin:0}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-faq-rail{margin-bottom:18px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-faq-rail h2{font-size:18px}
.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-faq-grid{gap:10px}
.scanner-page[data-scanner-page] .seo-next{margin:32px 0}
.scanner-page[data-scanner-page] :is(summary,[data-scanner-expand]):focus-visible{outline:2px solid #b95c35;outline-offset:3px}
@media(min-width:1000px){.scanner-help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scanner-help-grid>.scanner-disclosure[open]{grid-column:1/-1}.scanner-help-grid>.scanner-disclosure>summary{font-size:14px;padding:16px 14px;gap:10px}}
@media(max-width:600px){
  body .scanner-page[data-scanner-page] .breadcrumbs{margin:12px 0;font-size:10px;gap:5px;line-height:1.5}
  body .scanner-page[data-scanner-page] .seo-hero{display:block;padding:4px 0 12px}
  body .scanner-page[data-scanner-page] .seo-hero h1{font-size:26px;line-height:1.23}
  body .scanner-page[data-scanner-page] .seo-hero-illustration{display:none}
  .scanner-intro{font-size:13px;margin-top:10px}
  body .scanner-page[data-scanner-page] .hero-actions{margin-top:7px}
  .scanner-page-nav{gap:0 16px;margin-bottom:14px;padding:3px 0 8px}
  .scanner-page-nav a{font-size:11px;padding:9px 0}
  .scanner-page[data-scanner-page].seo-page .seo-tool.seo-tool--camera{padding:12px;box-shadow:4px 4px 0 #f0f4f7}
  .scanner-page[data-scanner-page] .scan-profile-router nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .scanner-page[data-scanner-page] .scan-profile-router nav a{min-height:75px;font-size:10px;line-height:1.35;padding:5px;gap:2px}
  .scanner-page[data-scanner-page] .scan-profile-router nav a img{width:54px;height:36px}
  .scanner-page[data-scanner-page] .scan-profile-router{margin-bottom:12px}
  .scanner-page[data-scanner-page].seo-page .scan-idle{padding:14px 8px;min-height:76px}
  .scanner-page[data-scanner-page].seo-page .scan-start{font-size:14px;padding:10px 16px}
  .scanner-page[data-scanner-page] .scan-actions{margin:10px 0;gap:0;display:flex;flex-direction:column}
  .scanner-page[data-scanner-page] .scan-actions .text-action{font-size:12px;min-height:38px}
  .scanner-page[data-scanner-page].seo-page .seo-tool .tool-verdict{font-size:11px;padding:9px;line-height:1.6}
  .scanner-input-limit{font-size:11px;line-height:1.7;margin:14px 0 24px}
  .scanner-section-heading{align-items:start;gap:12px;margin-bottom:12px}
  .scanner-page[data-scanner-page] .scanner-section-heading h2{font-size:20px}
  .scanner-section-heading>span{display:none}
  .scanner-section-heading>button{font-size:10px;max-width:100px;text-align:right;padding-top:0;line-height:1.6}
  .scanner-disclosure>summary{padding:12px;font-size:13px;min-height:56px;gap:10px}
  .scanner-disclosure-body{padding:14px}
  .scanner-page[data-scanner-page] .scanner-disclosure-body h2{font-size:18px}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-task-passport{display:block}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-task-passport>div{padding:12px}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual{display:block;max-width:100%}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.seo-sample-code,.scanner-page[data-scanner-page] .scanner-disclosure-body .tool-context-visual>.genre-visual{width:210px;max-width:100%;margin:18px auto}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-steps,.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-checks{padding:14px;display:block}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-steps ol,.scanner-page[data-scanner-page] .scanner-disclosure-body .seo-checks ul{margin-top:18px}
  .scanner-chapter>summary{gap:10px;padding:12px 0;min-height:82px}
  .scanner-chapter>summary>.visual-art{width:62px;height:48px}
  .scanner-page[data-scanner-page] .scanner-chapter>summary>h2{font-size:15px;line-height:1.45}
  body .scanner-page[data-scanner-page] .scanner-chapter>.seo-chapter{padding:18px 8px}
  .scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main p,.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main .lead,.scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main li{font-size:14px;line-height:1.8}
  .scanner-page[data-scanner-page] .scanner-chapter .seo-chapter-main .seo-pull{padding:12px}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-faq-grid{grid-template-columns:1fr}
  .scanner-page[data-scanner-page] .scanner-disclosure-body .seo-capabilities{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.scanner-page[data-scanner-page] summary i,.scanner-page[data-scanner-page] .scan-profile-router nav a img{transition:none}.scanner-page[data-scanner-page] .scan-profile-router nav a:hover img{transform:none}}

body .scanner-page[data-scanner-page] .breadcrumbs{padding-top:0}
body .scanner-page[data-scanner-page] .breadcrumbs [aria-current]{min-height:0}
body .scanner-page[data-scanner-page] .seo-content{padding-bottom:30px}
body .scanner-page[data-scanner-page] .seo-site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;padding:18px 40px;background:#fff;color:var(--ink)}
body .scanner-page[data-scanner-page] .seo-site-footer a{color:var(--ink);min-height:44px;align-items:center}
@media(max-width:600px){body .scanner-page[data-scanner-page] .seo-site-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:18px}body .scanner-page[data-scanner-page] .seo-site-footer span{grid-column:1/-1;padding-top:10px}body .scanner-page[data-scanner-page] .hero-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:8px;gap:4px 15px}}
@media(max-width:600px){
  body #root .scanner-page[data-scanner-page] .tool-actions{gap:4px 10px}
  body #root .scanner-page[data-scanner-page] .tool-actions :is(label,button,a){font-size:12px;min-height:32px}
}