body{background:#f7f5ef}.page{background:#f7f5ef}.skip{position:absolute;left:12px;top:-80px;background:#123b55;color:white;padding:12px;z-index:10}.skip:focus{top:12px}.mast nav{flex-wrap:wrap;gap:18px}.mast{align-items:center}.reporting .section{background:#fff}.reporting .dark{background:#123b55}.reporting .hero{background:#f7f5ef}.reporting .card{background:#fff}.reporting h2,.reporting h3{color:#225e7b}.reporting .dark h2,.reporting .dark h3{color:white}.reporting th{background:#eef6fa}.footer a{min-height:32px;display:inline-flex;align-items:center}.phase{min-width:44px;min-height:44px}a,button{scroll-margin:24px}.table-scroll:focus-visible{outline:3px solid #99611c}.status-note{border-left:3px solid #367f9d;padding:16px 22px;background:#eef6fa}main:focus{outline:none}@media print{.mast,.footer,.actions{display:none}.hero{display:block;padding:20px}.hero-art{display:none}.section{padding:20px}.reporting .grid{display:block}.reporting .card{margin-bottom:16px}.dark,.dark p{background:white!important;color:#203b4b!important}.dark h2,.dark h3{color:#225e7b!important}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.flow{display:none}}
/* Illustrated learning cycle: vector art is decorative; labels remain accessible. */
.report-example-link{text-decoration:underline;text-underline-offset:3px}
.learn .wheel{background:radial-gradient(circle,#edf3dd 0 25%,transparent 26%),radial-gradient(circle,#f1e9d9 0 58%,transparent 59%);border-radius:50%}
.learn .phase{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:2px solid #b4cabc;box-shadow:0 4px 0 #d6dfd6;font-size:12px;transition:transform .18s,background .18s}
.learn .phase small{margin:0;font-size:10px}.learn .phase .stage-art{position:static;inset:auto;width:38px;height:38px;flex-shrink:0;color:#286255}
.learn .phase:nth-of-type(3n+2){background:#fff2d8}.learn .phase:nth-of-type(3n){background:#eee8f4}
.learn .phase[aria-pressed=true]{background:#175647;color:white;border-color:#175647;outline:4px solid #cfe0d2;box-shadow:0 5px 0 #a9c5b5}.learn .phase[aria-pressed=true] .stage-art{color:#ffdb8f}
.learn .phase:focus-visible{outline:3px solid #8b4513;outline-offset:5px}.learn .centre{background:transparent;font-size:19px;width:32%;gap:4px}.learn .centre>span{font-size:40px;color:#286255}.learn .centre small{font-size:8px;line-height:1.5;margin:0}
.example>.stage-art{width:72px;height:72px;padding:10px;background:#fff6df;border-radius:20px;color:#286255;margin-bottom:16px}
@container(max-width:750px){.learn .phase{font-size:9px;gap:1px}.learn .phase .stage-art{width:27px;height:27px}.learn .phase small{font-size:8px}.learn .centre{font-size:13px}.learn .centre>span{font-size:25px}.learn .centre small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.learn .phase{transition:none}}

.journey-switch{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.journey-switch button{font:inherit;font-weight:650;border:2px solid #779c8c;background:#fffefb;color:#175647;border-radius:999px;padding:13px 22px;min-height:48px;cursor:pointer}.journey-switch button[aria-pressed="true"]{background:#175647;color:white}.journey-switch button:focus-visible{outline:3px solid #8b4513;outline-offset:4px}#journey-context{margin-bottom:24px}.learn .centre{font-size:17px}@container(max-width:750px){.learn .centre{font-size:12px}.journey-switch button{padding:12px 16px;font-size:14px}}