/* Shared growth tools retain the approved cream, forest and clay visual system. */
.bg-run-dialog .bg-run-clock{font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1.2}.bg-page .bb-site-footer-brand>a{color:#fff}
.bg-page{margin:0;background:#f4f0e4;color:#173e2e;font:16px/1.6 system-ui,sans-serif}.bg-main{max-width:1100px;margin:auto;padding:24px clamp(16px,3vw,40px) 40px}.bg-hero{margin-bottom:24px}.bg-hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.16;margin:.3em 0}.bg-kicker{color:#9b451c;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bg-panel{background:#fff;border:1px solid #b9c9b9;border-radius:16px;padding:clamp(16px,2.5vw,26px);margin:20px 0;color:#173e2e;min-width:0}.bg-panel h2{font-size:1.4rem;line-height:1.3;margin:0 0 12px}.bg-panel h3{font-size:1.1rem}.bg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bg-grid>.bg-panel{margin:0}.bg-grid+.bg-panel{margin-top:20px}.bg-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.bg-page button,.bg-button,.bg-page input,.bg-page select,.bg-page textarea,.bg-panel button{font:inherit}.bg-page button,.bg-button,.bg-panel button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #165633;border-radius:24px;background:#fff;color:#165633;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.35}.bg-primary,.bg-page .bg-primary{background:#155732;color:#fff}.bg-page a,.bg-panel a{color:#145534;text-underline-offset:.18em}.bg-page .bg-primary{color:white}.bg-page button:disabled,.bg-panel button:disabled{opacity:.6;cursor:default}.bg-page :focus-visible,.bg-panel :focus-visible{outline:3px solid #a54a1d;outline-offset:3px}.bg-page input:not([type=radio]):not([type=checkbox]),.bg-page select,.bg-page textarea,.bg-panel input:not([type=radio]):not([type=checkbox]){display:block;box-sizing:border-box;max-width:100%;min-height:44px;padding:9px 12px;margin:6px 0 14px;border:1px solid #8a9f91;border-radius:8px;background:white;color:#183c2b}.bg-page input[type=search],.bg-page textarea{width:100%}.bg-page textarea{min-height:140px}.bg-photo{margin:20px 0}.bg-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;background:#e7ece3}.bg-photo figcaption{font-size:.88rem;margin:8px 0;color:#415f4c}.bg-page .bg-status{min-height:1.6em}.bg-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#e2ecdd;padding:10px 16px;max-width:1100px;margin:12px auto;border:1px solid #bbceba;border-radius:12px;font:600 14px/1.4 system-ui}.bg-tools a{min-height:44px;display:inline-flex;align-items:center;color:#15492f}.bg-connections{max-width:100%;font:16px/1.6 system-ui;margin:24px 0}.bg-connections p{max-width:75ch}.bg-page dl dt{font-weight:800;margin:16px 0 4px}.bg-page dl dd{margin:0}.bg-choice{display:flex;gap:12px;align-items:center;padding:12px;margin:10px 0;border:2px solid #c6cec6;border-radius:10px;color:#173e2e;background:#fff;cursor:pointer;min-height:44px}.bg-choice input{flex:0 0 auto}.bg-choice[data-result=selected]{background:#f1f1ed;border-color:#626d69}.bg-choice[data-result=correct]{background:#e0eddc;border-color:#25673c}.bg-choice[data-result=wrong]{background:#f7e8dc;border-color:#a7502b}.bg-choice-state{font-weight:750;margin-left:auto;white-space:nowrap}.bg-feedback{border-left:4px solid #9d4d23;background:#f7eee2;padding:14px;margin:16px 0}.bg-feedback[data-correct=true]{border-color:#25673c;background:#e6f0e2}.bg-search-result{border-top:1px solid #d5ded3;padding:16px 0}.bg-search-result small{display:block}.bg-guided-out{display:none!important}.bg-guided-controls{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:sticky;top:var(--bb-sticky-h,0px);z-index:20;background:#e2ecdd;padding:12px;border:1px solid #aec2ad;border-radius:12px;min-width:0}.bg-guided-status{flex:1 1 9rem;min-width:0;overflow-wrap:anywhere}.bg-guided-actions{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}.bg-guided-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}html.bb-guided-compact .bg-guided-controls{position:static}html:has(.bg-guided-controls){scroll-padding-top:calc(var(--bb-sticky-h,0px) + var(--bb-guided-h,0px) + 12px)}.bg-skip{position:fixed;left:16px;top:-200px;z-index:1000;padding:12px;background:white}.bg-skip:focus{top:10px}.bg-page [hidden],.bg-panel [hidden]{display:none!important}.bg-page svg{max-width:100%;height:auto}.bg-diamond-label{font:15px system-ui;fill:#123b2b;paint-order:stroke;stroke:#f5f3e9;stroke-width:3px}.bg-page .bg-error{color:#8c2f1c;font-weight:700}.bg-page .bg-run-clock{font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1.2}.bg-run-dialog{color:#173e2e;width:min(900px,calc(100vw - 32px));max-height:88dvh;border:1px solid #7a957c;border-radius:16px;padding:0;background:#f4f0e4;overflow:auto;font:16px/1.6 system-ui}.bg-run-dialog::backdrop{background:#061d16b8}.bg-run-header{position:sticky;top:0;z-index:2;background:#d8e8d0;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #98b396}.bg-run-body{padding:20px}.bg-run-dialog button,.bg-run-dialog input{font:inherit;min-height:44px}.bg-run-dialog button{border:1px solid #165633;border-radius:24px;background:white;color:#165633;font-weight:700;padding:9px 16px;cursor:pointer}.bg-run-dialog .bg-primary{background:#155732;color:white}.bg-run-dialog [hidden]{display:none!important}.bg-run-dialog input[type=number],.bg-run-dialog input[type=text]{box-sizing:border-box;max-width:100%;padding:8px 10px;border:1px solid #7d997f;border-radius:7px}.bg-run-dialog label{display:block;margin:12px 0}.bg-run-dialog input[type=checkbox]{margin-right:10px}.bg-run-dialog .bg-panel{margin:14px 0}.bg-run-dialog figure img{width:100%;height:auto;object-fit:contain}.bg-run-dialog .bb-drill-instructions{display:block}.bg-station-pack{display:none}.bg-run-estimates{background:#e6edde;padding:12px;border-radius:10px}.bg-counter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bg-counter input{width:90px}.bg-page table{border-collapse:collapse;width:100%}.bg-page td,.bg-page th{padding:8px;border:1px solid #c8d4c4;text-align:left;overflow-wrap:anywhere}.bg-page p,.bg-page li,.bg-panel p{overflow-wrap:anywhere}.bg-reading{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bg-page summary{cursor:pointer;min-height:44px}.bg-quick .topic{margin:18px 0}.bg-quick .topic-art{display:none}.bg-quick .topic-body{display:block}.bg-quick .sources{margin:18px 0}.bg-run-sources{padding:12px;background:#e7eee2}.bg-run-sources a{color:#135131}.bg-plan-entry{margin:16px 0}.bg-page .bg-tools{padding:8px 12px}
/* Today also lives inside legacy hubs whose ID-scoped reset clears spacing. */
#today.bg-panel{box-sizing:border-box;margin:24px 0;padding:clamp(20px,3vw,30px);font:1rem/1.55 system-ui,sans-serif;color:#173e2e}
#today .bg-kicker{margin:0 0 7px;font-size:.78rem;line-height:1.4}
#today h2{margin:0 0 16px;font-size:clamp(1.35rem,2.5vw,1.65rem);line-height:1.25}
#today #bg-today{display:grid;justify-items:start;gap:12px;min-width:0}
#today #bg-today p{margin:0;max-width:75ch;line-height:1.55}
#today .bg-button{box-sizing:border-box;min-height:44px;max-width:100%;padding:11px 18px;font:700 .95rem/1.4 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:center}
#today .bg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #d7e0d2}
#today .bg-actions>a:not(.bg-button){display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;max-width:100%;padding:8px 0;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}
.bg-panel .bg-button.bg-primary{background:#155732;color:#fff}
@media(max-width:650px){#today.bg-panel{margin:18px 0;padding:20px}#today .bg-actions{align-items:flex-start;gap:6px 16px}#today .bg-actions>.bg-button{flex-basis:100%}.bg-grid{grid-template-columns:1fr}.bg-main{padding-top:16px}.bg-choice{align-items:flex-start;flex-wrap:wrap}.bg-choice-state{margin-left:28px}.bg-run-body{padding:14px}.bg-run-header h2{font-size:1.15rem}.bg-actions>*{max-width:100%;box-sizing:border-box}.bg-tools{margin:10px 12px}}
@media(prefers-reduced-motion:reduce){.bg-page *,.bg-run-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.bg-choice[data-result=correct],.bg-choice[data-result=wrong],.bg-feedback{border:3px solid CanvasText}}
@media print{.bg-tools,.bg-actions,button,.bg-reading,.bg-guided-controls,.bg-skip,.bg-run-dialog,.bg-page input,.bg-page select{display:none!important}.bg-guided-out{display:block!important}.bg-panel{break-inside:avoid;border:1px solid #aaa;box-shadow:none}.bg-grid{display:block}.bg-photo{break-inside:avoid}.bg-photo img{max-height:165mm;width:auto;max-width:100%;margin:auto}.bg-station-pack[data-print=true]{display:block!important}.bg-print-stations body>*:not(.bg-station-pack){display:none!important}.bg-print-stations .bg-station-pack{display:block!important;color:#000;background:#fff}.bg-station-page{break-before:page;padding:8mm;font:12pt/1.5 system-ui}.bg-station-page:first-child{break-before:auto}.bg-station-page img{width:auto;max-width:100%;max-height:100mm}.bg-station-page a{overflow-wrap:anywhere}.bg-page .sources,.bg-page details{display:block}.bg-page details>*{display:block!important}}

/* Native illustrated entry points: available before runtime or account startup. */
#training-resources{margin:28px 0;font:1rem/1.5 system-ui,sans-serif;color:#173e2e}
#training-resources h2{margin:0 0 16px;font-size:1.5rem;line-height:1.25}
#training-resources .bg-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#training-resources .bg-utility-card{display:block;min-width:0;overflow:hidden;border:1px solid #bfcebd;border-radius:16px;background:#fff;color:#173e2e;text-decoration:none;box-shadow:0 2px 6px #173e2e0c}
#training-resources .bg-utility-card>img{display:block;width:100%;height:150px;object-fit:cover;object-position:50% 45%}
#training-resources .bg-utility-card>div{padding:18px}
#training-resources h3{margin:0 0 8px;font-size:1.15rem;line-height:1.3}
#training-resources p{margin:0 0 14px;line-height:1.5;color:#415f4c;overflow-wrap:anywhere}
#training-resources .bg-utility-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:750;color:#155732}
#training-resources .bg-utility-card:hover{border-color:#155732;box-shadow:0 4px 14px #173e2e1c}
#training-resources .bg-utility-card:focus-visible{outline:3px solid #a54a1d;outline-offset:4px}
@media(max-width:700px){#training-resources .bg-utility-grid{grid-template-columns:1fr;gap:14px}#training-resources .bg-utility-card{display:grid;grid-template-columns:112px minmax(0,1fr)}#training-resources .bg-utility-card>img{height:100%;min-height:160px}#training-resources .bg-utility-card>div{padding:16px}#training-resources p{margin-bottom:6px}#today .bg-actions{gap:12px}#today .bg-actions>.bg-button{flex-basis:auto}#today .bg-actions>.bg-primary{flex-basis:100%}}
@media(max-width:350px){#training-resources .bg-utility-card{grid-template-columns:90px minmax(0,1fr)}#training-resources .bg-utility-card>div{padding:14px}}
@media print{#training-resources{display:none}}
/* Subpage navigation stays with the content, before the website footer. */
.bg-context-help{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1100px;margin:24px auto;padding:18px clamp(16px,3vw,28px);border-top:1px solid #b9c9b9;color:#173e2e;font:16px/1.5 system-ui,sans-serif}
.bg-context-help h2{font-size:1.1em;line-height:1.3;margin:0}.bg-context-help p{margin:4px 0 0;font-size:.875em}.bg-context-help ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;min-width:0}.bg-context-help li{min-width:0;max-width:100%}.bg-context-help a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #165633;border-radius:24px;background:#fff;color:#165633;font:700 1em/1.35 system-ui,sans-serif;text-decoration:none;overflow-wrap:anywhere}.bg-context-help a:hover{background:#e2ecdd}.bg-context-help a:focus-visible{outline:3px solid #a54a1d;outline-offset:3px}.bg-context-help a[aria-current=page]{background:#e2ecdd}
@media(max-width:600px){.bg-context-help{margin:20px 16px;padding:16px 0}.bg-context-help ul{width:100%}.bg-context-help li{flex:1 1 160px}.bg-context-help a{height:100%}}
@media print{.bg-context-help{display:none!important}}