:root{color-scheme:dark;--bg: #0a111e;--bg-2: #0d1627;--panel: #111c30;--panel-2: #16233b;--panel-3: #1c2c48;--line: rgba(148, 170, 205, .14);--line-strong: rgba(148, 170, 205, .3);--grid: rgba(110, 160, 230, .07);--grid-strong: rgba(110, 160, 230, .13);--text: #e8eef7;--text-dim: #a6b5cc;--text-faint: #7d8ca6;--accent: #f6b51e;--accent-ink: #1a1405;--accent-2: #ff8a3d;--steel: #8ea0bb;--concrete: #c8ccd2;--blueprint: #5aa2ff;--danger: #ff6b6b;--cat-bridge: #f6b51e;--cat-dam: #4cc3ff;--cat-tunnel: #ff8a3d;--cat-road: #a6e05a;--cat-port: #36d6c3;--cat-river: #9a8cff;--font-body: "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-display: "Barlow Condensed", "Noto Sans JP", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--container: 1440px;--container-narrow: 860px;--header-h: 72px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);--focus: 0 0 0 3px var(--bg), 0 0 0 5px var(--accent);--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,rgba(90,162,255,.08),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(246,181,30,.04),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.prose a,.note a,.about a:not(.btn),.where__note a,.empty-state a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}code{font-family:var(--font-mono);font-size:.9em;padding:.1em .4em;border-radius:4px;background:var(--panel-2);border:1px solid var(--line)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-ink)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;padding:10px 16px;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:var(--radius-sm);transition:top .2s}.skip-link:focus{top:12px}.mono{font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100vh;display:flex;flex-direction:column}.app__main{flex:1;outline:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}.container--narrow{max-width:var(--container-narrow)}.page{padding-block:40px 96px}.page--home{padding-top:0}.parent-bar{background:var(--bg);border-bottom:1px solid var(--line)}.parent-bar__inner{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:flex;align-items:center}.parent-bar__link{display:inline-flex;align-items:center;min-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;color:var(--text-dim);transition:color .15s}.parent-bar__link:hover{color:var(--accent)}@media(hover:none)and (pointer:coarse){.parent-bar__link{min-height:36px}}.site-header{position:sticky;top:0;z-index:900;background:#0a111ed1;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--line)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:repeating-linear-gradient(-45deg,var(--accent) 0 10px,transparent 10px 20px);opacity:.55}.site-header__inner{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,48px);height:var(--header-h);display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand__name{font-family:var(--font-display);font-weight:800;font-size:1.32rem;letter-spacing:.04em;white-space:nowrap}.brand__name em,.site-footer__title em,.hero__title em{font-style:normal;color:var(--accent)}.brand__sub{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.site-nav{margin-left:auto;display:flex;align-items:center;gap:20px}.site-nav__list{display:flex;align-items:center;gap:4px}.site-nav__link{display:flex;flex-direction:column;padding:6px 12px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;line-height:1.3;color:var(--text-dim);transition:color .15s,background .15s}.site-nav__link:hover{color:var(--text);background:var(--panel-2)}.site-nav__link.active{color:var(--text)}.site-nav__link.active .site-nav__en{color:var(--accent)}.site-nav__en{font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;color:var(--text-faint)}.site-nav__compare{display:inline-flex;align-items:center;gap:6px}.count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel-3);color:var(--text);font-family:var(--font-mono);font-size:.72rem}.site-header__toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);align-items:center;justify-content:center}@media(max-width:1280px){.brand__sub{display:none}}@media(max-width:1024px){:root{--header-h: 64px}.site-header__toggle{display:inline-flex}.site-nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:16px;padding:20px clamp(16px,4vw,48px) 28px;background:var(--bg-2);border-bottom:1px solid var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}.site-nav.is-open{transform:none;opacity:1;visibility:visible}.site-nav__list{flex-direction:column;align-items:stretch}.site-nav__link{padding:12px;font-size:1rem}}@media(max-width:420px){.brand__name{font-size:1.08rem}.brand-mark{width:34px;height:34px}}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),#070c16);padding:56px 0 24px;margin-bottom:0}.site-footer__inner{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.site-footer__title{font-family:var(--font-display);font-weight:800;font-size:1.8rem;letter-spacing:.04em}.site-footer__lead{color:var(--text-dim);font-size:.92rem;margin-top:8px}.site-footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.site-footer__heading{font-weight:700;font-size:.85rem;color:var(--text-faint);margin-bottom:8px}.site-footer__nav a{color:var(--text-dim);font-size:.92rem;line-height:2}.site-footer__nav a:hover{color:var(--accent)}.site-footer__note{max-width:var(--container);margin:40px auto 0;padding:20px clamp(16px,4vw,48px) 0;border-top:1px solid var(--line);color:var(--text-faint);font-size:.78rem}@media(max-width:720px){.site-footer__inner{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform .15s var(--ease),background .15s,border-color .15s,color .15s}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:#ffc847}.btn--accent{background:transparent;color:var(--accent);border-color:var(--accent)}.btn--accent:hover{background:#f6b51e1f}.btn--ghost{background:var(--panel);color:var(--text);border-color:var(--line-strong)}.btn--ghost:hover,.btn--ghost.is-active{border-color:var(--text-dim);background:var(--panel-2)}.btn--sm{min-height:38px;padding:6px 14px;font-size:.86rem}.btn--lg{min-height:54px;padding:14px 28px;font-size:1.05rem}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--line);background:transparent;color:var(--text-dim)}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.search-input,.select{width:100%;min-height:44px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text)}.search-input::placeholder{color:var(--text-faint)}.search-input:focus-visible,.select:focus-visible{border-color:var(--accent)}.select{width:auto;padding-right:32px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}.select option,.select optgroup{background:var(--panel);color:var(--text)}.section-heading{margin-bottom:28px}.section-heading__en{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.24em;color:var(--accent)}.section-heading__en:before{content:"";width:28px;height:2px;background:var(--accent)}.section-heading__ja{margin-top:6px;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:900;line-height:1.3;letter-spacing:.02em}.section-heading__lead{margin-top:10px;max-width:760px;color:var(--text-dim)}.cat-badge{--badge-color: var(--accent);display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--badge-color) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--badge-color) 50%,transparent);color:var(--text);font-size:.8rem;font-weight:700;line-height:1.4;white-space:nowrap}.cat-badge__glyph{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--badge-color);color:#0a111e;font-size:.7rem;font-weight:900}.cat-badge--sm{font-size:.74rem;padding:2px 8px 2px 3px}.cat-badge--sm .cat-badge__glyph{width:18px;height:18px;font-size:.64rem}.badge-link{display:inline-flex;border-radius:999px}.country{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px}.country__item{display:inline-flex;align-items:center}.country__code{display:inline-block;margin-right:6px;padding:0 5px;border-radius:3px;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.68rem;line-height:1.5;color:var(--text-dim)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text-dim);font-size:.85rem;transition:border-color .15s,color .15s}.tag:hover{color:var(--text);border-color:var(--accent)}.tag--method{border-style:dashed}.tag--theme{background:#f6b51e14;border-color:#f6b51e66;color:var(--text)}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text-dim);font-size:.85rem;line-height:1.3;transition:all .15s}.chip:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip:disabled{opacity:.4;cursor:not-allowed}.chip__count{font-family:var(--font-mono);font-size:.72rem;opacity:.75}.structure-visual{--sv-color: var(--accent);position:relative;overflow:hidden;background:#0c1830;aspect-ratio:5 / 3;width:100%}.structure-visual svg{width:100%;height:100%}.structure-visual--photo img{width:100%;height:100%;object-fit:cover}.structure-visual--photo figcaption{position:absolute;right:8px;bottom:6px;font-size:.7rem;color:var(--text-dim);background:#0000008c;padding:2px 6px;border-radius:4px}.structure-visual--hero{border-radius:var(--radius-lg);border:1px solid var(--line-strong)}.structure-visual--thumb{aspect-ratio:16 / 9;border-radius:var(--radius-sm)}.structure-visual__note{position:absolute;right:10px;bottom:8px;font-size:.66rem;color:#c8d7eb8c;pointer-events:none}.structure-visual--card .structure-visual__note{display:none}.sv-bg{fill:color-mix(in srgb,var(--sv-color) 6%,#0b172c)}.sv-grid{fill:none;stroke:#78aaf01f;stroke-width:.6}.sv-main{fill:none;stroke:#dfe7f3;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sv-thin{fill:none;stroke:#dfe7f38c;stroke-width:1.1}.sv-accent{fill:none;stroke:var(--sv-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sv-accent-thin{fill:none;stroke:var(--sv-color);stroke-width:1.1;opacity:.9}.sv-dim{fill:none;stroke:#96bef5bf;stroke-width:1}.sv-arrow{fill:#96bef5d9}.sv-text{fill:#aac8f0d9;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.sv-water{fill:#468ce629}.sv-water-line{fill:none;stroke:#6eafffb3;stroke-width:1.4;stroke-dasharray:6 4}.sv-wave{fill:none;stroke:#6eafff59;stroke-width:1}.sv-ground{fill:#96a0af1f;stroke:#c8cdd759;stroke-width:1}.sv-block{fill:#c8ccd229;stroke:#dfe7f3bf;stroke-width:1.4}.sv-pillar{fill:#dfe7f366}.sv-sky{fill:#5aa2ff0f}.sv-titleblock rect{fill:#0a111eb3;stroke:#96bef573;stroke-width:.8}.sv-titleblock text{fill:#c8dcfae6;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em}.structure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.structure-card{--card-color: var(--accent);position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);overflow:hidden;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.structure-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-color);z-index:2}.structure-card:hover,.structure-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 55%,transparent);box-shadow:var(--shadow)}.structure-card__visual{position:relative}.structure-card__badges{position:absolute;left:10px;bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.structure-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.structure-card__title{font-size:1.18rem;font-weight:900;line-height:1.35}.structure-card__link:after{content:"";position:absolute;inset:0;z-index:1}.structure-card__link:focus-visible{box-shadow:none}.structure-card__link:focus-visible:after{box-shadow:inset 0 0 0 3px var(--accent);border-radius:var(--radius-lg)}.structure-card__en{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim);margin-top:-4px}.structure-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font-size:.84rem;color:var(--text-dim)}.structure-card__year{font-family:var(--font-mono);font-size:.8rem}.structure-card__catch{margin-top:4px;font-weight:700;font-size:.95rem;line-height:1.6}.structure-card__question{margin-top:2px;padding:10px 12px;border-left:3px solid var(--card-color);background:#ffffff08;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);font-size:.88rem;line-height:1.6}.structure-card__q{font-family:var(--font-display);font-weight:800;color:var(--card-color);margin-right:6px}.structure-card__footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.structure-card__more{display:inline-flex;align-items:center;gap:4px;color:var(--card-color);font-weight:700;font-size:.9rem}.structure-card .compare-toggle{position:relative;z-index:3}.compare-toggle{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text-dim);font-size:.8rem;font-weight:700}.compare-toggle:hover{color:var(--text);border-color:var(--text-dim)}.compare-toggle.is-selected{border-color:var(--cat-port);color:var(--cat-port);background:#36d6c31a}.compare-toggle--button{min-height:44px;padding:10px 18px;font-size:.92rem;border-radius:var(--radius-sm)}.compare-tray{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:800;width:min(calc(100% - 24px),920px);border-radius:var(--radius-lg);background:#16233bf0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);animation:tray-in .25s var(--ease)}@keyframes tray-in{0%{transform:translate(-50%,20px);opacity:0}}.compare-tray__inner{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px}.compare-tray__label{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;white-space:nowrap;color:var(--cat-port)}.compare-tray__list{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto}.compare-tray__item{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.82rem;white-space:nowrap}.compare-tray__item .icon-btn{width:26px;height:26px;border:0}.app:has(.compare-tray) .site-footer{padding-bottom:110px}@media(max-width:640px){.compare-tray__inner{flex-wrap:wrap}.compare-tray__list{order:3;flex-basis:100%}.compare-tray .btn{margin-left:auto}}.world-map{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-strong);background:#0b1424}.world-map--fallback{display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;color:var(--text-dim);padding:24px;background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 24px 24px,#0b1424}.world-map__notice{position:absolute;left:12px;right:12px;top:12px;z-index:500;padding:10px 14px;border-radius:var(--radius-sm);background:#0a111eeb;border:1px solid var(--accent);font-size:.86rem}.leaflet-container{background:#0b1424;font-family:var(--font-body)}.leaflet-control-zoom a{background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--line-strong)!important}.leaflet-control-attribution{background:#0a111ebf!important;color:var(--text-faint)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--text-dim)!important}.map-marker-wrap{background:transparent;border:0}.map-marker{--m: var(--accent);display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--m);border:2px solid #0a111e;box-shadow:0 0 0 2px color-mix(in srgb,var(--m) 40%,transparent),0 6px 14px #00000080;transition:transform .15s}.map-marker>span{transform:rotate(45deg);color:#0a111e;font-size:12px;font-weight:900;line-height:1}.leaflet-marker-icon:hover .map-marker,.leaflet-marker-icon:focus-visible .map-marker{transform:rotate(-45deg) scale(1.18)}.leaflet-marker-icon:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:50%}.map-marker--bridge{--m: var(--cat-bridge)}.map-marker--dam{--m: var(--cat-dam)}.map-marker--tunnel{--m: var(--cat-tunnel)}.map-marker--road{--m: var(--cat-road)}.map-marker--port{--m: var(--cat-port)}.map-marker--river{--m: var(--cat-river)}.map-marker--legend{width:22px;height:22px;display:inline-grid;border-width:1px}.map-marker--legend>span{font-size:10px}.map-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.85rem;color:var(--text-dim)}.map-legend li{display:inline-flex;align-items:center;gap:8px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg)!important}.leaflet-popup-content-wrapper{border-radius:var(--radius)!important}.leaflet-popup-content{margin:12px!important;font-size:.9rem!important;line-height:1.55!important}.leaflet-container a.leaflet-popup-close-button{color:var(--text-dim);width:28px;height:28px;font-size:20px}.map-popup{display:flex;flex-direction:column;gap:2px}.map-popup .structure-visual{margin-bottom:8px}.map-popup__cat{font-size:.75rem;font-weight:700}.map-popup__name{font-size:1.05rem;font-weight:900;line-height:1.35}.map-popup__en{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.03em}.map-popup__country{font-size:.8rem;color:var(--text-dim)}.map-popup__catch{margin-top:6px;font-size:.85rem}.leaflet-container a.map-popup__link{margin-top:10px;display:inline-flex;justify-content:center;padding:8px 12px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:700}.filter-panel{display:flex;flex-direction:column;gap:22px}.filter-group{border:0;margin:0;padding:0;min-width:0}.filter-group__legend{display:flex;align-items:baseline;gap:8px;padding:0;margin-bottom:10px;font-weight:700;font-size:.92rem}.filter-group__en{font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;color:var(--text-faint);font-weight:600}.filter-panel__help{font-size:.78rem;color:var(--text-faint)}.filter-panel__reset{align-self:flex-start}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.active-filter{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--accent);background:#f6b51e1a;color:var(--text);font-size:.82rem}.active-filter:hover{background:#f6b51e33}.empty-state{display:grid;justify-items:center;gap:10px;padding:56px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-dim)}.empty-state__title{font-size:1.1rem;font-weight:700;color:var(--text)}.error-panel{max-width:640px;margin:64px auto;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--danger);background:#ff6b6b0f;display:grid;gap:12px}.error-panel__code{font-family:var(--font-mono);color:var(--danger);font-size:.85rem}.error-panel__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.backdrop{position:fixed;inset:0;z-index:940;background:#0000008c}.breadcrumb{font-size:.82rem;color:var(--text-faint);margin-bottom:20px}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}.note{margin-top:14px;font-size:.82rem;color:var(--text-faint)}.list-heading{margin:48px 0 18px;font-size:1.3rem;font-weight:900;display:flex;align-items:center;gap:10px}.list-heading:before{content:"";width:6px;height:22px;background:var(--accent);border-radius:2px}.list-heading__note{margin:-8px 0 18px;color:var(--text-dim);font-size:.9rem}.world-map .leaflet-tile-pane{filter:invert(1) hue-rotate(195deg) brightness(.82) contrast(.92) saturate(.45)}.app:has(.compare-tray) .app__main{padding-bottom:72px}@media(max-width:640px){.app:has(.compare-tray) .app__main{padding-bottom:120px}}.world-map{isolation:isolate;z-index:0}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b1528 0%,var(--bg) 100%)}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(10,17,30,.85) 32%,rgba(10,17,30,.2) 70%,rgba(10,17,30,.4) 100%)}.hero-drawing{width:100%;height:100%}.hd-grid-s{fill:none;stroke:var(--grid);stroke-width:1}.hd-grid-l{fill:none;stroke:var(--grid-strong);stroke-width:1}.hd-line,.hd-main{fill:none;stroke:#dce6f5bf;stroke-width:3}.hd-thin{fill:none;stroke:#dce6f552;stroke-width:1.2}.hd-cable{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}.hd-cable--draw{stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw-cable 2.6s .3s var(--ease) forwards}@keyframes draw-cable{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.hd-cable--draw{stroke-dashoffset:0}}.hd-water{fill:none;stroke:#5aa2ff59;stroke-width:1.5}.hd-dim{fill:none;stroke:#82b4faa6;stroke-width:1.2}.hd-text{fill:#96c3ffd9;font-family:var(--font-mono);font-size:15px;letter-spacing:.2em}.hd-survey circle,.hd-survey path{fill:none;stroke:#ff8a3db3;stroke-width:1.5}.hd-titleblock rect,.hd-titleblock path{fill:#0a111e99;stroke:#82b4fa80;stroke-width:1}.hd-titleblock path{fill:none}.hd-titleblock text{fill:#aacdffcc;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.hero__inner{position:relative;padding-top:clamp(56px,9vh,120px);padding-bottom:clamp(48px,8vh,104px)}.hero__eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.22em;color:var(--text-dim)}.hero__eyebrow-line{width:40px;height:3px;background:repeating-linear-gradient(-45deg,var(--accent) 0 6px,#0a111e 6px 12px)}.hero__title{margin-top:18px;font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,9vw,8.4rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.4)}.hero__subtitle{margin-top:22px;font-size:clamp(1.35rem,2.6vw,2.2rem);font-weight:900;letter-spacing:.04em}.hero__copy{margin-top:16px;max-width:640px;color:var(--text-dim);font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.9}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero__stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:44px}.hero__stats div{border-left:2px solid var(--accent);padding-left:14px}.hero__stats dt{font-size:.8rem;color:var(--text-dim)}.hero__stats dd{font-family:var(--font-display);font-weight:700;font-size:2.4rem;line-height:1.1}.hero__stats small{font-family:var(--font-body);font-size:.85rem;margin-left:4px;color:var(--text-dim)}@media(max-width:640px){.hide-sm{display:none}.hero__bg:after{background:linear-gradient(180deg,rgba(10,17,30,.55),var(--bg))}}.entrances{margin-top:-36px;position:relative;z-index:2}.entrances__list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.entrance{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:28px 28px 24px;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line-strong);box-shadow:var(--shadow);transition:transform .2s var(--ease),border-color .2s;overflow:hidden}.entrance:hover{transform:translateY(-4px);border-color:var(--accent)}.entrance--featured{background:linear-gradient(160deg,rgba(246,181,30,.14),transparent 60%),linear-gradient(160deg,var(--panel-2),var(--panel));border-color:#f6b51e80}.entrance__num{position:absolute;right:20px;top:10px;font-family:var(--font-display);font-size:4.2rem;font-weight:800;line-height:1;color:#ffffff0d}.entrance__icon{color:var(--accent);margin-bottom:8px}.entrance__title{font-size:1.3rem;font-weight:900}.entrance__en{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;color:var(--text-faint)}.entrance__desc{margin-top:6px;color:var(--text-dim);font-size:.92rem}.entrance__go{margin-top:auto;padding-top:14px;color:var(--accent)}@media(max-width:900px){.entrances__list{grid-template-columns:1fr}.entrances{margin-top:-20px}}.today,.how-section,.map-preview,.category-section{padding-top:88px}.today__card{--card-color: var(--accent);display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:28px;border-radius:var(--radius-lg);background:linear-gradient(120deg,color-mix(in srgb,var(--card-color) 8%,transparent),transparent 50%),var(--panel);border:1px solid var(--line-strong)}.today__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:.88rem;color:var(--text-dim)}.today__year{font-family:var(--font-mono)}.today__name{margin-top:14px;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:900;line-height:1.25}.today__en{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim)}.today__catch{margin-top:16px;font-size:1.12rem;font-weight:700}.today__question{margin-top:16px;padding:16px 18px;border-radius:var(--radius);background:#00000040;border-left:4px solid var(--card-color);font-size:1.05rem}.today__question span{font-family:var(--font-display);font-weight:800;color:var(--card-color)}.today__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}@media(max-width:900px){.today__card{grid-template-columns:1fr;gap:24px;padding:18px}}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}.theme-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:22px 20px 18px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s,background .2s}.theme-card:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--panel-2)}.theme-card__emoji{font-size:2rem;line-height:1}.theme-card__title{margin-top:8px;font-size:1.12rem;font-weight:900}.theme-card__teaser{color:var(--text-dim);font-size:.88rem}.theme-card__examples{margin-top:6px;font-size:.8rem;color:var(--text-faint)}.theme-card__count{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.theme-card--large{padding:28px 24px 22px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-tile{--tile-color: var(--accent);display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;padding:20px 18px;border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--tile-color) 12%,transparent),transparent 70%),var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}.category-tile:hover{transform:translateY(-3px);border-color:var(--tile-color)}.category-tile__glyph{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tile-color);color:#0a111e;font-weight:900;font-size:1.15rem;flex-shrink:0}.category-tile__label{margin-top:10px;font-weight:900;font-size:1.05rem}.category-tile__en{font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;color:var(--text-faint)}.category-tile__count{margin-top:6px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.category-grid{grid-template-columns:repeat(2,1fr)}}.policy-banner{margin-top:96px}.policy-banner__inner{display:grid;gap:14px;justify-items:start;padding-block:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-dim)}.policy-banner__title{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:900;color:var(--text)}.policy-banner p{max-width:820px}.explore{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.explore__filters{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto;padding:20px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);scrollbar-width:thin}.explore__filters-head{display:none}.explore__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.explore__count{font-size:1rem;color:var(--text-dim)}.explore__count strong{font-family:var(--font-display);font-size:2rem;color:var(--text);margin-right:4px}.explore__actions{display:flex;flex-wrap:wrap;gap:8px}.explore__filter-btn{display:none}.explore__map{margin-bottom:28px}@media(max-width:1024px){.explore{grid-template-columns:1fr}.explore__filter-btn{display:inline-flex}.explore__filters{position:fixed;top:0;bottom:0;left:0;z-index:950;width:min(92vw,380px);max-height:none;border-radius:0;transform:translate(-105%);transition:transform .25s var(--ease)}.explore__filters.is-open{transform:none;box-shadow:var(--shadow-lg)}.explore__filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.explore__filters-title{font-weight:900;font-size:1.1rem}}.category-intro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:18px}.category-intro{--tile-color: var(--accent);display:flex;flex-direction:column;gap:12px;height:100%;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--tile-color) 10%,transparent),transparent 60%),var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s var(--ease)}.category-intro:hover{border-color:var(--tile-color);transform:translateY(-3px)}.category-intro__head{display:flex;align-items:center;gap:14px}.category-intro__label{display:block;font-size:1.3rem;font-weight:900}.category-intro__en{display:block;font-family:var(--font-display);font-size:.8rem;letter-spacing:.18em;color:var(--text-faint)}.category-intro__count{margin-left:auto;font-family:var(--font-mono);color:var(--text-dim)}.category-intro__text{color:var(--text-dim)}.category-intro__examples{font-size:.85rem;color:var(--text-faint)}.category-intro__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--tile-color)}.category-hero{--tile-color: var(--accent);display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--tile-color) 12%,transparent),transparent 55%),var(--panel)}.category-hero .section-heading{margin-bottom:0}.category-hero .section-heading__en{color:var(--tile-color)}.category-hero .section-heading__en:before{background:var(--tile-color)}.category-hero__look{padding:20px;border-radius:var(--radius);background:#00000038;border:1px dashed var(--line-strong)}.category-hero__look-title{font-weight:900;margin-bottom:8px}.category-hero__look li{position:relative;padding-left:20px;color:var(--text-dim)}.category-hero__look li:before{content:"▸";position:absolute;left:0;color:var(--tile-color)}@media(max-width:860px){.category-hero{grid-template-columns:1fr;padding:20px}}.theme-hero{display:flex;align-items:flex-start;gap:24px;padding:32px;border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(246,181,30,.1),transparent 55%),var(--panel);border:1px solid var(--line)}.theme-hero .section-heading{margin-bottom:0}.theme-hero__emoji{font-size:clamp(2.6rem,6vw,4.2rem);line-height:1}@media(max-width:640px){.theme-hero{flex-direction:column;padding:20px;gap:12px}}.theme-switch{margin-top:56px}.theme-switch__title{font-weight:700;margin-bottom:12px}.theme-switch ul{display:flex;flex-wrap:wrap;gap:8px}.detail-hero{position:relative;border-bottom:1px solid var(--line);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(180deg,color-mix(in srgb,var(--card-color) 7%,#0b1528),var(--bg))}.detail-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:40px 56px}.detail-hero__badges{display:flex;flex-wrap:wrap;gap:8px}.detail-hero__title{margin-top:16px;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:900;line-height:1.2;letter-spacing:.02em}.detail-hero__en{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600;letter-spacing:.04em;color:var(--text-dim)}.detail-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px;color:var(--text-dim);font-size:.92rem}.detail-hero__catch{margin-top:18px;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:700}.detail-hero__question{margin-top:20px;padding:18px 20px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--card-color) 55%,transparent);background:color-mix(in srgb,var(--card-color) 8%,rgba(0,0,0,.25))}.detail-hero__q-label{font-family:var(--font-display);font-weight:700;letter-spacing:.24em;font-size:.8rem;color:var(--card-color)}.detail-hero__q{margin-top:4px;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:900}.detail-hero__answer{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.86rem;color:var(--card-color);font-weight:700}.detail-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}@media(max-width:960px){.detail-hero__inner{grid-template-columns:1fr;gap:28px}.detail-hero__visual{max-width:640px}}.detail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding-top:48px}.detail-layout__toc{position:relative}.detail-toc{position:sticky;top:calc(var(--header-h) + 24px);padding:18px 14px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line)}.detail-toc__title{font-weight:900;font-size:.85rem;padding:0 8px 8px;color:var(--text-dim)}.detail-toc a{display:flex;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);font-size:.86rem;line-height:1.45;color:var(--text-dim);transition:background .15s,color .15s}.detail-toc a:hover{background:var(--panel-2);color:var(--text)}.detail-toc a.is-active{color:var(--text);background:var(--panel-2);box-shadow:inset 3px 0 0 var(--card-color)}.detail-toc__num{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);padding-top:2px}@media(max-width:1080px){.detail-layout{grid-template-columns:1fr;gap:0}.detail-layout__toc{display:none}}.detail-section{padding-block:40px;border-bottom:1px solid var(--line)}.detail-section:first-child{padding-top:0}.detail-section__head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}.detail-section__num{font-family:var(--font-display);font-weight:800;font-size:3rem;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--card-color)}.detail-section__en{font-family:var(--font-display);letter-spacing:.22em;font-size:.8rem;color:var(--text-faint)}.detail-section__title{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:900;line-height:1.35}.detail-section--featured{margin-block:24px;padding:36px clamp(18px,3vw,40px);border:1px solid color-mix(in srgb,var(--card-color) 55%,transparent);border-radius:var(--radius-lg);background:linear-gradient(140deg,color-mix(in srgb,var(--card-color) 10%,transparent),transparent 55%),var(--panel);position:relative;overflow:hidden}.detail-section--featured:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:repeating-linear-gradient(-45deg,var(--card-color) 0 14px,#0a111e 14px 28px);opacity:.85}.detail-section--featured:first-child{padding-top:36px}.prose{max-width:820px;font-size:1.02rem;line-height:1.95}.prose+.prose{margin-top:1em}.prose--lead{font-size:1.1rem}.detail-section .tag-row{margin-top:18px}.where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:start}.where__note{margin-top:10px;font-size:.82rem;color:var(--text-faint);display:flex;flex-wrap:wrap;gap:4px 12px}@media(max-width:760px){.where{grid-template-columns:1fr}}.spec-list{display:grid;gap:0;border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:8em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.spec-list dt{color:var(--text-faint);font-size:.86rem}.dimension-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px}.dimension{position:relative;padding:18px 18px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);overflow:hidden}.dimension:after{content:"";position:absolute;left:18px;right:18px;top:10px;height:1px;background:linear-gradient(90deg,var(--card-color),transparent);opacity:.6}.dimension__label{margin-top:4px;font-size:.84rem;color:var(--text-dim);font-weight:700}.dimension__value{font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1.15;letter-spacing:.01em}.dimension__value--sm{font-family:var(--font-body);font-size:1rem;font-weight:700;line-height:1.6;margin-top:4px}.dimension.is-unknown .dimension__value{color:var(--text-faint);font-size:1.6rem}.dimension__note{margin-top:4px;font-size:.8rem;color:var(--text-dim)}.dimension__hint{margin-top:6px;font-size:.74rem;color:var(--text-faint);line-height:1.5}.structure-type{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line-strong);font-weight:900;font-size:1.05rem}.structure-type__label{font-size:.75rem;font-weight:700;color:var(--card-color)}.glossary{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}.glossary__item{padding:14px 16px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:#00000026}.glossary dt{display:flex;align-items:center;gap:6px;font-weight:900;color:var(--card-color)}.glossary dd{margin-top:4px;font-size:.9rem;color:var(--text-dim)}.how-question{margin-bottom:18px;font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:900}.how-question span{font-family:var(--font-display);color:var(--card-color)}.how-tags{margin-top:28px;padding-top:20px;border-top:1px dashed var(--line-strong)}.how-tags__label{font-size:.85rem;font-weight:700;color:var(--text-dim);margin:14px 0 10px}.how-tags .tag-row{margin-top:0}.steps{display:grid;gap:0;counter-reset:step;max-width:820px}.step{display:grid;justify-items:stretch}.step__card{position:relative;padding:18px 20px 18px 92px;border-radius:var(--radius);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 16px 16px,var(--panel);border:1px solid var(--line-strong)}.step__num{position:absolute;left:0;top:0;bottom:0;width:76px;display:grid;place-content:center;text-align:center;font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;color:var(--accent-ink);background:var(--card-color);border-radius:var(--radius) 0 0 var(--radius);line-height:1}.step__num span{display:block;font-size:2rem;font-weight:800;letter-spacing:0;margin-top:4px}.step__title{font-weight:900;font-size:1.08rem}.step__desc{margin-top:4px;color:var(--text-dim);font-size:.93rem}.step__arrow{justify-self:start;margin-left:28px;padding:6px 0;color:var(--card-color)}.machine-grid,.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}.machine,.challenge{padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.machine__icon,.challenge__icon{color:var(--card-color);margin-bottom:10px}.challenge__icon{color:var(--accent-2)}.machine__name,.challenge__title{font-weight:900}.machine__desc,.challenge__desc{margin-top:4px;color:var(--text-dim);font-size:.9rem}.unknown-box{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;border-radius:var(--radius);border:1px dashed var(--line-strong);color:var(--text-dim);font-size:.92rem}.unknown-box svg{flex-shrink:0;margin-top:3px;color:var(--accent)}.point-list{display:grid;gap:12px}.point{position:relative;padding:18px 20px 18px 56px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.point:before{content:"★";position:absolute;left:20px;top:17px;color:var(--accent);font-size:1.1rem}.point__title{font-weight:900}.point__desc{margin-top:4px;color:var(--text-dim)}.source-list{display:grid;gap:10px;counter-reset:src}.source{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;padding:12px 14px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line)}.source__type{grid-row:span 2;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:700;white-space:nowrap;background:var(--panel-3);color:var(--text-dim)}.source__type--official,.source__type--government,.source__type--international{background:#36d6c326;color:var(--cat-port)}.source__type--academic{background:#9a8cff2e;color:var(--cat-river)}.source__link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;word-break:break-word}.source__link:hover{color:var(--accent);text-decoration-color:var(--accent)}.source__publisher{font-size:.8rem;color:var(--text-faint)}.detail-next{padding-top:24px;padding-bottom:32px}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:48px}.pager__link{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);font-weight:700;transition:border-color .15s}.pager__link:hover{border-color:var(--accent)}.pager__link small{display:block;font-size:.75rem;color:var(--text-faint);font-weight:400}.pager__link--next{justify-content:flex-end;text-align:right}@media(max-width:720px){.pager{grid-template-columns:1fr}.pager .btn{order:-1}}.compare-controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.compare-picker{display:grid;gap:6px}.compare-picker__label{font-weight:700;font-size:.9rem}.compare-picker .select{min-width:min(320px,85vw)}.compare-controls__actions{display:flex;flex-wrap:wrap;gap:8px}.compare-presets{margin:20px 0 28px}.compare-presets__title{font-size:.85rem;color:var(--text-dim);margin-bottom:8px}.compare-presets ul{display:flex;flex-wrap:wrap;gap:8px}.compare-mode{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;background:var(--panel);border:1px solid var(--line);color:var(--text-dim)}.compare-mode svg{flex-shrink:0;margin-top:3px}.compare-mode--mixed{border-color:var(--accent-2)}.compare-table-wrap{position:relative;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--line-strong)}.compare-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.compare-table th,.compare-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare-table tbody th{width:190px;font-size:.88rem;color:var(--text-dim);background:var(--panel)}.compare-table__corner{width:190px;background:var(--panel)}.compare-table__head{position:relative;background:var(--panel)}.compare-table__head .structure-visual{margin-bottom:10px}.compare-table__name{display:block;margin-top:8px;font-weight:900;font-size:1.05rem;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.compare-table__en{display:block;font-family:var(--font-display);color:var(--text-dim);font-weight:500}.compare-table__remove{position:absolute;top:8px;right:8px;background:#0a111ecc}.compare-table__hint{display:block;margin-top:4px;font-size:.72rem;color:var(--text-faint);font-weight:400}.compare-table td{font-family:var(--font-body);font-weight:700}.compare-table td.is-max{color:var(--accent);background:#f6b51e12}.compare-table__catch{font-weight:400!important;font-size:.9rem;color:var(--text-dim)}.not-found{display:grid;justify-items:center;text-align:center;gap:12px;padding-block:64px}.not-found__sign{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;border:6px solid var(--accent);color:var(--accent);background:repeating-linear-gradient(-45deg,rgba(246,181,30,.12) 0 10px,transparent 10px 20px)}.not-found__code{font-family:var(--font-mono);color:var(--accent)}.not-found__title{font-size:clamp(1.4rem,3vw,2rem);font-weight:900}.not-found__text{color:var(--text-dim);max-width:560px}.not-found__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.about h2{margin:36px 0 10px;font-size:1.25rem;font-weight:900}.about p{color:var(--text-dim);margin-bottom:12px}.about p:last-child{margin-top:32px}@media(max-width:640px){.hero__eyebrow{font-size:.78rem;letter-spacing:.12em}.hero__eyebrow-ja{display:none}.compare-table{min-width:560px}.compare-table tbody th,.compare-table__corner{width:112px;font-size:.8rem}.compare-table th,.compare-table td{padding:10px;font-size:.86rem}}.compare-table tbody th,.compare-table__corner{position:sticky;left:0;z-index:1}.compare-table__note{display:block;margin-top:4px;font-size:.74rem;font-weight:400;color:var(--text-faint)}.compare-table td.is-max .compare-table__note{color:var(--text-faint)}.explore__apply{display:none}@media(max-width:1024px){.explore__apply{display:flex;position:sticky;bottom:0;width:100%;margin-top:20px;box-shadow:0 -12px 24px var(--panel)}}.watch-section{padding-top:88px}.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}.watch-card{--card-color: var(--accent);display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;height:100%;padding:12px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}.watch-card:hover{transform:translateY(-3px);border-color:var(--card-color)}.watch-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.watch-card__name{font-weight:900;line-height:1.35}.watch-card__steps{font-size:.74rem;color:var(--text-faint);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-card__go{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;color:var(--card-color)}.vz{--vz-accent: var(--accent);--vz-dur: 1.3s;margin:8px 0 32px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--vz-accent) 7%,transparent),transparent 45%),#0a1426;border:1px solid var(--line-strong);outline:none}.vz:focus-visible{box-shadow:var(--focus)}.vz__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px}.vz__en{flex-basis:100%;font-family:var(--font-display);font-size:.78rem;letter-spacing:.24em;color:var(--vz-accent)}.vz__title{font-size:1.3rem;font-weight:900}.vz__scene{font-size:.82rem;color:var(--text-faint)}.vz__body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:20px;align-items:start}.vz__stage{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#0b172c}.vz__stage svg{width:100%;height:auto;aspect-ratio:800 / 420}.vz__badge{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:4px;background:#0a111ed1;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.vz__badge strong{color:var(--vz-accent);font-size:1rem}.vz__caption{position:absolute;right:10px;top:10px;max-width:60%;padding:4px 10px;border-radius:4px;background:var(--vz-accent);color:#0a111e;font-weight:700;font-size:.82rem;animation:vz-pop .5s var(--ease)}.vz__drawing-note{position:absolute;right:10px;bottom:6px;font-size:.66rem;color:#c8d7eb80}@keyframes vz-pop{0%{opacity:0;transform:translateY(-6px)}}.vz__panel{display:flex;flex-direction:column;gap:10px;min-height:100%}.vz__step-no{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.12em;color:var(--vz-accent)}.vz__step-no span{color:var(--text-faint)}.vz__step-title{font-size:1.22rem;font-weight:900;line-height:1.45;animation:vz-pop .45s var(--ease)}.vz__step-desc{color:var(--text-dim);font-size:.95rem;line-height:1.8;min-height:5.4em}.vz__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}.vz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font-weight:700;transition:background .15s,border-color .15s}.vz-btn:hover:not(:disabled){border-color:var(--vz-accent)}.vz-btn:disabled{opacity:.35;cursor:not-allowed}.vz-btn--play{padding:0 18px;background:var(--vz-accent);border-color:var(--vz-accent);color:#0a111e;min-width:120px}.vz-btn--play:hover:not(:disabled){filter:brightness(1.08)}.vz__progress{height:4px;border-radius:2px;background:var(--panel-3);overflow:hidden}.vz__progress-bar{display:block;height:100%;background:var(--vz-accent);transition:width .4s var(--ease)}.vz__progress-bar.is-running{width:0;animation-name:vz-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes vz-progress{to{width:100%}}.vz__hint{font-size:.76rem;color:var(--text-faint)}.vz__timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:18px;counter-reset:none}.vz__tl-item{position:relative}.vz__tl-item:before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:var(--line-strong)}.vz__tl-item:first-child:before{left:50%}.vz__tl-item:last-child:before{right:50%}.vz__tl-item.is-done:before,.vz__tl-item.is-current:before{background:color-mix(in srgb,var(--vz-accent) 60%,transparent)}.vz__tl-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 2px 6px;border:0;background:transparent;color:var(--text-faint);border-radius:var(--radius-sm)}.vz__tl-btn:hover{color:var(--text)}.vz__tl-dot{width:18px;height:18px;margin-top:4px;border-radius:50%;border:2px solid var(--line-strong);background:var(--bg-2);transition:all .25s}.vz__tl-item.is-done .vz__tl-dot{background:color-mix(in srgb,var(--vz-accent) 70%,var(--bg-2));border-color:var(--vz-accent)}.vz__tl-item.is-current .vz__tl-dot{background:var(--vz-accent);border-color:var(--vz-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--vz-accent) 25%,transparent)}.vz__tl-num{font-family:var(--font-mono);font-size:.7rem}.vz__tl-label{font-size:.78rem;line-height:1.35;text-align:center}.vz__tl-item.is-current .vz__tl-btn{color:var(--text);font-weight:700}@media(max-width:1180px){.vz__body{grid-template-columns:1fr}.vz__step-desc{min-height:0}}@media(max-width:640px){.vz{padding:12px;margin-inline:-6px}.vz-label{display:none}.vz__caption{position:static;display:block;max-width:none;margin:0;border-radius:0;text-align:center}.vz__drawing-note{position:static;padding:2px 8px 4px;text-align:right}.vz__timeline{grid-auto-flow:row;grid-auto-columns:auto;gap:2px}.vz__tl-item:before{inset:0 auto 0 13px;width:2px;height:auto}.vz__tl-item:first-child:before{left:13px;top:50%}.vz__tl-item:last-child:before{right:auto;bottom:50%}.vz__tl-btn{flex-direction:row;gap:10px;padding:6px 4px}.vz__tl-dot{margin-top:0;flex-shrink:0}.vz__tl-label{text-align:left;font-size:.86rem}.vz-btn--play{flex:1}}.vz-bg{fill:#0b172c}.vz-grid{fill:none;stroke:#78aaf017;stroke-width:.8}.vz-hatch-line{fill:none;stroke:#c8cdd71f;stroke-width:1}.vz-arrowhead{fill:#96bef5d9}.vz-label{fill:#cddef5eb;font-family:var(--font-body);font-size:15px;font-weight:500;paint-order:stroke;stroke:#0b172c;stroke-width:4px}.vz-ground{fill:#8c96a821}.vz-ground-line{fill:none;stroke:#cdd4de99;stroke-width:1.6}.vz-rock{fill:#968c7d38;stroke:#d2c8b980;stroke-width:1}.vz-clay{fill:#a0785038}.vz-water{fill:#468ce638}.vz-water-line{fill:none;stroke:#6eafffbf;stroke-width:1.6;stroke-dasharray:8 5}.vz-riverbed{fill:#aa966e24}.vz-dry{fill:#bea57359}.vz-reservoir{fill:#3c82e673}.vz-concrete{fill:#cdd2dab3;stroke:#f0f4fae6;stroke-width:1}.vz-earth{fill:#b49664a6;stroke:#e6d2aacc;stroke-width:1}.vz-steel{fill:none;stroke:#e3eaf5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.vz-steel-box{fill:#8ca0be40;stroke:#cfd9e8;stroke-width:1.6}.vz-deck{fill:#dce4f0d9}.vz-deck-top{stroke:var(--vz-accent);stroke-width:2}.vz-thin{fill:none;stroke:#dfe7f38c;stroke-width:1.2}.vz-dim{fill:none;stroke:#96bef5cc;stroke-width:1.2}.vz-temp{fill:none;stroke:var(--accent-2);stroke-width:1.4;stroke-dasharray:4 3}.vz-temp-cable{fill:none;stroke:var(--accent-2);stroke-width:1.4;stroke-dasharray:5 4}.vz-cable,.vz-cable-thin{fill:none;stroke:var(--vz-accent);stroke-width:4;stroke-linecap:round}.vz-cable-thin{stroke-width:1.2}.vz-rope{fill:none;stroke:#ffd166;stroke-width:1.4;stroke-dasharray:2 4}.vz-heli,.vz-thermo,.vz-monitor{fill:#ffd16640;stroke:#ffd166;stroke-width:1.6}.vz-marker{fill:none;stroke:var(--vz-accent);stroke-width:3}.vz-excavation{fill:#ff8a3d2e;stroke:var(--accent-2);stroke-width:1.2;stroke-dasharray:6 4}.vz-ship path,.vz-ship{fill:#c8d2e159;stroke:#dfe7f3;stroke-width:1.4}.vz-quake{fill:none;stroke:var(--danger);stroke-width:1.6;stroke-dasharray:6 4}.vz-car{fill:#ffd166}.vz-cars{animation:vz-drive 7s linear infinite}.vz-cars--reverse{animation-direction:reverse}@keyframes vz-drive{0%{transform:translate(calc(var(--span) / -6))}to{transform:translate(calc(var(--span) / 6))}}.vz-flow{fill:none;stroke:#82c3ffd9;stroke-width:2;stroke-dasharray:10 12;animation:vz-flow 1.4s linear infinite}.vz-flow--tunnel{stroke-width:3}.vz-flow--down{stroke-width:3;animation-duration:1s}.vz-flow--tide{stroke-dasharray:14 10}@keyframes vz-flow{to{stroke-dashoffset:-44}}.vz-tunnel-outline{fill:none;stroke:#0a111ee6;stroke-width:12;stroke-linecap:round}.vz-tunnel{fill:none;stroke:var(--vz-accent);stroke-width:3;stroke-linecap:round}.vz-cableway{stroke:#dfe7f366;stroke-width:1;stroke-dasharray:3 4}.vz-bucket{fill:#ffd166}.vz-cooling{fill:none;stroke:#6ec6ff;stroke-width:1.6;stroke-dasharray:3 2}.vz-joint{stroke:var(--vz-accent);stroke-width:1.6}.vz-fault{stroke:#ff6b6ba6;stroke-width:1.6;stroke-dasharray:8 5}.vz-shaft-line{fill:none;stroke:#dfe7f3;stroke-width:4;stroke-linecap:round}.vz-bore{fill:none;stroke:var(--vz-accent);stroke-width:7;stroke-linecap:round}.vz-bore--wide{stroke-width:12}.vz-bore--blast{stroke:var(--accent-2);stroke-dasharray:6 3}.vz-bore-small{fill:none;stroke:#dfe7f3;stroke-width:2.4;stroke-linecap:round}.vz-bore-small--work{stroke:#dfe7f38c;stroke-dasharray:5 3}.vz-boring{fill:none;stroke:#ffd166;stroke-width:1.6;stroke-dasharray:3 4}.vz-grout{fill:#a6e05a2e;stroke:#a6e05abf;stroke-width:1.2}.vz-train{fill:#ffd166;stroke:#0a111e;stroke-width:1}.vz-plan-line{stroke:#96bef559;stroke-width:1;stroke-dasharray:2 5}.vz-flag{fill:var(--vz-accent)}.vz-shaft{fill:#0a111ebf;stroke:#dfe7f3;stroke-width:1.6}.vz-tbm{fill:#ff8a3d59;stroke:var(--accent-2);stroke-width:1.6}.vz-blast{fill:#ffd166}.vz-drain{stroke:#f0d78cd9;stroke-width:2}.vz-fill{fill:#bea5738c;stroke:#e6d2aa99;stroke-width:1}.vz-fill--1{fill:#c8af7d99}.vz-fill--2{fill:#d2b987a6}.vz-ghost-line{fill:none;stroke:#fff6;stroke-dasharray:4 4}.vz-runway{fill:#3b4659;stroke:#ffd166;stroke-width:1;stroke-dasharray:12 8}.vz-plane{fill:#dfe7f3}.vz-settle{transition:transform 2.2s var(--ease)}.vz-settle.is-settled{transform:translateY(12px)}.vz-dock{fill:#0a111e99;stroke:#dfe7f3;stroke-width:1.2}.vz-needle{stroke:#ffd166;stroke-width:2}.vz-compacted{fill:#ffd1661f;stroke:#ffd16680;stroke-dasharray:4 4}.vz-mat{fill:none;stroke:#a6e05a;stroke-width:6}.vz-ostrea path{fill:#c8d2e140;stroke:#dfe7f3;stroke-width:2}.vz-stone{fill:#aaa091b3}.vz-gate{fill:#f6b51e59;stroke:var(--vz-accent);stroke-width:1.6}.vz-gates{transition:transform 2.4s var(--ease)}.vz-gates.is-closed{transform:translateY(132px)}.vz-storm{fill:none;stroke:var(--danger);stroke-width:2}.vz-wall{stroke:var(--vz-accent);stroke-width:5}.vz-tank{fill:#0a111eb3;stroke:#dfe7f3;stroke-width:1.6}.vz-pillar{fill:#dfe7f38c}.vz-pipe{fill:none;stroke:#82c3ffb3;stroke-width:2}.vz-building{fill:#8c9bb438;stroke:#c8d2e173;stroke-width:1}.vz-road{stroke:#dfe7f3;stroke-width:3}.vz-subway{fill:#9a8cff33;stroke:#9a8cffcc;stroke-width:1.2}.vz-tube{fill:none;stroke:var(--vz-accent);stroke-width:26;stroke-opacity:.5}.vz-cut{fill:#ff8a3d4d;stroke:var(--accent-2);stroke-width:1.6}.vz-cut-edge{fill:none;stroke:#ffd166;stroke-width:1.6}.vz-ramp{fill:none;stroke:var(--vz-accent);stroke-width:10;stroke-opacity:.7;stroke-linecap:round}.vz-layer{opacity:0;transform-box:fill-box;transition:opacity .8s var(--ease),transform var(--vz-dur) var(--ease);pointer-events:none}.vz-layer.is-on{opacity:1;transform:none}.vz-slow{--vz-dur: 2.8s}.vz-fx-grow-up{transform:scaleY(0);transform-origin:50% 100%}.vz-fx-grow-down{transform:scaleY(0);transform-origin:50% 0}.vz-fx-rise{transform:scaleY(0);transform-origin:50% 100%}.vz-fx-slide-right{transform:translate(var(--dx, -420px))}.vz-fx-slide-left{transform:translate(var(--dx, 420px))}.vz-fx-drop{transform:translateY(var(--dy, -90px))}.vz-fx-draw [data-draw]{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset var(--vz-dur) var(--ease)}.vz-fx-draw.is-on [data-draw]{stroke-dashoffset:0}.vz-fx-stagger{transition:opacity .2s}.vz-fx-stagger .vz-item{opacity:0;transform-box:fill-box;transition:opacity .6s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i, 0) * .14s)}.vz-fx-stagger .vz-grow{transform:scaleY(0);transform-origin:50% 100%}.vz-fx-stagger .vz-grow-down{transform:scaleY(0);transform-origin:50% 0}.vz-fx-stagger .vz-drop{transform:translateY(-80px)}.vz-fx-stagger.is-on .vz-item{opacity:1;transform:none}.vz-slow.vz-fx-stagger .vz-item{transition-delay:calc(var(--i, 0) * .26s)}.vz-layer.is-focus{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--vz-accent) 70%,transparent))}.vz--reduced .vz-layer,.vz--reduced .vz-fx-stagger .vz-item,.vz--reduced .vz-fx-draw [data-draw],.vz--reduced .vz-settle,.vz--reduced .vz-gates{transition:none;transform:none}.vz--reduced .vz-fx-draw [data-draw]{stroke-dasharray:none}.vz--reduced .vz-cars,.vz--reduced .vz-flow,.vz--reduced .vz__caption,.vz--reduced .vz__step-title{animation:none}.vz--reduced .vz-layer:not(.is-on),.vz--reduced .vz-fx-stagger:not(.is-on) .vz-item{opacity:0}.vz--reduced .vz-settle.is-settled{transform:translateY(12px)}.vz--reduced .vz-gates.is-closed{transform:translateY(132px)}@media(prefers-reduced-motion:reduce){.vz-cars,.vz-flow{animation:none}}.scale{margin:20px 0 0;padding:14px 16px;border-radius:var(--radius);border:1px dashed var(--line-strong)}.scale__title{font-weight:900;font-size:.95rem;margin-bottom:10px}.scale__title span{margin-left:8px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;color:var(--text-faint)}.scale__list{display:grid;gap:8px}.scale__row{display:grid;grid-template-columns:minmax(120px,15em) minmax(0,1fr) 8.5em;align-items:center;gap:12px;font-size:.86rem}.scale__label{color:var(--text-dim)}.scale__track{height:12px;border-radius:6px;background:var(--panel-2);overflow:hidden}.scale__bar{display:block;height:100%;border-radius:6px;background:var(--steel)}.scale__row.is-self .scale__bar{background:var(--vz-accent)}.scale__row.is-self .scale__label{color:var(--text);font-weight:700}.scale__value{font-family:var(--font-display);font-weight:700;font-size:1.05rem;white-space:nowrap}.scale__note{margin-top:10px;font-size:.74rem;color:var(--text-faint)}.scale__note a{color:var(--text-dim);text-decoration:underline}@media(max-width:640px){.scale__row{grid-template-columns:1fr auto}.scale__track{grid-column:1 / -1;grid-row:2}}.cite{margin-left:2px;font-size:.68em;font-family:var(--font-mono);font-weight:400;line-height:0;white-space:nowrap}.cite__link{color:var(--text-faint);text-decoration:none;padding:0 1px}.cite__link:hover{color:var(--accent)}.source__num{grid-row:span 2;font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}.source:target,.source:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent);outline:none}.dimension__value .cite{font-size:.42em;vertical-align:super}.detail-hero__watch{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:12px;padding:10px 18px;border-radius:var(--radius-sm);border:0;background:var(--card-color);color:#0a111e;font-weight:900;font-size:1rem;box-shadow:0 6px 18px color-mix(in srgb,var(--card-color) 35%,transparent);transition:transform .15s var(--ease),filter .15s}.detail-hero__watch:hover{transform:translateY(-1px);filter:brightness(1.06)}.detail-hero__watch-sub{font-size:.78rem;font-weight:700;opacity:.75}.how-read-title{margin:8px 0 12px;font-size:1.05rem;font-weight:900;color:var(--text-dim)}.anim-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#0a111ed9;border:1px solid var(--accent);color:var(--accent);font-size:.72rem;font-weight:700}.map-popup__anim{margin-left:8px;color:var(--accent)}.map-cluster-wrap{background:transparent;border:0}.map-cluster{position:relative;display:grid;place-items:center;border-radius:50%;background:var(--ring);box-shadow:0 6px 16px #00000080;transition:transform .15s}.map-cluster:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0a111e}.map-cluster__count{position:relative;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text)}.leaflet-marker-icon:hover .map-cluster,.leaflet-marker-icon:focus-visible .map-cluster{transform:scale(1.12)}.sv-core{fill:#a6784673}.sv-accent-fill{fill:color-mix(in srgb,var(--sv-color) 35%,transparent);stroke:var(--sv-color);stroke-width:1.4}.sv-water-path{fill:none;stroke:#468ce659;stroke-width:18}.sv-hollow{fill:#0b172c;stroke:#dfe7f399;stroke-width:1.2}.vz-element{fill:#cdd2dad1;stroke:#eef3fa;stroke-width:1.4}.vz-element-line{stroke:#0a111e73;stroke-width:6}.vz-bulkhead,.vz-gate-line{stroke:var(--accent-2);stroke-width:3}.vz-water--dock{fill:#468ce659}.vz-wire{fill:none;stroke:#ffd166cc;stroke-width:1.2;stroke-dasharray:4 4}.vz-backfill{fill:#aaa0918c;stroke:#d2c8b999;stroke-width:1}.vz-road-line{fill:none;stroke:#ffd166;stroke-width:3}.vz-strata{fill:#f0ecdc1f;stroke:#f0ecdc66;stroke-dasharray:6 4}.vz-bore--tbm{stroke-width:18;stroke-opacity:.75;stroke-linecap:butt}.vz-ride{transform:translate(var(--ride, -300px));transition:transform var(--vz-dur) var(--ease)}.vz-layer.is-on .vz-ride{transform:none}.vz-mover{transition:transform 2.8s var(--ease)}.vz-flow--muck{stroke:#d2be96e6;stroke-dasharray:4 10}.vz-ground--soft{fill:#a0825f29}.vz-segment{fill:#cdd2da80;stroke:var(--vz-accent);stroke-width:1.2}.vz-shield rect,.vz-shield circle,.vz-shield path{fill:#ff8a3d59;stroke:var(--accent-2);stroke-width:2}.vz-pressure path{fill:none;stroke:#6ec6ff;stroke-width:2.4;opacity:0;transition:opacity .6s}.vz-pressure.is-on path{opacity:1}.vz-hollow{fill:#0a1426}.vz-hollow--new{fill:#0d1a30}.vz-lining{fill:none;stroke:#a6e05abf;stroke-width:6}.vz-face{stroke:#f0ecdc99;stroke-width:2;stroke-dasharray:3 3}.vz-machine rect,.vz-machine circle,.vz-machine path{fill:#f6b51e40;stroke:var(--accent);stroke-width:2}.vz-hole{stroke:#f0ecdcb3;stroke-width:2;stroke-dasharray:4 3}.vz-charge{fill:var(--danger)}.vz-blast--big{fill:#ffd166;stroke:var(--accent-2);stroke-width:2}.vz-shotcrete{fill:none;stroke:#a6e05ae6;stroke-width:7}.vz-bolt{stroke:#dfe7f3;stroke-width:2.4}.vz-nose{fill:none;stroke:var(--accent-2);stroke-width:1.8}.vz-yard{fill:var(--accent)}.vz-jack{fill:var(--accent-2)}.vz-traveler{fill:none;stroke:var(--accent-2);stroke-width:2.2}.vz-closure{fill:var(--accent)}.vz-fender{fill:none;stroke:var(--accent-2);stroke-width:3}.vz-catwalk{fill:none;stroke:#dfe7f38c;stroke-width:1.4;stroke-dasharray:5 3}.vz-cable-growing{fill:none;stroke:color-mix(in srgb,var(--vz-accent) 60%,transparent);stroke-width:2}.vz-spin-wheel{fill:#ffd166;stroke:#0a111e;stroke-width:2;offset-rotate:0deg;animation:vz-shuttle 3.6s ease-in-out infinite alternate}@keyframes vz-shuttle{0%{offset-distance:2%}to{offset-distance:98%}}.vz-net{fill:none;stroke:#dfe7f380;stroke-width:6;stroke-dasharray:2 4}.vz-caisson{fill:#cdd2da73;stroke:#eef3fa;stroke-width:1.6}.vz-fill-stone{fill:#aaa091bf}.vz-rubble{fill:#968c7d8c;stroke:#d2c8b999}.vz-vibro{fill:none;stroke:var(--accent);stroke-width:1.8}.vz-sand{fill:#f0d78cd9}.vz-droplet{fill:#6eafff99}.vz-clay{transition:fill 1.2s}.vz-clay--strong{fill:#b48c5f66}.vz-flow--up{stroke-width:3;stroke:#82c3fff2;animation-duration:1s}.vz-arch{stroke:#e3eaf5;stroke-width:6;stroke-linecap:round}.vz-deck-line{fill:none;stroke:#dce4f0e6;stroke-width:8}.vz-lock{fill:#cdd2da66;stroke:#dfe7f3;stroke-width:1.2}.vz-canal-ship{offset-rotate:0deg;animation:vz-transit 9s ease-in-out infinite}.vz-canal-ship path{fill:#ffd166;stroke:#0a111e;stroke-width:1}@keyframes vz-transit{0%{offset-distance:0%}to{offset-distance:100%}}.vz-freeze{fill:#bee6ff59;stroke:#bfe6ff;stroke-width:2}.vz-crane-ship path,.vz-crane-ship{fill:#c8d2e140;stroke:#dfe7f3;stroke-width:2}.vz-concrete-line{fill:none;stroke:#e1e6eed9;stroke-width:6}.vz-truss{fill:#dce4f040;stroke:#dce4f0e6;stroke-width:1.4}.vz--reduced .vz-ride,.vz--reduced .vz-mover{transition:none}.vz--reduced .vz-ride{transform:none}.vz--reduced .vz-spin-wheel,.vz--reduced .vz-canal-ship{animation:none;offset-distance:50%}@media(prefers-reduced-motion:reduce){.vz-spin-wheel,.vz-canal-ship{animation:none;offset-distance:50%}}.vz-steel--thin{stroke-width:2}.vz-machine-box{fill:#f6b51e40;stroke:var(--accent);stroke-width:2}.vz-ship-hull{fill:#c8d2e140;stroke:#dfe7f3;stroke-width:2}.vz-drain-water{transform-box:fill-box;transform-origin:50% 100%}.vz-water-line--dash{stroke-dasharray:8 6;opacity:.7}.vz-slurry{fill:#9678be73}.vz-excavation-line{fill:none;stroke:var(--accent-2);stroke-width:1.4;stroke-dasharray:6 4}.vz-pressure-arrow{stroke:#c8aaffe6;stroke-width:2}.vz-cage rect,.vz-cage path{fill:none;stroke:#ff9f5a;stroke-width:1.6}.vz-pipe--thick{stroke-width:4;stroke:#dfe7f3d9}.vz-inset-bg{fill:#0a111ed9;stroke:var(--vz-accent);stroke-width:1.2}.vz-inset-text{fill:#cddef5eb;font-size:13px;font-family:var(--font-body)}.vz-joint-mark{fill:none;stroke:var(--vz-accent);stroke-width:2}.vz-heat{mix-blend-mode:screen}.vz-flow--heat{stroke:#ff965ad9}.vz-thermo-hot rect{fill:#ff6b3dcc;stroke:#ffd1c2;stroke-width:1.2}.vz-thermo-cold rect{fill:#6ec6ffb3;stroke:#d6efff;stroke-width:1.2}.vz-crack{fill:none;stroke:#ff6b3d;stroke-width:2.4;stroke-linejoin:round}.vz-grout-line{stroke:#a6e05af2;stroke-width:4}.vz-grab{animation:vz-grab 3.2s ease-in-out infinite}@keyframes vz-grab{0%,to{transform:translateY(-70px)}50%{transform:translateY(0)}}.vz-trolley{offset-rotate:0deg;animation:vz-shuttle 4.2s ease-in-out infinite alternate}.vz--reduced .vz-grab,.vz--reduced .vz-trolley{animation:none}.vz--reduced .vz-trolley{offset-distance:50%}@media(prefers-reduced-motion:reduce){.vz-grab,.vz-trolley{animation:none}.vz-trolley{offset-distance:50%}}.vz{scroll-margin-top:calc(var(--header-h) + 12px)}.vz__kind{padding:1px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vz-accent) 70%,transparent);color:var(--vz-accent);font-size:.78rem;font-weight:700}.vz__method-hit{align-self:flex-start;padding:2px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--vz-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--vz-accent) 60%,transparent);font-size:.85rem;font-weight:700;animation:vz-hit 1.6s var(--ease) 1}@keyframes vz-hit{0%{box-shadow:0 0 color-mix(in srgb,var(--vz-accent) 60%,transparent)}to{box-shadow:0 0 0 10px transparent}}.vz--reduced .vz__method-hit{animation:none}@media(prefers-reduced-motion:reduce){.vz__method-hit{animation:none}}.vz__methods{display:flex;flex-wrap:wrap;gap:6px}.vz__method-link{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:.8rem;color:var(--text-dim)}.vz__method-link:hover{color:var(--text);border-color:var(--vz-accent)}.vz__tl-item.is-method .vz__tl-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--vz-accent) 45%,transparent)}@media(max-width:640px){.vz__stage{width:100vw;margin-inline:calc(50% - 50vw);border-radius:0;border-inline:0}.vz--narrow .vz__stage svg{aspect-ratio:640 / 420}.vz__badge{display:none}.detail-section--featured:has(.vz){margin-inline:calc(50% - 50vw);padding-inline:16px;border-radius:0;border-inline:0}}.vz-truss-line{fill:none;stroke:#e86a4a;stroke-width:3;stroke-linejoin:round}.vz-pan{transition:transform .9s var(--ease)}.vz--reduced .vz-pan{transition:none}@media(prefers-reduced-motion:reduce){.vz-pan{transition:none}}.vz-measuring .vz-item,.vz-measuring [data-draw],.vz-measuring .vz-ride{transform:none!important}.method-tools{display:grid;gap:14px;margin-bottom:18px}.method-search{position:relative;max-width:460px}.method-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.method-search .search-input{padding-left:36px}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:14px}.method-card{--card-color: var(--accent);position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 20px 16px;border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--card-color) 9%,transparent),transparent 55%),var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}.method-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--card-color)}.method-card:hover,.method-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 55%,transparent)}.method-card__group{font-size:.76rem;font-weight:700;color:var(--card-color, var(--accent))}.method-card__name{font-size:1.3rem;font-weight:900;line-height:1.35}.method-card__link:after{content:"";position:absolute;inset:0}.method-card__link:focus-visible{box-shadow:none}.method-card__link:focus-visible:after{box-shadow:inset 0 0 0 3px var(--accent);border-radius:var(--radius-lg)}.method-card__en{margin-top:-4px;font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim)}.method-card__desc{font-weight:700;line-height:1.6}.method-card__used{margin-top:4px;padding:10px 12px;border-radius:var(--radius-sm);background:#0000002e;border:1px dashed var(--line-strong)}.method-card__used-title{font-size:.76rem;color:var(--text-faint);margin-bottom:4px}.method-card__used li{position:relative;padding-left:14px;font-size:.86rem;color:var(--text-dim)}.method-card__used li:before{content:"▸";position:absolute;left:0;color:var(--card-color)}.method-card__foot{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.method-card__count{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.detail-hero__inner--single{grid-template-columns:minmax(0,860px)}.method-hero__used{margin-top:16px;color:var(--text-dim)}.method-hero__used strong{color:var(--text);font-family:var(--font-display);font-size:1.3rem}.method-hero__used a{color:var(--card-color);font-weight:700}.method-body{padding-top:32px}.method-aliases{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:.84rem;color:var(--text-faint)}.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pros-cons__col{padding:16px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.pros-cons__col--pro{border-top:3px solid var(--cat-road)}.pros-cons__col--con{border-top:3px solid var(--accent-2)}.pros-cons__title{font-weight:900;margin-bottom:8px}.pros-cons li{position:relative;padding-left:18px;color:var(--text-dim);font-size:.93rem;line-height:1.7}.pros-cons li+li{margin-top:6px}.pros-cons__col--pro li:before{content:"○";position:absolute;left:0;color:var(--cat-road)}.pros-cons__col--con li:before{content:"△";position:absolute;left:0;color:var(--accent-2)}@media(max-width:720px){.pros-cons{grid-template-columns:1fr}}.engineer-note{margin-top:16px;padding:14px 18px;border-radius:var(--radius);border:1px dashed color-mix(in srgb,var(--card-color) 60%,transparent);background:#0000002e;color:var(--text-dim)}.engineer-note__title{font-family:var(--font-display);letter-spacing:.12em;font-weight:700;color:var(--card-color);margin-bottom:4px}.note--top{margin:0 0 12px}.method-vs{display:grid;gap:10px}.method-vs__item{padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.method-vs__pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:900}.method-vs__pair a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.method-vs__v{font-family:var(--font-display);font-size:.8rem;padding:1px 8px;border-radius:999px;background:var(--panel-3);color:var(--text-dim)}.method-vs__text{margin-top:6px;color:var(--text-dim);font-size:.92rem}.method-used{padding-bottom:8px}.method-used__map{margin-top:14px}.vz__note{flex-basis:100%;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--vz-accent) 50%,transparent);background:#00000040;font-size:.82rem;color:var(--text-dim)}.same-method{display:grid;gap:18px}.same-method__group{padding:16px 18px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line)}.same-method__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:12px}.same-method__name{font-size:1.1rem;font-weight:900;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.same-method__why{font-size:.86rem;color:var(--text-dim)}.same-method__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}.mini-card{display:grid;gap:4px;padding:8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);height:100%;transition:border-color .15s,transform .15s var(--ease)}.mini-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mini-card__name{font-weight:700;font-size:.9rem;line-height:1.4}.mini-card__meta{font-size:.74rem;color:var(--text-faint)}.tag--method svg{color:var(--accent)}.tag--static{cursor:default}.method-suggest{margin-bottom:18px;padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#f6b51e0f}.method-suggest__title{font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:6px}.method-suggest ul{display:grid;gap:6px}.method-suggest__link{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:6px 8px;border-radius:var(--radius-sm)}.method-suggest__link:hover{background:var(--panel-2)}.method-suggest__name{font-weight:900;text-decoration:underline;text-underline-offset:3px}.method-suggest__desc{font-size:.84rem;color:var(--text-dim)}.home-methods{padding-top:88px}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}.question-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px 20px;border-radius:var(--radius-lg);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 16px 16px,var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}.question-card:hover{transform:translateY(-3px);border-color:var(--accent)}.question-card__q{font-size:1.12rem;font-weight:900;line-height:1.5}.question-card__q:before{content:"Q. ";font-family:var(--font-display);color:var(--accent)}.question-card__answer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;color:var(--text-dim);font-weight:700}.question-card__answer:before{content:"→";color:var(--accent)}.home-methods__more{margin-top:16px}.method-detail .vz__body{grid-template-columns:1fr}.method-detail .vz__step-desc{min-height:0}.kind-chip{display:inline-block;margin-left:8px;padding:0 8px;border-radius:999px;border:1px solid currentColor;font-size:.72rem;font-weight:700;vertical-align:1px}.fun-fact{margin:16px 0 4px;padding:14px 18px;border-radius:var(--radius);border-left:4px solid var(--accent);background:#f6b51e12}.fun-fact__title{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:900;color:var(--accent)}.real-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;margin-top:14px}.real-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px 14px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}.real-card:hover,.real-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 60%,transparent)}.real-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;color:var(--text-dim)}.real-card__name{font-size:1.15rem;font-weight:900;line-height:1.4}.real-card__method{font-size:.78rem;font-weight:700;color:var(--card-color)}.real-card__step{display:grid;gap:2px;padding:8px 10px;border-radius:var(--radius-sm);background:#0003;border:1px dashed var(--line-strong)}.real-card__step-no{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);font-weight:700}.real-card__step-title{font-weight:700;line-height:1.5}.real-card__desc{font-size:.88rem;color:var(--text-dim);line-height:1.7}.real-card__why{font-size:.86rem;line-height:1.7;padding-top:6px;border-top:1px solid var(--line)}.real-card__why strong{display:block;font-size:.78rem;color:var(--card-color)}.real-card__src{color:var(--text-faint);font-size:.78rem}.real-card__more{font-size:.78rem;color:var(--text-faint)}.real-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding-top:8px;font-weight:900;color:var(--accent)}.real-card__link:after{content:"";position:absolute;inset:0}.real-card__link:focus-visible{box-shadow:none}.real-card__link:focus-visible:after{box-shadow:inset 0 0 0 3px var(--accent);border-radius:var(--radius-lg)}.vs-table{width:100%;margin-top:10px;border-collapse:collapse;font-size:.84rem;table-layout:fixed}.vs-table th,.vs-table td{padding:6px 8px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}.vs-table thead th{background:var(--panel-3);font-weight:700}.vs-table tbody th{color:var(--text-dim);font-weight:700;width:24%}.vs-table td{color:var(--text-dim)}.cmp__hero{margin:12px 0 20px}.cmp__en{font-family:var(--font-display);letter-spacing:.16em;font-size:.8rem;color:var(--accent)}.cmp__title{font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:900;line-height:1.35}.cmp__title span{color:var(--accent)}.cmp__lead{margin-top:8px;max-width:760px;color:var(--text-dim)}.cmp-pick{margin:0 0 22px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:var(--radius);min-width:0}.cmp-pick__legend{display:flex;align-items:center;gap:6px;padding:0 6px;font-weight:700}.cmp-pick__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cmp-pick__vz{margin-left:6px;font-size:.7rem;color:var(--accent)}.cmp-pick__status{margin-top:8px;font-size:.86rem;color:var(--text-dim)}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}.cmp-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--card-color);min-width:0}.cmp-card__head{display:grid;gap:4px;padding-right:36px}.cmp-card__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.82rem;color:var(--text-dim)}.cmp-card__name{font-size:1.2rem;font-weight:900;line-height:1.4}.cmp-card__name a{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}.cmp-card__remove{position:absolute;top:12px;right:12px;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text-dim)}.cmp-card__remove:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cmp-card__remove:disabled{opacity:.35}.cmp-card__label{font-size:.76rem;font-weight:700;color:var(--card-color);margin-bottom:2px}.cmp-conds{display:inline-flex;flex-wrap:wrap;gap:6px}.cmp-cond{padding:1px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--card-color) 60%,transparent);background:color-mix(in srgb,var(--card-color) 12%,transparent);font-size:.82rem;font-weight:700}.cmp-card__unknown{color:var(--text-faint);font-size:.86rem}.cmp-card__visual{display:grid;gap:6px}.vz-snap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#0b172c}.vz-snap svg{display:block;width:100%;height:auto;aspect-ratio:800 / 420}.cmp-card__step{font-weight:700;line-height:1.5}.cmp-card__step-no{margin-right:8px;font-family:var(--font-display);letter-spacing:.08em;color:var(--accent)}.cmp-card__go{display:inline-flex;align-items:center;gap:6px;font-weight:900;color:var(--accent)}.cmp-card__novisual{padding:18px 12px;border-radius:var(--radius);border:1px dashed var(--line-strong);color:var(--text-faint);font-size:.86rem;text-align:center}.cmp-card__note p:last-child{font-size:.92rem;line-height:1.75}.cmp-card__facts{display:grid;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.cmp-card__facts div{display:grid;grid-template-columns:7.5em 1fr;gap:8px;font-size:.86rem}.cmp-card__facts dt{color:var(--text-faint);font-weight:700}.cmp-card__facts dd{color:var(--text-dim);line-height:1.6;min-width:0;overflow-wrap:anywhere}.cmp-why{margin-top:36px}.cmp-why__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:720px){.cmp-why__cols{grid-template-columns:1fr}}.cmp-why__col{padding:16px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.cmp-why__col--project{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.cmp-why__tag{display:inline-block;margin-bottom:8px;padding:1px 10px;border-radius:999px;background:var(--panel-3);font-size:.78rem;font-weight:700}.cmp-why__col--project .cmp-why__tag{background:#f6b51e26;color:var(--accent)}.cmp-why__list{display:grid;gap:6px;margin-top:8px}.cmp-why__list li{position:relative;padding-left:14px;color:var(--text-dim);font-size:.92rem;line-height:1.7}.cmp-why__list li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.cmp-sources{margin-top:36px}.cmp__back{margin-top:24px}.method-hero__compare{margin-top:12px}.cmp-cta{margin-top:16px;padding:14px 16px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:#f6b51e0f;display:grid;gap:6px;justify-items:start}.cmp-cta__title{font-weight:900;color:var(--accent)}.cmp-cta__text{color:var(--text-dim);font-size:.92rem}.same-method__compare{margin-left:auto;font-size:.84rem;font-weight:700;color:var(--accent)}.home-methods__compare{display:inline-block;margin-left:14px;font-weight:700;color:var(--accent)}:root{--tech-0: #f6b51e;--tech-1: #4cc3ff;--tech-2: #ff8a3d;--tech-3: #a6e05a;--tech-4: #9a8cff;--tech-5: #ff6fa8}.techs{margin-top:14px;padding:14px 16px;border-radius:var(--radius);background:#0000002e;border:1px solid var(--line)}.techs__title{font-weight:900;margin-bottom:8px}.techs__count{margin-left:6px;font-size:.82rem;font-weight:500;color:var(--text-dim)}.techs__list{display:grid;gap:10px}.techs__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700}.techs__name a{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.techs__dot,.vz__legend-dot,.vz__tl-mdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--tech-color);flex:none}.techs__kind{padding:0 6px;border-radius:999px;border:1px solid var(--line-strong);font-size:.7rem;font-weight:500;color:var(--text-dim)}.techs__desc{font-size:.88rem;color:var(--text-dim);margin-left:16px}.techs__steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:16px;font-size:.8rem;color:var(--text-faint)}.techs__step{padding:1px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tech-color) 70%,transparent);color:var(--text);font-family:var(--font-mono);font-size:.76rem}.techs__step:hover{background:color-mix(in srgb,var(--tech-color) 18%,transparent)}.vz__legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 -4px;font-size:.78rem;color:var(--text-dim)}.vz__legend li{display:inline-flex;align-items:center;gap:6px}.vz__tl-methods{display:inline-flex;gap:3px;justify-content:center}.vz__tl-mdot{width:7px;height:7px}.reason{padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);display:grid;gap:8px}.reason--construction{border-left-color:var(--cat-dam)}.reason__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.74rem}.reason__kind,.reason__method{padding:0 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text-dim)}.reason--selection .reason__kind{border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:var(--accent)}.reason--construction .reason__kind{border-color:color-mix(in srgb,var(--cat-dam) 70%,transparent);color:var(--cat-dam)}.reason__q{font-size:1.02rem;font-weight:900;line-height:1.5}.reason__text{color:var(--text-dim);line-height:1.8;font-size:.94rem}.reason__sub{font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:2px}.reason__alt ul{display:grid;gap:4px}.reason__alt li{color:var(--text-dim);font-size:.9rem;line-height:1.7}.reason__story summary{cursor:pointer;font-size:.86rem;font-weight:700;color:var(--accent)}.reason__story summary:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}.reason__story ol{margin-top:8px;display:grid;gap:6px;counter-reset:none}.reason__story li{display:grid;grid-template-columns:3.4em 1fr;gap:8px;font-size:.9rem;line-height:1.7;color:var(--text-dim)}.reason__stage{align-self:start;text-align:center;padding:1px 0;border-radius:4px;background:var(--panel-3);color:var(--text);font-weight:700;font-size:.78rem}.factor-chips{display:flex;flex-wrap:wrap;gap:6px}.factor-chip{display:inline-flex;white-space:nowrap;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--panel-3);font-size:.78rem;color:var(--text)}.decisions{display:grid;gap:14px}.decisions__lead{color:var(--text-dim)}.decisions__list{display:grid;gap:12px}.decisions__none,.decisions__others{padding:12px 14px;border-radius:var(--radius);border:1px dashed var(--line-strong);color:var(--text-dim);font-size:.9rem;line-height:1.7}.decisions__others-label{font-weight:700;color:var(--text)}.decisions__others a{text-decoration:underline;text-underline-offset:3px}.source__locator{font-size:.78rem;color:var(--text-faint)}.cmp-reasons{margin:0 0 22px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#f6b51e0d}.cmp-reasons__title{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:900;margin:2px 0 10px}.cmp-reasons__list{display:grid;gap:8px;margin-bottom:8px}.cmp-reasons__list>li{display:grid;grid-template-columns:minmax(0,14em) 1fr;gap:4px 14px;align-items:baseline}@media(max-width:640px){.cmp-reasons__list>li{grid-template-columns:1fr}}.cmp-reasons__name{font-weight:900}.cmp-reasons__text{color:var(--text-dim);line-height:1.6}.cmp-reasons__kind{display:inline-block;margin-right:6px;padding:0 6px;border-radius:999px;border:1px solid var(--line-strong);font-size:.72rem;color:var(--text-faint);vertical-align:1px}.cmp-card__reason{padding:10px 12px;border-radius:var(--radius);background:#f6b51e12;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:grid;gap:6px;font-size:.92rem;line-height:1.7}.cmp-card__reason--none{background:transparent;border-style:dashed;border-color:var(--line-strong)}.cmp-card__reason .cmp-card__label{color:var(--accent)}.cmp-card__reason-q{font-weight:900;color:var(--text)}.cond-finder{margin:4px 0 22px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.cond-finder__title{font-weight:900;font-size:1.05rem}.cond-finder__lead{margin:2px 0 10px;color:var(--text-dim);font-size:.88rem}.cond-finder__result{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line-strong)}.cond-finder__count{font-size:.9rem;margin-bottom:6px}.cond-finder__list{display:grid;gap:6px}.cond-finder__list li{display:grid;grid-template-columns:minmax(0,11em) 1fr;gap:2px 12px;font-size:.9rem;line-height:1.6}@media(max-width:640px){.cond-finder__list li{grid-template-columns:1fr}}.cond-finder__method{font-weight:900;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cond-finder__projects{color:var(--text-dim)}.cond-finder__projects a:hover{color:var(--text);text-decoration:underline}.about-list{display:grid;gap:6px;margin:8px 0 16px;padding-left:1.2em;list-style:disc;color:var(--text-dim)}.cmp-reasons__text .factor-chips{margin-top:4px}.hero__actions{margin-top:24px}.hero__points{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-weight:700}.hero__points li{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.hero__points svg{color:var(--accent);flex:none}.entrances__extra{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px;font-size:.92rem;color:var(--text-dim)}.entrances__extra svg{color:var(--accent)}.entrances__extra span{font-weight:700;color:var(--text)}.entrances__extra a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}#start,#watch-heading{scroll-margin-top:calc(var(--header-h) + 16px)}.first{padding-top:72px}.first__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.first-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--card-color)}.first-card .vz-snap{border:0;border-radius:0;border-bottom:1px solid var(--line)}.first-card__body{display:flex;flex-direction:column;gap:8px;padding:14px 18px 18px;flex:1}.first-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;color:var(--text-dim)}.first-card__name{font-size:1.2rem;font-weight:900;line-height:1.4}.first-card__hook{color:var(--text-dim);line-height:1.75}.first-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:6px}.first-card__why{min-height:44px;display:inline-flex;align-items:center;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.vz__tl-btn{min-height:36px}.techs__step,.vz__method-link{min-height:34px;display:inline-flex;align-items:center;padding-inline:12px}.cmp-card__go,.same-method__compare,.same-method__name{min-height:40px;display:inline-flex;align-items:center}.icon-btn{min-width:40px;min-height:40px}}@media(hover:none)and (pointer:coarse){.vz__hint--keys{display:none}}@media(min-width:641px)and (max-width:900px){.entrances__list{grid-template-columns:repeat(3,1fr);gap:12px}.entrance{padding:18px 16px}.entrance__num{font-size:2.2rem}}