.hoi,.hoi *{box-sizing:border-box}
.hoi{--ink:#0d2926;--muted:#627673;--line:#dfe9e7;--teal:#008f8c;--teal2:#0f5f5b;--deep:#062724;--soft:#f5f9f8;--soft2:#eef6f4;--green:#2c8b67;--red:#b95757;--amber:#b37a25;max-width:1440px;margin:0 auto;padding:clamp(28px,4vw,64px) clamp(18px,3vw,44px);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.hoi-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;padding:0 0 34px;border-bottom:1px solid var(--line)}
.hoi-hero-copy{min-width:0}.hoi-kicker,.hoi-eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hoi-hero h1{margin:8px 0 12px;font-size:clamp(34px,5.2vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:650}.hoi-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.hoi-meta-stack{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex:0 0 auto}.hoi-updated{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:11px}.hoi-live{width:7px;height:7px;border-radius:50%;background:#38b890;box-shadow:0 0 0 4px rgba(56,184,144,.10)}.hoi-confidence{color:var(--teal2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8.5px;font-weight:800;letter-spacing:.08em}
.hoi-primary-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.hoi-primary{min-width:0;padding:28px 26px 30px;border-right:1px solid var(--line)}.hoi-primary:last-child{border-right:0}.hoi-primary>span{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.5px;font-weight:750;letter-spacing:.08em}.hoi-primary strong{display:block;margin:11px 0 8px;font-size:clamp(27px,3.1vw,44px);font-weight:640;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.hoi-primary small{display:block;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.hoi-primary.is-stress{background:linear-gradient(135deg,rgba(0,143,140,.055),transparent)}.hoi-primary.is-stale{background:linear-gradient(135deg,rgba(179,122,37,.07),transparent)}.hoi-primary.is-stale small{color:var(--amber);font-weight:700;letter-spacing:.04em}
.hoi-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:18px}.hoi-panel{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.hoi-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 24px 18px}.hoi-head h2{margin:5px 0 0;font-size:21px;letter-spacing:-.025em}.hoi-note{color:var(--muted);font-size:10px}.hoi-status{max-width:190px;padding:7px 10px;border-radius:999px;background:#edf4f2;color:var(--teal2);font-size:8.5px;font-weight:800;letter-spacing:.07em;text-align:center;white-space:nowrap}.hoi-status.near-closed,.hoi-status.severely-restricted,.hoi-status.closed{background:#fbefef;color:var(--red)}.hoi-status.restricted{background:#fff5e8;color:#a2671d}.hoi-status.open---normalising,.hoi-status.open{background:#ecf8f3;color:var(--green)}
.hoi-rows{border-top:1px solid var(--line)}.hoi-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid var(--line)}.hoi-row>div{min-width:0}.hoi-row strong{display:block;font-size:12px}.hoi-row span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.hoi-row b{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.hoi-row.is-muted{opacity:.52}.hoi-method{padding:18px 24px;background:var(--soft)}.hoi-method strong{font-size:11px}.hoi-method p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.hoi-method b{color:var(--ink);font-weight:650}
.hoi-stale-note{margin:0 20px 18px;padding:11px 13px;border:1px solid rgba(179,122,37,.18);border-radius:9px;background:#fff9ef;color:#8b641f;font-size:10px;line-height:1.55}.hoi-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.hoi-mini-grid>div{min-height:118px;padding:20px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.hoi-mini-grid>div:nth-child(2n){border-right:0}.hoi-mini-grid span{display:block;color:var(--muted);font-size:10px}.hoi-mini-grid strong{display:block;margin:11px 0 6px;font-size:26px;font-weight:640;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.hoi-mini-grid small{display:block;color:var(--muted);font-size:9.5px;line-height:1.45}.hoi-status-value{font-size:17px!important;line-height:1.1;letter-spacing:-.01em!important}
.hoi-insight{margin-top:18px;padding:25px 26px;background:var(--deep);border-color:var(--deep);color:#effafa}.hoi-insight .hoi-eyebrow{color:#77d8d1}.hoi-insight p{max-width:1120px;margin:10px 0 0;color:#c7dcda;font-size:15px;line-height:1.7}
.hoi-signal-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}.hoi-signal-strip>div{padding:17px 20px;border-right:1px solid var(--line)}.hoi-signal-strip>div:last-child{border-right:0}.hoi-signal-strip span{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8.5px;font-weight:750;letter-spacing:.08em}.hoi-signal-strip strong{display:block;margin-top:7px;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}
.hoi-sources{margin-top:18px;padding-bottom:6px}.hoi-source-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hoi-source-grid a{display:flex;align-items:center;gap:10px;min-width:0;padding:17px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit!important;text-decoration:none!important}.hoi-source-grid a:nth-child(4n){border-right:0}.hoi-source-grid a:nth-last-child(-n+4){border-bottom:0}.hoi-source-grid a div{min-width:0;flex:1}.hoi-source-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.045em}.hoi-source-grid small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.hoi-source-grid em{color:var(--muted);font-style:normal}.hoi-source-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#c1ccca}.hoi-source-dot.live{background:#35a87f}.hoi-source-dot.cached-fallback,.hoi-source-dot.stale{background:#d29b45}.hoi-source-dot.seed{background:#64a4bd}.hoi-source-dot.unavailable{background:#c8d1cf}.hoi-disclaimer{margin:0;padding:18px 24px;color:var(--muted);font-size:9.5px;line-height:1.65;border-top:1px solid var(--line)}

.hoi-production{margin-top:18px}.hoi-production .hoi-mini-grid>div{border-bottom:0}.hoi-production-card a{color:inherit!important;text-decoration:none!important;border-bottom:1px solid rgba(0,143,140,.25)}
@media(max-width:1080px){.hoi-primary-grid{grid-template-columns:repeat(2,1fr)}.hoi-primary:nth-child(2){border-right:0}.hoi-primary:nth-child(-n+2){border-bottom:1px solid var(--line)}.hoi-layout{grid-template-columns:1fr}.hoi-source-grid{grid-template-columns:repeat(2,1fr)}.hoi-source-grid a:nth-child(4n){border-right:1px solid var(--line)}.hoi-source-grid a:nth-child(2n){border-right:0}.hoi-source-grid a:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.hoi-source-grid a:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:720px){.hoi{padding-inline:16px}.hoi-hero{align-items:flex-start;flex-direction:column}.hoi-meta-stack{align-items:flex-start}.hoi-primary{padding:21px 16px}.hoi-primary strong{font-size:27px}.hoi-primary small{white-space:normal}.hoi-head{padding:20px 18px 15px}.hoi-row{padding:14px 18px}.hoi-mini-grid>div{padding:17px 16px;min-height:104px}.hoi-mini-grid strong{font-size:23px}.hoi-signal-strip{grid-template-columns:1fr}.hoi-signal-strip>div{border-right:0;border-bottom:1px solid var(--line)}.hoi-signal-strip>div:last-child{border-bottom:0}.hoi-source-grid{grid-template-columns:1fr}.hoi-source-grid a,.hoi-source-grid a:nth-child(2n),.hoi-source-grid a:nth-child(4n){border-right:0;border-bottom:1px solid var(--line)}.hoi-source-grid a:last-child{border-bottom:0}.hoi-source-grid a:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.hoi-source-grid a:last-child{border-bottom:0}}
