/* Refined tab join: square lower corners meet a connector that overlaps by one pixel. */
.h7-tab[aria-selected=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}
.h7-tab[aria-selected=true]:after{height:16px;bottom:-15px}
.h9-hero-report{background:linear-gradient(140deg,#e3edf5,#eef3ef);padding:21px 21px 44px}
.h9-hero-report .h7-paper-body{padding:19px 20px 15px}
.h9-hero-result{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;align-items:center;margin-top:16px}
.h9-hero-result span,.h9-hero-result small{display:block;font-size:9px;color:#6a7c8d}
.h9-hero-result strong{font-size:28px;letter-spacing:-.03em;font-weight:600;display:block;margin:2px 0 3px;color:#193149}
.h9-hero-result small{color:#157f4f}
.h9-hero-report .h7-summary{margin:13px 0 5px;padding:9px 11px;background:#f5f1e8}
.h9-hero-report .h7-summary b{font-weight:600}.h9-hero-report .h7-signal-list>div{padding:5px 0}


/* Five signals: an editorial index and one purposeful visual. */
.h9-signals{max-width:1248px;margin:0 auto;padding:132px 32px 124px;display:grid;grid-template-columns:.75fr 1.4fr;gap:82px;align-items:start;scroll-margin-top:20px}
.h9-signals-intro{padding-top:35px}.h9-signals-intro h2{font-size:52px;line-height:1.05;letter-spacing:-.045em;font-weight:500;color:#11273a;margin:24px 0}
.h9-signals-intro>p:last-child{font-size:17px;line-height:1.7;color:#617488;max-width:310px}
.h9-explorer{display:grid;grid-template-columns:192px 1fr;border:1px solid #dde5eb;border-radius:26px;min-width:0;background:#fbfcfc;box-shadow:0 16px 45px -37px #20496d50;overflow:hidden}
.h9-signal-nav{display:flex;flex-direction:column;padding:17px 0;background:#f2f5f6;border-right:1px solid #e1e8ed;position:relative;gap:4px}
.h9-signal-tab{position:relative;background:none;border:0;padding:22px 14px 22px 20px;display:flex;align-items:center;gap:10px;font-size:12px;color:#607286;text-align:left;cursor:pointer;isolation:isolate;min-height:66px}
.h9-signal-number{font-size:10px;font-variant-numeric:tabular-nums;color:#8999a6;letter-spacing:.03em}
.h9-signal-tab svg{margin-left:auto;width:14px;height:14px;opacity:0;transform:translateX(-5px);transition:transform .3s,opacity .3s;flex:none}
.h9-signal-tab[aria-selected=true]{background:#fff;color:#1d4e7e;font-weight:650}
.h9-signal-tab[aria-selected=true] .h9-signal-number{color:#2a62b6}
.h9-signal-tab[aria-selected=true] svg{opacity:1;transform:none}
.h9-signal-tab:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#2a62b6;transform:scaleY(0);transition:transform .35s}
.h9-signal-tab[aria-selected=true]:before{transform:scaleY(1)}
.h9-signal-tab:focus-visible{outline:2px solid #2a62b6;outline-offset:-5px;border-radius:4px}
.h9-signal-progress{position:absolute;left:20px;right:16px;bottom:8px;height:1px;background:#2a62b63b;transform:scaleX(0);transform-origin:left}
.h9-touring .h9-signal-tab[aria-selected=true] .h9-signal-progress{animation:h9-tour 8s linear forwards}
@keyframes h9-tour{to{transform:scaleX(1)}}
.h9-signal-panels{min-width:0;background:white;position:relative}
.h9-signal-panel{padding:32px 28px 22px;min-height:407px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.h9-signals-ready .h9-signal-panel:not(.is-active){display:none}
.h9-signals-ready .h9-signal-panel.is-active .h9-signal-panel-copy{animation:h7-arrive .45s both}
.h9-signals-ready .h9-signal-panel.is-active .h9-signal-visual{animation:h7-arrive .55s .12s both}
.h9-signal-caption{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#728393;margin-bottom:14px}
.h9-signal-panel h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:550;margin-bottom:16px;color:#1b344d;max-width:290px}
.h9-signal-panel-copy>p:last-child{font-size:13px;line-height:1.7;color:#63778a}
.h9-signal-visual{padding:23px 17px;border-radius:14px;background:#f2f6f9;color:#46647c;min-height:116px;display:flex;align-items:center;justify-content:center}
.h9-signal-footer{grid-column:1/-1;border-top:1px solid #e2e8ed;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}
.h9-signal-footer>p{display:flex;flex-wrap:wrap;gap:15px;font-size:9px;color:#687b8e}.h9-key{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.h9-key:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--signal-colour)}
.h9-key.green{--signal-colour:#178458}.h9-key.amber{--signal-colour:#b98125}.h9-key.red{--signal-colour:#c34035}
.h9-signal-play{font-size:9px;color:#6b8194;cursor:pointer;border:0;background:none;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;padding:4px;display:none}
.h9-signals-ready .h9-signal-play{display:block}
.h9-comparison{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.h9-comparison>div{min-width:0}.h9-comparison span,.h9-equation small,.h9-insurer>div>span{display:block;font-size:9px;color:#7d91a4;margin-bottom:7px}
.h9-comparison b{font-weight:550;font-size:11px;line-height:1.3;display:block;color:#2a4863}
.h9-comparison i{display:block;height:7px;margin-top:12px;border-radius:4px;background:#2a62b6}.h9-comparison .h9-target-track{background:#c98f24}
.h9-comparison .h9-versus{font-style:italic;font-size:13px;margin:0;color:#a3b0bc}
.h9-equation{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;text-align:center}.h9-equation i{font-style:normal;color:#91a6b7;font-size:17px}.h9-equation b{font-size:15px;font-weight:550}.h9-equation small{font-size:8px;margin-bottom:5px}.h9-equation-result b{color:#157f4f}
.h9-costs{width:100%;text-align:center}.h9-costs>div{display:flex;gap:5px}.h9-costs>div>span{background:#fff;border:1px solid #dce5ed;border-radius:6px;padding:8px 4px;font-size:8px;flex:1}.h9-costs>svg{height:30px;width:100%;color:#b8cad9}.h9-costs>p{display:flex;gap:7px;justify-content:center;align-items:center;font-size:12px;color:#2b5275;font-weight:550}.h9-costs>p svg{width:17px;height:17px}
.h9-labour{width:100%}.h9-labour>div{display:flex;align-items:center;gap:5px;margin-bottom:8px}.h9-labour>div>span{font-size:9px;width:76px;flex:none}.h9-labour i{width:50px;height:12px;border-radius:3px;background:#2a62b6}.h9-labour>div:nth-child(2) i{background:#c98f24}.h9-labour p{display:flex;align-items:center;gap:12px;padding-top:10px;margin-top:11px;border-top:1px solid #dee7ee}.h9-labour p b{font-size:26px;line-height:1;color:#264966;letter-spacing:-.04em;font-weight:550}.h9-labour p span{font-size:9px;line-height:1.5;color:#728698}
.h9-insurer{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;width:100%}.h9-insurer>div b{font-size:11px;font-weight:550}.h9-insurer>i{font-size:20px;font-style:normal;color:#90a4b7}.h9-insurer>p{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:9px;padding-top:13px;border-top:1px solid #dce7ef}.h9-insurer>p i{height:1px;flex:1;background:#c6d7e5}.h9-insurer>p b{font-size:9px;font-weight:550;color:#157f4f}
/* Standalone report elements, using exact editable screenshot text. */
.h9-report-section{padding:95px 40px 110px;background:#f4f7fa;scroll-margin-top:20px;border-block:1px solid #e8edf2}
.h9-report-section>.h7-section-heading{max-width:690px;margin:0 auto 54px}
.h9-dashboard{max-width:1380px;margin:auto;border:1px solid #d8e2ea;border-radius:24px;background:#edf2f6;box-shadow:0 22px 65px -45px #24445e60;overflow:hidden}
.h9-dashboard-bar{height:60px;background:#fcfdfd;border-bottom:1px solid #dce5ed;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:12px;color:#718295;gap:10px}
.h9-dashboard-bar>span:first-child{display:flex;gap:12px;align-items:center}.h9-dashboard-bar b{color:#214468;font-weight:650}.h9-dashboard-bar svg{width:19px;height:19px;color:#2a62b6}.h9-dashboard-bar i{font-style:normal;color:#c1ccd6}.h9-dashboard-ready{display:flex;align-items:center;gap:6px;font-size:10px}.h9-dashboard-ready svg{width:15px;height:15px;color:#178458}
.h9-dashboard-body{padding:29px 25px 16px}
.h9-report-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 1px 23px}
.h9-report-heading>div>p{font-size:10px;color:#728497;margin-bottom:9px}.h9-report-heading h3{font-size:24px;letter-spacing:-.03em;color:#1e354c;font-weight:600;line-height:1.2}.h9-report-heading>p{font-size:11px;color:#75869a;padding-bottom:3px;white-space:nowrap}
.h9-ai-summary{display:flex;align-items:flex-start;gap:20px;background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:25px 27px;box-shadow:0 4px 8px -7px #2a527c20;margin-bottom:23px;position:relative}
.h9-summary-icon{background:#eaf1fb;color:#2a62b6;padding:10px;display:grid;place-items:center;border-radius:12px;flex:none}.h9-summary-icon svg{width:22px;height:22px}
.h9-ai-summary h4{font-size:10px;color:#567695;letter-spacing:.07em;font-weight:650;margin:3px 0 11px}
.h9-ai-summary p{font-size:16px;line-height:1.75;color:#3c5167;max-width:1130px}
.h9-report-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.h9-report-card{min-width:0;padding:20px 17px 16px;background:white;border:1px solid #dce4eb;border-top:3px solid var(--signal-colour);border-radius:15px;box-shadow:0 8px 16px -14px #26435e30;display:flex;flex-direction:column;scroll-margin-top:30px}
.h9-report-card.green{--signal-colour:#178458;--signal-bg:#eaf4ef}.h9-report-card.amber{--signal-colour:#e3a008;--signal-bg:#fbf2e5}.h9-report-card.red{--signal-colour:#c34035;--signal-bg:#f9eeec}
.h9-report-card>header{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:16px}
.h9-report-card h4{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:#536277;line-height:1.3}.h9-info{display:inline-flex;color:#8b95a3;cursor:help}.h9-info svg{width:14px;height:14px}
.h9-report-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:550;white-space:nowrap;color:#536277}.h9-report-card.red .h9-report-status{background:var(--signal-colour);color:#fff}.h9-report-card.amber .h9-report-status{background:var(--signal-colour);color:#1c1200}.h9-report-card.green .h9-report-status{padding-inline:0}
.h9-report-status i{width:8px;height:8px;border-radius:50%;background:var(--signal-colour)}.h9-report-card.red .h9-report-status i,.h9-report-card.amber .h9-report-status i{background:currentColor}
.h9-card-value{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}.h9-card-value strong{font-size:31px;line-height:1;letter-spacing:-.03em;font-weight:600;color:#1d3044}
.h9-delta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;white-space:nowrap;color:#536277;font-variant-numeric:tabular-nums}.h9-delta>span{font-size:10px;line-height:1}
.h9-card-secondary{font-size:9px;line-height:1.6;color:#6c7e90;min-height:29px;margin-bottom:4px}.h9-card-secondary b{color:#1d3044;font-weight:500}

.h9-report-card.visible .h9-trend-plot{animation:h9-uncover .9s .15s backwards}
@keyframes h9-uncover{from{clip-path:inset(-5% 100% -5% -2%)}to{clip-path:inset(-5% -2% -5% -2%)}}
.h9-group{font-size:9px;line-height:1.5;color:#8293a3;margin-bottom:12px}
.h9-card-narrative{font-size:13px;line-height:1.7;color:#506478;flex:1;margin-bottom:18px}

.h9-report-note{font-size:9px;line-height:1.5;color:#8192a2;text-align:center;margin:16px 0 0}
body:not(.h9-signals-ready) .h9-explorer{display:block}body:not(.h9-signals-ready) .h9-signal-nav{display:none}body:not(.h9-signals-ready) .h9-signal-panel{border-bottom:1px solid #e3e9ef}
@media(min-width:1500px){.h9-signals{max-width:1320px;grid-template-columns:.7fr 1.4fr;gap:95px}.h9-explorer{grid-template-columns:205px 1fr}.h9-signal-panel{padding:35px;min-height:407px}.h9-report-card{padding:23px 20px 18px}.h9-report-card>header{flex-direction:row;justify-content:space-between;align-items:center}.h9-card-value strong{font-size:32px}}
@media(max-width:1150px){.h9-signals{grid-template-columns:1fr;gap:35px;padding:90px 45px}.h9-signals-intro{padding:0;text-align:center}.h9-signals-intro h2{font-size:45px;margin:20px 0}.h9-signals-intro h2 br{display:none}.h9-signals-intro>p:last-child{max-width:520px;margin:auto}.h9-signals-intro>p:last-child br{display:none}.h9-explorer{max-width:800px;width:100%;margin:auto;grid-template-columns:230px 1fr}.h9-signal-panel h3{font-size:31px;max-width:360px}.h9-signal-panel-copy>p:last-child{font-size:15px}.h9-signal-panel{padding:33px;min-height:390px}.h9-signal-tab{font-size:14px}.h9-signal-visual{min-height:126px}.h9-report-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.h9-report-card:last-child{grid-column:1/-1}.h9-report-card:last-child .h9-trend{max-width:380px}.h9-report-card>header{flex-direction:row;justify-content:space-between}.h9-card-narrative{font-size:14px}.h9-secondary-spacer{display:none}.h9-report-card{padding:23px}.h9-card-value strong{font-size:34px}}
@media(max-width:700px){.h9-signals{padding:75px 24px;gap:30px}.h9-signals-intro h2{font-size:39px}.h9-signals-intro>p:last-child{font-size:16px;max-width:330px}.h9-explorer{grid-template-columns:1fr;border-radius:20px}.h9-signal-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:7px;padding:16px 12px;border-right:0;border-bottom:1px solid #e1e8ed}.h9-signal-tab{border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:11px;min-height:39px;gap:6px}.h9-signal-tab svg,.h9-signal-number{display:none}.h9-signal-tab[aria-selected=true]{border-color:#d6e2ec;box-shadow:0 2px 6px -4px #32577c66}.h9-signal-tab:before,.h9-signal-progress{display:none}.h9-signal-panel{padding:28px 25px;min-height:376px;gap:24px}.h9-signal-panel h3{font-size:29px}.h9-signal-panel-copy>p:last-child{font-size:14px;line-height:1.75}.h9-signal-visual{padding:22px 17px;min-height:120px}.h9-signal-footer{justify-content:center;padding:16px 12px}.h9-signal-play{display:none!important}.h9-signal-footer>p{font-size:9px;gap:16px}.h9-report-section{padding:72px 16px 70px}.h9-report-section>.h7-section-heading{padding:0 10px;margin-bottom:35px}.h9-report-section .h7-section-heading>p:last-child{font-size:16px;line-height:1.7}.h9-dashboard{border-radius:19px}.h9-dashboard-bar{padding:0 16px;height:53px;font-size:10px}.h9-dashboard-bar>span:first-child{gap:7px}.h9-dashboard-ready{font-size:8px}.h9-dashboard-ready svg{width:12px;height:12px}.h9-dashboard-body{padding:21px 12px 14px}.h9-report-heading{align-items:start;flex-direction:column;gap:9px;margin:0 4px 20px}.h9-report-heading h3{font-size:23px}.h9-report-heading>p{font-size:10px}.h9-ai-summary{display:block;padding:22px 20px;margin-bottom:17px;border-radius:14px}.h9-summary-icon{display:inline-flex;padding:8px;margin-bottom:12px}.h9-summary-icon svg{width:18px;height:18px}.h9-ai-summary h4{margin:0 0 12px}.h9-ai-summary p{font-size:14px;line-height:1.8}.h9-report-cards{grid-template-columns:1fr;gap:16px}.h9-report-card{padding:22px 20px 18px;border-radius:14px}.h9-report-card:last-child{grid-column:auto}.h9-report-card>header{margin-bottom:20px;align-items:center;gap:9px}.h9-card-value strong{font-size:35px}.h9-delta{font-size:10px;padding:5px 7px}.h9-card-secondary{font-size:10px;min-height:0;margin-bottom:2px}.h9-trend-plot{height:108px}.h9-group{font-size:10px}.h9-card-narrative{font-size:14px;line-height:1.75;margin-bottom:21px}.h9-btn{font-size:13px}.h9-report-note{font-size:8px}.h9-hero-report .h7-paper-body{padding:15px}.h9-hero-result strong{font-size:25px}}
@media(max-width:360px){.h9-signals{padding-inline:16px}.h9-signal-nav{gap:3px;padding-inline:8px}.h9-signal-tab{font-size:10px;padding:9px 10px}.h9-signal-panel{padding:25px 21px;min-height:388px}.h9-signal-panel h3{font-size:27px}.h9-signal-footer>p{gap:10px;font-size:8px}.h9-dashboard-bar{padding-inline:12px}.h9-dashboard-ready{font-size:7px}.h9-report-section{padding-inline:10px}.h9-report-card{padding-inline:17px}.h9-card-value strong{font-size:32px}.h9-card-value{gap:6px}.h9-delta{font-size:9px;padding:4px 5px}.h9-ai-summary{padding:20px 17px}.h9-equation{gap:6px}.h9-equation b{font-size:13px}.h9-equation small{font-size:7px}.h9-report-heading h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.h9-signal-tab,.h9-signal-tab svg,.h9-signal-tab:before{transition:none!important}.h9-signal-panel>* , .h9-signal-progress,.h9-report-card.visible .h9-trend-plot{animation:none!important}.h9-signal-play{display:none!important}}

/* Readable supporting figures, including the narrow five-card desktop layout. */
.h9-group,.h9-card-secondary{font-size:11px;color:#64768a}.h9-card-secondary{min-height:35px}.h9-group{line-height:1.55}.h9-delta{font-size:11px}.h9-card-narrative{font-size:14px}
.h9-report-heading>p{color:#61758a}.h9-report-note{font-size:10px;color:#6c7f92}.h9-dashboard-ready{font-size:11px;color:#5d7387}
.h9-signal-tab{font-size:13px}.h9-signal-number{font-size:11px}.h9-signal-caption{font-size:10px;color:#617991}.h9-signal-footer>p{font-size:11px;color:#5c7388}.h9-signal-play{font-size:11px;color:#60768a}
.h9-comparison span,.h9-equation small,.h9-insurer>div>span{font-size:11px;color:#60778c;line-height:1.4}.h9-comparison b{font-size:13px}.h9-equation b{font-size:13px;line-height:1.35;display:block}.h9-equation-result b{font-size:16px}.h9-equation{gap:9px}.h9-equation>span{flex:1;min-width:0}.h9-equation i{flex:none}
.h9-costs>div>span{font-size:10px}.h9-labour>div>span{font-size:11px;width:88px}.h9-labour p span{font-size:11px;color:#60778c}.h9-signal-panel:focus-visible{outline:2px solid #2a62b6;outline-offset:-4px}
@media(min-width:901px) and (max-height:800px){.h7-stage{padding-block:24px}.h7-panel{padding:25px;gap:25px}.h7-panel-copy h2{font-size:32px}.h7-panel-copy>p:not(.h7-product-label){font-size:14px}.h7-art{min-height:280px}.h9-hero-report .h7-paper-body{padding:13px 17px}.h9-hero-result{margin-top:9px}.h9-hero-result strong{font-size:25px}.h9-hero-report .h7-summary{margin-block:9px 4px}.h9-hero-report .h7-signal-list>div{padding-block:4px}.h9-hero-report{padding:17px 17px 39px}}
@media(max-width:700px){.h9-signal-tab{font-size:12px;padding-inline:12px}.h9-signal-footer>p{font-size:10px;gap:12px}.h9-dashboard-ready{font-size:9px}.h9-card-secondary{min-height:0}.h9-secondary-spacer{display:none}.h9-signal-visual{padding-inline:15px}.h9-equation small{font-size:10px}.h9-equation b{font-size:12px}.h9-equation-result b{font-size:15px}.h9-comparison span{font-size:10px}.h9-comparison b{font-size:12px}.h9-report-note{font-size:9px}}
@media(max-width:360px){.h9-signal-tab{font-size:11px;padding-inline:10px}.h9-signal-footer>p{font-size:9px;gap:10px}.h9-dashboard-ready{font-size:8px}.h9-equation{gap:6px}.h9-equation small{font-size:9px}.h9-equation b{font-size:11px}.h9-equation-result b{font-size:13px}.h9-labour>div>span{width:80px;font-size:10px}.h9-labour i{width:44px}.h9-delta{font-size:11px}}

.h9-hero-report{flex-direction:column;align-items:stretch;gap:12px;padding:20px;min-height:0}.h9-hero-report .h7-ready{position:static;align-self:flex-end;padding:10px 13px}.h9-hero-report .h7-paper{flex:none}
@media(min-width:901px) and (max-height:800px){.h9-hero-report{padding:17px;gap:10px}.h9-hero-report .h7-ready{padding:8px 12px}.h9-hero-report .h7-ready b{font-size:10px}}
@media(max-width:700px){.h9-hero-report{padding:17px;gap:11px}.h9-hero-report .h7-ready{align-self:stretch;justify-content:center;padding:10px}.h9-hero-report .h7-ready b{font-size:10px}.h9-hero-report .h7-ready span{font-size:8px}}

/* Connectors follow the actual four-column grid at every width. */
.h9-costs{max-width:420px;margin-inline:auto}
.h9-costs>.h9-cost-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative;margin-bottom:38px}
.h9-cost-inputs>span{position:relative;min-width:0}
.h9-cost-inputs>span:after{content:'';position:absolute;left:50%;bottom:-13px;width:1px;height:12px;background:#b8cad9}
.h9-cost-inputs:after{content:'';position:absolute;left:calc((100% - 18px)/8);right:calc((100% - 18px)/8);bottom:-13px;height:1px;background:#b8cad9}
.h9-cost-inputs:before{content:'';position:absolute;left:50%;bottom:-31px;width:1px;height:19px;background:#b8cad9}
.h9-comparison{max-width:380px;margin-inline:auto}.h9-equation{max-width:390px;margin-inline:auto}
.h9-comparison{align-items:stretch}.h9-comparison>div{display:flex;flex-direction:column}.h9-comparison b{flex:1}.h9-comparison .h9-versus{align-self:center}
.h9-labour{max-width:360px;margin-inline:auto}.h9-labour>div{display:grid;grid-template-columns:96px repeat(2,minmax(0,1fr));gap:6px}.h9-labour>div>span{width:auto}.h9-labour i{width:100%}
@media(max-width:700px){.h9-labour>div{grid-template-columns:80px repeat(2,minmax(0,1fr))}}

/* Touch layouts use separate tabs: no bridge into the card's rounded corners. */
.h7-tab{transition:none}
@media(max-width:900px){
 .h7-stage{background:linear-gradient(145deg,#c5ddf5 0%,#a8d1e3 58%,#dfded0 100%) #dfded0;background-size:100% 1040px;background-repeat:no-repeat}
 .h7-stage:before{display:none;will-change:auto}
 .h7-tabs{gap:6px;margin-bottom:12px}
 .h7-tab,.h7-tab:hover{flex:1;min-width:0;background:#d8e9f3;border-radius:11px;font-weight:600;transition:none;-webkit-tap-highlight-color:transparent}
 .h7-tab[aria-selected=true]{background:#fafbf8;border-radius:11px;font-weight:600;box-shadow:0 2px 5px #24445e12}
 .h7-tab[aria-selected=true]:after{content:none;display:none}
 .h7-tab:focus-visible{outline:2px solid #2a62b6;outline-offset:-4px}
 .h7-panel.is-entering .h7-panel-copy{animation:none}
}
@media(max-width:600px){
 .h7-tab{min-height:80px;padding-block:11px;display:grid;grid-template-rows:20px 2.5em;align-content:center;justify-items:center;gap:6px}
 .h7-tab span{display:flex;align-items:center;justify-content:center;height:2.5em;width:100%;max-width:94px}
}

/* Weekly report trend charts: the app's labelled 8-week tile chart. A value axis with round
   values, a date axis, one line with a dot per week, the newest dot in the status colour,
   and a value bubble on hover or arrow keys (site.js). */
.h9-trend{margin:12px 0 14px;flex:none}
.h9-trend[data-status="green"]{--signal-colour:#178458}
.h9-trend[data-status="amber"]{--signal-colour:#e3a008}
.h9-trend[data-status="red"]{--signal-colour:#c34035}
.h9-trend-caption{font-size:11px;line-height:1.4;color:#64768a;margin:0 0 8px}
.h9-trend-frame{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;container-type:inline-size}
.h9-trend-axis{position:relative;width:3.3em;font-size:10px;line-height:1;color:#64768a;font-variant-numeric:tabular-nums}
.h9-trend-axis i{position:absolute;right:0;transform:translateY(-50%);font-style:normal;white-space:nowrap}
.h9-trend-plot{position:relative;display:block;height:96px;border-left:1px solid #d5dce6;border-bottom:1px solid #d5dce6;outline:0;cursor:crosshair;-webkit-tap-highlight-color:transparent}
.h9-trend-plot:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
.h9-trend-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
.h9-trend-plot .grid{stroke:#e6ebf0;stroke-width:1;vector-effect:non-scaling-stroke}
.h9-trend-plot .line{fill:none;stroke:#17558f;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.h9-trend-tick{position:absolute;top:100%;width:1px;height:4px;background:#7a889b;transform:translateX(-50%)}
.h9-trend-dot{position:absolute;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #17558f;transform:translate(-50%,-50%);transition:transform .1s}
.h9-trend-dot.end{width:10px;height:10px;border:0;background:var(--signal-colour);box-shadow:0 0 0 2px #fff}
.h9-trend-dot.is-active{transform:translate(-50%,-50%) scale(1.5)}
.h9-trend-guide{position:absolute;top:0;bottom:0;border-left:1.5px dashed #7a889b;transform:translateX(-50%)}
.h9-trend-tip{position:absolute;z-index:3;pointer-events:none;background:#0b1220;color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.4;white-space:nowrap;box-shadow:0 6px 18px -8px #0b122099}
.h9-trend-tip span{opacity:.8}
.h9-trend-tip b{margin-left:6px;font-weight:600;font-variant-numeric:tabular-nums}
.h9-trend-tip[hidden],.h9-trend-guide[hidden]{display:none}
.h9-trend-dates{grid-column:2;position:relative;height:12px;margin-top:8px;font-size:10px;line-height:1;color:#64768a;font-variant-numeric:tabular-nums}
.h9-trend-dates i{position:absolute;top:0;font-style:normal;white-space:nowrap}
.h9-trend-dates .start{left:0}
.h9-trend-dates .end{right:0}
.h9-trend-dates .mid{transform:translateX(-50%)}
@container (max-width:230px){.h9-trend-dates .mid{display:none}}
.h9-trend-compact{margin:0}
.h9-trend-compact .h9-trend-plot{height:54px}
.h9-trend-compact .h9-trend-axis{width:2.8em;font-size:9px}
.h9-trend-compact .h9-trend-dates{font-size:9px;margin-top:6px}
.h9-trend-compact .h9-trend-dates .mid{display:none}
.h9-trend-compact .h9-trend-dot{width:6px;height:6px;border-width:1.5px}
.h9-trend-compact .h9-trend-dot.end{width:8px;height:8px}
.h9-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.h9-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1px solid #d5dce6;border-radius:7px;background:#fff;color:#0b1220;font-size:13px;font-weight:550;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}
.h9-btn:hover{border-color:#a5b6c9;background:#f0f6fa}
.h9-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.h9-btn-ask{color:#0b6fa3;height:30px;padding:0 11px;font-size:12px}