:root{color:#172123;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:#1c5f66;font-weight:600;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #d8ded8;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:#17383b;white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:inline-flex}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav-link{color:#334245;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.nav-link.active{color:#123e42;background:#e3eeee}.page-frame{flex-direction:column;flex:1;width:100%;max-width:1480px;margin:0 auto;padding:24px;display:flex}.visit-band{border-top:1px solid #d8ded8;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1480px;margin:0 auto;padding:18px 24px 22px;display:flex}.visit-footer{color:#5c6d70;text-align:center;justify-content:center;align-items:baseline;gap:8px;font-size:.95rem;display:flex}.visit-count{color:#1f666d;letter-spacing:.5px;font-size:1.65rem;font-weight:800}.visit-label{color:#5c6d70;font-size:.95rem}.visit-map{width:100%;max-width:260px}.visit-map-canvas{background:#fbfcfb;border:1px solid #d8ded8;border-radius:8px;width:100%;height:140px}.visit-contact{text-align:center;color:#5c6d70;width:100%;font-size:.95rem}.home-grid{gap:18px;display:grid}.intro-panel,.content-band,.chart-panel,.doc-page{background:#fff;border:1px solid #d8ded8;border-radius:8px;padding:22px}.intro-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden}.intro-panel:before{content:"";opacity:.12;border-radius:inherit;z-index:0;background-image:url(/images/home_background.png);background-position:50%;background-size:cover;position:absolute;inset:0}.intro-panel>*{z-index:1;position:relative}.intro-panel h1{margin-bottom:0}.eyebrow{color:#5c6d70;text-transform:uppercase;margin:0 0 6px;font-size:.84rem;font-weight:700}h1{color:#122b2e;margin:0 0 12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}h2{margin:0 0 10px;font-size:1.2rem}h3{margin:0 0 6px;font-size:1rem}.lead{color:#3a4a4c;max-width:none;font-size:1.08rem}.intro-panel .lead{white-space:nowrap;overflow-x:auto}.hero-image{background:#fff;border:1px solid #d8ded8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:22px 0;display:flex;overflow:visible}.hero-image img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:1000px;display:block}.hero-diagram{width:100%;line-height:0;position:relative}.hero-hint{text-align:center;color:#5a6a6c;width:100%;margin:.75rem 0 0;padding:0 22px;font-size:.9rem;line-height:1.4}.home-hotspot-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.home-hotspot-button{color:#0000;appearance:none;pointer-events:auto;cursor:pointer;outline:1.5px dashed var(--panel-border,#1f666d8c);outline-offset:0;opacity:.75;background:0 0;border:0;border-radius:3px;padding:0;display:block;position:absolute}.home-hotspot-button:hover{opacity:1;background:#ffffff14}.home-hotspot-button:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #1f666dc7}.home-hotspot-button[data-active=true]{opacity:1;outline:2px solid var(--panel-border,#1f666dc7);outline-offset:2px;background:#ffffff0a}.home-hotspot-panel{z-index:3;box-sizing:border-box;border:2px solid var(--panel-border,#1f666d);pointer-events:auto;text-align:left;background:#fff;border-radius:6px;align-items:flex-start;gap:18px;padding:8px 12px;line-height:1.35;display:flex;position:absolute;overflow:visible;box-shadow:0 10px 28px #1721232e}.panel-chart{flex:none;min-width:0}.mini-chart-canvas{width:auto;height:auto}.panel-text{flex:1;min-width:170px}.home-hotspot-panel strong{color:#123e42;white-space:nowrap;margin-bottom:3px;font-size:.92rem;line-height:1.25;display:block}.home-hotspot-panel span{color:#5c6d70;white-space:nowrap;margin-bottom:7px;font-size:.76rem;line-height:1.25;display:block}.home-hotspot-panel ul{margin:0;padding-left:16px}.home-hotspot-panel li{color:#334245;white-space:nowrap;margin:3px 0;font-size:.78rem;line-height:1.3}.panel-section h4{color:#123e42;white-space:nowrap;margin:8px 0 4px;font-size:.86rem;line-height:1.25}.mini-chart-wrap{width:max-content!important}.mini-chart-title{color:#334245;white-space:nowrap;margin-bottom:4px;font-size:.76rem;line-height:1.25}.home-hotspot-button[data-active=true]{outline:2px solid var(--panel-border,#1f666dc7);outline-offset:2px;background:#ffffff0a}.quick-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.quick-links a,.api-link,.load-button,.search-box button,.panel-group button,.tab-list button{color:#17474d;background:#f8fbfa;border:1px solid #a6b9bb;border-radius:6px;padding:8px 10px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:#fff;border:1px solid #d8ded8;border-radius:8px;min-height:92px;padding:16px}.metric span{color:#5c6d70;font-size:.86rem;display:block}.metric strong{color:#17383b;margin-top:6px;font-size:clamp(1.25rem,2vw,1.8rem);display:block}.metric small{color:#66736a;margin-top:6px;font-size:.8rem;line-height:1.25;display:block}.definition-grid{grid-column:1/-1;grid-template-columns:1fr;gap:8px;margin:0;padding:8px 4px 0;display:grid}.definition-grid div{border-top:1px solid #d8ded8;flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:8px;display:flex}.definition-grid dt{color:#17383b;flex:none;min-width:130px;font-size:.82rem;font-weight:800}.definition-grid dd{color:#435356;flex:280px;margin:0;font-size:.82rem;line-height:1.4}.search-box{background:#fff;border:1px solid #b8c7c9;border-radius:8px;align-items:center;gap:10px;width:min(860px,100%);padding:8px;display:flex}.search-box input{border:0;outline:none;flex:1;min-width:0}.search-box button{color:#fff;background:#1f666d;border-color:#1f666d}.load-button:disabled{cursor:default;opacity:.58}.load-button.active{color:#fff;opacity:1;background:#1f666d;border-color:#1f666d}.pagination-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.entry-range{color:#435356;margin:0;font-size:.92rem}.browse-note{color:#5c6d70;margin:10px 0 0;font-size:.92rem}.pager-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pager-segment{align-items:center;gap:6px;display:inline-flex}.load-button.ellipsis{min-width:38px}.pager-controls{justify-items:end;gap:8px;display:grid}.page-jump{color:#435356;align-items:center;gap:6px;font-size:.9rem;display:flex}.page-jump label{font-weight:700}.page-jump input{background:#fff;border:1px solid #b8c7c9;border-radius:6px;width:118px;padding:8px 10px}.browse-layout{grid-template-columns:280px 1fr;align-items:start;gap:18px;display:grid}.analytics-grid{flex-direction:column;gap:18px;display:flex}.multi-chart-heading{align-items:center;gap:12px;display:flex}.multi-chart-heading h3{margin:0}.multi-chart-heading select{color:#273a3d;background:#fff;border:1px solid #b8c7c9;border-radius:6px;padding:6px 10px;font-size:.9rem}.filters{background:#fff;border:1px solid #d8ded8;border-radius:8px;padding:16px}.filter-header,.section-header,.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.filters label{color:#425254;gap:5px;margin-bottom:12px;font-weight:700;display:grid}.filters select,.filters input{background:#fff;border:1px solid #b8c7c9;border-radius:6px;width:100%;padding:8px}.text-button{color:#1c5f66;background:0 0;border:0;font-weight:700}.browse-main{min-width:0}.table-wrap{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin-top:14px;overflow-x:auto}.table-wrap.compact{max-height:260px}.data-table{border-collapse:collapse;width:100%;min-width:920px;font-size:.9rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0ed;padding:10px 12px}.data-table th{color:#273a3d;background:#eef4f2;position:sticky;top:0}.flag{text-align:center;border-radius:999px;min-width:44px;padding:2px 8px;font-size:.78rem;font-weight:800;display:inline-block}.flag.yes{color:#17523d;background:#d9ede4}.flag.no{color:#5c6769;background:#eef0f1}.type-hint{text-overflow:ellipsis;white-space:nowrap;color:#5c6d70;max-width:160px;margin-top:2px;font-size:.78rem;display:block;overflow:hidden}.empty-state,.loading,.error-state{background:#fff;border:1px dashed #b8c7c9;border-radius:8px;margin-top:14px;padding:18px}.error-state{color:#7d251c;background:#fff7f5;border-color:#c46b5f}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-grid div{background:#fff;border:1px solid #d8ded8;border-radius:8px;padding:14px}.detail-grid span{color:#607073;font-size:.85rem;display:block}.detail-grid strong{overflow-wrap:anywhere;margin-top:5px;display:block}.tab-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-list button.active{color:#fff;background:#1f666d;border-color:#1f666d}.chart-stack{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}.dual-pie-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.chart-canvas{width:100%;height:360px}.chart-stack .chart-canvas,.dual-pie-grid .chart-canvas{min-width:0}.panel-group{margin-bottom:14px}.panel-group button{text-align:left;width:100%;margin:6px 0;display:block}.doc-page{flex:1;width:100%;max-width:1400px;margin:0 auto}.doc-page h2{margin-top:24px}pre{background:#eef4f2;border-radius:6px;padding:12px;overflow-x:auto}code{overflow-wrap:anywhere}.release-note{background:#fff;border:1px solid #d8ded8;border-radius:8px;padding:12px}.tutorial-page h2{margin-top:28px}.tutorial-page h3{color:#123e42;margin-top:18px}.step-list{gap:16px;margin:16px 0;display:grid}.step{background:#fbfcfb;border:1px solid #d8ded8;border-radius:8px;gap:10px;padding:14px;display:grid}.step-header{align-items:center;gap:10px;display:flex}.step-number{color:#fff;background:#1f666d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.step-title{color:#17383b;font-weight:700}.screenshot-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0;display:grid}.screenshot-pair .screenshot-figure{margin:0}.screenshot-pair .screenshot{max-width:100%}@media (width<=900px){.screenshot-pair{grid-template-columns:1fr}}.screenshot-figure{text-align:center;margin:18px 0}.screenshot{object-fit:contain;background:#f4f6f3;border:1px dashed #b8c7c9;border-radius:8px;width:100%;max-width:720px;height:auto;min-height:180px;margin:0 auto;display:block}.screenshot-caption{color:#5c6d70;margin-top:6px;font-size:.85rem;display:block}.tip-box{background:#eef4f2;border-left:4px solid #1f666d;border-radius:0 8px 8px 0;margin:14px 0;padding:12px 14px}.tip-box strong{color:#123e42}.example-query{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin:10px 0;padding:10px 12px}.example-query h3{margin-top:0}pre.tutorial-code{margin:10px 0}.faq-list{margin:12px 0}.faq-list dt{color:#17383b;margin-top:14px;font-weight:700}.faq-list dd{color:#435356;margin:4px 0 0}.back-link{color:#17474d;background:#f8fbfa;border:1px solid #a6b9bb;border-radius:6px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;font-weight:700;display:inline-flex}.back-link:hover{background:#eef4f2;text-decoration:none}.download-link{color:#17474d;background:#f8fbfa;border:1px solid #a6b9bb;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.download-link:hover{background:#eef4f2;text-decoration:none}.source-link{color:#17474d;background:#f8fbfa;border:1px solid #a6b9bb;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-weight:600;text-decoration:none;display:inline-flex}.source-link:hover{background:#eef4f2}.sequence-map-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin:0 0 16px;padding:18px}.sequence-map-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.sequence-map-header h2{margin:0 0 2px}.sequence-map-header p{color:#607073;margin:0;font-size:.9rem}.sequence-map-canvas{place-items:center;min-height:420px;display:grid;position:relative}.sequence-map-canvas svg{width:min(100%,420px);height:auto}.sequence-map-body{flex-wrap:nowrap;justify-content:center;align-items:center;gap:24px;display:flex}.sequence-map-legend{color:#17383b;flex-direction:column;gap:10px;min-width:150px;max-width:220px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.sequence-map-legend li{align-items:center;gap:10px;display:flex}.legend-swatch{border:1px solid #0000001f;border-radius:4px;flex:none;width:16px;height:16px}.legend-label{line-height:1.3}.legend-button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;margin:-4px -6px;padding:4px 6px;font-weight:600;display:inline-flex}.legend-button:hover,.legend-button:focus-visible{background:#f0f4f3;border-color:#d8ded8}.legend-button:focus-visible{outline-offset:1px;outline:2px solid #1f666d}.sequence-backbone{fill:none;stroke:#ccc;stroke-width:8px}.sequence-backdrop{fill:#e1e1e180;stroke:none}.scale-tick line{stroke:#b8c7c9;stroke-width:1px}.scale-tick.major line{stroke:#e03030;stroke-width:1.5px}.scale-tick text{fill:#5c6d70;font-size:7px;font-weight:700}.feature-sector{cursor:pointer;outline:none}.feature-sector:hover,.feature-sector:focus{filter:drop-shadow(0 2px 4px #00000040);stroke-width:2px}.feature-group{transition:opacity .15s}.feature-group.dimmed{opacity:.2}.feature-label{fill:#fff;pointer-events:none;font-size:8px;font-weight:600}.marker-label{fill:#000;pointer-events:none;font-size:8px;font-weight:600}.marker-label-line{opacity:.7;pointer-events:none}.map-center-title{fill:#333;font-size:14px;font-weight:400}.map-center-length{fill:#666;font-size:9px}.sequence-tooltip{color:#fff;text-align:center;background:#172123;border-radius:6px;max-width:min(92%,520px);padding:8px 10px;font-size:.86rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #1721232e}.no-markers-note{color:#5c6d70;text-align:center;margin:10px 0 0;font-size:.9rem}@media (width<=900px){.screenshot{min-height:140px}.topbar{flex-direction:column;align-items:flex-start;padding:12px}.nav-links{justify-content:flex-start}.page-frame{padding:14px}.visit-footer{text-align:center;justify-content:center;padding:8px 14px 16px}.visit-map{padding:0 14px 28px}.visit-map-canvas{height:110px}.visit-contact{padding:0 14px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-layout,.chart-stack,.dual-pie-grid,.detail-grid{grid-template-columns:1fr}.section-header,.filter-header,.panel-heading,.pagination-footer,.sequence-map-header,.sequence-map-body{flex-direction:column;align-items:stretch}.sequence-map-legend{flex-flow:wrap;justify-content:flex-start;max-width:none}.pager-buttons{justify-content:flex-start}.pager-controls{justify-items:start}.home-hotspot-panel{max-height:50vh}.home-hotspot-panel[data-has-chart=true]{flex-direction:column}}@media (width<=520px){.screenshot{min-height:120px}.nav-link{padding:7px 8px}.nav-link span{font-size:.9rem}.metric-grid,.definition-grid{grid-template-columns:1fr}.search-box{flex-direction:column;align-items:stretch}.search-box input,.search-box button{width:100%}.page-jump{flex-direction:column;align-items:stretch}.page-jump input,.page-jump button{width:100%}.data-table{min-width:760px}.sequence-map-legend{gap:8px 14px;font-size:.85rem}.legend-swatch{width:14px;height:14px}}