:root{
--c-primary:#1D6B5F; --c-primary-d:#164F47; --c-on-primary:#fff; --c-link:#1D6B5F;
--c-secondary:#0B4A6B; --c-accent:#C2410C; --c-highlight:#F2B544;
--c-ink:#1F2B2B; --c-muted:#5D6870; --c-border:#DCE5DD;
--c-bg:#F7F5EF; --c-surface:#FFFEFA; --c-surface-2:#F1F0E8; --c-tint:#E6F0EA;
--c-success:#2E7D32; --c-success-bg:#E8F5E9;
--c-warning:#8A4B00; --c-warning-bg:#FFF4E0;
--c-error:#B3261E; --c-error-bg:#FDECEA;
--c-info:#0B4A6B; --c-info-bg:#E3EEF4;
--il-bg:#E1EDE5; --il-card:#FFFEFA; --il-wall:#FBF3DF; --il-line:#C9D8CD;
--radius:12px; --radius-sm:8px; --radius-pill:999px;
--shadow:0 1px 3px rgba(0,0,0,.06); --shadow-lg:0 12px 32px rgba(22,50,45,.14);
--fs:1; --lh:1.75; --tap:44px; --fw:400;
--font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--header-h:60px; --tabbar-h:0px;
color-scheme:light;
interpolate-size:allow-keywords;
}
:root[data-theme="dark"]{
--c-primary:#1D6B5F; --c-primary-d:#23806F; --c-link:#8FBCF2;
--c-secondary:#8FBCF2; --c-accent:#F2B544; --c-highlight:#F2B544;
--c-ink:#EEF2F8; --c-muted:#A9B4C4; --c-border:#2A3648;
--c-bg:#0E1522; --c-surface:#17202F; --c-surface-2:#1D2839; --c-tint:#16302F;
--c-success:#81C995; --c-success-bg:#16301F;
--c-warning:#F2B544; --c-warning-bg:#33280F;
--c-error:#F28B82; --c-error-bg:#3A1B1A;
--c-info:#8FBCF2; --c-info-bg:#15283F;
--il-bg:#17283A; --il-card:#223049; --il-wall:#2A3550; --il-line:#34435C;
--shadow:0 1px 3px rgba(0,0,0,.4); --shadow-lg:0 12px 32px rgba(0,0,0,.5);
color-scheme:dark;
}
:root[data-hc="1"]{
--c-bg:#0A161E; --c-surface:#10212C; --c-surface-2:#16303F; --c-tint:#16303F;
--c-ink:#E8F1F5; --c-muted:#C9D8E0; --c-border:#7C97A6;
--c-link:#F2B544; --c-secondary:#F2B544; --c-accent:#F2B544;
--c-primary:#F2B544; --c-primary-d:#FFD27A; --c-on-primary:#10212C;
--c-success:#9BE3A8; --c-success-bg:#10212C; --c-warning:#FFD27A; --c-warning-bg:#10212C;
--c-error:#FFB0A8; --c-error-bg:#10212C; --c-info:#A9D4FF; --c-info-bg:#10212C;
--il-bg:#16303F; --il-card:#10212C; --il-wall:#1D3B4D; --il-line:#7C97A6;
--shadow:none; --shadow-lg:0 0 0 2px #7C97A6;
color-scheme:dark;
}
:root[data-fs="l"]{--fs:1.125} :root[data-fs="xl"]{--fs:1.25} :root[data-fs="xxl"]{--fs:1.4}
:root[data-lh="w"]{--lh:1.9}
:root[data-bold="1"]{--fw:500}
:root[data-friendly="1"]{--tap:48px}
*,*::before,*::after{box-sizing:border-box}
html{font-size:calc(100% * var(--fs));-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--font);font-weight:var(--fw);line-height:var(--lh);color:var(--c-ink);background:var(--c-bg);
min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));overflow-x:hidden}
h1,h2,h3,h4{line-height:1.35;font-weight:700;margin:0;text-wrap:balance}
h1{font-size:1.625rem} h2{font-size:1.375rem} h3{font-size:1.125rem} h4{font-size:1rem}
p{margin:0 0 .75rem} p:last-child{margin-bottom:0}
ul,ol{margin:0;padding-left:1.25rem} li{margin:.25rem 0}
a{color:var(--c-link);text-underline-offset:.2em}
a:hover{color:var(--c-primary-d)}
:root[data-theme="dark"] a:hover{color:#B9D6F7}
strong,b{font-weight:600}
small,.small{font-size:.875rem}
.muted{color:var(--c-muted)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
svg{flex-shrink:0}
.ico{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.22em}
.ico .f{fill:currentColor;stroke:none;opacity:.16}
.ico .s{fill:currentColor;stroke:none}
:focus-visible{outline:3px solid #F2B544;outline-offset:2px;border-radius:6px}
:root[data-hc="1"] :focus-visible{outline-color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:200;background:var(--c-primary);color:var(--c-on-primary);padding:8px 16px;border-radius:8px}
.skip:focus{top:8px}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}
main{flex:1;padding:20px 0 40px}
.view{animation:viewIn .28s ease backwards}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);
border-bottom:1px solid var(--c-border)}
.hdr-in{display:flex;align-items:center;gap:12px;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--c-ink);flex-shrink:0;margin-right:auto}
.hdr .wrap{max-width:1280px}
.brand svg{width:38px;height:38px}
.brand b{display:block;font-size:1rem;font-weight:700;line-height:1.25;white-space:nowrap}
.brand span{display:block;font-size:.75rem;color:var(--c-muted);line-height:1.2;white-space:nowrap}
.topnav{display:none;gap:2px}
.topnav a{display:flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 10px;border-radius:var(--radius-sm);text-decoration:none;
color:var(--c-muted);font-size:.9375rem;font-weight:500;white-space:nowrap;position:relative;transition:color .15s,background .15s}
.topnav a:hover{color:var(--c-ink);background:var(--c-surface-2)}
.topnav a[aria-current="page"]{color:var(--c-link);font-weight:700}
.topnav a[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:3px;border-radius:3px;background:var(--c-link)}
.hdr-tools{display:flex;gap:6px;align-items:center}
.tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);min-width:var(--tap);padding:0 10px;border-radius:var(--radius-pill);
border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.tool:hover{border-color:var(--c-link)}
.tool[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}
.tool .lbl{display:none}
@media (min-width:560px){.tool .lbl{display:inline}}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--c-surface) 95%,transparent);backdrop-filter:blur(12px);
border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom,0px)}
.tabbar-in{display:grid;grid-template-columns:repeat(5,1fr);max-width:640px;margin:0 auto}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px;padding:6px 2px;
border:0;background:none;font:inherit;font-size:.75rem;font-weight:500;color:var(--c-muted);text-decoration:none;cursor:pointer;position:relative}
.tabbar .ico{width:24px;height:24px}
.tabbar [aria-current="page"],.tabbar button[aria-expanded="true"]{color:var(--c-link);font-weight:700}
.tabbar [aria-current="page"]::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--c-link)}
@media (max-width:899.98px){:root{--tabbar-h:58px}}
@media (max-width:359.98px){.brand span{display:none}.brand b{font-size:.875rem}}
@media (min-width:900px){
.tabbar{display:none} .topnav{display:flex}
.wrap{padding:0 24px} main{padding:28px 0 56px}
h1{font-size:2rem} h2{font-size:1.5rem} h3{font-size:1.25rem}
}
@media (min-width:900px) and (max-width:1259.98px){.topnav a .ico{display:none}.topnav a{padding:0 8px}}
@media (min-width:900px) and (max-width:1079.98px){.brand span{display:none}.tool .lbl{display:none}.brand b{font-size:.9375rem}}
.scrim{position:fixed;inset:0;z-index:70;background:rgba(10,20,25,.5);opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;z-index:80;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-lg);
left:0;right:0;bottom:0;max-height:88dvh;overflow:auto;border-radius:20px 20px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));
transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s;overscroll-behavior:contain}
.sheet.on{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sheet::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--c-border);margin:4px auto 8px}
.sheet-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sheet-h h2{font-size:1.125rem}
@media (min-width:900px){
.sheet{left:auto;top:0;bottom:0;right:0;width:400px;max-height:none;border-radius:0;padding:16px 20px 24px;transform:translateX(105%)}
.sheet::before{display:none}
}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.more-grid a,.more-grid button{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--c-border);
background:var(--c-surface);color:var(--c-ink);text-decoration:none;font:inherit;font-weight:600;font-size:.9375rem;cursor:pointer;text-align:left}
.more-grid .ico{width:24px;height:24px;color:var(--c-link)}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--c-border)}
.set-row:first-of-type{border-top:0}
.set-row .t{font-weight:600} .set-row .d{font-size:.8125rem;color:var(--c-muted);line-height:1.5}
.set-col{flex-direction:column;align-items:stretch}
.seg{display:flex;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:3px;gap:3px}
.seg button{flex:1;min-height:calc(var(--tap) - 6px);padding:4px 8px;border:0;border-radius:9px;background:none;color:var(--c-muted);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;
display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--c-surface);color:var(--c-link);font-weight:700;box-shadow:var(--shadow);outline:1px solid var(--c-border)}
.switch{position:relative;width:52px;height:30px;flex-shrink:0;border-radius:30px;border:1px solid var(--c-border);background:var(--c-surface-2);cursor:pointer;padding:0;transition:background .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--c-muted);transition:transform .2s,background .2s}
.switch[aria-checked="true"]{background:var(--c-primary);border-color:var(--c-primary)}
.switch[aria-checked="true"]::after{transform:translateX(22px);background:var(--c-on-primary)}
.preview{border:1px dashed var(--c-border);border-radius:var(--radius);padding:12px;background:var(--c-bg);margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border-radius:var(--radius);border:1px solid var(--c-primary);
background:var(--c-primary);color:var(--c-on-primary);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
.btn:hover{background:var(--c-primary-d);border-color:var(--c-primary-d);color:var(--c-on-primary)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:var(--c-surface);color:var(--c-link);border-color:var(--c-link)}
.btn.ghost:hover{background:var(--c-tint);color:var(--c-link)}
.btn.sm{min-height:calc(var(--tap) - 8px);padding:0 12px;font-size:.875rem;border-radius:var(--radius-sm)}
.btn.block{width:100%}
.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
@media (min-width:640px){.card{padding:20px 24px}}
.stack>*+*{margin-top:16px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.grid{display:grid;gap:12px}
@media (min-width:640px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.g4{grid-template-columns:repeat(4,1fr)}.g3l{grid-template-columns:repeat(3,1fr)}}
.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;line-height:1.6;white-space:nowrap;
background:var(--c-surface-2);color:var(--c-muted);border:1px solid var(--c-border)}
.tag.err{background:var(--c-error-bg);color:var(--c-error);border-color:transparent}
.tag.warn{background:var(--c-warning-bg);color:var(--c-warning);border-color:transparent}
.tag.ok{background:var(--c-success-bg);color:var(--c-success);border-color:transparent}
.tag.info{background:var(--c-info-bg);color:var(--c-info);border-color:transparent}
:root[data-hc="1"] .tag{border-color:currentColor}
.note{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius);background:var(--c-info-bg);color:var(--c-ink);font-size:.9375rem;border-left:4px solid var(--c-info)}
.note .ico{color:var(--c-info);margin-top:.2em;width:1.3em;height:1.3em}
.note.err{background:var(--c-error-bg);border-color:var(--c-error)} .note.err .ico{color:var(--c-error)}
.note.warn{background:var(--c-warning-bg);border-color:var(--c-warning)} .note.warn .ico{color:var(--c-warning)}
.note.ok{background:var(--c-success-bg);border-color:var(--c-success)} .note.ok .ico{color:var(--c-success)}
:root[data-hc="1"] .note{border:1px solid currentColor;border-left-width:4px}
.pagehead{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.pagehead .badge{width:52px;height:52px;border-radius:16px;background:var(--c-tint);color:var(--c-link);display:grid;place-items:center;flex-shrink:0}
.pagehead .badge .ico{width:30px;height:30px}
.pagehead p{color:var(--c-muted);margin:2px 0 0;max-width:40em;font-size:.9375rem}
.sech{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.sech h2,.sech h3{display:flex;align-items:center;gap:8px}
.subtabs{position:sticky;top:var(--header-h);z-index:20;background:var(--c-bg);padding:8px 0;margin:0 0 12px}
.subtabs .seg{overflow-x:auto;scrollbar-width:none} .subtabs .seg::-webkit-scrollbar{display:none}
.subtabs .seg button{flex:1 0 auto;padding:4px 14px}
details.acc{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip}
details.acc+details.acc{margin-top:8px}
details.acc>summary{display:flex;align-items:center;gap:10px;min-height:calc(var(--tap) + 8px);padding:10px 14px;cursor:pointer;list-style:none;font-weight:600;user-select:none}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary::after{content:"";width:10px;height:10px;margin-left:auto;flex-shrink:0;border-right:2px solid var(--c-muted);border-bottom:2px solid var(--c-muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
details.acc[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
details.acc>summary:hover{background:var(--c-surface-2)}
details.acc>summary .ttl{flex:1;min-width:0}
details.acc>summary .sub{display:block;font-size:.8125rem;font-weight:400;color:var(--c-muted);line-height:1.5}
details.acc>.body{padding:4px 14px 16px;border-top:1px dashed var(--c-border);font-size:.9375rem}
details.acc>.body>*:first-child{margin-top:12px}
details.acc::details-content{block-size:0;overflow:clip;transition:block-size .26s ease,content-visibility .26s allow-discrete}
details.acc[open]::details-content{block-size:auto}
.num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--c-tint);color:var(--c-link);font-weight:700;font-size:.875rem;font-family:var(--mono)}
.num.err{background:var(--c-error-bg);color:var(--c-error)} .num.warn{background:var(--c-warning-bg);color:var(--c-warning)} .num.ok{background:var(--c-success-bg);color:var(--c-success)}
.dl{display:grid;gap:10px;margin:0}
.dl dt{font-size:.8125rem;font-weight:700;color:var(--c-muted);letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.dl dd{margin:2px 0 0}
.refs{font-size:.8125rem;color:var(--c-muted);font-family:var(--mono)}
.search{position:relative}
.search input{width:100%;min-height:var(--tap);padding:8px 14px 8px 42px;border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink);font:inherit}
.search input::placeholder{color:var(--c-muted)}
.search .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-muted)}
.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;min-height:calc(var(--tap) - 8px);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);font-weight:600}
.count{font-size:.8125rem;color:var(--c-muted);margin:4px 0 8px}
.empty{text-align:center;color:var(--c-muted);padding:32px 12px}
.hero{display:grid;gap:8px;align-items:center;background:linear-gradient(160deg,var(--c-surface),var(--c-tint));border:1px solid var(--c-border);border-radius:20px;padding:20px 16px 8px;overflow:hidden;position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--c-link);background:var(--c-surface);border:1px solid var(--c-border);padding:3px 12px;border-radius:var(--radius-pill)}
.hero h1{font-size:1.875rem;margin:12px 0 10px;letter-spacing:.02em}
.hero h1 em{font-style:normal;color:var(--c-link);background:linear-gradient(transparent 68%,color-mix(in srgb,var(--c-highlight) 55%,transparent) 68%)}
.hero p{color:var(--c-muted);max-width:30em}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
@media (min-width:760px){.hero{grid-template-columns:1.05fr .95fr;padding:32px 16px 24px 36px}.hero h1{font-size:2.5rem}}
.float{animation:float 6s ease-in-out infinite} .float.b{animation-delay:-3s}
@keyframes float{50%{transform:translateY(-6px)}}
.steam{animation:steam 3s ease-in-out infinite;transform-origin:center bottom}
@keyframes steam{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-3px)}}
.sos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sos a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;min-height:64px;padding:8px 4px;border-radius:var(--radius);text-decoration:none;
background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-ink);box-shadow:var(--shadow)}
.sos a b{font-family:var(--mono);font-size:clamp(.9375rem,4.6vw,1.25rem);color:var(--c-accent);line-height:1.2}
.sos a span{font-size:.75rem;color:var(--c-muted);line-height:1.4}
.sos a:first-child b{color:var(--c-error)}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:760px){.mods{grid-template-columns:repeat(3,1fr);gap:14px}}
.mod{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow);
text-decoration:none;color:var(--c-ink);position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}
.mod:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--c-link);color:var(--c-ink)}
.mod .pic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--mc-bg,var(--c-tint));color:var(--mc,var(--c-link))}
.mod .pic .ico{width:30px;height:30px}
.mod b{font-size:1.0625rem;font-weight:700}
.mod span{font-size:.8125rem;color:var(--c-muted);line-height:1.55}
.mod .new{position:absolute;top:12px;right:12px}
.mod.c2{--mc:var(--c-accent);--mc-bg:var(--c-warning-bg)} .mod.c3{--mc:var(--c-info);--mc-bg:var(--c-info-bg)}
.mod.c4{--mc:var(--c-error);--mc-bg:var(--c-error-bg)} .mod.c5{--mc:var(--c-success);--mc-bg:var(--c-success-bg)}
@media (min-width:760px){.mod{padding:20px}}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:640px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{padding:12px;border-radius:var(--radius);background:var(--c-surface-2);text-align:center}
.stat b{display:block;font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--c-link);line-height:1.2}
.stat span{font-size:.8125rem;color:var(--c-muted)}
.stats.three{grid-template-columns:1fr}
.stats.three .stat{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px}
.stats.three .stat b{font-size:1.25rem;white-space:nowrap;min-width:6.5em}
@media (min-width:640px){.stats.three{grid-template-columns:repeat(3,1fr)}.stats.three .stat{display:block;text-align:center}.stats.three .stat b{font-size:1.5rem;min-width:0}}
.assess{display:grid;gap:16px;align-items:start}
@media (min-width:900px){.assess{grid-template-columns:1fr 340px}.scorecard{position:sticky;top:calc(var(--header-h) + 64px)}}
.chk{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--c-border);cursor:pointer;margin-top:8px;min-height:var(--tap);transition:background .15s,border-color .15s}
.chk:hover{border-color:var(--c-link)}
.chk input{appearance:none;width:22px;height:22px;margin:3px 0 0;flex-shrink:0;border:2px solid var(--c-muted);border-radius:6px;background:var(--c-surface);cursor:pointer;display:grid;place-items:center}
.chk input:checked{background:var(--kc,var(--c-primary));border-color:var(--kc,var(--c-primary))}
.chk input:checked::after{content:"";width:6px;height:11px;border:solid var(--c-surface);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.chk:has(input:checked){background:var(--kb,var(--c-tint));border-color:var(--kc,var(--c-primary))}
.chk .l{flex:1;font-size:.9375rem;line-height:1.6}
.chk .m{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap}
.k-err{--kc:var(--c-error);--kb:var(--c-error-bg)} .k-warn{--kc:var(--c-warning);--kb:var(--c-warning-bg)} .k-ok{--kc:var(--c-success);--kb:var(--c-success-bg)}
.gauge{position:relative;width:176px;margin:0 auto}
.gauge svg{width:100%;display:block}
.gauge circle{fill:none;stroke-width:12;stroke-linecap:round}
.gauge .bg{stroke:var(--c-surface-2)}
.gauge .fg{stroke:var(--lv,var(--c-success));transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1),stroke .3s}
.gauge .v{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:12px}
.gauge .v b{font-family:var(--mono);font-size:2.75rem;line-height:1;color:var(--lv,var(--c-success))}
.gauge .v span{font-size:.8125rem;color:var(--c-muted)}
.lvl{display:block;text-align:center;font-weight:700;color:var(--lv,var(--c-success));margin:4px 0 12px}
.lv0{--lv:var(--c-success)} .lv1{--lv:var(--c-accent)} .lv2{--lv:var(--c-warning)} .lv3{--lv:var(--c-error)}
.bars{display:grid;gap:8px;font-size:.875rem}
.bar{display:grid;grid-template-columns:5.5em 1fr 2.5em;align-items:center;gap:8px}
.bar i{display:block;height:8px;border-radius:8px;background:var(--c-surface-2);overflow:hidden}
.bar i::after{content:"";display:block;height:100%;width:var(--w,0%);background:var(--bc);border-radius:8px;transition:width .4s}
.bar span:last-child{text-align:right;font-family:var(--mono);color:var(--c-muted)}
.mscore{position:fixed;left:8px;right:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 8px);z-index:40;display:flex;align-items:center;gap:12px;
padding:8px 8px 8px 16px;border-radius:16px;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-lg)}
.mscore b{font-family:var(--mono);font-size:1.625rem;color:var(--lv);line-height:1}
.mscore span{flex:1;font-size:.8125rem;line-height:1.4;color:var(--c-muted)} .mscore span em{display:block;font-style:normal;font-weight:700;color:var(--lv)}
@media (min-width:900px){.mscore{display:none}}
.has-mscore{padding-bottom:72px}
.rlist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rlist li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--c-surface-2);font-size:.9375rem}
.rlist li .ico{margin-top:.25em}
.rlist li .tag{margin-left:auto;flex-shrink:0}
.flow{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:f}
@media (min-width:760px){.flow{grid-template-columns:repeat(3,1fr)}}
.flow li{counter-increment:f;margin:0;position:relative;padding:14px 14px 14px 56px;border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-border);font-size:.9375rem;box-shadow:var(--shadow)}
.flow li::before{content:counter(f);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c-primary);color:var(--c-on-primary);font-weight:700;font-family:var(--mono)}
.flow li b{display:block}
.flow li:last-child{background:var(--c-warning-bg);border-color:transparent}
.flow li:last-child::before{background:var(--c-accent);color:var(--c-surface)}
.meter{display:inline-block;width:64px;height:6px;border-radius:6px;background:var(--c-surface-2);overflow:hidden;vertical-align:middle;margin-right:6px}
.meter::after{content:"";display:block;height:100%;width:var(--w);background:var(--c-accent);border-radius:6px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.checks li{display:flex;gap:10px;margin:0;font-size:.9375rem}
.checks li .ico{color:var(--c-accent);margin-top:.25em}
.checks.ok li .ico{color:var(--c-success)}
.tblwrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}
table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:520px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--c-border);vertical-align:top}
th{background:var(--c-surface-2);font-size:.8125rem;color:var(--c-muted);white-space:nowrap}
tr:last-child td{border-bottom:0}
.grade{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;font-size:.9375rem}
.contact{display:flex;flex-direction:column;gap:8px}
.contact .top{display:flex;gap:12px;align-items:center}
.contact .pic{width:48px;height:48px;border-radius:14px;background:var(--c-tint);color:var(--c-link);display:grid;place-items:center;flex-shrink:0}
.contact .pic .ico{width:26px;height:26px}
.contact .tel{font-family:var(--mono);font-size:1.375rem;font-weight:700;color:var(--c-accent);text-decoration:none;line-height:1.3}
.contact p{font-size:.875rem;color:var(--c-muted)}
footer{border-top:1px solid var(--c-border);background:var(--c-surface);font-size:.875rem;color:var(--c-muted)}
.foot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--c-border)}
.foot-meta .visits b{font-family:var(--mono);font-weight:600;color:var(--c-link)}
.foot-in{padding:12px 0 20px;display:grid;gap:8px}
.foot-in nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.totop{position:fixed;right:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 16px);z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border);
background:var(--c-surface);color:var(--c-link);box-shadow:var(--shadow-lg);cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s}
.totop.on{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 84px);transform:translate(-50%,20px);z-index:90;background:var(--c-ink);color:var(--c-bg);padding:8px 18px;border-radius:var(--radius-pill);font-size:.875rem;opacity:0;pointer-events:none;transition:.25s}
.toast.on{opacity:1;transform:translate(-50%,0)}
:root[data-rm="1"] *,:root[data-rm="1"] *::before,:root[data-rm="1"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-rm="1"]::view-transition-group(*),:root[data-rm="1"]::view-transition-old(*),:root[data-rm="1"]::view-transition-new(*){animation:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root[data-friendly="1"] a:not(.btn):not(.mod):not(.brand):not(.tabbar a):not(.topnav a){text-decoration-thickness:2px}
@media print{
.hdr,.tabbar,footer nav,.totop,.mscore,.subtabs,.no-print,.sheet,.scrim{display:none!important}
body{background:#fff;color:#000;padding:0} .card{box-shadow:none;break-inside:avoid}
:root{--c-bg:#fff;--c-surface:#fff;--c-ink:#000;--c-muted:#333}
}

.hdr .brand{min-width:0;flex-shrink:1}
.brand b,.brand span{white-space:normal}
.hdr-tools{flex-shrink:0}
.hdr-in{gap:8px}
.topnav a{border-radius:9px}
.topnav a[aria-current="page"]{background:var(--c-tint)}
.topnav a[aria-current="page"]::after{display:none}
.home-layout{display:grid;gap:clamp(18px,3vw,32px)}
.hero{background:var(--c-surface);padding:0;gap:0;border-radius:24px;box-shadow:var(--shadow)}
.hero-copy{padding:clamp(22px,4vw,52px);min-width:0}
.hero-label{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--c-link);margin-bottom:12px}
.hero h1{font-size:clamp(1.7rem,4.5vw,3.05rem);letter-spacing:-.045em;line-height:1.18;margin:0 0 14px;text-wrap:initial}
.hero h1 em{background:none}
.hero .cta{margin:18px 0 0}
.hero .cta .btn{padding:8px 14px;min-height:44px}
.hero-picture{display:block;height:100%;min-width:0;background:#d7d3c5}
.hero-picture img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%;aspect-ratio:3/2}
.help-strip.sos{display:grid;grid-template-columns:1fr;border:1px solid var(--c-border);background:var(--c-surface);border-radius:16px;padding:0;gap:0;overflow:hidden}
.help-strip.sos a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;text-align:left;color:var(--c-ink);background:none;min-height:64px;border:0;border-radius:0}
.help-strip.sos a:hover{background:var(--c-tint);color:var(--c-link)}
.help-strip.sos a:focus-visible{outline-offset:-4px}
.help-strip.sos a+a{border-top:1px solid var(--c-border);justify-content:space-between}
.help-strip.sos strong,.help-strip.sos small{display:block;font-size:inherit}
.help-strip.sos small{color:var(--c-muted);margin-top:2px}
.help-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--c-tint);color:var(--c-link);border-radius:11px}
.home-tools .sech{margin-bottom:12px}
.mods{grid-template-columns:1fr}
.mod{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:86px;padding:12px 14px}
.mod .pic{color:var(--mc,var(--c-link));width:46px;height:46px}
.mod .pic .ico{width:27px;height:27px}
.mod .mod-text{display:grid;gap:3px;min-width:0}
.mod .mod-text b{color:var(--c-ink);line-height:1.35}
.mod > .ico{color:var(--c-link)}
.home-reading{min-width:0}
.subtabs .seg{scrollbar-width:thin}
.subtabs .seg::-webkit-scrollbar{display:initial;height:5px}
.subtabs .seg button{min-height:44px}
.sheet .more-grid [aria-current="page"]{background:var(--c-tint);border-color:var(--c-link)}
.tabbar button[data-current="true"]{color:var(--c-link);font-weight:700}
.sheet:not(.on){pointer-events:none}
.totop:not(.on){visibility:hidden}
.route-state{margin:16px 0}
.noscript-help{padding:18px 16px}
@media (min-width:660px){
  .help-strip.sos{grid-template-columns:1.3fr 1fr}
  .help-strip.sos a+a{border-top:0;border-left:1px solid var(--c-border)}
}
@media (min-width:740px){
  .hero{grid-template-columns:1.03fr 1fr}
}
@media (min-width:375px){
  .mods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:800px){
  .mods{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:739px){
  .hero-picture img{aspect-ratio:2.1/1}
  .hero .cta .btn{padding-inline:10px;font-size:.92rem}
}
@media (min-width:375px) and (max-width:559px){
  .mod{grid-template-columns:auto 1fr;gap:8px;padding-inline:10px}
  .mod .pic{width:32px;height:32px;border-radius:9px}
  .mod .pic .ico{width:22px;height:22px}
  .mod .mod-text b{font-size:.94rem}
  .mod .mod-text span{font-size:.76rem}
  .mod > .ico{display:none}
}
@media (max-width:370px){
  .hdr .wrap{padding-inline:10px}
  .hero .cta .btn{width:100%}
}
@media (min-width:900px) and (max-width:1119px){
  .topnav a{padding-inline:6px;font-size:.84rem}
}
:root[data-fs="xl"] .topnav a,:root[data-fs="xxl"] .topnav a{font-size:.82rem;padding-inline:5px}
@media (min-width:900px) and (max-width:1199px){
  :root[data-fs="xxl"]{--tabbar-h:58px}
  :root[data-fs="xxl"] .topnav{display:none}
  :root[data-fs="xxl"] .tabbar{display:block}
}
@media (max-width:899.98px){
  body.has-mscore{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 88px)}
  body.has-mscore .totop{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 89px)}
}

:root:not([data-theme="dark"]):not([data-hc="1"]){
  --c-bg:#fff8ef;--c-surface:#fffdfa;--c-surface-2:#fff1e3;--c-tint:#fbe8d6;
  --c-ink:#38261e;--c-muted:#6b5143;--c-border:#ebd7c6;
  --c-primary:#9d4127;--c-primary-d:#78301d;--c-link:#873a26;--c-accent:#884c18;
  --c-highlight:#e8a43e;--c-info:#35566b;--c-info-bg:#eaf2f7;--c-warning:#775021;
  --c-warning-bg:#fff0cc;--c-error:#8c3740;--c-error-bg:#fbe8e8;
  --c-success:#3e5a3d;--c-success-bg:#e9f0e1;
  --shadow:0 2px 5px #6939180a;--shadow-lg:0 12px 32px #69391820;
}
:root[data-theme="dark"]:not([data-hc="1"]){
  --c-bg:#211813;--c-surface:#2c211a;--c-surface-2:#35281f;--c-tint:#4a3026;
  --c-ink:#fff1e5;--c-muted:#e0c5b3;--c-border:#5d4334;
  --c-primary:#f7b394;--c-primary-d:#ffcbb3;--c-on-primary:#2e1a13;--c-link:#ffbc9e;
  --c-accent:#f8c277;--c-highlight:#dda950;--c-warning:#f6cc88;--c-warning-bg:#4a351c;
  --c-success:#c2d6a3;--c-success-bg:#293623;--c-info:#b7d7ed;--c-info-bg:#263946;
}
:root:not([data-hc="1"]) :focus-visible{outline-color:var(--c-link)}
:root[data-theme="dark"]:not([data-hc="1"]) a:hover{color:#ffd4bb}
.hdr .wrap{max-width:1280px}
.hdr-in{min-height:var(--header-h)}
.brand svg{width:40px;height:40px}
.brand .brand-field{fill:var(--brand-field,#a64d31)}
.brand .brand-detail{fill:var(--brand-detail,#ffd18a)}
.brand b{letter-spacing:.015em}
.topnav a[aria-current="page"]{border-radius:10px}
.skin-short{display:none}
@media (min-width:390px) and (max-width:559px){
  .skin-short{display:inline}
  .hdr .brand svg{width:34px;height:34px}
  #btnSettings{padding-inline:8px}
}
.tabbar [aria-current="page"]::before{left:32%;right:32%}
.home-layout{gap:clamp(20px,3vw,34px)}
.hero{
  align-items:stretch;grid-template-columns:minmax(0,1fr);border-radius:24px;
  background:linear-gradient(130deg,var(--c-surface),var(--c-surface-2));
  box-shadow:var(--shadow-lg);
}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4.25vw,58px)}
.hero-label{align-self:flex-start;padding:4px 10px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface)}
.hero h1{font-size:clamp(1.75rem,4.4vw,3.25rem);letter-spacing:-.036em;line-height:1.19;margin:3px 0 16px}
.hero h1 em{color:var(--c-link)}
.hero-copy>p:not(.hero-label){line-height:1.8;max-width:29em}
.hero .cta{gap:8px;margin-top:14px}
.hero .cta .btn{border-radius:10px;min-height:46px}
.hero-picture{position:relative;background:#f7d28f}
.hero-picture img{aspect-ratio:1.67/1;object-position:50% 48%;height:100%}
.help-strip.sos{border-radius:15px;background:var(--c-surface)}
.help-strip.sos a{min-height:66px}
.help-strip.sos a strong{font-size:.91rem;color:var(--c-ink)}
.help-strip.sos a small{font-size:.78rem;color:var(--c-muted)}
.help-icon{width:40px;height:40px;flex-basis:40px;color:var(--c-link)}
.home-tools .sech{margin-bottom:13px}
.home-tools .sech h2{letter-spacing:-.01em}
.mods{gap:11px}
.mod{
  --tile-ink:var(--c-link);--tile-bg:var(--c-tint);
  grid-template-columns:auto minmax(0,1fr) auto;gap:12px;
  min-height:91px;padding:13px 14px;border-radius:14px;
}
:root:not([data-theme="dark"]):not([data-hc="1"]) .mod.c2{--tile-ink:#925215;--tile-bg:#fff0cf}
:root:not([data-theme="dark"]):not([data-hc="1"]) .mod.c3{--tile-ink:#874754;--tile-bg:#fce9e7}
:root:not([data-theme="dark"]):not([data-hc="1"]) .mod.c4{--tile-ink:#386342;--tile-bg:#eaf2e5}
:root:not([data-theme="dark"]):not([data-hc="1"]) .mod.c5{--tile-ink:#385b75;--tile-bg:#eaf2f8}
:root:not([data-theme="dark"]):not([data-hc="1"]) .mod.c6{--tile-ink:#8a5023;--tile-bg:#fcead9}
.mod .pic{width:49px;height:49px;color:var(--tile-ink);background:var(--tile-bg);border-radius:13px}
.mod .pic .ico{width:29px;height:29px}
.mod .mod-text b{line-height:1.4}
.mod .mod-text span{line-height:1.5}
.mod > .ico{color:var(--tile-ink);width:16px}
.home-reading .acc{background:var(--c-surface)}
.home-reading .acc summary{min-height:52px}
@media (min-width:740px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
  .hero-picture img{aspect-ratio:3/2}
  .home-tools .sech{margin-bottom:15px}
}
@media (min-width:375px) and (max-width:559px){
  .mod{grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:88px;padding:11px 9px}
  .mod .pic{width:34px;height:34px;border-radius:9px}
  .mod .pic .ico{width:23px;height:23px}
  .mod > .ico{display:none}
}
@media (max-width:374px){
  .brand svg{width:33px;height:33px}
  .hero .cta .btn{width:100%}
}
@media (prefers-reduced-motion:no-preference){
  .mod:hover{transform:translateY(-2px)}
}
.skin-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.skin-options button{
  display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;
  text-align:left;padding:10px;min-height:54px;font:inherit;font-weight:650;font-size:.88rem;
  color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-border);border-radius:11px;cursor:pointer;
}
.skin-options button[aria-pressed="true"]{background:var(--c-tint);border-color:var(--c-link);box-shadow:inset 0 0 0 1px var(--c-link)}
.skin-swatch{width:24px;height:24px;border-radius:7px;border:1px solid #0003;background:linear-gradient(135deg,#ffce73 0 49%,#a6452d 51%)}
.skin-swatch.tech{background:linear-gradient(135deg,#57d6ed 0 49%,#203973 51%)}

:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]){
  --c-bg:#f1f6ff;--c-surface:#ffffff;--c-surface-2:#eaf2ff;--c-tint:#e0edff;
  --c-ink:#172849;--c-muted:#455875;--c-border:#cddcf1;
  --c-primary:#204a91;--c-primary-d:#193b74;--c-link:#254d93;--c-accent:#37538e;
  --c-highlight:#62bde3;--c-info:#245577;--c-info-bg:#e4f4fc;
  --c-warning:#795017;--c-warning-bg:#fff1d3;--c-error:#90394c;--c-error-bg:#fce8ee;
  --c-success:#305f52;--c-success-bg:#e1f4ee;--shadow:0 2px 5px #24447b0e;--shadow-lg:0 12px 32px #2d50801f;
  --brand-field:#264a91;--brand-detail:#80e3ff;
}
:root[data-skin="tech"][data-theme="dark"]:not([data-hc="1"]){
  --c-bg:#0d172a;--c-surface:#131f36;--c-surface-2:#192a47;--c-tint:#20385c;
  --c-ink:#eff5ff;--c-muted:#b7cae4;--c-border:#354d70;
  --c-primary:#a7caff;--c-primary-d:#cae1ff;--c-on-primary:#122344;--c-link:#afd4ff;--c-accent:#96dbff;
  --c-highlight:#61bde9;--c-info:#aee1ff;--c-info-bg:#192e49;
  --c-warning:#f8d38f;--c-warning-bg:#40351f;--c-success:#a0dec7;--c-success-bg:#17352e;
  --brand-field:#2b54a0;--brand-detail:#80e3ff;
}
:root[data-skin="tech"]:not([data-hc="1"]) a:hover{color:var(--c-primary-d)}
:root:not([data-hc="1"]) .btn:not(.ghost):hover{color:var(--c-on-primary)}
:root[data-skin="tech"]:not([data-hc="1"]) .btn.ghost:hover{color:var(--c-link)}
:root[data-skin="tech"] .hero-picture{background:#253e66}
:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]) .mod.c2{--tile-ink:#36528e;--tile-bg:#e8eeff}
:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]) .mod.c3{--tile-ink:#63508b;--tile-bg:#efeaff}
:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]) .mod.c4{--tile-ink:#2c6265;--tile-bg:#e4f5f4}
:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]) .mod.c5{--tile-ink:#315b81;--tile-bg:#e6f2fb}
:root[data-skin="tech"]:not([data-theme="dark"]):not([data-hc="1"]) .mod.c6{--tile-ink:#465381;--tile-bg:#ebedfb}

/* 版面與導覽 */
:root{
  --tabbar-h:63px;
  --rail-width:clamp(198px,16.1vw,242px);
  --editorial-serif:"Noto Serif TC","Songti TC","PMingLiU",serif;
}
.desk-rail,.topnav{display:none}
.tabbar{display:block}
.hdr-in{gap:12px}
.hdr .brand{flex-shrink:1}
.topnav a .nav-icon,.nav-icon{display:inline-grid;place-items:center;flex-shrink:0}
.tabbar a,.tabbar button{
  min-height:var(--tabbar-h);gap:3px;padding:5px 2px;font-size:.72rem;line-height:1.2;
}
.tabbar .nav-icon{width:42px;height:27px;border-radius:20px}
.tabbar .ico{width:21px;height:21px}
.tabbar [aria-current="page"]::before{display:none}
.tabbar [aria-current="page"] .nav-icon,.tabbar button[data-current="true"] .nav-icon,
.tabbar button[aria-expanded="true"] .nav-icon{background:var(--c-tint);color:var(--c-link)}
:root[data-skin="tech"] .tabbar .nav-icon{border-radius:6px}
:root[data-skin="tech"] .tabbar [aria-current="page"]::before{
  display:block;left:26%;right:26%;height:2px;border-radius:0;
}
.more-grid{display:block}
.nav-group{margin-top:13px}
.nav-group h3{color:var(--c-muted);font-size:.79rem;text-align:start;margin:0 0 6px;font-weight:700}
.more-grid .nav-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.more-grid .nav-group a,.more-grid #moreSet{border-radius:10px;min-height:46px;font-size:.86rem;padding:6px 9px}
.more-grid .nav-group a .ico,.more-grid #moreSet .ico{width:18px;height:18px}
.more-grid #moreSet{margin-top:12px;width:100%;background:var(--c-surface-2)}
.more-grid a:hover,.more-grid button:hover{border-color:var(--c-link)}
:root[data-skin="warm"] .sheet{border-color:var(--c-border)}
:root[data-skin="tech"] .sheet{border-color:var(--c-link)}
@media(max-width:389px){
  .hdr .wrap{padding-inline:10px}
  .hdr-in,.brand{gap:7px}
  .hdr-tools{gap:4px}
  .hdr-tools .tool{padding-inline:5px}
  .tabbar .nav-icon{width:36px}
  .more-grid .nav-group a{gap:6px}
}
@media(min-width:900px) and (max-width:1099.98px){
  body.has-mscore{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}
}
@media(min-width:1050px){
  :root[data-skin="warm"]{--tabbar-h:0px}
  :root[data-skin="warm"] .tabbar{display:none}
  :root[data-skin="warm"] .topnav{display:flex;align-items:center;gap:4px;margin-right:7px}
  :root[data-skin="warm"] .topnav a{border-radius:7px;padding-inline:8px;gap:6px}
  :root[data-skin="warm"] .topnav a .ico{display:block;width:17px;height:17px}
  :root[data-skin="warm"] .topnav .desk-menu{margin-left:4px;padding-inline:10px;border-radius:7px}
  :root[data-skin="warm"] .desk-menu[data-current="true"]{background:var(--c-tint);border-color:var(--c-link)}
}
@media(min-width:1100px){
  :root[data-skin="tech"]{--tabbar-h:0px}
  :root[data-skin="tech"] .tabbar{display:none}
  :root[data-skin="tech"] .desk-rail{
    display:block;position:fixed;inset:var(--header-h) auto 0 0;z-index:42;width:var(--rail-width);
    background:var(--c-surface);border-right:1px solid var(--c-border);
    padding:18px 12px;overflow:auto;overscroll-behavior:contain;
  }
  :root[data-skin="tech"] .desk-rail a{
    position:relative;min-height:43px;padding:6px 9px;display:flex;align-items:center;gap:8px;
    border-radius:7px;color:var(--c-muted);text-decoration:none;font-size:.89rem;font-weight:600;
  }
  :root[data-skin="tech"] .desk-rail a:hover{background:var(--c-surface-2);color:var(--c-ink)}
  :root[data-skin="tech"] .desk-rail a[aria-current="page"]{color:var(--c-link);background:var(--c-tint)}
  :root[data-skin="tech"] .desk-rail a[aria-current="page"]::before{
    content:"";position:absolute;width:3px;height:55%;background:currentColor;left:0;border-radius:3px;
  }
  .desk-rail .nav-group h3{padding-inline:9px}
  .desk-rail .nav-group+.nav-group{border-top:1px solid var(--c-border);padding-top:12px}
  :root[data-skin="tech"] main,:root[data-skin="tech"] footer{margin-inline-start:var(--rail-width)}
  :root[data-skin="tech"] .hdr .wrap{max-width:none;padding-inline:22px}
  :root[data-skin="tech"] .hdr-tools .tool{border-radius:8px}
  body.has-mscore{padding-bottom:0}
}

/* 暖日照護 */
.home-warm{gap:clamp(21px,3.15vw,41px)}
.home-warm .hero-picture{height:auto;background:var(--c-surface-2)}
.home-warm .hero-picture img,.home-tech .hero-picture img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;
}
.warm-spread{
  display:grid;align-items:center;gap:clamp(20px,4vw,60px);
  padding:clamp(18px,3vw,41px);
  border-block:1px solid var(--c-border);
  background:linear-gradient(155deg,var(--c-surface-2),var(--c-bg) 74%);
}
.warm-copy{min-width:0}
.home-kicker{
  display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--c-link);
  font-size:.87rem;font-weight:700;letter-spacing:.055em;
}
.home-kicker .ico{width:20px;height:20px}
.warm-copy h1{
  font-family:var(--editorial-serif);font-size:clamp(1.65rem,4.1vw,3.3rem);
  line-height:1.18;letter-spacing:-.035em;text-wrap:initial;
}
.warm-copy h1 em{font-style:normal;color:var(--c-link)}
.home-intro{max-width:34em;color:var(--c-muted);line-height:1.7;margin:13px 0 0}
.home-cta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:17px}
.home-cta .btn{padding:7px 15px;border-radius:7px;min-height:44px;font-size:.93rem}
.warm-text-link{font-size:.88rem;font-weight:700;padding-block:8px}
.warm-art{
  min-width:0;margin:0;padding:8px;background:var(--c-surface);
  border:1px solid var(--c-border);border-radius:35px 7px 35px 7px;box-shadow:var(--shadow-lg);
}
.warm-art picture{border-radius:28px 4px 28px 4px;overflow:hidden}
.warm-index>h2{font-family:var(--editorial-serif);font-size:clamp(1.35rem,2.4vw,1.85rem);margin-bottom:13px}
.warm-chapters{display:grid;gap:12px}
.warm-chapter{
  min-width:0;padding:13px 15px 7px;border:1px solid var(--c-border);border-radius:11px;
  border-top:3px solid var(--chapter-rule,var(--c-link));background:var(--c-surface);
}
.warm-chapter:nth-child(2){--chapter-rule:var(--c-success)}
.warm-chapter:nth-child(3){--chapter-rule:var(--c-warning)}
.chapter-heading{display:flex;align-items:flex-start;gap:10px;padding-bottom:6px}
.chapter-heading h3{font-family:var(--editorial-serif);font-size:1.15rem}
.chapter-heading p{margin:3px 0 0;color:var(--c-muted);font-size:.82rem;line-height:1.45}
.chapter-icon{
  display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:10px;
  color:var(--chapter-rule,var(--c-link));background:var(--c-surface-2);
}
.chapter-icon .ico{width:25px;height:25px;stroke-width:1.55}
.warm-chapter ul{list-style:none;padding:0}
.warm-chapter li{margin:0;border-top:1px solid var(--c-border)}
.warm-chapter li a{
  min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:7px;
  font-size:.9rem;font-weight:600;text-decoration:none;padding:3px 1px;color:var(--c-ink);
}
.warm-chapter li a:hover{color:var(--c-link)}
.warm-chapter li a .ico{width:15px;color:var(--chapter-rule,var(--c-link))}
.warm-support{display:grid;align-items:start;gap:11px}
.hotline,.home-link{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  color:var(--c-ink);text-decoration:none;min-width:0;min-height:51px;
}
.hotline strong,.home-link strong{display:block;line-height:1.35}
.hotline small,.home-link small{display:block;color:var(--c-muted);margin-top:3px;line-height:1.4;font-size:.79rem}
.link-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--c-tint);color:var(--c-link);
}
.link-icon .ico{width:21px;height:21px}
.link-arrow{width:16px;height:16px;color:var(--c-link)}
.hotline:hover,.home-link:hover{color:var(--c-link)}
.warm-hotline{background:var(--c-tint);border:1px solid var(--c-border);padding:12px 13px;border-radius:9px}
.warm-hotline .link-icon{background:var(--c-surface)}
@media(min-width:640px){
  .warm-support{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
}
@media(min-width:760px){
  .warm-spread{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
  .warm-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chapter-heading{min-height:3.5rem}
}

/* 藍光科技 */
.home-tech{gap:clamp(17px,2.7vw,28px)}
.console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.console-heading h1{font-size:clamp(1.75rem,3.65vw,2.7rem);letter-spacing:-.04em}
.console-heading .home-intro{margin-top:5px}
.console-hotline{
  background:var(--c-surface);border:1px solid var(--c-border);padding:8px 12px;border-radius:8px;font-size:.88rem;
}
.console-main{display:grid;gap:12px}
.console-task,.console-figure{border:1px solid var(--c-border);border-radius:10px;min-width:0;background:var(--c-surface)}
.console-task{padding:13px}
.console-task h2,.console-lookup h2{font-size:1.15rem;margin-bottom:9px}
.console-task .home-link{padding:8px;min-height:53px;border-radius:7px}
.console-task .home-link .link-icon{width:32px;height:32px;border-radius:6px}
.console-task .home-link .link-icon .ico{width:19px;height:19px}
.console-task .home-link strong,.console-lookup strong{font-size:.94rem}
.task-primary{background:var(--c-primary);color:var(--c-on-primary);margin-bottom:5px}
:root[data-skin="tech"] .task-primary:hover{background:var(--c-primary-d);color:var(--c-on-primary)}
.task-primary small,.task-primary .link-arrow{color:var(--c-on-primary)}
.task-primary .link-icon{color:var(--c-link);background:var(--c-surface)}
.console-task-list .home-link:hover,.console-lookup .home-link:hover{background:var(--c-surface-2)}
.console-task-list .home-link{border-radius:0}
.console-task-list .home-link+.home-link{border-top:1px solid var(--c-border)}
.console-figure{
  margin:0;padding:clamp(9px,1.5vw,16px);display:grid;place-items:center;
  background:linear-gradient(135deg,var(--c-tint),var(--c-surface-2));
}
.console-figure .hero-picture{height:auto;border-radius:5px;overflow:hidden;border:1px solid var(--c-border)}
.console-lookup-grid{display:grid;gap:8px}
.console-lookup .home-link{padding:10px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface)}
:root[data-skin="tech"] .home-reading details.acc{border-radius:7px;box-shadow:none}
:root[data-skin="tech"] .pagehead{border-bottom:1px solid var(--c-border);padding-bottom:13px}
:root[data-skin="tech"] .pagehead .badge{border-radius:8px}
@media(min-width:700px){
  .console-lookup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .console-lookup .link-arrow{display:none}
  .console-lookup .home-link{grid-template-columns:auto minmax(0,1fr)}
}
@media(min-width:800px){
  .console-main{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
  .console-task{display:flex;flex-direction:column;padding:clamp(13px,1.45vw,22px)}
  .console-task-list{display:grid;grid-template-rows:repeat(3,1fr);flex:1}
  .console-task .home-link{min-height:62px;padding-inline:10px}
}
@media(max-width:799px){
  .console-heading{gap:8px}
  .console-figure{padding:8px}
  .console-task{padding:11px}
}
:root[data-hc="1"] .warm-chapter{--chapter-rule:var(--c-link)}
@media print{
  .desk-rail,.tabbar{display:none!important}
  :root[data-skin="tech"] main,:root[data-skin="tech"] footer{margin-inline-start:0}
}

/* 兩套首頁的共用操作 */
.v20-home{gap:clamp(21px,3.2vw,43px)}
.cover-kicker{
  display:flex;align-items:center;gap:7px;color:var(--cover-muted);font-size:.86rem;
  letter-spacing:.055em;font-weight:700;margin:0 0 13px;
}
.cover-kicker .ico{width:18px;height:18px}
.cover-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:20px}
.cover-actions .cover-primary{
  color:var(--cover-action-ink);background:var(--cover-action);border-color:var(--cover-action);
  border-radius:9px;min-height:46px;padding:8px 13px;font-size:.94rem;
}
:root:not([data-hc="1"]) .cover-actions .cover-primary:hover{
  color:var(--cover-action-ink);background:var(--cover-action-hover);border-color:var(--cover-action-hover);
}
.cover-actions .cover-primary .ico,.cover-actions .cover-find .ico{width:17px;height:17px}
.cover-actions :focus-visible{outline-color:var(--cover-action)}
.v20-home .hero-picture{height:auto}
.v20-home .hero-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.care-support{
  display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;
  min-height:62px;padding:8px 13px;background:var(--c-tint);border:1px solid var(--c-border);border-radius:11px;
}
.support-call,.support-more{
  display:flex;align-items:center;gap:8px;color:var(--c-link);text-decoration:none;min-height:42px;
}
.support-call span:last-child{display:grid;gap:2px}
.support-call strong{font-size:.9rem;line-height:1.4}
.support-call small{font-size:.77rem;color:var(--c-muted)}
.support-call .link-icon{background:var(--c-surface)}
.support-more{font-size:.84rem;font-weight:700}
.support-more:hover,.support-call:hover{text-decoration:underline}
.support-more .ico{width:15px}
.v20-reading{display:grid;gap:8px;align-items:start}
.v20-reading details.acc+details.acc{margin-top:0}
.v20-reading details.acc summary{min-height:46px}
@media(min-width:760px){.v20-reading{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 暖日照護的封面與聘僱階段 */
.care-cover{
  --cover-bg:#381b24;--cover-ink:#fff7ec;--cover-muted:#eec6b6;
  --cover-action:#ffd9b4;--cover-action-hover:#ffe8ce;--cover-action-ink:#361e21;
  position:relative;isolation:isolate;display:grid;align-items:center;overflow:hidden;
  border-radius:24px 24px 8px 8px;background:var(--cover-bg);color:var(--cover-ink);
  border:1px solid color-mix(in srgb,var(--cover-ink) 17%,var(--cover-bg));
  box-shadow:0 17px 39px #4b1a261c;
}
.care-cover-copy{position:relative;z-index:1;min-width:0;padding:clamp(22px,4.5vw,62px)}
.care-cover h1{
  font-family:var(--editorial-serif);font-weight:700;font-size:clamp(1.72rem,4vw,3.42rem);
  line-height:1.18;letter-spacing:-.034em;text-wrap:balance;
}
.care-cover h1 em{font-style:normal;color:var(--cover-muted)}
.care-cover-copy>p:not(.cover-kicker),.command-cover-copy>p:not(.cover-kicker){
  margin:14px 0 0;color:var(--cover-muted);max-width:31em;font-size:.94rem;line-height:1.65;
}
.care-cover-art,.command-cover-art{position:relative;min-width:0;margin:0;overflow:hidden}
.care-cover-art .hero-picture,.command-cover-art .hero-picture{background:transparent}
.care-cover-art::after,.command-cover-art::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--cover-bg),transparent 20%);
}
.cover-secondary{
  color:var(--cover-ink);text-decoration-thickness:1px;text-underline-offset:.3em;
  min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-size:.9rem;
}
:root .care-cover .cover-secondary:hover{color:var(--cover-muted)}
.care-guide{background:var(--c-surface);border:1px solid var(--c-border);border-radius:13px;overflow:clip}
.care-guide h2{
  padding:17px 18px 0;font-family:var(--editorial-serif);
  font-size:clamp(1.32rem,2.35vw,1.85rem);
}
.guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:11px;padding:0 14px;gap:5px}
.guide-tabs button{
  font:inherit;color:var(--c-muted);font-weight:700;font-size:.91rem;line-height:1.32;min-height:49px;
  border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 3px;
}
.guide-tabs button .ico{width:20px;height:20px}
.guide-tabs button:hover,.guide-tabs button[aria-selected="true"]{background:var(--c-tint);color:var(--c-link)}
.guide-tabs button[aria-selected="true"]{border-bottom-color:var(--c-link)}
.guide-tabs button:focus-visible{outline-offset:-3px}
.guide-panel{display:grid;gap:10px;border-top:1px solid var(--c-border);padding:15px 17px}
.guide-summary h3{font-family:var(--editorial-serif);font-size:1.16rem}
.guide-summary p{margin:4px 0 0;color:var(--c-muted);font-size:.86rem;line-height:1.55}
.guide-actions{min-width:0;display:grid;gap:5px}
.guide-actions .home-link{
  border:1px solid var(--c-border);background:var(--c-bg);border-radius:8px;min-height:53px;padding:6px 8px;
}
.guide-actions .home-link:hover{background:var(--c-tint)}
@media(min-width:760px){
  .care-cover{grid-template-columns:minmax(0,1fr) minmax(0,1.19fr)}
  .care-cover-art,.command-cover-art{height:100%}
  .v20-home :is(.care-cover-art,.command-cover-art) .hero-picture{height:100%}
  .v20-home .care-cover-art img,.v20-home .command-cover-art img{height:100%;object-fit:cover}
  .care-cover-art::after,.command-cover-art::after{background:linear-gradient(90deg,var(--cover-bg),transparent 24%)}
  .guide-tabs{max-width:560px;padding-inline:20px}
  .guide-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;padding:17px 20px}
  .care-guide h2{padding-inline:20px}
  .guide-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
  .guide-tabs button .ico{width:16px;height:16px}
  .guide-tabs button{font-size:.79rem;gap:4px}
  .care-cover-copy,.command-cover-copy{padding-inline:16px}
}

/* 藍光科技的工作台 */
.command-cover{
  --cover-bg:#0b1b3a;--cover-ink:#f2f7ff;--cover-muted:#b9d5f0;
  --cover-action:#9ae7ff;--cover-action-hover:#c4f0ff;--cover-action-ink:#102345;
  display:grid;align-items:center;overflow:hidden;border-radius:13px;
  color:var(--cover-ink);background:var(--cover-bg);border:1px solid var(--c-border);
  box-shadow:0 15px 38px #071a4821;
}
.command-cover-copy{position:relative;z-index:1;min-width:0;padding:clamp(19px,3.8vw,49px)}
.command-cover h1{font-size:clamp(1.62rem,3.55vw,3.05rem);letter-spacing:-.04em;line-height:1.18;text-wrap:balance}
.cover-find{
  display:flex;align-items:center;gap:7px;min-height:46px;padding:5px 10px;background:transparent;
  color:var(--cover-ink);border:1px solid var(--cover-muted);font:inherit;font-weight:600;font-size:.88rem;
  border-radius:8px;cursor:pointer;
}
.cover-find:hover{background:color-mix(in srgb,var(--cover-action) 14%,var(--cover-bg))}
.launch-area h2{font-size:clamp(1.18rem,1.7vw,1.52rem);margin-bottom:9px}
.launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.launch-grid .launch-tile{
  position:relative;display:grid;align-content:start;gap:7px;grid-template-columns:1fr;
  min-height:112px;padding:11px 11px 13px;border:1px solid var(--c-border);
  background:var(--c-surface);border-radius:9px;
}
.launch-tile .link-icon{width:35px;height:35px}
.launch-tile .link-arrow{position:absolute;top:15px;right:12px}
.launch-tile:hover,.command-case:hover{background:var(--c-surface-2)}
.launch-tile .link-copy small{font-size:.78rem}
.command-support{display:grid;gap:8px}
.command-case{border:1px solid var(--c-border);background:var(--c-surface);border-radius:9px;padding:8px 12px}
.command-support .care-support{background:var(--c-surface)}
@media(min-width:760px){
  .command-cover{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
  .launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .command-support{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
}
@media(min-width:1100px){
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail{
    background:#0d1e3d;border-right-color:#263f64;
  }
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail .nav-group h3{color:#aac0e0}
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail .nav-group+.nav-group{border-color:#294165}
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail a{color:#d9e8fc}
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail a:hover{color:#fff;background:#172e55}
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail a[aria-current="page"]{color:#b3eeff;background:#1c3961}
  :root[data-skin="tech"]:not([data-hc="1"]) .desk-rail :focus-visible{outline-color:#8de3f9}
}
:root[data-hc="1"] :is(.care-cover,.command-cover){
  --cover-bg:var(--c-surface);--cover-ink:var(--c-ink);--cover-muted:var(--c-muted);
  --cover-action:var(--c-primary);--cover-action-hover:var(--c-primary-d);--cover-action-ink:var(--c-on-primary);
  box-shadow:none;
}

/* 全站快速查找 */
#btnSearch{border-radius:9px}
#btnSearch .ico{width:17px;height:17px}
#btnSearch .lbl{display:none}
.brand .brand-short{display:none}
.brand b{text-wrap:balance}
.find-box{display:grid;gap:8px;padding:0 1px}
.find-box label{font-size:.84rem;font-weight:700;color:var(--c-muted)}
.find-status{min-height:1.45em;color:var(--c-muted);font-size:.82rem;margin:0}
.find-list{margin:0;padding:0;list-style:none}
.find-list li{margin:0}
.find-list li+li{border-top:1px solid var(--c-border)}
.find-list .home-link{padding:6px 3px;min-height:55px}
.find-list .home-link:hover{background:var(--c-surface-2)}
.find-list .home-link strong{font-size:.9rem}
@media(max-width:479px){
  .hdr .skin-short,.brand .brand-full{display:none}
  .brand .brand-short{display:block}
}
@media(max-width:379px){
  .hdr-tools .tool{min-width:40px}
  .hdr .brand b{font-size:.84rem}
}
@media(min-width:900px){#sheetSearch{width:min(520px,100%)}}
@media(min-width:1220px){.hdr-tools #btnSearch .lbl{display:inline}}

/* 內容頁標題與分頁 */
.pagehead{padding:12px 14px}
.pagehead>div:last-child{min-width:0}
.pagehead .badge{width:44px;height:44px}
.pagehead .badge .ico{width:24px;height:24px}
:root[data-skin="warm"] .pagehead{
  border-block:1px solid var(--c-border);background:var(--c-surface-2);
}
:root[data-skin="warm"] .pagehead h1{font-family:var(--editorial-serif)}
:root[data-skin="tech"] .pagehead{
  border:1px solid var(--c-border);border-inline-start:4px solid var(--c-link);
  background:var(--c-surface);border-radius:7px;
}
:root[data-skin="tech"] .subtabs .seg,:root[data-skin="tech"] .subtabs .seg button{border-radius:7px}
.subtabs .seg button:focus-visible{outline-offset:-3px}
@media(min-width:760px){
  .pagehead{padding:16px 18px}
  .pagehead .badge{width:48px;height:48px}
}