:root{--design-canvas:#f0f4f2;--design-surface:#f9fbfa;--design-soft:#edf2ee;--design-text:#28303a;--design-muted:#5d6671;--design-accent:#175625;--design-action:#175625;--design-on-action:#ffffff;--design-line:#d8dbdb;--design-tint:#dce6de;--design-hero-start:#f3f7f5;--design-hero-end:#dce6de}
/* Shared editorial quality; fact markup, interactive controls and ads keep their native owners. */
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/design-media/nunito-0.ttf) format('truetype');
}
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/design-media/nunito-1.ttf) format('truetype');
}
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/design-media/nunito-2.ttf) format('truetype');
}
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/design-media/nunito-3.ttf) format('truetype');
}
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/design-media/nunito-4.ttf) format('truetype');
}
@font-face {
  font-family: 'FactoryNunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/design-media/nunito-5.ttf) format('truetype');
}

body:has(main>.hero),body:has(main>.real-hero),body:has(main .cat-adaptive-heading){--bg:var(--design-canvas);--surface:var(--design-surface);--panel:var(--design-surface);--ink:var(--design-text);--text:var(--design-text);--muted:var(--design-muted);--accent:var(--design-accent);--line:var(--design-line);--border:var(--design-line);--real-bg:var(--design-canvas);--real-panel:var(--design-surface);--real-text:var(--design-text);--real-muted:var(--design-muted);--real-accent:var(--design-accent);background:var(--design-canvas);color:var(--design-text);font-family:FactoryNunito,system-ui,sans-serif;line-height:1.65}
body:has(main>.hero) :is(.site-header,header),body:has(main>.real-hero) .real-header,body:has(main .cat-adaptive-heading) .real-header{background:var(--design-surface);color:var(--design-text);border-bottom:1px solid var(--design-line);box-shadow:none;backdrop-filter:none}
body:has(main>.hero) header a,body:has(main>.real-hero) .real-header a,body:has(main .cat-adaptive-heading) .real-header a{color:var(--design-text)}
body:has(main>.hero) main,body:has(main>.real-hero) main,body:has(main .cat-adaptive-heading) main{width:calc(100% - 64px);max-width:1240px;margin:32px auto;padding:0}
body:has(main>.hero) main>.hero,body:has(main>.real-hero) main>.real-hero{background:linear-gradient(115deg,var(--design-hero-start),var(--design-hero-end));border:1px solid var(--design-line);border-radius:20px;padding:38px 42px;min-height:310px;margin:0 0 36px;overflow:hidden;box-shadow:none}
body:has(main>.hero) main .hero-grid{padding:0;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
body:has(main>.real-hero) main>.real-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
body:has(main>.hero) .hero :is(h1,.hero-title),body:has(main>.real-hero) .real-hero h1{font-family:inherit;font-size:clamp(32px,3.5vw,52px);line-height:1.08;font-weight:900;letter-spacing:-1.8px;color:var(--design-text);max-width:700px;text-wrap:balance}
body:has(main>.hero) .hero :is(p,.eyebrow,.hero-lede),body:has(main>.real-hero) .real-hero :is(p,.real-task-label){color:var(--design-muted)}
body:has(main>.hero) .hero :is(.hero-media,.hero-visual),body:has(main>.real-hero) .real-hero-media{margin:0;padding:8px;background:var(--design-surface);border:1px solid var(--design-line);border-radius:14px;box-shadow:0 12px 28px #0000000c;transform:rotate(1deg);min-height:0}
body:has(main>.hero) .hero :is(.hero-media,.hero-visual) img,body:has(main>.real-hero) .real-hero-media>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
body:has(main>.hero) .hero :is(figcaption,.hero-media-note),body:has(main>.real-hero) .real-hero-media figcaption{background:var(--design-surface);color:var(--design-muted);font-size:11px;padding:10px 4px 2px;line-height:1.5}
body:has(main>.hero) :is(.hero-water,.hero-icon-frame){display:none}
body:has(main>.hero) main>.hero .button-primary,body:has(main>.hero) main>.hero .btn-primary,body:has(main>.real-hero) .real-button{background:var(--design-action);color:var(--design-on-action);border-color:var(--design-action);border-radius:8px;min-height:44px;font-weight:800;box-shadow:none}
body:has(main>.hero) :is(.container,.shell){max-width:1240px;width:100%}
body:has(main>.hero) main :is(.section,.section--tight,.home-section){padding:0;margin:32px 0}
body:has(main>.hero) main :is(.tool-grid,.card-grid,.real-task-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body:has(main>.hero) main :is(.tool-card,.content-card,.real-task-card,.card),body:has(main>.real-hero) :is(.real-task-entry,.real-overview,.real-next,.real-identity-note,.real-freshness,.oc){background:var(--design-surface);border:1px solid var(--design-line);border-radius:14px;color:var(--design-text);box-shadow:none;padding:24px;min-width:0}
body:has(main>.hero) main :is(.tool-card,.content-card,.real-task-card):hover{border-color:var(--design-accent);transform:translateY(-2px)}
body:has(main>.hero) main :is(.tool-card,.content-card,.real-task-card) :is(h2,h3,strong){color:var(--design-text)}
body:has(main>.hero) main :is(.tool-card,.content-card,.real-task-card) p{color:var(--design-muted);font-size:14px;line-height:1.6}
body:has(main>.hero) :is(.tool-icon,.card-icon){background:var(--design-tint);color:var(--design-accent);border-radius:10px}
body:has(main>.hero) :is(.section-heading h2,.home-section h2),body:has(main>.real-hero) main h2{color:var(--design-text);font-family:inherit;font-weight:900;letter-spacing:-.6px}
body:has(main>.hero) :is(.notice,.trust-section,.section-card),body:has(main>.real-hero) :is(.real-scope-note,.real-freshness){background:var(--design-soft);color:var(--design-muted);border-color:var(--design-line);border-radius:12px}
body:has(main>.hero) .homepage-modules{background:var(--design-surface);color:var(--design-text);border-color:var(--design-line)}
body:has(main>.real-hero) :is(.real-creator,.real-hero-lede,.real-freshness p,.real-content p){color:var(--design-muted)}
body:has(main>.real-hero) .real-media-fallback{color:var(--design-accent);background:var(--design-tint);padding:32px;min-height:180px}
body:has(main>.hero) .progression-steps{display:grid;grid-template-columns:1fr;gap:14px;border-left:2px solid var(--design-line);padding-left:24px;margin-left:18px}
body:has(main>.hero) .progression-steps li{display:flex;gap:18px;padding:18px 22px;background:var(--design-surface);border:1px solid var(--design-line);border-radius:12px}
body:has(main>.hero) .progression-steps li>span{background:var(--design-action);color:var(--design-on-action);width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}
body:has(main>.hero) .progression-steps li :is(h3,p){color:var(--design-text)}
body:has(main .cat-adaptive-heading) .cat-adaptive-heading{color:var(--design-text);padding:28px 0 8px}
body:has(main .cat-adaptive-heading) .cat-adaptive-heading h1{font:900 44px/1.1 FactoryNunito,system-ui;letter-spacing:-1.5px}
body:has(main .cat-adaptive-heading) :is(.xp-native,.sv-shell,.sv-record-desk){background:var(--design-canvas);color:var(--design-text);font-family:inherit;border-color:var(--design-line);box-shadow:none}
body:has(main .cat-adaptive-heading) .sv-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}
body:has(main .cat-adaptive-heading) :is(.sv-room,.sv-panel,.cat-section,.cat-intro,.cat-cards>a){background:var(--design-surface);color:var(--design-text);border:1px solid var(--design-line);border-radius:14px;box-shadow:none;padding:22px}
body:has(main .cat-adaptive-heading) :is(.sv-panel h2,.sv-panel h3,.sv-room h2,.cat-section h2,.cat-cards h2){color:var(--design-text);font-family:inherit}
body:has(main .cat-adaptive-heading) :is(.sv-tabs,.sv-desk-top,.sv-index,.sv-detail,.xp-row){background:var(--design-soft);color:var(--design-text);border-color:var(--design-line);border-radius:10px}
body:has(main .cat-adaptive-heading) :is(button,input,select){font:inherit;border-radius:8px;color:var(--design-text);background:var(--design-surface);border-color:var(--design-line)}
body:has(main .cat-adaptive-heading) :is(.sv-room p,.xp-toolbar,.xp-source-note,.cat-section p,.cat-intro p){color:var(--design-muted)}
body:has(main .cat-adaptive-heading) .cat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* Ad containers deliberately retain their own sizing, breakpoints and fill policy. */
@media(max-width:800px){body:has(main>.hero) main,body:has(main>.real-hero) main,body:has(main .cat-adaptive-heading) main{width:calc(100% - 32px);margin:20px auto}body:has(main>.hero) main>.hero,body:has(main>.real-hero) main>.real-hero{padding:25px 22px;border-radius:14px}body:has(main>.hero) main .hero-grid,body:has(main>.real-hero) main>.real-hero{grid-template-columns:1fr;gap:22px}body:has(main>.hero) main :is(.tool-grid,.card-grid,.real-task-grid){grid-template-columns:repeat(2,minmax(0,1fr))}body:has(main .cat-adaptive-heading) .sv-shell{grid-template-columns:1fr}body:has(main .cat-adaptive-heading) .cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body:has(main>.hero) main :is(.tool-grid,.card-grid,.real-task-grid){grid-template-columns:1fr}body:has(main>.hero) .hero h1,body:has(main>.real-hero) .real-hero h1,body:has(main .cat-adaptive-heading) .cat-adaptive-heading h1{font-size:34px;letter-spacing:-1px}body:has(main>.hero) .hero-actions{flex-wrap:wrap}body:has(main>.hero) main :is(.tool-card,.content-card,.real-task-card){padding:20px}body:has(main .cat-adaptive-heading) .cat-cards{grid-template-columns:1fr}}
body:has(main>.hero),body:has(main>.real-hero),body:has(main .cat-adaptive-heading){--background:var(--design-canvas);--background-soft:var(--design-soft);--surface-2:var(--design-soft);--surface-3:var(--design-tint);--text-soft:var(--design-muted);--text-muted:var(--design-muted);--accent-strong:var(--design-accent);--accent-ink:var(--design-on-action);--border-strong:var(--design-line);--yellow:var(--design-muted);--real-background:var(--design-canvas);color-scheme:light}
body:has(main>.hero) :is(h1,h2,h3),body:has(main>.real-hero) :is(h1,h2,h3),body:has(main .cat-adaptive-heading) :is(h1,h2,h3){font-family:FactoryNunito,system-ui,sans-serif!important;font-weight:900!important}
body:has(main .cat-adaptive-heading) .real-header,body:has(main .cat-adaptive-heading) .real-footer,body:has(main>.real-hero) .real-footer,body:has(main>.hero) footer{background:var(--design-surface)!important;color:var(--design-muted);border-color:var(--design-line)}
body:has(main .cat-adaptive-heading) .real-header a,body:has(main .cat-adaptive-heading) .real-footer a,body:has(main>.real-hero) .real-footer a{color:var(--design-text)!important}
body:has(main .cat-adaptive-heading) .native-editorial-hero{display:grid;grid-template-columns:1.3fr .8fr;gap:32px;align-items:center;background:linear-gradient(115deg,var(--design-hero-start),var(--design-hero-end));border:1px solid var(--design-line);border-radius:20px;padding:32px 40px;margin-bottom:28px}
body:has(main .cat-adaptive-heading) .native-editorial-hero .cat-adaptive-heading{padding:0}
body:has(main .cat-adaptive-heading) .native-editorial-hero .cat-intro{padding:0;border:0;background:transparent}
body:has(main .cat-adaptive-heading) .native-editorial-hero .cat-intro h2{font-size:20px;color:var(--design-accent)}
body:has(main .cat-adaptive-heading) .native-editorial-hero .cat-intro>a{display:inline-flex;align-items:center;min-height:44px;background:var(--design-action);color:white;border-radius:8px;padding:10px 18px;text-decoration:none;font-weight:800}
body:has(main .cat-adaptive-heading) .native-hero-art{background:var(--design-surface);padding:8px;margin:0;border-radius:12px;transform:rotate(2deg);box-shadow:0 12px 30px #0000000b}
body:has(main .cat-adaptive-heading) .native-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
body:has(main .cat-adaptive-heading) .native-hero-art figcaption{font-size:11px;color:var(--design-muted);padding:10px 4px 2px}
body:has(main .cat-adaptive-heading) :is(.cat-card p,.cat-adaptive-heading p,.cat-kicker,.xp-note,.xp-proof,.xp-native p,.xp-native small,.sv-room p,.sv-stamp){color:var(--design-muted)!important}
body:has(main .cat-adaptive-heading) :is(.cat-card span,.cat-section a,.xp-native a){color:var(--design-accent)!important}
body:has(main .cat-adaptive-heading) :is(.sv-selection-prompt,.sv-response,.sv-room p){font-family:inherit!important}
body:has(main .cat-adaptive-heading) .cat-cards{margin:28px 0 36px}
body:has(main .cat-adaptive-heading) .xp-native{margin-top:30px}
body:has(main>.hero) .homepage-modules .real-task-card{display:block;text-decoration:none;padding:22px;background:var(--design-surface);border:1px solid var(--design-line);border-radius:12px}
body:has(main>.hero) .homepage-modules .real-task-card h3{font-size:17px;line-height:1.35;margin:0 0 12px}
body:has(main>.hero) .homepage-modules .real-task-card strong{display:block;margin-top:16px;font-size:12px;color:var(--design-accent)}
body:has(main>.hero) .hero-actions a{color:var(--design-accent)}
body:has(main>.hero) .hero-actions a:first-child{background:var(--design-action);color:var(--design-on-action);border-color:var(--design-action)}
body:has(main>.hero) .hero-actions a:first-child *{color:var(--design-on-action)}
@media(max-width:800px){body:has(main .cat-adaptive-heading) .native-editorial-hero{grid-template-columns:1fr;padding:24px;gap:24px}body:has(main .cat-adaptive-heading) .native-hero-art{transform:none}}
body:has(main>.real-hero) .native-hero-art{margin:0;background:var(--design-surface);padding:8px;border:1px solid var(--design-line);border-radius:14px;transform:rotate(1deg);box-shadow:0 12px 28px #0000000b}
body:has(main>.real-hero) .native-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
body:has(main>.real-hero) .native-hero-art .real-media-fallback{min-height:0;margin:0;padding:10px 4px 2px;border:0;box-shadow:none;background:transparent;transform:none;font-size:11px}
body:has(main>.real-hero) .native-hero-art .real-media-fallback strong{font-size:12px}
body:has(main>.real-hero) .real-hero .real-button,body:has(main>.real-hero) .real-hero .real-button *,body:has(main>.hero) .hero-actions a:first-child,body:has(main>.hero) .hero-actions a:first-child *{color:var(--design-on-action)!important;background-color:var(--design-action)}

/* The common site shell follows the same game tokens on every route.
   Native page structure, data, controls and advertisement sizing remain owned
   by the native templates. No content or display/visibility rules are added. */
html:has(main){background:var(--design-canvas);color-scheme:light}
body:has(main){
  --background:var(--design-canvas);--background-soft:var(--design-soft);--bg:var(--design-canvas);
  --surface:var(--design-surface);--surface-2:var(--design-soft);--surface-3:var(--design-tint);--panel:var(--design-surface);
  --text:var(--design-text);--ink:var(--design-text);--text-soft:var(--design-muted);--text-muted:var(--design-muted);--ink-soft:var(--design-muted);--muted:var(--design-muted);
  --accent:var(--design-accent);--accent-strong:var(--design-accent);--accent-ink:var(--design-on-action);
  --border:var(--design-line);--border-strong:var(--design-line);--line:var(--design-line);--yellow:var(--design-accent);
  --paper:var(--design-canvas);--paper-deep:var(--design-soft);--foam:var(--design-surface);--sea:var(--design-accent);--sea-deep:var(--design-action);--sea-light:var(--design-tint);
  --real-bg:var(--design-canvas);--real-background:var(--design-canvas);--real-panel:var(--design-surface);--real-text:var(--design-text);--real-muted:var(--design-muted);--real-accent:var(--design-accent);
  --shadow:0 8px 24px #14251a06;--container:1240px;--shell:1240px;
  background:var(--design-canvas);color:var(--design-text);font-family:FactoryNunito,system-ui,sans-serif;line-height:1.65;color-scheme:light;
}
body:has(main) :is(.site-header,.real-header,.site-footer,.real-footer){background:var(--design-surface)!important;color:var(--design-muted);border-color:var(--design-line);box-shadow:none;backdrop-filter:none}
body:has(main) :is(.site-header,.real-header,.site-footer,.real-footer) a{color:var(--design-text)!important}
body:has(main) :is(.brand,.real-brand,.footer-title){font-family:inherit;font-weight:900}
body:has(main) :is(.footer-copy,.footer-bottom){color:var(--design-muted);border-color:var(--design-line)}
body:has(main) .footer-heading{color:var(--design-accent)}
body:has(main) .footer-title{color:var(--design-text)}
body:has(main) main .stats-grid strong{font-family:inherit;font-weight:900;font-size:clamp(28px,2.5vw,36px);letter-spacing:-1px}
body:has(main) :is(.brand-mark,.brand-icon,.cat-brand-icon){background:var(--design-action);color:var(--design-on-action);border-radius:10px}
body:has(main) :is(.header-inner,.footer-inner,.footer-grid,.footer-bottom,.real-header>.real-wrap,.real-footer>.real-wrap){max-width:1240px;width:calc(100% - 64px);margin-inline:auto}
body:has(main) :is(h1,h2,h3){font-family:FactoryNunito,system-ui,sans-serif!important;font-weight:900!important}
body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading){background:linear-gradient(115deg,var(--design-hero-start),var(--design-hero-end));border:1px solid var(--design-line);border-radius:20px;padding:32px 36px;margin-block:24px 32px;color:var(--design-text)}
body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading) h1{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-1.3px;color:var(--design-text);text-wrap:balance}
body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading) :is(p,.lede){color:var(--design-muted);font-size:17px;max-width:72ch}
body:has(main) main :is(.eyebrow,.cat-kicker,.side-label){color:var(--design-accent)}
body:has(main) main :is(.card,.side-card,.route-card,.decision-card,.data-card,.guide-card,.update-card,.location-card,.code-card,.cat-section,.detail-record,.verification-note,.status-panel,.not-found__panel,.ew-card,.related-seed-card),body:has(main) main .stats-grid>article{background:var(--design-surface);color:var(--design-text);border:1px solid var(--design-line);border-radius:14px;box-shadow:none}
body:has(main) main :is(.notice,.source-notice,.cat-status,.cat-uncertain,.model-notes,.database-tools,.database-summary){background:var(--design-soft);color:var(--design-muted);border-color:var(--design-line);border-radius:10px}
body:has(main) main :is(.notice strong,.source-notice strong,.verification-badge,.status-label){color:var(--design-accent)}
body:has(main) main :is(.card,.cat-section,.verification-note,.page-intro) :is(h2,h3){color:var(--design-text)}
body:has(main) main :is(.section-intro,.lede,.prose,.prose-block,.cat-section p,.verification-copy,.verification-meta,.status-copy,.scenario-help,.unknown-value){color:var(--design-muted)}
body:has(main) main :is(.content-grid,.calculator-grid,.research-columns){gap:24px}
body:has(main) main :is(.main-panel,.sidebar,.prose,.prose-block,.research-columns>*,.calculator-grid>*){min-width:0}
body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading)~* h2{font-size:clamp(22px,2.1vw,29px);line-height:1.2;letter-spacing:-.5px}
body:has(main) main :is(.table-wrap,.cat-table-wrap){max-width:100%;overflow-x:auto;border-color:var(--design-line);border-radius:10px}
body:has(main) main :is(table,.data-table){color:var(--design-text);border-color:var(--design-line)}
body:has(main) main :is(th,td){border-color:var(--design-line)}
body:has(main) main thead th{background:var(--design-soft);color:var(--design-muted);font-family:inherit}
body:has(main) main tbody tr:hover{background:var(--design-soft)}
body:has(main) main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:inherit;color:var(--design-text);background:var(--design-surface);border-color:var(--design-line);border-radius:8px;min-height:44px;max-width:100%}
body:has(main) main :is(.input-wrap,.result,.results,.oc-controls,.oc-row,.oc-compare){background:var(--design-soft);color:var(--design-text);border-color:var(--design-line);border-radius:10px}
body:has(main) main .result--primary{background:var(--design-tint);border-color:var(--design-line)}
body:has(main) main .result strong{color:var(--design-accent)}
body:has(main) main .calculator .results>:is(div,article){background:var(--design-soft);color:var(--design-text);border:1px solid var(--design-line);border-radius:10px}
body:has(main) main .calculator .results>:is(div,article):first-child{background:var(--design-tint)}
body:has(main) main .database .database-summary{background:var(--design-soft);color:var(--design-muted);border-color:var(--design-line)}
body:has(main) main .cat-section a{color:var(--design-accent)}
body:has(main) main :is(button,.button,.btn,.real-button){font-family:inherit;border-radius:8px}
body:has(main) main :is(.button,.button-primary,.btn-primary,.real-button){background:var(--design-action);color:var(--design-on-action);border-color:var(--design-action);font-weight:800;min-height:44px}
body:has(main) main :is(.button--secondary,.button-secondary,.reset-button){background:var(--design-surface);color:var(--design-accent);border:1px solid var(--design-line)}
body:has(main) main :is(.cat-filter button,.calculator-jumps a){background:var(--design-surface);color:var(--design-accent);border-color:var(--design-line)}
body:has(main) main :is(.cat-filter button[aria-pressed=true],.cat-filter button.active){background:var(--design-action);color:var(--design-on-action)}
body:has(main) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--design-accent);outline-offset:3px}
body:has(main) main a:hover{color:var(--design-action)}
body:has(main) main :is(.button,.button-primary,.btn-primary,.real-button):hover{color:var(--design-on-action)}
body:has(main .page-header) main>.container{width:calc(100% - 64px);max-width:1240px}
body:has(main .page-intro) main.page-shell,body:has(main .cat-guide-heading) main.cat-main{width:calc(100% - 64px);max-width:1240px;margin:28px auto;padding:0}
body:has(main) main .breadcrumbs{color:var(--design-muted);font-size:13px}
body:has(main) main .breadcrumbs a{color:var(--design-accent)}
body:has(main) main .cat-section{padding:24px}
body:has(main) main>.section-card{width:calc(100% - 64px);max-width:1240px;padding:24px;margin:28px auto}
body:has(main) main .real-entity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:20px}
body:has(main) main .real-entity-grid>article{background:var(--design-soft);border:1px solid var(--design-line);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--design-text)}
body:has(main) main .not-found{background:var(--design-canvas);color:var(--design-text)}
@media(max-width:800px){
  body:has(main) :is(.header-inner,.footer-inner,.footer-grid,.footer-bottom,.real-header>.real-wrap,.real-footer>.real-wrap),body:has(main .page-header) main>.container,body:has(main .page-intro) main.page-shell,body:has(main .cat-guide-heading) main.cat-main{width:calc(100% - 32px)}
  body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading){padding:24px 22px;border-radius:14px;margin-block:20px 24px}
  body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading) h1{font-size:32px;letter-spacing:-.8px}
  body:has(main) main :is(.page-header,.page-intro,.cat-guide-heading) :is(p,.lede){font-size:16px}
  body:has(main) main :is(.content-grid,.calculator-grid,.research-columns){grid-template-columns:minmax(0,1fr)}
  body:has(main) main .cat-section{padding:20px}
  body:has(main) main>.section-card{width:calc(100% - 32px);padding:20px}
}
@media(prefers-reduced-motion:reduce){html:has(main){scroll-behavior:auto}}