.learning-lab{margin-block:2.5rem;padding:clamp(1rem,3vw,2rem);border:1px solid #bccbd5;border-radius:16px;background:#f5f9fc;color:#172c3c;overflow-wrap:anywhere}
.learning-lab h2{margin-top:0}.learning-lab h3{margin-block:1.4rem .6rem}.learning-lab p{line-height:1.7}.learning-lab a{color:#124f81;text-underline-offset:.2em}
.learning-lab .resource-table.paired-outcomes-matrix{min-width:500px}.paired-outcomes-matrix caption{font-weight:700;line-height:1.5;padding:16px;text-align:start}.paired-outcomes-matrix td strong{display:block;font-size:1.65rem;line-height:1.3;color:var(--text-strong);font-variant-numeric:tabular-nums;margin-bottom:10px}.paired-outcomes-matrix td span{display:block;line-height:1.6}.paired-outcomes-matrix .paired-outcomes-loss{border-inline-start:3px solid var(--accent-strong);background:var(--surface-raised)}
.learning-lab-composition-chart{margin:1.5rem 0;padding:clamp(16px,2vw,24px);border:1px solid var(--outline-soft);border-radius:8px;background:var(--surface-raised)}.learning-lab-composition-chart figcaption{font-weight:700;line-height:1.5}.learning-lab-composition-chart ul{list-style:none;padding:0;display:grid;gap:24px}.learning-lab-composition-chart li>strong{display:block;line-height:1.5;margin-bottom:12px}.composition-chart-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr) 4.5rem;align-items:center;gap:12px;margin-top:10px;font-variant-numeric:tabular-nums}.composition-chart-row>bdi:last-child{text-align:end}.composition-chart-track{height:16px;background:#34474b;border-radius:3px;overflow:hidden}.composition-chart-bar{display:block;block-size:100%}.composition-chart-a{background:#d0dcd7}.composition-chart-b{background:var(--accent-strong)}
.learning-lab .resource-table{width:100%;min-width:580px;table-layout:fixed}.learning-lab .resource-table th,.learning-lab .resource-table td{white-space:normal;overflow-wrap:anywhere}
.learning-lab-photo{margin:1.5rem 0}.learning-lab-photo img{display:block;width:100%;height:auto;border-radius:10px}.learning-lab-photo figcaption{margin-top:.6rem;font-size:.9rem;line-height:1.6}
.learning-lab-photo img[src*="earthrise"]{max-height:580px;object-fit:contain;background:#10151c}
.learning-lab-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;list-style:none;padding:0;margin-block:1rem 1.5rem}
.learning-lab-flow li{display:flex;flex-direction:column;gap:.7rem;padding:1rem;background:#e4eff6;border-radius:10px;line-height:1.45}.learning-lab-flow span{display:grid;place-items:center;width:2rem;height:2rem;background:#173e59;color:#fff;border-radius:50%;font-weight:700}
.learning-lab-example{padding:1rem 1.25rem;border-inline-start:4px solid #24648c;background:#fff;border-radius:0 10px 10px 0}.learning-lab-example h3{margin-top:0}
.learning-lab-form[hidden]{display:none}.learning-lab-form fieldset{padding:0;border:0;min-width:0}.learning-lab-form legend{font-size:1.2rem;font-weight:700}.learning-lab-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.learning-lab-inputs label{display:block;font-weight:600;margin-bottom:.4rem}.learning-lab-inputs input{width:100%;box-sizing:border-box;min-height:44px;padding:.65rem;border:1px solid #70889b;border-radius:6px;background:#fff;color:#172c3c;font:inherit}.learning-lab-inputs input[aria-invalid="true"]{border:2px solid #9c2035}
.learning-lab-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-block:1rem}.learning-lab button{min-height:44px;cursor:pointer;font:inherit}.learning-lab :focus-visible{outline:3px solid #1b618d;outline-offset:3px}.learning-lab-error{color:#921d30;font-weight:700}.learning-lab-result:empty{display:none}.learning-lab-result{padding:1rem;background:#fff;border-radius:10px}.learning-lab-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.learning-lab-result dt{font-size:.9rem}.learning-lab-result dd{margin:.3rem 0;font-size:1.25rem;font-weight:700}.learning-lab-result meter{display:block;width:100%;height:1rem}.learning-lab footer{border-top:1px solid #bccbd5;margin-top:1.5rem;padding-top:.5rem;font-size:.9rem}
@media(max-width:600px){.learning-lab-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-lab-inputs,.learning-lab-result dl{grid-template-columns:1fr}.learning-lab{padding:1rem}}
@media print{.learning-lab-form{display:none}.learning-lab{break-inside:auto;background:#fff}.learning-lab-flow li{border:1px solid #aaa}}
.learning-lab-evidence{margin-block:2rem;padding-block:1rem;border-block:1px solid var(--outline-soft,#bccbd5)}
.learning-lab-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.learning-lab-facts>div{padding:1rem;border:1px solid var(--outline-soft,#bccbd5);border-radius:10px;background:var(--surface-raised,#fff)}.learning-lab-facts dt{font-weight:600;line-height:1.5}.learning-lab-facts dd{margin:.5rem 0 0}.learning-lab-facts strong{display:block;font-size:clamp(1.5rem,3vw,2rem);font-variant-numeric:tabular-nums}.learning-lab-facts dd span{display:block;margin-top:.4rem;font-size:.9rem;font-weight:400}
.learning-lab-data-table caption{text-align:start;font-size:1.1rem;font-weight:700;padding-block:1.1rem .8rem;color:var(--text-strong,#172c3c)}.learning-lab-data-note{font-size:.9rem}.learning-lab-evidence li{margin-block:.65rem;line-height:1.7}.learning-lab-conclusion{padding:1rem;border-inline-start:4px solid var(--accent-strong,#24648c);background:var(--surface-raised,#fff)}
.learning-lab-distribution{margin:1.5rem 0;padding:1rem;border:1px solid var(--outline-soft,#bccbd5);border-radius:10px}.learning-lab-distribution figcaption{font-weight:700}.learning-lab-bars{display:flex;gap:3px;height:3rem;margin-block:1rem}.learning-lab-bars span{display:flex;align-items:center;justify-content:center;flex-basis:0;font-weight:700;color:#10202b;min-width:1.5rem}.learning-lab-bar-0{background:#72c1af}.learning-lab-bar-1{background:#f2b19c}.learning-lab-bar-2{background:#bccad8}.learning-lab-distribution ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;padding:0}.learning-lab-distribution li{margin:0}
.learning-lab-comparison-photo img{max-height:580px;object-fit:contain;background:#10151c}
.learning-lab-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.learning-lab-photo-grid figure{min-width:0}.learning-lab-photo-grid img{height:clamp(220px,38vw,440px);object-fit:contain}
@media(max-width:760px){.learning-lab-photo-grid{grid-template-columns:1fr}.learning-lab-photo-grid img{height:auto;max-height:440px}}
@media(max-width:600px){.learning-lab-facts{grid-template-columns:1fr}.learning-lab-data-table{min-width:580px}.learning-lab-bars{height:2.5rem}}
@media print{.learning-lab-facts>div,.learning-lab-conclusion{background:#fff;color:#000}.learning-lab-facts dt,.learning-lab-facts dd,.learning-lab-data-table caption{color:#000}.learning-lab-bars span{border:1px solid #000}}
.resource-guide-content > .learning-lab{background:var(--surface-deep);border-color:var(--outline-soft);color:var(--text-strong)}
.learning-lab h2,.learning-lab h3,.learning-lab legend,.learning-lab label,.learning-lab dt,.learning-lab dd{color:var(--text-strong)}
.learning-lab a{color:var(--accent-strong)}.learning-lab-flow li{background:var(--surface-raised);color:var(--text-strong)}.learning-lab-flow span{background:var(--accent-strong);color:#172126}.learning-lab-example,.learning-lab-result{background:var(--surface-raised)}.learning-lab-example{border-inline-start-color:var(--accent-strong)}.learning-lab-inputs input{border-color:#819691;background:#0d171a;color:var(--text-strong)}.learning-lab footer{border-color:var(--outline-soft)}.learning-lab :focus-visible{outline-color:var(--accent-strong)}.learning-lab .learning-lab-error{color:#ffacb7}
.learning-lab-question{margin-block:.8rem;padding:.8rem;border:1px solid var(--outline-soft);border-radius:8px}.learning-lab-question summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:44px;box-sizing:border-box;cursor:pointer;font-weight:700;padding-block:.6rem;line-height:1.5}.learning-lab-question summary::-webkit-details-marker{display:none}.learning-lab-question summary::after{content:'+';color:var(--accent-strong);font-size:1.4rem}.learning-lab-question[open] summary::after{content:'−'}.learning-lab-question[open] summary{border-bottom:1px solid var(--outline-soft)}.learning-lab-timeline{margin:1.5rem 0;padding:1rem;border:1px solid var(--outline-soft);border-radius:10px}.learning-lab-timeline figcaption{font-weight:700}.learning-lab-timeline ul{list-style:none;padding:0;display:grid;gap:1.2rem}.learning-lab-timeline li{display:grid;grid-template-columns:2.5rem minmax(4rem,1fr) 12rem;gap:1rem;align-items:center;font-variant-numeric:tabular-nums}.learning-lab-timeline-track{display:block;position:relative;height:1.2rem;background:#37464b;border-radius:4px}.learning-lab-timeline-track>span{position:absolute;top:.4rem;height:.4rem;min-width:2px;background:#dfbd68}.learning-lab-timeline-track>span::before,.learning-lab-timeline-track>span::after{content:"";position:absolute;top:-.3rem;width:.7rem;height:1rem;border:2px solid #111f23;box-sizing:border-box}.learning-lab-timeline-track>span::before{left:-.3rem;border-radius:50%;background:#f7f0df}.learning-lab-timeline-track>span::after{right:-.3rem;background:#dfbd68}
@media(max-width:640px){.learning-lab-timeline li{grid-template-columns:2.5rem minmax(0,1fr)}.learning-lab-timeline-track{grid-column:1/-1;grid-row:2}.learning-lab-timeline li>span:last-child{text-align:end}}
body.resource-page:not(.international-gateway):not(.local-gateway) .site-main .learning-lab .resource-button-secondary{background:#142126;color:#f7f0df;border:1px solid #819691}
body.resource-page:not(.international-gateway):not(.local-gateway) .site-main .learning-lab .resource-button-secondary:hover{background:#263b43;color:#f7f0df}
