/* Reference-led observation desk. Every public selector is namespaced. */
.tko{--navy:#092b44;--navy2:#164a69;--blue:#187fc3;--cyan:#8ed5f6;--orange:#f39a3c;--ink:#122f46;--muted:#617888;--line:#d7e4ec;--paper:#fff;color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;max-width:1600px;margin:24px auto;isolation:isolate;overflow-wrap:anywhere}.tko *,.tko *:before,.tko *:after{box-sizing:border-box}.tko [hidden]{display:none!important}.tko h2,.tko h3,.tko h4,.tko p,.tko ul,.tko ol{background:none;border:0;padding:0;box-shadow:none;color:inherit}.tko h2:before,.tko h2:after,.tko h3:before,.tko h3:after{content:none}.tko h2,.tko h3,.tko h4{margin:0;font-family:inherit}.tko p{margin:10px 0}.tko ul,.tko ol{margin:0;list-style:none}.tko a{color:inherit;text-decoration:none}.tko a:hover{text-decoration:underline;text-underline-offset:3px}.tko img{max-width:100%;border:0;border-radius:0;box-shadow:none;vertical-align:middle}.tko button,.tko select,.tko input{font:inherit;max-width:100%;color:var(--ink)}.tko button,.tko select,.tko input[type=date]{border:1px solid var(--line);border-radius:5px;background:#fff;padding:8px 10px;min-height:40px}.tko button{cursor:pointer}.tko button:disabled{opacity:.5;cursor:default}.tko button[aria-pressed=true]{background:linear-gradient(100deg,#9dd7ff,#bde9ff);color:#093758;border-color:#a5d6f1;font-weight:700}.tko :is(a,button,select,input,[tabindex]):focus-visible{outline:3px solid #f2a53f;outline-offset:3px}.tko input[type=range]{width:100%;accent-color:#238dce;min-height:32px;margin:0}.tko svg{display:block;width:100%;height:auto}.tko button:hover{border-color:#2b87b8}.tko label{font-size:12px}.tko small{font-size:11px;line-height:1.6}.tko strong{font-variant-numeric:tabular-nums}
.tko-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 32px;color:white;background:linear-gradient(90deg,#041c32f2,#12374dd9 58%,#19496c50),url(harbor.webp) center 44%/cover;border-radius:8px 8px 0 0;border-bottom:4px solid #58acd0}.tko-banner h2{font-size:32px;color:white;letter-spacing:.12em;line-height:1.5;margin:4px 0 7px;font-weight:600}.tko-banner p{font-size:12px;margin:0;letter-spacing:.2em}.tko-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em}.tko-banner .tko-eyebrow{color:#bfd7e9}.tko-banner-aside{font-size:12px;text-align:right;line-height:2.2}.tko-banner-aside span{font-size:11px;letter-spacing:.14em}.tko-tabs,.tko-detail-nav{display:flex;flex-wrap:wrap;gap:7px;align-items:center;background:#f1f7fa;padding:13px 12px;border:1px solid var(--line);margin-bottom:14px}.tko-tabs button{font-size:12px;min-width:68px;padding:7px 14px}.tko-tabs>a{margin-left:auto;font-size:12px;padding:8px}.tko-detail-nav a{font-size:12px;padding:8px 11px;border-radius:4px}.tko-detail-nav a[aria-current=page]{background:#b7e0f8}.tko-breadcrumb{font-size:12px;padding:8px 0 14px}.tko-breadcrumb a{color:#167fb0}.tko-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.tko-card,.tko-brand-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0;display:flex;flex-direction:column;box-shadow:0 2px 6px #183d5710}.tko .tko-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(100deg,#0a2b44,#194f6b);color:white;padding:10px 13px;min-height:43px}.tko-card-head h3{font-size:16px;color:white;line-height:1.4;font-weight:650;letter-spacing:.02em}.tko-card-head h3>span{font-size:12px;margin-right:5px;color:#b3dafa}.tko-card-head>small{display:none;font-size:11px;color:#cfdfeb}.tko-card-body{padding:11px 12px 10px;display:flex;flex-direction:column;flex:1;min-width:0;gap:0}.tko-card-body h4{font-size:13px;margin:9px 0}.tko-subtabs{display:flex;align-items:stretch;gap:4px;margin:0 0 10px;flex-wrap:wrap}.tko-subtabs button,.tko-subtabs a{background:#f0f4f7;border:0;border-radius:5px;flex:1;min-width:0;min-height:34px;padding:7px 5px;text-align:center;white-space:normal;font-size:11px;line-height:1.5}.tko-card-link{display:flex;justify-content:space-between;align-items:center;margin:auto 12px 12px;padding:8px 14px;border:1px solid #bcd2e0;border-radius:20px;font-size:12px;font-weight:600;background:#f3f8fb;min-height:37px}.tko-card-link span{color:#1781b6}.tko-card-link:hover{background:#e4f3fd;text-decoration:none}.tko-note{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0!important}.tko-map-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:5px 0!important;flex-wrap:wrap}.tko-source{margin-top:auto;padding-top:9px;display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;border-top:1px solid #e3ecf2;font-size:10px;color:#617789}.tko-source details{flex:1 0 100%;font-size:11px}.tko-source summary{cursor:pointer;min-height:27px;padding-top:3px}.tko-source details p{margin:7px 0;font-size:12px}.tko-source a{color:#117eb2}.tko-state{font-size:10px;padding:2px 7px;border-radius:4px;background:#e9f4f8;color:#256780}.tko-state[data-state=stale]{background:#fff1d3;color:#80560f}.tko-state[data-state=empty],.tko-state[data-state=disabled]{background:#edf0f3;color:#5d6b75}.tko-dashboard .tko-deep,.tko-dashboard .tko-extra-sources{display:none}.tko-dashboard .tko-card-body>.tko-note{font-size:10.5px}.tko-chart{min-width:0;width:100%;margin:2px 0 8px}.tko-chart svg{height:auto;min-height:100px}.tko-chart-readout{font-size:10px;line-height:1.6;color:#547084;min-height:30px}.tko-chart-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:7px 0}.tko-chart-head span{color:var(--muted);font-size:10px}.tko-dashboard .tko-card-ocean .tko-chart{display:none}.tko-dashboard .tko-card-ocean .tko-chart-head{display:none}.tko-more{font-size:12px!important;align-self:flex-start;background:#f0f7fa!important;color:#12678f!important;margin:10px 0}.tko-empty{padding:20px;font-size:12px;color:var(--muted);background:#f3f7fa}
/* 01 — current locality; five compact doors, not fabricated weather values. */
.tko-today-hero{margin:-11px -12px 0;background:linear-gradient(#07385b20,#072b43e8),url(harbor.webp) center/cover;color:#fff;padding:25px 11px 12px;min-height:308px;display:flex;flex-direction:column;justify-content:flex-end}.tko-today-hero>span{font-size:8px;text-align:center;letter-spacing:.12em}.tko-today-hero h4{text-align:center;font-size:22px;letter-spacing:.06em;margin:12px 0;color:white}.tko-today-hero>p{font-size:23px;font-weight:600;text-align:center;letter-spacing:.08em;margin:5px 0 20px}.tko-today-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.tko-today-cards>a{padding:10px 5px 8px;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #6496b8;border-radius:6px;background:#07283fdd;color:#fff;text-align:center}.tko-today-cards>a>span{font-size:9px;min-height:28px;line-height:1.5}.tko-today-cards i{font-size:29px;font-style:normal;line-height:1.35;color:#4cc7fa}.tko-today-cards>a:first-child i{color:#ffd057}.tko-today-cards>a:nth-child(4) i{color:#ff8757}.tko-today-cards>a:last-child i{color:#e3f2ff}.tko-today-cards strong{font-size:20px;line-height:1.5;margin:3px 0}.tko-today-cards strong small{font-size:10px;margin-left:2px}.tko-today-cards small{font-size:8px;line-height:1.45;color:#c9e0ee;display:block}.tko-today-cards [data-tko-mini=weather]{font-size:12px;padding-top:6px}
/* 02 — map and a dark numeric panel. */
.tko-ocean-scene{position:relative;background:#deedf0;min-height:250px;overflow:hidden;border-radius:5px}.tko-regional-map{width:100%}.tko-regional-map svg{width:100%;height:260px;object-fit:cover}.tko-ocean-readout{position:absolute;right:9px;top:14px;width:44%;padding:12px 10px;background:#06344cec;color:white;border:1px solid #6fabb9;border-radius:7px;box-shadow:0 3px 16px #08233740}.tko-ocean-readout>span{font-size:10px;display:block;line-height:1.6}.tko-ocean-readout>strong{font-size:37px;line-height:1.45;display:block;text-align:center;letter-spacing:-.03em;white-space:nowrap}.tko-ocean-readout strong small{font-size:17px;margin-left:3px}.tko-ocean-readout p{font-size:10px;margin:9px 0;border-top:1px solid #7498a877;padding-top:8px}.tko-ocean-readout>small{font-size:9px;color:#cbe1e9}.tko-map-point{cursor:pointer;pointer-events:all}.tko-map-point:focus{stroke:#fca349;stroke-width:3}.tko-map-label{font-size:12px;paint-order:stroke;stroke:white;stroke-width:3px;fill:#124260;font-weight:700}
/* 03 — two actual saved images, same projection and extent. */
.tko-satellite-scene{position:relative;aspect-ratio:7/6;border-radius:5px;background:#163243;overflow:hidden}.tko-satellite-scene>img,.tko-sat-before img{width:100%;height:100%;object-fit:fill;display:block;margin:0}.tko-sat-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.tko-satellite-empty{position:absolute;inset:0;display:grid;place-items:center;color:#c4ddeb;font-size:12px}.tko-sat-pin{position:absolute;left:40.89%;top:48.8%;font-size:11px;color:#fff;text-shadow:0 1px 3px #000;transform:translate(-4px,-100%)}.tko-sat-pin:before{content:"●";font-size:14px;margin-right:4px;color:#f5a33e}.tko-sat-divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white;display:flex;align-items:center;justify-content:center;font-size:24px;color:#07547b;text-shadow:0 0 4px white;pointer-events:none}.tko-sat-divider:before{content:"";position:absolute;top:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background:#fff;z-index:-1}.tko-sat-date-left,.tko-sat-date-right{position:absolute;top:9px;background:#062738dc;padding:4px 7px;color:white;font-size:10px;border-radius:3px}.tko-sat-date-left{left:7px}.tko-sat-date-right{right:7px}.tko-compare-label{font-size:10px!important;display:block;line-height:1.1;margin-top:8px}.tko-satellite-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tko-satellite-controls label{font-size:10px}.tko-satellite-controls select{width:100%;display:block;font-size:11px;min-height:35px;padding:5px}.tko-satellite-scene.is-single .tko-sat-before,.tko-satellite-scene.is-single .tko-sat-divider,.tko-satellite-scene.is-single .tko-sat-date-left{display:none}
/* 04 — the reference's dark earth, with vertical layer navigation. */
.tko-earth-stage{display:grid;grid-template-columns:68px minmax(0,1fr);background:#071e30;border-radius:5px;overflow:hidden;min-height:240px;margin:0 -1px 8px}.tko-earth-sidebar{background:linear-gradient(#0b3551,#051e30);padding:5px;display:flex;flex-direction:column;gap:5px}.tko-earth-sidebar button,.tko-earth-sidebar a{font-size:10px;display:block;text-align:left;background:transparent;color:#dcebf3;border:0;padding:7px 4px;min-height:35px;border-radius:4px}.tko-earth-sidebar i{font-style:normal;display:inline-block;font-size:16px;width:18px;color:#8ae3ff}.tko-earth-sidebar button[aria-pressed=true]{color:#062a42;background:#7bc8fa}.tko-earth-sidebar button[aria-pressed=true] i{color:#075084}.tko-earth-map-area{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.tko-world-map{flex:1;display:flex;align-items:center}.tko-world-map svg{height:100%;min-height:210px;object-fit:contain}.tko-earth-legend{font-size:9px;padding:6px 5px;text-align:right;color:#f6b55f;position:absolute;bottom:0;right:0;background:#092a4299}.tko-world-map .tko-map-label{fill:white;stroke:#123248}.tko-map-selection{font-size:11px;line-height:1.7;background:#eef6fa;border-left:3px solid #67abd0;padding:8px 10px!important;min-height:47px;color:#355b73;margin:3px 0 8px!important}.tko-map-selection a{color:#006ca3;font-weight:600}.tko-earth-summary{font-size:12px;font-weight:650;margin:5px 0}.tko-event-list li{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.tko-event-badge{font-size:17px;font-weight:700;background:#fff0da;padding:7px 5px;color:#a35720;text-align:center;border-radius:5px}.tko-event-list a{font-size:14px;font-weight:600}.tko-event-list small{display:block;font-size:12px;color:var(--muted)}.tko-deep>label{display:block;margin:14px 0}.tko-earth-legend.is-events{color:#fbbf73}
/* 05 — actual occurrence photos with per-image attribution. */
.tko-species-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tko-species-photo{min-width:0;border-bottom:1px solid #e2edf2;padding-bottom:5px}.tko-species-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#e3eef0}.tko-species-photo>a{display:block}.tko-species-photo b{font-size:11px;line-height:1.4;display:block;margin:4px 0;overflow-wrap:anywhere;font-family:Georgia,serif}.tko-species-photo small{font-size:9px;line-height:1.4;display:block;color:#5f7483}.tko-species-photo details{font-size:9px;color:#617c8a;margin-top:3px}.tko-species-photo details a{color:#166d9a}.tko-photo-empty{aspect-ratio:4/3;display:grid;place-items:center;background:#e6f0ed;color:#587c73;font-size:10px;border-radius:3px;padding:8px}.tko-nature-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.tko-nature-map{background:#e4f1f4;border-radius:5px;overflow:hidden}.tko-species-list li{padding:10px 0;border-bottom:1px solid var(--line)}.tko-species-list a{font-family:Georgia,serif;font-size:15px}.tko-species-list small{display:block;color:var(--muted);font-size:11px}
/* 06 — an honest port position map, not an invented AIS field. */
.tko-port-scene{position:relative;overflow:hidden;min-height:230px;border-radius:5px;background:#10374e}.tko-port-scene>div:first-child svg{height:235px}.tko-port-readout{position:absolute;right:9px;bottom:10px;max-width:62%;background:#082d44eb;border:1px solid #6eabc4;color:white;border-radius:6px;padding:10px 12px}.tko-port-readout>span,.tko-port-readout>small{font-size:10px;display:block}.tko-port-readout strong{display:block;font-size:30px;line-height:1.5}.tko-port-readout strong small{font-size:13px;margin-left:5px}.tko-dashboard .tko-card-marine .tko-chart svg{max-height:125px}.tko-dashboard .tko-card-marine .tko-chart-readout{font-size:10px}
/* 07 — observation status, with no invented AQI safety class. */
.tko-air-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:235px}.tko-air-value{padding:13px 10px;background:#eef7f8;border-radius:5px}.tko-air-value>span:first-child{font-size:12px;font-weight:650;display:block}.tko-air-badge{display:inline-block;background:#d9f0f4;color:#267186;font-size:10px;padding:2px 7px;border-radius:4px;margin-top:12px}.tko-air-value h4{font-size:18px;margin:9px 0 0}.tko-air-value>strong{font-size:51px;font-weight:600;line-height:1.3;display:block}.tko-air-value small,.tko-air-value p{font-size:10px;color:#507183}.tko-air-map{background:#e2f0f4;border-radius:5px;overflow:hidden;display:flex;align-items:center}.tko-air-map svg{height:235px}.tko-air-select{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:11px!important}.tko-air-select select{min-width:0;flex:1;font-size:12px}.tko-air-table table{width:100%;border-collapse:collapse;font-size:13px}.tko-air-table th,.tko-air-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}
/* 08 — exact labels and scale; optional index view in details. */
.tko-year-select{margin:4px 0 9px;display:flex;align-items:center;gap:10px}.tko-year-select select{min-height:34px;font-size:12px;padding:4px 8px}.tko-population{min-height:143px}.tko-pop-row{display:grid;grid-template-columns:38px minmax(0,1fr) 98px;align-items:center;gap:9px;font-size:11px;margin:13px 0}.tko-pop-bar{height:17px;background:#eff4f8;border-radius:3px;overflow:hidden}.tko-pop-bar i{display:block;height:100%;background:linear-gradient(90deg,#397bc9,#7bcaff)}.tko-pop-row.is-japan .tko-pop-bar i{background:#2d627e}.tko-pop-row strong{font-size:13px;text-align:right}.tko-population>p{font-size:10px;color:var(--muted)}.tko-local-pop{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #dce8ed;margin-top:12px;padding-top:12px}.tko-local-pop>div{background:#f0f6f9;padding:8px}.tko-local-pop strong{display:block;font-size:17px}.tko-local-pop small{font-size:9px;display:block;color:var(--muted)}.tko-world-message{display:flex;gap:16px;justify-content:center;align-items:center;margin:5px 0 15px}.tko-globe{font:64px/1 Georgia;color:#468eb6}.tko-world-message p{font-size:14px;font-weight:650;line-height:1.8}.tko-world-message small{display:block;font-size:10px;font-weight:400;color:var(--muted)}
/* 09 — only real ephemeris values in the list; artwork is explicitly schematic. */
.tko-space-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.tko-space-heading>span{font-size:11px}.tko-space-heading strong{font-size:27px;line-height:1.5}.tko-space-heading strong small{font-size:10px;margin-left:3px}.tko-space-content{display:grid;grid-template-columns:27% minmax(0,1fr);gap:11px}.tko-orbit-art{position:relative;overflow:hidden;border-radius:5px;min-height:228px;background:radial-gradient(ellipse at 45% 35%,#40687a,#081e35 70%);color:white}.tko-orbit{position:absolute;border:1px solid #abc8d577;border-radius:50%;width:210%;height:25%;left:-70%;top:31%;transform:rotate(-37deg)}.tko-orbit.o2{width:260%;height:47%;left:-87%;top:20%}.tko-planet{position:absolute;left:25%;top:30%;width:47%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 25%,#b4d5cc,#468cb0 45%,#0b3d69 80%);box-shadow:2px 2px 12px #76d1fa50}.tko-orbit-moon{position:absolute;width:9px;height:9px;left:78%;top:25%;background:#ccd7d5;border-radius:50%}.tko-orbit-label{position:absolute;bottom:10px;left:9px;right:8px;font-size:8px;line-height:1.8;color:#bad5e2}.tko-space-list li{padding:9px 0;border-bottom:1px solid #e4edf3;display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:8px}.tko-space-list a{font-size:12px;font-weight:650}.tko-space-list small{font-size:9px;display:block;color:var(--muted)}.tko-space-dist{text-align:right;font-size:18px;color:#246482}.tko-space-dist small{font-size:9px}.tko-ld-bar{height:3px;background:#e0ebf1;display:block;margin-top:4px}.tko-ld-bar i{display:block;height:3px;background:#66b6d7}.tko-dashboard .tko-space-list li:nth-child(n+4){display:none}
/* 10 / 11 — archive and the unified map. */
.tko-card-archive .tko-chart{margin:14px 0 5px}.tko-card-archive .tko-chart svg{min-height:150px}.tko-integrated-stage{position:relative;min-height:298px;display:flex;background:#dcecf1;border-radius:5px;overflow:hidden}.tko-map-layers{position:absolute;left:7px;top:8px;z-index:2;margin:0;padding:6px 7px;border:1px solid #3a7192;border-radius:5px;background:#fffffff2;max-width:132px;box-shadow:0 2px 9px #133f551c}.tko-map-layers legend{font-size:10px;background:#0f3b58;color:white;padding:4px 7px;border-radius:3px}.tko-map-layers label{display:flex;gap:5px;align-items:center;font-size:11px;line-height:1.7;margin:2px 0;color:#175373}.tko-map-layers input{accent-color:#2194df;width:15px;height:15px;margin:0;min-height:0}.tko-integrated-map{width:100%;min-width:0;touch-action:pan-y;cursor:grab}.tko-integrated-map.is-zoomed{touch-action:none}.tko-integrated-map:active{cursor:grabbing}.tko-integrated-map svg{height:100%;min-height:298px;pointer-events:auto}.tko-map-zoom{position:absolute;right:8px;top:10px;display:flex;flex-direction:column;gap:5px}.tko-map-zoom button{width:35px;min-height:35px;padding:0;background:#fff;font-size:22px;border-color:#9fbecf}.tko-brand-card{background:linear-gradient(#0b2c49a6,#263d5360 45%,#0a223aea),url(harbor.webp) center/cover;min-height:350px;color:white;padding:38px 25px;align-items:center;text-align:center;justify-content:center}.tko-brand-card strong{font-size:26px;font-weight:500;letter-spacing:.16em;color:white}.tko-brand-card>span{font-size:9px;letter-spacing:.2em;margin-top:10px}.tko-brand-card p{font-size:13px;color:#f0f7ff;margin:32px 0;line-height:2.2}.tko-brand-card>b{margin-top:auto;font-size:14px;font-weight:500;letter-spacing:.08em}.tko-grid.is-filtered{grid-template-columns:minmax(0,1fr)}.tko-grid.is-filtered .tko-brand-card{display:none}.tko-grid.is-filtered .tko-card{max-width:1100px;width:100%;margin:auto}.tko-grid.is-filtered .tko-deep{display:block}
.tko-history{margin:25px 0;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.tko-history .tko-card-body{padding:20px}.tko-history form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:15px}.tko-history form label{display:flex;flex-direction:column;gap:4px}.tko-history button{color:#fff;background:#143f5c}.tko-history [data-tko-history-message]{font-size:12px;color:var(--muted)}.tko-history-stats{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 0}.tko-history-stats div{font-size:12px;color:var(--muted)}.tko-history-stats strong{display:block;font-size:28px;color:#245d7e}.tko-history-stats small{font-size:12px;margin-left:5px}.tko-history-table{font-size:12px}.tko-history-table summary{cursor:pointer;padding:10px 0}.tko-history table{width:100%;border-collapse:collapse;font-size:12px}.tko-history th,.tko-history td{text-align:left;padding:8px;border-bottom:1px solid var(--line);word-break:normal}.tko-history th{background:#edf5f9}.tko-source-directory{margin:20px 0;padding:16px;background:#eff5f8;border:1px solid var(--line);border-radius:6px;font-size:12px}.tko-source-directory summary{cursor:pointer;font-weight:650;padding:5px}.tko-source-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.tko-source-cards article{padding:14px;background:#fff;border:1px solid var(--line)}.tko-source-cards p{font-size:11px}.tko-source-cards a{color:#136f9e}.tko-related,.tko-archive-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 25px;background:#eff6fa;padding:18px;font-size:13px;margin:20px 0}.tko-related a,.tko-archive-nav a{color:#146a99}.tko-bridge{padding:25px;background:#eef7fb;border-top:3px solid var(--navy)}.tko-bridge h2{font-size:24px;margin:10px 0}
/* Detail pages use the identical card component at a readable, larger scale. */
.tko-detail .tko-grid{grid-template-columns:1fr}.tko-detail .tko-card-head>small{display:block}.tko-detail .tko-card-head h3{font-size:21px}.tko-detail .tko-card-body{padding:22px 25px}.tko-detail .tko-card-link{display:none}.tko-detail .tko-note{font-size:13px}.tko-detail .tko-subtabs button,.tko-detail .tko-subtabs a{font-size:14px;padding:10px 12px;flex:0 1 auto;min-width:135px}.tko-detail .tko-source{font-size:12px;padding-top:12px;margin-top:15px}.tko-detail .tko-extra-sources{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tko-detail .tko-ocean-scene{min-height:440px}.tko-detail .tko-regional-map svg{height:440px}.tko-detail .tko-ocean-readout{width:270px;right:24px;top:32px;padding:22px}.tko-detail .tko-ocean-readout strong{font-size:62px}.tko-detail .tko-ocean-readout>span,.tko-detail .tko-ocean-readout p{font-size:14px}.tko-detail .tko-ocean-readout>small{font-size:12px}.tko-detail .tko-satellite-scene{max-height:640px;aspect-ratio:7/6;max-width:746px;width:100%;margin:auto}.tko-detail .tko-satellite-controls{max-width:746px;width:100%;margin:auto}.tko-detail .tko-satellite-controls select{font-size:14px}.tko-detail .tko-compare-label{max-width:746px;width:100%;margin:12px auto;font-size:12px!important}.tko-detail .tko-earth-stage{grid-template-columns:110px minmax(0,1fr);min-height:430px}.tko-detail .tko-earth-sidebar button,.tko-detail .tko-earth-sidebar a{font-size:14px;padding:13px 9px;min-height:48px}.tko-detail .tko-world-map svg{min-height:430px}.tko-detail .tko-earth-legend{font-size:12px;padding:9px 13px}.tko-detail .tko-map-selection{font-size:14px}.tko-detail .tko-species-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tko-detail .tko-species-photo b{font-size:15px}.tko-detail .tko-species-photo small,.tko-detail .tko-species-photo details{font-size:11px}.tko-detail .tko-port-scene{min-height:400px}.tko-detail .tko-port-scene>div:first-child svg{height:400px}.tko-detail .tko-port-readout{bottom:22px;right:22px;padding:18px 25px}.tko-detail .tko-port-readout strong{font-size:50px}.tko-detail .tko-air-layout{grid-template-columns:320px minmax(0,1fr);min-height:350px}.tko-detail .tko-air-map svg{height:350px}.tko-detail .tko-air-value{padding:30px}.tko-detail .tko-air-value>strong{font-size:85px}.tko-detail .tko-air-value>span:first-child{font-size:18px}.tko-detail .tko-air-value p,.tko-detail .tko-air-value small{font-size:13px}.tko-detail .tko-population{max-width:850px;width:100%;margin:auto}.tko-detail .tko-pop-row{grid-template-columns:70px minmax(0,1fr) 170px;font-size:15px;margin:22px 0}.tko-detail .tko-pop-row strong{font-size:22px}.tko-detail .tko-pop-bar{height:27px}.tko-detail .tko-local-pop small{font-size:12px}.tko-detail .tko-local-pop strong{font-size:25px}.tko-detail .tko-space-content{grid-template-columns:210px minmax(0,1fr)}.tko-detail .tko-space-list a{font-size:16px}.tko-detail .tko-space-list small{font-size:12px}.tko-detail .tko-space-list li{grid-template-columns:minmax(0,1fr) 120px}.tko-detail .tko-space-dist{font-size:26px}.tko-detail .tko-space-content .tko-orbit-art{max-height:420px;min-height:320px}.tko-detail .tko-integrated-stage,.tko-detail .tko-integrated-map svg{min-height:570px}.tko-detail .tko-map-layers{max-width:190px;left:15px;top:15px;padding:12px}.tko-detail .tko-map-layers legend,.tko-detail .tko-map-layers label{font-size:14px}.tko-detail .tko-map-layers label{margin:6px 0}.tko-detail .tko-map-zoom button{width:44px;min-height:44px}
/* Existing home and alert fragments: specific, verified selectors only. */
.tko-home-renew{padding:18px 18px 20px;background:linear-gradient(120deg,#0a2e48,#145774);border-radius:9px;color:white;margin:20px auto 35px}.tko-home-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.tko-home-head h2{font-size:24px;line-height:1.5;color:white;margin:5px 0}.tko-home-head>a{font-size:13px;border:1px solid #80adc3;border-radius:20px;padding:8px 15px;white-space:nowrap}.tko-home-head .tko-eyebrow{color:#b6d7ec}.tko-home-renew .tko-today-cards{gap:10px}.tko-home-renew .tko-today-cards>a{padding:14px 10px;background:#062942b0;min-height:190px}.tko-home-renew .tko-today-cards>a>span{font-size:14px;min-height:0}.tko-home-renew .tko-today-cards i{font-size:38px;margin:5px 0}.tko-home-renew .tko-today-cards strong{font-size:35px}.tko-home-renew .tko-today-cards [data-tko-mini=weather]{font-size:19px}.tko-home-renew .tko-today-cards small{font-size:10px}.tko-home-deep-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:12px}.tko-home-deep-links a{border-bottom:1px solid #6aafc5;padding:5px 2px}.tscl-hero.tko-hero-upgraded .tscl-copy{font-size:clamp(28px,4vw,58px);line-height:1.5;letter-spacing:.1em}.tscl-hero.tko-hero-upgraded .tscl-tagline{letter-spacing:.18em;font-size:13px}.tko-alerts-integrated #tkr-warning{display:none!important}.tko-alerts-integrated .tda-alert .tda-tag{border-radius:6px;background:#ffe49e;color:#745110;padding:5px 10px;border:1px solid #e9c45b}.tko-alerts-integrated .tda-alert-warning .tda-tag,.tko-alerts-integrated .tda-alert-danger .tda-tag{background:#b72d30;color:#fff;border-color:#a62427}.tko-alerts-integrated .tda-earthquake strong{padding:3px 9px;background:#e7f0f6;border-radius:4px}.tko-intensity-1{color:#326eab!important}.tko-intensity-2{color:#247a8c!important}.tko-intensity-3{color:#467a36!important}.tko-intensity-4{color:#966410!important}.tko-intensity-5{color:#bd441f!important}.tko-intensity-6,.tko-intensity-7{color:#a21c49!important}.tko-local-anchor{scroll-margin-top:90px}.tko-data-page #main{max-width:none;width:100%;padding:0;background:transparent}.tko-data-page #content-in{max-width:1624px;width:calc(100% - 32px);margin:auto}.tko-data-page #sidebar{display:none}.tko-data-page .article{padding:0}.tko-data-page .entry-content{margin:0}.tko-data-page .article-header{margin-bottom:15px}.tko-data-page .tko~*{max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:1150px){.tko-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tko-banner-aside{max-width:220px}.tko-source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tko-card-head h3{font-size:17px}.tko-today-hero{min-height:322px}.tko-home-renew .tko-today-cards>a>span{font-size:12px}.tko-detail .tko-species-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.tko{font-size:14px;margin:14px auto}.tko-banner{padding:23px 18px;display:block}.tko-banner h2{font-size:25px;letter-spacing:.04em}.tko-banner p{font-size:10px}.tko-banner-aside{text-align:left;margin-top:17px;max-width:none;font-size:11px}.tko-banner-aside>span{font-size:10px}.tko-tabs{padding:10px 7px;gap:5px}.tko-tabs button{flex:1 0 17%;min-width:0;min-height:42px;padding:6px 4px;font-size:12px}.tko-tabs>a{flex:1 0 100%;text-align:right}.tko-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tko-card-head h3{font-size:17px}.tko .tko-card-head{padding:12px}.tko-card-body{padding:12px 13px}.tko-subtabs button,.tko-subtabs a{font-size:12px;min-height:40px}.tko-card-link{font-size:13px;min-height:42px}.tko-note,.tko-dashboard .tko-card-body>.tko-note,.tko-source,.tko-source details,.tko-map-caption{font-size:12px}.tko-state{font-size:11px}.tko-source summary{min-height:36px}.tko-source details p{font-size:13px}.tko-today-hero{margin:-12px -13px 0;padding:24px 12px 12px;min-height:0}.tko-today-hero h4{font-size:25px}.tko-today-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tko-today-cards>a{padding:12px 9px;min-height:158px}.tko-today-cards>a:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;text-align:left;min-height:74px;gap:5px 10px;padding:10px 13px}.tko-today-cards>a:first-child>small{grid-column:1/-1}.tko-today-cards>a>span{font-size:13px;min-height:0}.tko-today-cards i{font-size:34px}.tko-today-cards strong{font-size:31px}.tko-today-cards strong small{font-size:13px}.tko-today-cards small{font-size:11px}.tko-today-cards [data-tko-mini=weather]{font-size:16px;padding:0}.tko-ocean-scene{min-height:280px}.tko-regional-map svg{height:280px}.tko-ocean-readout{width:46%;padding:12px 9px}.tko-ocean-readout>strong{font-size:37px}.tko-ocean-readout>span{font-size:11px}.tko-ocean-readout p{font-size:11px}.tko-chart-readout{font-size:12px}.tko-satellite-controls{gap:7px}.tko select,.tko input[type=date]{font-size:16px!important;min-height:44px}.tko-satellite-controls select{font-size:14px!important}.tko-compare-label{font-size:12px!important}.tko-satellite-controls label{font-size:12px}.tko-sat-date-left,.tko-sat-date-right{font-size:11px}.tko-earth-stage{grid-template-columns:66px minmax(0,1fr);min-height:265px}.tko-world-map svg{min-height:230px}.tko-earth-sidebar button,.tko-earth-sidebar a{font-size:11px;min-height:44px}.tko-map-selection{font-size:12px}.tko-species-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tko-species-photo b{font-size:13px}.tko-species-photo small,.tko-species-photo details{font-size:11px}.tko-port-readout strong{font-size:29px}.tko-port-readout>span,.tko-port-readout>small{font-size:11px}.tko-air-layout{grid-template-columns:1fr 1fr;min-height:255px}.tko-air-value{padding:13px 10px}.tko-air-value>span:first-child{font-size:13px}.tko-air-value>strong{font-size:48px}.tko-air-value p,.tko-air-value small{font-size:11px}.tko-air-map svg{height:260px}.tko-pop-row{grid-template-columns:35px minmax(0,1fr) 105px;font-size:12px}.tko-pop-row strong{font-size:14px}.tko-population>p,.tko-local-pop small{font-size:11px}.tko-world-message small{font-size:11px}.tko-space-content{grid-template-columns:minmax(0,1fr)}.tko-orbit-art{min-height:100px;height:100px}.tko-orbit{width:220px;height:90px;left:15%;top:0}.tko-orbit.o2{width:360px;height:130px;left:0;top:-15%}.tko-planet{width:50px;left:37%;top:25%}.tko-orbit-moon{left:62%;top:21%}.tko-orbit-label{font-size:10px;left:9px;bottom:8px}.tko-space-list li{grid-template-columns:minmax(0,1fr) 95px}.tko-space-list a{font-size:14px}.tko-space-list small{font-size:11px}.tko-space-dist{font-size:23px}.tko-space-dist small{font-size:11px}.tko-map-layers{max-width:128px}.tko-map-layers label{font-size:12px;min-height:25px}.tko-map-layers legend{font-size:11px}.tko-map-zoom button{width:42px;min-height:42px}.tko-integrated-stage,.tko-integrated-map svg{min-height:340px}.tko-brand-card{min-height:340px}.tko-brand-card strong{font-size:25px}.tko-source-cards{grid-template-columns:1fr}.tko-source-cards p{font-size:12px}.tko-history .tko-card-body{padding:15px}.tko-history form label{flex:1 0 100%;font-size:12px}.tko-history form button{width:100%;min-height:44px}.tko-history-stats{gap:14px}.tko-history-stats strong{font-size:23px}.tko-history table{font-size:11px}.tko-related{display:block;font-size:13px}.tko-related a{display:block;padding:8px 0}.tko-detail .tko-card-head>small{display:none}.tko-detail .tko-card-head h3{font-size:19px}.tko-detail .tko-card-body{padding:13px}.tko-detail .tko-subtabs button,.tko-detail .tko-subtabs a{min-width:0;flex:1;font-size:12px;padding:10px 5px}.tko-detail .tko-extra-sources{grid-template-columns:1fr}.tko-detail .tko-ocean-scene{min-height:330px}.tko-detail .tko-regional-map svg{height:330px}.tko-detail .tko-ocean-readout{width:47%;right:9px;top:20px;padding:13px 9px}.tko-detail .tko-ocean-readout strong{font-size:39px}.tko-detail .tko-ocean-readout>span,.tko-detail .tko-ocean-readout p{font-size:11px}.tko-detail .tko-ocean-readout>small{font-size:10px}.tko-detail .tko-earth-stage{grid-template-columns:65px minmax(0,1fr);min-height:310px}.tko-detail .tko-world-map svg{min-height:280px}.tko-detail .tko-earth-sidebar button,.tko-detail .tko-earth-sidebar a{font-size:11px;padding:9px 3px}.tko-detail .tko-earth-legend{font-size:9px;padding:7px 5px}.tko-detail .tko-species-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tko-detail .tko-species-photo b{font-size:13px}.tko-detail .tko-port-scene{min-height:310px}.tko-detail .tko-port-scene>div:first-child svg{height:310px}.tko-detail .tko-port-readout{right:10px;bottom:10px;padding:12px}.tko-detail .tko-port-readout strong{font-size:35px}.tko-detail .tko-air-layout{grid-template-columns:1fr 1fr}.tko-detail .tko-air-value{padding:15px 10px}.tko-detail .tko-air-value>strong{font-size:52px}.tko-detail .tko-air-value>span:first-child{font-size:13px}.tko-detail .tko-air-value p,.tko-detail .tko-air-value small{font-size:11px}.tko-detail .tko-pop-row{grid-template-columns:35px minmax(0,1fr) 105px;font-size:12px}.tko-detail .tko-pop-row strong{font-size:15px}.tko-detail .tko-space-content{grid-template-columns:1fr}.tko-detail .tko-space-content .tko-orbit-art{min-height:140px;height:140px}.tko-detail .tko-space-list li{grid-template-columns:minmax(0,1fr) 95px}.tko-detail .tko-integrated-stage,.tko-detail .tko-integrated-map svg{min-height:460px}.tko-detail .tko-map-layers{max-width:140px;left:7px;top:10px;padding:8px}.tko-detail .tko-map-layers legend,.tko-detail .tko-map-layers label{font-size:12px}.tko-nature-layout{grid-template-columns:1fr}.tko-home-renew{padding:18px 13px}.tko-home-head{display:block}.tko-home-head h2{font-size:23px;margin-bottom:13px}.tko-home-head>a{display:inline-block}.tko-home-renew .tko-today-cards>a{min-height:171px;padding:12px 9px}.tko-home-renew .tko-today-cards>a:first-child{min-height:83px}.tko-home-renew .tko-today-cards small{font-size:11px}.tko-home-deep-links{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:9px}.tko-data-page #content-in{width:calc(100% - 20px)}.tko-detail-nav{gap:5px;padding:10px 5px}.tko-detail-nav a{font-size:12px;padding:8px 7px}.tscl-hero.tko-hero-upgraded .tscl-tagline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tko *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.tko button,.tko input,.tko select{display:none}.tko-card{break-inside:avoid}.tko-grid{grid-template-columns:1fr 1fr}.tko-deep{display:block!important}}