.jhs-viewport{width:100%;max-width:1600px;margin:0 auto;color:#20343e;box-sizing:border-box}.jhs-viewport *{box-sizing:border-box}.jhs-viewport__header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:16px 16px 0 0;background:#102430;color:#edf6f9}.jhs-viewport__header h1{margin:0;font-size:clamp(2rem,4vw,3.3rem)}.jhs-viewport__eyebrow,.jhs-viewport__kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;opacity:.72}.jhs-viewport__subtitle{margin:8px 0 0;color:#c7d9e0;font-size:1.05rem}.jhs-viewport__status{display:flex;align-items:center;gap:12px;min-width:190px;padding:13px 16px;border:1px solid #66818f;border-radius:12px;background:rgba(255,255,255,.04)}.jhs-viewport__status small,.jhs-viewport__status strong{display:block}.jhs-viewport__status small{color:#b9cbd2}.jhs-viewport__status-dot{width:13px;height:13px;border-radius:50%;background:#55d981;box-shadow:0 0 12px rgba(85,217,129,.85)}.jhs-viewport__status.is-active .jhs-viewport__status-dot,.jhs-viewport__pill.is-active{background:#f2b84b}.jhs-viewport__notice{display:flex;justify-content:space-between;gap:20px;padding:13px 20px;background:#dcebf0;border-bottom:1px solid #bfd0d7}.jhs-viewport__notice span{color:#526973}.jhs-viewport__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#425964}.jhs-viewport__metrics article{padding:22px;background:#183642;color:#fff}.jhs-viewport__metrics strong{display:block;font-size:2.35rem;line-height:1}.jhs-viewport__metrics span{display:block;margin-top:8px;color:#c6d7de}.jhs-viewport__grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;padding:18px;background:#dfe7eb}.jhs-viewport__panel{padding:20px;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(15,34,44,.09)}.jhs-viewport__panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:13px;border-bottom:1px solid #d8e0e4}.jhs-viewport__panel-heading h2{margin:0;font-size:1.35rem}.jhs-viewport__pill{padding:6px 10px;border-radius:999px;background:#d6f3df;font-size:.76rem;font-weight:800}.jhs-viewport__count{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#e5edf1;font-weight:800}.jhs-viewport__empty{margin-top:16px;padding:34px 20px;border:1px dashed #aebdc4;border-radius:10px;text-align:center;color:#62747c}.jhs-viewport__empty h3{margin:0 0 8px;color:#314a55}.jhs-viewport__empty p{margin:0}.jhs-viewport__net-list,.jhs-viewport__report-list{display:grid;gap:13px;margin-top:16px}.jhs-viewport__net,.jhs-viewport__report{padding:16px;border:1px solid #d7e0e4;border-radius:10px}.jhs-viewport__net h3{margin:0}.jhs-viewport__net span{color:#687a82;font-size:.88rem}.jhs-viewport__net dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:13px 0 0}.jhs-viewport__net dt{font-weight:800}.jhs-viewport__net dd{margin:0}.jhs-viewport__report-top{display:flex;justify-content:space-between;gap:14px}.jhs-viewport__report-top strong{display:block;margin-top:6px}.jhs-viewport__report-top time{white-space:nowrap;color:#687a82;font-size:.86rem}.jhs-viewport__report-type{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7f0f4;font-size:.74rem;font-weight:800}.jhs-viewport__report p{margin:12px 0}.jhs-viewport__report ul{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;padding:0;list-style:none}.jhs-viewport__report li{padding:5px 8px;border-radius:7px;background:#f2f5f6;font-size:.82rem}.jhs-viewport__report footer{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e3e9ec;color:#65777f;font-size:.8rem}.jhs-viewport__footer{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-radius:0 0 16px 16px;background:#102430;color:#d9e7ec}.jhs-viewport__footer div{display:flex;flex-direction:column}.jhs-viewport__footer span{font-size:.84rem;color:#aebfc6}@media(max-width:900px){.jhs-viewport__grid{grid-template-columns:1fr}.jhs-viewport__notice{display:block}.jhs-viewport__notice span{display:block;margin-top:5px}}@media(max-width:640px){.jhs-viewport__header{display:block}.jhs-viewport__status{margin-top:18px}.jhs-viewport__metrics{grid-template-columns:1fr}.jhs-viewport__footer{display:block}.jhs-viewport__footer div+div{margin-top:10px}.jhs-viewport__report-top{display:block}.jhs-viewport__report-top time{display:block;margin-top:8px}}


/* JHS 2.3.2 - Public Viewport cohesion */
.jhs-viewport__notice b{color:#294b5a;font-weight:800;white-space:nowrap}
.jhs-viewport-page .jhs-viewport{min-width:0}
@media(max-width:640px){
    .jhs-viewport{font-size:.96rem}
    .jhs-viewport__header,.jhs-viewport__panel{padding:16px}
    .jhs-viewport__notice{padding:12px 16px}
    .jhs-viewport__notice b{display:block;margin-top:5px;white-space:normal}
    .jhs-viewport__grid{padding:10px;gap:10px}
    .jhs-viewport__metrics article{padding:16px}
    .jhs-viewport__metrics strong{font-size:2rem}
}