/* Shared reader shell; calculations, forms, and article-specific layouts stay intact. */
:root{--paper:#faf7f1;--card:#fffcf7;--card2:#f3ede3;--line:#e4ddd0;--ink:#302a26;--ink2:#62574e;--ink3:#71665c;--guard:#8b4936;--guard-ink:#79412f;--guard-soft:#f3e7dd;--guard-line:#d9bcac;--font-display:'Zen Maru Gothic','Noto Sans JP',sans-serif}
body{background:var(--paper)!important;font-family:'Noto Sans JP',sans-serif}
body.theme-2026-07{--t-paper:var(--paper);--t-card:var(--card);--t-ink:var(--ink);--t-line:var(--line);--t-accent:var(--guard);--t-accent-ink:var(--guard-ink)}
.tools-header{position:static;background:var(--paper)!important;backdrop-filter:none}
.tools-header__inner{min-height:64px;gap:20px}
.tools-header .brand__mark{color:var(--ink)!important;font-family:var(--font-display);font-size:23px;font-weight:700}
.tools-header .brand::before{display:none!important}
.tools-header .brand__tagline{font-size:10px!important;font-weight:400!important;color:var(--ink2)!important}
.tools-header .tools-nav{flex-wrap:wrap;overflow:visible;gap:4px 16px!important;font-weight:500!important}
.tools-header .tools-nav a{padding:8px 0!important;font-weight:500!important}
.tools-subnav-shell{background:transparent!important;overflow:visible!important}
.tools-menu{max-width:1080px;margin:auto;padding:0 20px}
.tools-menu>summary{width:fit-content;padding:11px 0;cursor:pointer;font-size:13px;color:var(--ink2)}
.tools-menu .tools-subnav{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:8px 18px!important;padding:8px 0 18px!important;min-width:0!important}
.tools-menu:not([open])>.tools-subnav{display:none!important}
.tools-menu .tools-subnav>a{white-space:normal;font-size:13px}
.tools-main{background:transparent!important}
.tools-footer{background:transparent;color:var(--ink2);margin-top:30px}
.tools-footer__nav a{font-weight:500}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #79412f;outline-offset:4px}
@media(max-width:720px){
  .tools-header__inner{flex-wrap:wrap;gap:3px;padding:13px 16px!important}
  .tools-header .brand__tagline{display:none!important}
  .tools-header .tools-nav{width:100%;justify-content:flex-start!important;margin-left:0!important;gap:4px 16px!important}
  .tools-header .tools-nav a{font-size:12px!important}
  .tools-menu{padding:0 16px}
}

/* Tools workbench. Shared visual system, no article text or calculations injected. */
:root{--ink3:#71665c;--card:#fffdf9;--workspace-radius:20px;--workspace-shadow:0 6px 24px #302a2605}
html,body{overflow-x:visible}
html{scroll-padding-top:24px}
body{line-height:1.8}
[hidden]{display:none!important}
img,svg,canvas{max-width:100%}
.tools-header .brand__mark::before{width:24px;height:24px;border-radius:0;background:url('/favicon.svg') center/contain no-repeat!important}
.tools-header .tools-nav a{min-height:44px;display:inline-flex;align-items:center}
.tools-header .tools-nav a:is([aria-current='page'],[data-section-current]){color:var(--guard-ink)!important;text-decoration:underline!important;text-underline-offset:7px}
.tools-menu>summary{min-height:44px}
.tools-menu .tools-subnav>a{padding:8px 0;min-height:44px}
.tools-menu .tools-subnav__group{color:var(--ink2);flex-basis:100%;padding-top:8px;font-size:12px}
.tools-menu .tools-subnav__label{display:none}
.tools-main,.xi-main,.ff-main,.tk-main{width:100%;max-width:1120px;margin-inline:auto;padding:32px 24px 72px;min-width:0}
.tools-main .hero{display:block;min-height:0;margin:0 0 32px;padding:24px 0 12px;border:0;border-radius:0;background:none!important;box-shadow:none;isolation:auto}
.tools-main .hero::before,.tools-main .hero::after,.hero__body::before{display:none!important}
.tools-main .hero__body{padding:0;max-width:760px}
.tools-main h1,.xi-hero h1,.ff-hero h1,.tk-hero h1{font-family:var(--font-display);font-size:clamp(26px,3.8vw,40px);font-weight:700;line-height:1.5;color:var(--ink);margin:0 0 14px;max-width:24em;overflow-wrap:anywhere}
.tools-main .lead,.xi-hero .lead,.ff-hero .lead,.tk-hero .lead{font-size:16px;line-height:1.9;color:var(--ink2);max-width:44em;margin:0}
.tools-main .kicker,.xi-kicker,.ff-kicker,.tk-kicker{font-size:12px;font-weight:500;background:none;color:var(--guard-ink);padding:0;margin:0 0 12px;border:0;border-radius:0;letter-spacing:.06em!important}
.tools-main .section{margin:0 0 32px;padding:24px;border:1px solid var(--line);border-radius:var(--workspace-radius);background:var(--card);box-shadow:none}
.tools-main .section h2,.xi-panel h2,.tk-panel h2,.ff-sec h2{font-size:20px;line-height:1.6;color:var(--ink);margin:0 0 16px}
.tools-main .section h3{font-size:17px;line-height:1.7}
.tools-main .hero-actions{margin-top:20px;gap:12px;flex-wrap:wrap}
.tools-main :is(.button,button,.filter-pill),.xi-actions :is(button,a),.xi-type-row button,.xi-palettes button,.tk-stack-toggle button{min-height:44px;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;white-space:normal;transition:background-color .15s,border-color .15s}
.tools-main .button,.xi-btn-primary{border-radius:12px;background:var(--guard);color:white;box-shadow:none;transform:none}
.tools-main .button--ghost,.xi-btn-ghost{background:var(--card);color:var(--guard-ink);border:1px solid var(--guard-line)}
.tools-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.xi-field :is(input[type=text],textarea,select),.tk-field :is(input,select),.tk-layer input[type=number],.ff-controls select{min-width:0;max-width:100%;width:100%;min-height:48px;padding:11px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;background:#fff;color:var(--ink);border:1px solid #bcb1a5;border-radius:10px;box-shadow:none}
.tools-main textarea,.xi-field textarea{resize:vertical;min-height:112px}
.tools-main :is(input,select,textarea):focus,.xi-field :is(input,textarea):focus,.ff-controls select:focus,.tk-field :is(input,select):focus{border-color:var(--guard)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;accent-color:var(--guard);vertical-align:middle}
.tools-main :is(label,.field-title),.xi-field label,.ff-controls label,.tk-field label{font-size:14px;line-height:1.7;color:var(--ink);font-weight:500}
.tools-main :is(.field-help,.mini-note,.notice),.xi-note,.ff-note,.tk-note{font-size:14px;line-height:1.85;color:var(--ink2);overflow-wrap:anywhere}
.tools-main .notice{background:var(--card2);border:0;border-radius:12px;padding:16px}
.tool-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;font-size:14px;color:var(--ink2);text-decoration:none}
.tool-back:hover{text-decoration:underline}
.tool-skip{position:absolute;top:8px;left:16px;z-index:100;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-200%)}
.tool-skip:focus{transform:none}
.tool-status{min-height:1.7em;font-size:14px;line-height:1.7;color:var(--ink2);margin:12px 0}
.tool-context{font-size:14px;line-height:1.85;color:var(--ink2);padding:14px 18px;background:var(--card2);border-radius:12px;margin:20px 0}
.tool-jump{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;background:var(--guard);color:#fff;font-size:15px;font-weight:500;text-decoration:none;border:1px solid var(--guard)}
.tool-jump:hover{background:var(--guard-ink);color:#fff}
.tool-result-title{font-size:18px;margin:0 0 12px}
.tool-help{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.tool-help summary{cursor:pointer;min-height:44px;font-weight:500}
.tool-help p{font-size:14px;color:var(--ink2)}
.tool-empty{padding:24px;background:var(--card2);border:1px solid var(--line);border-radius:16px;line-height:1.8}
.tool-empty a{display:inline-block;margin-top:8px}
.tools-main :is(.tool-layout,.tool-layout--beginner){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;padding:0;border:0;background:none}
.tools-main .form-panel{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--workspace-radius);box-shadow:var(--workspace-shadow);position:static;min-width:0}
.simple-question-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
.simple-question-card{display:block!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;min-width:0}
.simple-question-card__step{display:inline-grid;place-items:center;width:24px;height:24px;margin:0 8px 10px 0;border-radius:50%;background:var(--card2)!important;color:var(--ink2)!important;font-size:12px}
.simple-question-card>label{display:inline!important}
.simple-question-card>select{margin-top:6px}
.simple-question-card--wide{grid-column:auto}
.check-grid--chips{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:12px}
.check-grid--chips label{display:flex!important;align-items:center;gap:8px;min-height:44px;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--card)!important}
.check-grid--chips label:has(input:checked){background:var(--guard-soft)!important;border-color:var(--guard-line)!important}
.tools-main .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tools-main .field--wide{grid-column:1/-1}
.tools-main .detail-accordion{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px 20px;box-shadow:none}
.detail-accordion>summary{min-height:44px;padding:8px 0!important;color:var(--ink)!important;font-size:15px!important;line-height:1.7;cursor:pointer}
.tools-main .form-detail{margin:24px 0;padding:12px 16px;background:var(--paper);border-radius:12px}
.results{position:static!important;min-width:0;display:grid;gap:16px}
.results .result-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:24px;box-shadow:none;color:var(--ink)}
.results .result-card--primary{background:var(--guard-soft);border-color:var(--guard-line)}
.results .result-card h3{font-size:18px;color:var(--ink);margin-top:0}
.results :is(p,li,dt,dd){font-size:15px;line-height:1.85}
.results .key-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.results .key-grid>div{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.results .action-row{gap:10px;flex-wrap:wrap}
.results .table-wrap{overflow:auto;max-width:100%}
.results table{min-width:480px}
.results .steps{padding-left:24px}
.results .steps li{padding:0 0 12px}
.xi-grid,.tk-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:24px;align-items:start}
.xi-panel,.tk-panel{background:var(--card);border-radius:var(--workspace-radius);padding:24px;border:1px solid var(--line);box-shadow:var(--workspace-shadow);min-width:0}
.xi-field,.tk-field{margin-bottom:20px}
.xi-field label,.tk-field label{margin-bottom:8px}
.xi-palettes{flex-wrap:wrap;gap:12px}
.xi-palettes button{width:48px;min-height:44px;border-radius:12px;box-shadow:inset 0 0 0 3px var(--card)}
.xi-palettes button.on{outline:2px solid var(--ink);outline-offset:2px}
.xi-canvas-box{border-radius:16px;box-shadow:none;background:#fff}
.xi-preview-wrap{position:static;order:0;min-width:0}
.xi-actions{gap:10px}
.xi-actions :is(button,a){padding:12px 16px;border-radius:12px;flex:1 1 auto}
.xi-note{padding:16px;border-radius:12px}
.xi-type-row button.on,.tk-stack-toggle button.on{background:var(--guard-soft);border-color:var(--guard);color:var(--guard-ink)}
.tk-layer{gap:12px;padding:12px 0}
.tk-layer label{min-height:44px;align-items:center;line-height:1.7}
.tk-layer small{font-size:12px;color:var(--ink2)}
.tk-layer input[type=number]{width:80px}
.tk-total .num{font-size:48px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-total .verdict{font-size:14px;line-height:1.7}
.tk-method .meta{font-size:13px;color:var(--ink2)}
.tk-method a{padding:10px;min-height:44px}
.ff-controls{margin:24px 0;padding:24px;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:20px}
.ff-sec{margin-top:28px}
.ff-sec .ff-sub,.ff-size-note{font-size:14px;color:var(--ink2);line-height:1.8}
.ff-row{grid-template-columns:100px minmax(0,1fr);padding:16px;gap:16px;border-radius:12px;background:var(--card)}
.ff-row.no{opacity:1;background:var(--card2)}
.ff-row b{font-size:16px}
.ff-row .meta{font-size:13px;color:var(--ink2);line-height:1.8}
.ff-badge{font-size:12px;border-radius:6px;line-height:1.6;white-space:normal}
.xi-related,.ff-related,.tk-related{border-top:1px solid var(--line);padding-top:28px;margin-top:40px}
:is(.xi-related-grid,.ff-related-grid,.tk-related-grid) a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 8px;background:transparent;font-size:15px;font-weight:500;line-height:1.7}
:is(.xi-related-grid,.ff-related-grid,.tk-related-grid) a span{font-size:13px;color:var(--ink2);line-height:1.8}
.tools-main :is(.exchange-form,.bonus-note-form,.exchange-pack-form){gap:20px}
.tools-main :is(.exchange-form,.bonus-note-form,.exchange-pack-form)>label{display:grid;gap:8px;align-content:start;min-width:0}
.tools-main :is(.exchange-presets,.recovery-time,.recovery-choices){display:flex;flex-wrap:wrap;gap:10px}
.tools-main [aria-pressed=true]{background:var(--guard-soft);border-color:var(--guard);color:var(--guard-ink)}
.tools-main :is(.exchange-card-preview,.bonus-note-preview,.exchange-pack-preview){background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:none;border-radius:14px}
.exchange-card-preview__top{background:var(--guard-soft)!important;color:var(--ink)!important}
.tools-main .exchange-copy-box{margin-top:20px}
.tools-main :is(.event-check-grid,.event-check-groups){gap:20px}
.event-check label{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 0}
.event-check label:has(input:checked){color:var(--ink2)}
.event-check label input{flex-shrink:0}
.tools-main .genre-tree__group{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:none;margin-bottom:16px}
.genre-tree__group>summary{min-height:56px;padding:16px;cursor:pointer}
.genre-tree__cluster{padding:16px}
.genre-tree__links a{min-height:44px;padding:10px 0;font-size:15px;line-height:1.7}
.guide-tools{display:grid;gap:8px;max-width:560px;margin-top:24px}
.tools-main :is(.guide-card,.path-card,.goods-card){box-shadow:none;transform:none;border-color:var(--line);background:var(--card);border-radius:14px}
.tools-main :is(.guide-card,.path-card) p{font-size:14px;color:var(--ink2);line-height:1.8}
.tools-main :is(.article,.guide-body,.guide-article){max-width:760px;margin-inline:auto;line-height:1.95}
.tools-main table{font-size:14px}
.tools-main .table-wrap{max-width:100%;overflow:auto}
.tools-footer{font-size:13px}
.tools-footer__nav a{padding:10px 0;min-height:44px}
button:disabled{opacity:.55;cursor:not-allowed!important}
@media(min-width:960px){.xi-preview-wrap{position:sticky;top:24px}.tools-main .form-panel{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto}}
@media(max-width:760px){
  .tools-main,.xi-main,.ff-main,.tk-main{padding:20px 16px 48px}
  .tools-main .hero{padding:8px 0;margin-bottom:24px}
  .tools-main :is(.tool-layout,.tool-layout--beginner),.xi-grid,.tk-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .tools-main .section,.tools-main .form-panel,.xi-panel,.tk-panel{padding:20px}
  .tools-main :is(.tool-layout,.tool-layout--beginner){padding:0}
  .xi-preview-wrap{order:0;position:static}
  .results .result-card{padding:20px}
  .tools-main .mobile-break{display:none}
  .ff-controls{padding:20px;grid-template-columns:minmax(0,1fr)}
  .ff-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .ff-badge{justify-self:start;padding:4px 10px}
  .tk-layer{grid-template-columns:minmax(0,1fr) auto}
  .tk-layer>span:empty{display:none}
  .tools-main :is(.exchange-form,.bonus-note-form,.exchange-pack-form,.exchange-guard-grid){grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.tools-header,.tools-footer,.tool-back,.tool-skip,.xi-actions,.hero-actions{display:none!important}.tools-main,.xi-main,.ff-main,.tk-main{padding:0}.tools-main .form-panel,.xi-preview-wrap{position:static!important;max-height:none}.tools-main .section{break-inside:avoid}}

/* Retire high-specificity legacy photo/card rules and mobile link truncation. */
body .tools-main .hero,body .tools-main .hero__body{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0}
body .tools-main .hero__body{padding:0!important}
body .tools-main .hero__body h1{width:auto;max-width:24em;font-size:clamp(26px,3.8vw,40px);line-height:1.5;text-shadow:none}
body .tools-main .hero__body .lead{font-size:16px;line-height:1.9;text-shadow:none}
body .tools-main .hero .kicker{background:none!important;border:0!important;color:var(--guard-ink)!important;padding:0}
body .tools-main .section{background:var(--card)!important;border-top:1px solid var(--line)!important}
body .tools-main .tool-layout{background:transparent!important;border:0!important}
body .results .result-card--primary{background:var(--guard-soft)!important;border-color:var(--guard-line)!important}
body .tools-main .form-panel--simple .simple-question-card{background:transparent!important}
body .tools-main .result-detail{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:none;color:var(--ink)}
body .tools-main .result-detail>summary{padding:18px 20px;min-height:56px;font-size:15px;font-weight:500;color:var(--ink);background:none;cursor:pointer;line-height:1.7}
body .tools-main .result-detail__body{padding:0 20px 20px}
body .tools-main .tool-grid .tool-card,body .tools-main .tool-grid .guide-card{display:flex}
body .tools-main :is(.guide-card,.tool-card) p{display:block;overflow:visible;-webkit-line-clamp:unset}
body .tools-main .hero-actions .button{display:inline-flex}
body .tools-main .genre-tree__summary{background:var(--card2);color:var(--ink);font-size:17px}
body .tools-main .genre-tree__links a{font-size:15px;line-height:1.7}
body .tools-main .genre-tree__links a small{font-size:13px;line-height:1.8;color:var(--ink2)}
.tool-kind{display:block;width:min(100%,340px);min-height:48px;border:1px solid #bcb1a5;border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:16px;padding:10px 12px;margin:8px 0 16px}
.xi-actions [aria-disabled=true]{opacity:.55;cursor:not-allowed}
body[data-page='guide-index'] .t-section{padding:0}
.tools-main:has(#guideSearch) .t-hero{padding:12px 0!important;background:none!important;border:0!important}
.tools-main:has(#guideSearch) .t-section{padding-inline:0}
.tools-main:has(#guideSearch) .t-hero-lead{font-size:16px;color:var(--ink2);line-height:1.9}
.tool-scope{margin:0 0 24px;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.tool-scope h2{font-size:16px;margin:12px 0}
.tool-scope .kicker{display:none}
.tool-scope .exchange-guard-grid,.tool-scope .bonus-note-guard{display:block}
.tool-scope p{font-size:14px}
body[data-page='guide'] .tools-main{background:transparent!important}
body[data-page='guide'] .tools-main.guide-layout{display:block;max-width:840px;padding:32px 24px 64px}
body[data-page='guide'] .guide-layout .guide-body{display:block;width:100%;max-width:760px;margin:auto;padding:0}
body[data-page='guide'] .guide-body section{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none!important;padding:28px 0;box-shadow:none}
body[data-page='guide'] .guide-body section:first-child{padding-top:8px}
body[data-page='guide'] .guide-body :is(p,li){font-size:16px;line-height:1.95}
body[data-page='guide'] .guide-body h1{font-size:clamp(25px,3.5vw,36px);line-height:1.55;max-width:none}
body[data-page='guide'] .guide-body h2{font-size:24px;line-height:1.65;margin-bottom:16px}
body[data-page='guide'] .guide-body h3{font-size:19px;line-height:1.7}
body[data-page='guide'] .guide-body .kicker{font-size:12px;background:none;border:0;padding:0}
body[data-page='guide'] .guide-layout>aside.section{position:static;display:flex;flex-wrap:wrap;gap:12px;max-width:760px;margin:28px auto 0;border:1px solid var(--line);border-radius:16px;background:var(--card)!important}
body[data-page='guide'] .guide-layout>aside.section h2{flex-basis:100%;font-size:20px}
body[data-page='guide'] .guide-layout>aside.section .button{width:auto;min-height:44px;font-size:14px;background:none!important;color:var(--guard-ink)!important;border:1px solid var(--line);border-radius:10px}
body[data-page='guide'] .guide-body .affiliate-pick-shelf{padding:20px;background:var(--card2)!important;border:1px solid var(--line);border-radius:16px}
body[data-page='guide'] .guide-body .affiliate-pick-card{box-shadow:none;border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:0}
body[data-page='guide'] .guide-body .affiliate-pick-card small{font-size:13px;line-height:1.8}
body .tool-page.guide-page{max-width:840px;width:100%;padding:32px 24px 64px;margin:auto}
.tool-page.guide-page .guide-hero{padding:12px 0 28px}
.tool-page.guide-page .guide-hero h1{font-size:clamp(25px,3.5vw,36px);line-height:1.55}
.tool-page.guide-page :is(.guide-section,.notice-panel){padding:24px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.tool-page.guide-page :is(p,li){font-size:16px;line-height:1.95}
@media(max-width:600px){body[data-page='guide'] .tools-main.guide-layout,body .tool-page.guide-page{padding:24px 16px 48px}body[data-page='guide'] .guide-body h2{font-size:21px}.tools-main .field-grid{grid-template-columns:minmax(0,1fr)}.wb-tool--featured{padding-right:24px}.wb-pack-art{display:none}}
.standalone-guide{--accent:#8b4936;--accent-strong:#79412f;--accent-soft:#f3e7dd;--soft:#f3ede3;--panel:#fffdf9;--muted:#62574e}
.standalone-guide>main{max-width:920px}
.standalone-guide :is(h1,h2,h3){color:var(--ink);line-height:1.6}
.standalone-guide h1{font-size:clamp(26px,3.8vw,38px)}
.standalone-guide :is(p,li){font-size:16px;line-height:1.9}
.standalone-guide :is(input,select){min-width:0;width:100%;min-height:48px;padding:10px 12px;border:1px solid #bcb1a5;border-radius:10px;font:inherit;font-size:16px;background:var(--card);color:var(--ink)}
.standalone-guide :is(button,.nav a){min-height:44px;padding:10px 14px;line-height:1.6;font-size:14px}
.standalone-guide :is(.panel,.tool,.result,.link-card,.quick){border-color:var(--line);box-shadow:none;border-radius:16px}
.standalone-guide .result{background:var(--guard-soft);color:var(--ink);font-size:15px}
.standalone-guide .result span{font-size:14px;line-height:1.85}
.standalone-guide .site-header{flex-wrap:wrap}
.xi-canvas-box{max-height:60dvh;overflow:auto;overscroll-behavior:contain}
.xi-canvas-box:focus-visible{outline:2px solid var(--guard);outline-offset:4px}
@media(max-width:760px){.xi-canvas-box{max-height:70dvh}}
@media(max-width:760px){.standalone-guide .hero,.standalone-guide .tool,.standalone-guide .grid,.standalone-guide .links{grid-template-columns:minmax(0,1fr)}.standalone-guide .site-header .nav{flex-wrap:wrap;margin-left:0;justify-content:flex-start}.standalone-guide .site-header{padding-block:16px!important}.standalone-guide .tool{padding:20px}}