:root{color-scheme:light;--bg: #f2f6fc;--bg-2: #e7eef9;--paper: #ffffff;--paper-2: #f7fafe;--ink: #0a1220;--ink-soft: #1d2b40;--muted: #4f6076;--muted-2: #56677e;--muted-3: #5c6f86;--line: #d3dfee;--line-strong: #b0c2d8;--accent: #1f5fd0;--accent-2: #2f78ee;--accent-hover: #1a4fb8;--accent-tint: #e3edfd;--accent-ink: #ffffff;--ok: #2c7048;--ok-tint: #ddefe4;--warn: #96560c;--warn-tint: #fbeed9;--warn-bg: #fdf8ef;--danger: #a93a32;--danger-tint: #fbe3e0;--band: #070e1a;--band-2: #0d1728;--band-ink: #e8f0fb;--band-ink-soft: #bfcde0;--band-accent: #7fd8ff;--band-muted: #93a4bd;--band-line: #1e2c44;--band-line-strong: #35486b;--flow-backup: #2f78ee;--flow-replicate: #b3812f;--flow-sync: #2f8f6a;--flow-ha: #9c4d93;--flow-cms: #96701c;--geo-fill: #f4f9ff;--geo-fill-2: #eef3fb;--geo-line: #cfdcec;--geo-line-soft: #e2eaf5;--geo-pin: #9dc0e6;--geo-ray: #6f9fd6;--geo-link: #6f89a8;--tp-cms-fill: #f8f3e7;--tp-ha-fill: #e8f1fd;--dot-warn: #b07816;--font-display: "IBM Plex Sans", "Noto Sans TC", "PingFang TC", "Noto Sans CJK TC", "Microsoft JhengHei", system-ui, sans-serif;--font-text: var(--font-display);--font-mono: "IBM Plex Mono", "Noto Sans Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step-small: .875rem;--step-body: clamp(1rem, .97rem + .15vw, 1.0625rem);--step-lead: clamp(1.125rem, 1.03rem + .45vw, 1.375rem);--step-head: clamp(1.75rem, 1.15rem + 2.3vw, 3rem);--step-display: clamp(2.35rem, 1.1rem + 4.3vw, 4.5rem);--margin: clamp(1.125rem, 4vw, 3.75rem);--section: clamp(3.5rem, 2.4rem + 4vw, 6.5rem);--wide: 1240px;--measure: 64ch;--nav: 72px;--r-sm: 8px;--r-btn: 9px;--r-card: 14px;--r-lg: 22px;--shadow-1: 0 1px 2px rgb(9 20 40 / .05), 0 10px 24px -18px rgb(9 20 40 / .18);--shadow-2: 0 2px 6px rgb(9 20 40 / .06), 0 28px 60px -34px rgb(9 20 40 / .35);--ease: cubic-bezier(.22, 1, .36, 1)}@media(max-width:760px){:root{--nav: 60px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 16px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);line-height:1.7;letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img,svg{max-width:100%}a{color:inherit}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-tint);color:var(--ink)}.wrap{width:min(var(--wide),100% - var(--margin) * 2);margin-inline:auto}.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-btn);transition:top .2s var(--ease)}.skip:focus{top:12px}.nav{position:sticky;top:0;z-index:50;height:var(--nav);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid var(--line)}.nav-in{width:min(var(--wide),100% - var(--margin) * 2);margin-inline:auto;height:100%;display:flex;align-items:center;gap:clamp(12px,2vw,30px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand svg{display:block}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin-inline-start:auto}.nav-links a{text-decoration:none;color:var(--ink-soft);font-size:.9375rem;padding-block:6px;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--accent)}.nav-links a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent-2)}.nav-end{display:flex;align-items:center;gap:14px}.nav-menu{display:none}.nav-menu summary{list-style:none;cursor:pointer;padding:6px 2px;font-size:.875rem;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding-inline:12px}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu .sheet{position:absolute;inset-inline:var(--margin);top:calc(var(--nav) + 6px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-2);padding:10px}.nav-menu .sheet a{display:block;padding:11px 12px;text-decoration:none;border-radius:8px}.nav-menu .sheet a:hover{background:var(--paper-2)}.nav-menu .sheet li+li{border-top:1px solid var(--line)}@media(max-width:860px){.nav-links,.nav-end .button{display:none}.nav-menu{display:block;margin-inline-start:auto}}.button{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:var(--r-btn);background:var(--accent);color:var(--accent-ink);text-decoration:none;font-size:.9375rem;font-weight:500;line-height:1.2;border:1px solid transparent;transition:background .18s var(--ease),transform .18s var(--ease)}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button .i{width:16px;height:16px}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.button.ghost:hover{background:var(--paper);border-color:var(--ink-soft)}.textlink{display:inline-flex;align-items:center;gap:7px;color:var(--accent);text-decoration:none;font-size:.9375rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding-bottom:2px}.textlink:hover{border-bottom-color:var(--accent)}.textlink .i{width:15px;height:15px}.i{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.section{padding-block:var(--section)}.section+.section{border-top:1px solid var(--line)}.section.band{background:var(--band);color:var(--band-ink);border-top:none}.section.band+.section{border-top:none}.sec-head{max-width:44rem;margin-bottom:clamp(24px,3vw,48px)}.sec-head.wide{max-width:60rem}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;color:var(--accent);text-transform:none;margin-bottom:14px}.eyebrow:before{content:"";width:18px;height:1px;background:currentColor}.band .eyebrow{color:var(--band-accent)}h1,h2,h3,h4{font-weight:600;line-height:1.25;letter-spacing:-.012em}h2.sec-title{font-size:var(--step-head);line-height:1.22;margin-bottom:18px}.sec-title .soft{color:var(--muted);font-weight:400}.band .sec-title .soft{color:var(--band-muted)}.lead{font-size:var(--step-lead);line-height:1.65;color:var(--ink-soft)}.band .lead{color:var(--band-ink-soft)}.rule{height:1px;background:linear-gradient(90deg,var(--line-strong),transparent 85%);border:0;margin-block:clamp(20px,3vw,36px)}.grid{display:grid;gap:clamp(14px,1.8vw,24px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:980px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(18px,2vw,26px);box-shadow:var(--shadow-1)}.card h3{font-size:1.0625rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.9375rem;line-height:1.7}.card .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-tint);color:var(--accent);margin-bottom:16px}.chip-set{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.8125rem;color:var(--ink-soft);line-height:1.3}.chip .i{width:14px;height:14px;color:var(--accent)}.chip.mono{font-family:var(--font-mono);letter-spacing:.02em}.chip.ok{background:var(--ok-tint);border-color:color-mix(in srgb,var(--ok) 24%,transparent);color:var(--ok)}.chip.warn{background:var(--warn-tint);border-color:color-mix(in srgb,var(--warn) 24%,transparent);color:var(--warn)}.chip.danger{background:var(--danger-tint);border-color:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger)}.shot{position:relative;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--shadow-2);overflow:hidden}.shot-bar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--paper-2);border-bottom:1px solid var(--line)}.shot-bar .dot{width:9px;height:9px;border-radius:999px;background:var(--line-strong)}.shot-bar .title{margin-inline-start:auto;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2)}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:10px 14px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted);background:var(--paper-2)}.callout{border:1px solid var(--line);border-left:3px solid var(--accent-2);background:var(--paper);border-radius:0 var(--r-card) var(--r-card) 0;padding:clamp(18px,2vw,26px)}.callout h3{font-size:1rem;margin-bottom:8px}.callout p{color:var(--ink-soft);font-size:.9375rem}.callout.dark{background:var(--band-2);border-color:var(--band-line);border-left-color:var(--band-accent);color:var(--band-ink)}.callout.dark p{color:var(--band-ink-soft)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:16px;padding:18px 0;font-size:1rem;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-inline-start:auto;font-family:var(--font-mono);font-size:1.125rem;line-height:1;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq .a{padding:0 0 20px;max-width:var(--measure);color:var(--ink-soft);font-size:.9375rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper)}table.ledger{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:620px}.ledger th{text-align:start;font-family:var(--font-mono);font-weight:500;font-size:.6875rem;letter-spacing:.1em;color:var(--muted);padding:12px 16px;background:var(--paper-2);border-bottom:1px solid var(--line);white-space:nowrap}.ledger td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.ledger tr:last-child td{border-bottom:none}.ledger td.num,.ledger td.src{font-family:var(--font-mono);font-size:.8125rem;color:var(--muted)}.ledger td strong{font-weight:600}.ledger td .note{display:block;color:var(--muted);font-size:.875rem;line-height:1.6}.footer{background:var(--band);color:var(--band-ink);padding-block:clamp(40px,5vw,72px) 28px;margin-top:0}.footer-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:clamp(28px,4vw,64px);padding-bottom:40px;border-bottom:1px solid var(--band-line)}.footer-brand p{color:var(--band-muted);font-size:.9375rem;max-width:30ch;margin-top:14px}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer h2{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;color:var(--band-accent);margin-bottom:12px;font-weight:500}.footer li+li{margin-top:8px}.footer a{color:var(--band-ink-soft);text-decoration:none;font-size:.9375rem}.footer a:hover{color:var(--band-ink)}.footer .notes p{color:var(--band-muted);font-size:.8125rem;line-height:1.6}.footer .notes p+p{margin-top:10px}.footer-last{display:flex;justify-content:space-between;gap:16px;padding-top:22px;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;color:var(--band-muted)}@media(max-width:900px){.footer-main{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.footer-cols{grid-template-columns:1fr}.footer-last{flex-direction:column}}html.motion [data-rise]{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}html.motion [data-rise].in{opacity:1;transform:none}html.motion [data-rise="2"]{transition-delay:.08s}html.motion [data-rise="3"]{transition-delay:.16s}html.motion [data-rise="4"]{transition-delay:.24s}@media(prefers-reduced-motion:reduce){html.motion [data-rise]{opacity:1;transform:none;transition:none}}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:start}.split.flip{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.split>.copy{position:sticky;top:calc(var(--nav) + 24px)}@media(max-width:900px){.split,.split.flip{grid-template-columns:1fr}.split>.copy{position:static}}.points{display:grid;gap:18px}.point{border-top:1px solid var(--line);padding-top:14px}.point h3{font-size:1rem;margin-bottom:6px}.point p{color:var(--muted);font-size:.9375rem}.steps{display:grid;gap:0;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.step .n{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--accent);padding-top:4px}.step h3{font-size:1rem;margin-bottom:5px}.step p{color:var(--muted);font-size:.9375rem}.index-list{display:grid;gap:0;border-top:1px solid var(--line)}.index-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.index-item .n{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.1em;padding-top:5px}.index-item h3{font-size:1.0625rem;margin-bottom:6px}.index-item p{color:var(--muted);font-size:.9375rem}.cta{background:var(--band);color:var(--band-ink)}.cta-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end}.cta h2{font-size:var(--step-head);line-height:1.2;margin-bottom:14px}.cta p{color:var(--band-ink-soft);font-size:var(--step-lead)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.cta .button.ghost{color:var(--band-ink);border-color:var(--band-line)}.cta .button.ghost:hover{background:var(--band-2);border-color:var(--band-line-strong)}@media(max-width:800px){.cta-in{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}}.topo{border:1px solid var(--line-strong);border-radius:var(--r-card);background:linear-gradient(180deg,var(--paper-2),var(--bg-2));padding:clamp(10px,1.6vw,20px);box-shadow:var(--shadow-1)}.topo svg{display:block;width:100%;height:auto}.topo-legend{display:flex;flex-wrap:wrap;gap:14px 20px;padding:12px 6px 2px;font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);margin-top:8px}.topo-legend span{display:inline-flex;align-items:center;gap:7px}.topo-legend i{width:14px;height:0;border-top-width:2px;border-top-style:solid;display:inline-block}.topo-legend i.dash{border-top-style:dashed}.tp-site{fill:var(--geo-fill);stroke:var(--line)}.tp-site-label{font-family:var(--font-mono);font-size:10px;fill:var(--muted-2);letter-spacing:.08em}.tp-node{fill:var(--paper);stroke:var(--line-strong)}.tp-node-name{font-family:var(--font-mono);font-size:11px;fill:var(--ink-soft)}.tp-placeholder{fill:var(--geo-fill-2);stroke:var(--line);stroke-dasharray:3 3}.tp-node-sub{font-family:var(--font-sans, sans-serif);font-size:9px;fill:var(--muted-2)}.tp-node-name.muted{fill:var(--muted-3)}.tp-chip{font-family:var(--font-mono);font-size:8px;fill:var(--muted-2);letter-spacing:.04em}.tp-tag{font-family:var(--font-mono);font-size:8px;fill:var(--accent);letter-spacing:.04em}.tp-ha-label,.tp-cms-label{font-family:var(--font-mono);font-size:9px;fill:var(--muted-2);letter-spacing:.06em}.tp-dest{fill:var(--paper-2);stroke:var(--geo-line)}.tp-ha{fill:var(--tp-ha-fill);stroke:var(--accent-2);stroke-dasharray:4 3}.tp-cms{fill:var(--tp-cms-fill);stroke:var(--flow-cms);stroke-dasharray:4 3}.tp-flow{fill:none;stroke-width:1.4;opacity:.85}.tp-flow.backup{stroke:var(--flow-backup)}.tp-flow.replicate{stroke:var(--flow-replicate)}.tp-flow.sync{stroke:var(--flow-sync)}.tp-flow.ha{stroke:var(--flow-ha);stroke-dasharray:3 3}.tp-flow.animate{stroke-dasharray:6 6;animation:tp-run 2.4s linear infinite}@keyframes tp-run{to{stroke-dashoffset:-24}}.tp-dot{fill:var(--ok)}.tp-dot.warn{fill:var(--dot-warn)}.tp-dot.off{fill:var(--muted-3)}.tp-pulse{fill:none;stroke:var(--dot-warn);stroke-width:1.2;animation:tp-ping 2.8s ease-out infinite;transform-origin:center}@keyframes tp-ping{0%{opacity:.8;r:5}70%{opacity:0;r:14}to{opacity:0;r:14}}@media(prefers-reduced-motion:reduce){.tp-flow.animate{animation:none}.tp-pulse{animation:none;opacity:.5}}.gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gate{position:relative;border:1px solid var(--band-line);border-radius:var(--r-card);padding:22px 20px;background:var(--band-2)}.gate .n{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;color:var(--band-accent)}.gate h3{margin:12px 0 8px;font-size:1.0625rem;color:var(--band-ink)}.gate p{color:var(--band-ink-soft);font-size:.875rem}.gate:after{content:"";position:absolute;top:50%;right:-14px;width:14px;height:1px;background:var(--band-line)}.gate:last-child:after{display:none}@media(max-width:800px){.gates{grid-template-columns:1fr}.gate:after{display:none}}.topo-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-card)}.topo-scroll svg{min-width:100%}@media(max-width:760px){.topo-scroll svg{min-width:760px}.topo-scroll{border:1px solid var(--line);background:var(--paper-2)}.topo-scroll .topo{border:none;box-shadow:none}.topo-hint{display:block}}.topo-hint{display:none;margin-top:8px;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--muted)}.deploy{border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--shadow-1);overflow:hidden}.deploy-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;background:var(--paper-2);border-bottom:1px solid var(--line)}.seg{display:inline-flex;padding:3px;gap:3px;background:var(--bg-2);border-radius:999px}.seg button{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:999px;padding:7px 14px;font-size:.8125rem;color:var(--ink-soft);line-height:1.2}.seg button[aria-selected=true]{background:var(--ink);color:var(--accent-ink)}.deploy-hint{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;color:var(--muted);margin-inline-start:auto}.deploy-stage{padding:clamp(8px,1.2vw,16px)}.deploy-stage svg{display:block;width:100%;height:auto}.deploy-stage [hidden]{display:none}.deploy-note{padding:10px 14px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);background:var(--paper-2)}@media(max-width:760px){.deploy-stage{overflow-x:auto}.deploy-stage svg{min-width:780px}.deploy-hint{display:none}}.diagram{border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(180deg,var(--paper-2),var(--bg-2));padding:clamp(10px,1.6vw,20px)}.diagram svg{display:block;width:100%;height:auto}@media(max-width:760px){.diagram{overflow-x:auto}.diagram svg{min-width:720px}}.tp-caption{font-family:var(--font-mono);font-size:9px;fill:var(--muted-2);letter-spacing:.04em;paint-order:stroke;stroke:var(--geo-fill-2);stroke-width:3px;stroke-linejoin:round}.tp-caption.red{fill:var(--danger)}.tp-flow.blocked{stroke:var(--danger);stroke-dasharray:5 4;opacity:.9}.ch-block{fill:var(--paper);stroke:var(--geo-line)}.ch-block.bad{fill:var(--danger-tint);stroke:var(--danger);stroke-dasharray:5 4}.ch-link{stroke:var(--geo-link);stroke-width:1.4;fill:none}.ch-link.bad{stroke:var(--danger);stroke-dasharray:4 3}.dg-globe{fill:var(--geo-fill);stroke:var(--geo-line)}.dg-globe-strong{fill:none;stroke:var(--geo-line)}.dg-globe-soft{fill:none;stroke:var(--geo-line-soft)}.dg-pin{fill:var(--paper);stroke:var(--geo-pin)}.dg-core{fill:var(--accent)}.dg-ray{stroke:var(--geo-ray)}.dg-arrow-blue{fill:var(--flow-backup)}.dg-arrow-green{fill:var(--flow-sync)}.dg-arrow-mute{fill:var(--geo-link)}.dg-arrow-danger{fill:var(--danger)}.dg-bad-plate{fill:var(--danger-tint);stroke:var(--danger)}.dg-bad-stroke{stroke:var(--danger)}.soon,.state{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;line-height:1.4;white-space:nowrap}.soon{background:var(--warn-tint);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}.state.shipped{background:var(--ok-tint);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}.state.partial{background:var(--warn-tint);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}.state.design{background:var(--bg-2);color:var(--ink-soft);border:1px solid var(--line-strong)}.notice{margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warn) 28%,var(--line));border-inline-start:3px solid var(--warn);border-radius:0 var(--r-card) var(--r-card) 0;background:var(--warn-bg);font-size:.875rem;color:var(--ink-soft);max-width:52rem}.notice b{font-weight:600}.notice p{flex:1 1 320px;margin:0}.mode-table{display:grid;gap:0;border-top:1px solid var(--line)}.mode-row{display:grid;grid-template-columns:150px minmax(0,1.25fr) minmax(0,1fr) auto;gap:8px 20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}.mode-row .name{font-weight:600;font-size:.9375rem}.mode-row .when{font-size:.9375rem;color:var(--ink-soft)}.mode-row .need{font-size:.8125rem;color:var(--muted)}.mode-head{display:grid;grid-template-columns:150px minmax(0,1.25fr) minmax(0,1fr) auto;gap:8px 20px;padding:10px 0;border-bottom:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;color:var(--muted)}@media(max-width:820px){.mode-head{display:none}.mode-row{grid-template-columns:1fr;gap:4px;padding:14px 0}.mode-row .name{font-size:1rem}}.claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.claim{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.claim .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.claim .n{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;color:var(--accent)}.claim h3{font-size:1rem;line-height:1.4}.claim p{font-size:.875rem;color:var(--muted);flex:1}.claim .link{margin-top:4px;font-size:.8125rem}@media(max-width:820px){.claims{grid-template-columns:1fr}}.sec-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.sec-legend div{border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;background:var(--paper)}.sec-legend h3{font-size:.9375rem;margin:8px 0 4px}.sec-legend p{font-size:.8125rem;color:var(--muted)}@media(max-width:820px){.sec-legend{grid-template-columns:1fr}}.brand-mark[data-astro-cid-tvrurpns]{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.brand-mark[data-astro-cid-tvrurpns] img[data-astro-cid-tvrurpns]{flex:none;display:block}.brand-word[data-astro-cid-tvrurpns]{font-family:var(--font-display);font-weight:600;font-size:1.125rem;letter-spacing:-.015em}.footer .brand-mark[data-astro-cid-tvrurpns]{color:var(--band-ink)}