/* Scoped maths-skills workspace. Uses the site's existing buttons, fonts and header. */
.sf-width{max-width:960px}.sf-hero .lede{max-width:760px}.sf-lab{padding-bottom:24px}.sf-lab [hidden]{display:none!important}.sf-tabs{display:flex;gap:0;border-bottom:1px solid #b9c8cf;margin:0 0 28px}.sf-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 18px;font:inherit;font-weight:700;color:#385263;cursor:pointer}.sf-tabs button[aria-pressed=true]{border-bottom-color:#117985;color:#084d57}.sf-tabs button:hover{background:#edf5f5}.sf-home{max-width:720px;padding:4px 0 30px}.sf-home h2{font-size:1.5rem}.sf-home p{line-height:1.7}.sf-muted{color:#526574;font-size:.94rem;line-height:1.55}.sf-toolbar{display:flex;gap:20px;align-items:end;flex-wrap:wrap;border-bottom:1px solid #d7e0e4;padding-bottom:18px}.sf-toolbar label{flex:1;max-width:360px}.sf-lab label{display:block;font-weight:650;color:#233c4b}.sf-lab select,.sf-lab input[type=text]{display:block;width:100%;min-height:48px;font:inherit;font-size:1.08rem;border:1px solid #899da7;border-radius:5px;background:#fff;color:#153445;padding:10px 12px;margin-top:6px;box-sizing:border-box}.sf-lab input:focus,.sf-lab select:focus{outline:3px solid #167784;outline-offset:2px}.sf-lab button:focus-visible,.sf-lab a:focus-visible{outline:3px solid #167784;outline-offset:3px}.sf-lab button{touch-action:manipulation}.sf-lab button:disabled{opacity:.58;cursor:default}.sf-text-button{background:none;border:0;color:#126775;text-decoration:underline;text-underline-offset:3px;font:inherit;padding:10px 4px;min-height:44px;cursor:pointer}.sf-session{margin:0}.sf-workspace{max-width:760px;margin:0 auto;padding:28px 0 12px}.sf-question-title{font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.5;font-weight:650;margin:0 0 20px}.sf-value{font-size:clamp(1.8rem,6vw,2.7rem);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.035em;line-height:1.5;margin:22px 0 28px;overflow-wrap:anywhere}.sf-data{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:16px 0 26px;border-top:1px solid #cbd8dd;max-width:660px}.sf-data dt,.sf-data dd{padding:10px 0;border-bottom:1px solid #d9e2e6;line-height:1.5;margin:0;overflow-wrap:anywhere}.sf-data dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;padding-left:12px}.sf-answer-line{display:flex;align-items:flex-end;gap:12px;max-width:470px}.sf-answer-line>label{flex:1;min-width:0}.sf-unit{padding-bottom:13px;white-space:nowrap}.sf-standard{display:flex;align-items:flex-end;gap:10px;max-width:510px}.sf-standard label:first-child{flex:1;min-width:80px}.sf-standard label:nth-child(3){width:100px}.sf-standard .sf-times{padding-bottom:13px;white-space:nowrap}.sf-exponent-controls{display:flex;gap:8px;align-items:end}.sf-exponent-controls input{min-width:0}.sf-sign{border:1px solid #899da7;background:#eef4f6;color:#244859;border-radius:5px;min-width:42px;height:48px;font:inherit;font-size:1.15rem;cursor:pointer}.sf-entry-options{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 8px}.sf-choice{display:flex!important;gap:12px;align-items:center;border-bottom:1px solid #d9e2e6;padding:15px 4px;font-weight:500!important;min-height:56px;cursor:pointer}.sf-choice input{width:20px;height:20px;flex:none;accent-color:#117985}.sf-choices{margin:0 0 15px;padding:0;border:0;min-width:0}.sf-actions{display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;margin:22px 0 8px}.sf-feedback,.sf-hints{padding:15px 18px;margin:20px 0;border-left:4px solid #5e8295;background:#f1f5f7;line-height:1.65;overflow-wrap:anywhere}.sf-feedback[data-state=correct]{border-left-color:#247954;background:#edf6ef}.sf-feedback[data-state=review]{border-left-color:#967024;background:#faf6e9}.sf-feedback strong{display:block;margin-bottom:4px}.sf-feedback p,.sf-hints p{margin:5px 0}.sf-feedback[hidden],.sf-hints[hidden]{margin:0;padding:0}.sf-next{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #d7e0e4}.sf-summary{padding:8px 0 24px}.sf-summary h2{font-size:1.6rem}.sf-total{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:650;margin:15px 0}.sf-results{margin:20px 0;max-width:760px}.sf-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #d7e0e4}.sf-result-row span{line-height:1.4}.sf-result-row small{font-size:.92rem;color:#526574}.sf-save{margin:14px 0;padding:16px 0;border-top:1px solid #d7e0e4}.sf-save .mychem-save-heading,.sf-save .mychem-save-copy{display:block}.sf-save .mychem-save-copy{font-size:.93rem;color:#526574;margin:5px 0}.sf-learn{max-width:780px;margin:0 auto}.sf-learn>h2{font-size:1.55rem}.sf-explorer-form{display:flex;align-items:end;gap:14px;margin:20px 0 12px}.sf-explorer-form label{flex:1;min-width:0}.sf-examples{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sf-examples button{border:1px solid #c1d0d6;background:#f7fafb;border-radius:4px;min-height:42px;padding:7px 12px;font:inherit;cursor:pointer;color:#244859}.sf-digits{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin:20px 0 12px}.sf-digit{font:inherit;font-size:clamp(1.35rem,4vw,2rem);padding:7px 8px;min-width:36px;min-height:48px;background:#fff;border:0;border-bottom:4px solid #abbcc5;cursor:pointer;color:#526574}.sf-digit.significant{border-bottom-color:#167784;color:#0e4d57;font-weight:700;background:#edf7f6}.sf-digit.uncertain{border-bottom-style:dotted;border-bottom-color:#99722a;color:#785413;background:#fbf7ee}.sf-digit.punctuation{border-bottom-color:transparent;min-width:12px;padding:7px 1px;cursor:default}.sf-digits .sf-power{font-size:1.25rem;margin-left:8px}.sf-key{font-size:.9rem;color:#526574;line-height:1.6}.sf-explanation{min-height:30px;font-size:1rem;line-height:1.5}.sf-round-controls{margin:22px 0;padding:20px 0;border-top:1px solid #d7e0e4}.sf-round-controls>label{max-width:260px}.sf-round-value{font-size:1.7rem;font-weight:650;margin:16px 0 6px;overflow-wrap:anywhere}.sf-teaching{margin-top:30px}.sf-teaching h2{font-size:1.4rem}.sf-teaching p{line-height:1.75}.sf-teaching details{padding:15px 0;border-bottom:1px solid #d7e0e4}.sf-teaching summary{font-weight:650;cursor:pointer;min-height:30px;line-height:1.5}.sf-teaching details p{margin-bottom:6px}.sf-learn-footer{padding:26px 0}.sf-learn-footer>button{margin-right:16px}.sf-related{display:flex;gap:14px 24px;flex-wrap:wrap;padding-top:22px;padding-bottom:34px;border-top:1px solid #d7e0e4}.sf-resource{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #d7e0e4}.sf-resource div{max-width:560px}.sf-resource h2{font-size:1.4rem;margin:0 0 10px}.sf-resource p{margin:0;line-height:1.6}.sf-resource .button{flex:none}.sf-resource-primary{border-top:3px solid #157c86}.sf-footnote{padding:20px 0 32px;line-height:1.7}.sf-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-lab input[aria-invalid=true]{border:2px solid #9c5b24}.sf-teaching:empty{display:none}
@media(max-width:600px){.sf-tabs button{padding:12px 9px;font-size:.94rem;flex:1}.sf-toolbar{gap:9px}.sf-toolbar label{flex-basis:100%;max-width:none}.sf-toolbar p{flex:1;margin:6px 0}.sf-workspace{padding-top:20px}.sf-value{margin:16px 0 22px}.sf-data{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sf-explorer-form{flex-wrap:wrap}.sf-explorer-form label{flex-basis:100%}.sf-result-row{grid-template-columns:minmax(0,1fr) auto}.sf-result-row button{grid-column:1/-1;justify-self:start;min-height:34px;padding:4px}.sf-resource{display:block}.sf-resource .button{margin-top:18px}.sf-standard{gap:8px}.sf-standard label:nth-child(3){width:94px}.sf-actions{gap:6px 14px}.sf-digits{gap:2px}.sf-digit{padding:5px;min-width:29px}.sf-hero .lede{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.sf-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Compact arrival area keeps the question close to the top, especially on phones. */
/* Maths Skills uses a quiet text-first hero. The body visual theme otherwise
   has enough specificity to put the site-wide photo back behind this text. */
body.visual-tools .page-hero.sf-hero,body.visual-learning .page-hero.sf-hero{background-image:none;background-color:#edf4f5}
.page-hero.sf-hero{min-height:0;padding:30px 0 24px;background:#edf4f5;border-bottom:1px solid #d3e0e4;text-align:left}
.page-hero.sf-hero .shell{max-width:960px;width:min(calc(100% - 36px),960px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-align:left}
.page-hero.sf-hero h1{font-size:clamp(2rem,4vw,3rem);margin:8px 0 12px;max-width:none;color:var(--navy,#102b3f)}
.page-hero.sf-hero .lede{font-size:1.06rem;margin:0;max-width:760px;color:var(--muted,#536771);opacity:1}
.page-hero.sf-hero .eyebrow{color:#8d4e35}
.sf-lab .button:not(.secondary){background:var(--teal,#177c7a);color:#fff;border-color:#08727f}
.sf-lab .button:not(.secondary):hover{background:var(--teal2,#0c5c5b)}
.sf-question-title{scroll-margin-top:100px}
@media(max-width:600px){.page-hero.sf-hero{padding:22px 0}.page-hero.sf-hero .shell{width:calc(100% - 24px)}.page-hero.sf-hero .eyebrow{font-size:.69rem;letter-spacing:.09em}.sf-tabs{margin-bottom:18px}.sf-tabs button{font-size:.89rem;padding:12px 7px}}

.sf-standard{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(94px,120px);align-items:end}.sf-standard>label,.sf-standard>div{min-width:0;width:auto}.sf-standard .sf-unit{grid-column:1/-1;padding:0}.sf-standard label{width:auto!important}.sf-exponent-controls input{flex:1;width:0}