.learning-page h1{font-size:clamp(2.15rem,5vw,4.3rem);max-width:960px;overflow-wrap:break-word}
.learning-page .page-hero{padding-bottom:64px}
.learning-methods{padding-top:40px}
.estimate-note{padding:22px 26px;background:#fff3d7;border-left:4px solid #b36500;border-radius:10px;color:#45330c;max-width:100%;font-size:.95rem}
.learning-filters{display:none;flex-wrap:wrap;gap:10px;margin:28px 0 12px}
.learning-filters.ready{display:flex}
.learning-filters button{padding:12px 18px;min-height:48px;border:1px solid #b8bab6;border-radius:99px;background:#fff;color:#16181c;cursor:pointer}
.learning-filters button[aria-pressed=true]{background:#11141a;border-color:#11141a;color:#ffcc48}
.learning-page :is(a,button,summary):focus-visible{outline:3px solid #a85b00;outline-offset:4px}
.learning-page #method-count{color:#555b64;font-size:.9rem}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.method-card{background:white;border:1px solid #dedfda;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #11141a08;scroll-margin-top:105px}
.method-card[hidden]{display:none}
.method-art{aspect-ratio:3/2;overflow:hidden;background:#11141a;border-bottom:1px solid #dedfda}
.method-art img{display:block;width:100%;height:100%;object-fit:contain}
.method-diagram{position:relative;display:flex;justify-content:center;align-items:center;height:192px;color:#ffb01d;background:radial-gradient(ellipse at 80% 10%,#392310,#11141a 65%);border-bottom:1px solid #dedfda}
.method-diagram svg{width:170px;height:138px;margin-bottom:14px}
.method-diagram img{position:absolute;top:16px;right:16px;border-radius:50%}
.method-diagram span{position:absolute;bottom:10px;left:18px;color:#c6c8cc;font-size:.7rem;letter-spacing:.02em}
.method-body{padding:26px}
.method-body h2{font-size:1.45rem;line-height:1.22;margin-bottom:12px;overflow-wrap:break-word}
.method-number{color:#996000;font-weight:800;font-size:.8rem;margin:0 0 14px;letter-spacing:.1em}
.method-body p{color:#5b606a;font-size:.96rem}
.method-body details{margin-top:24px;border-top:1px solid #dedfda}
.method-body summary{cursor:pointer;font-weight:700;min-height:48px;padding:15px 0;color:#272b32}
.method-body dl{margin-top:8px}
.method-body dt{font-weight:800;font-size:.8rem;color:#8c4d00;line-height:1.4;margin-top:22px}
.method-body dd{margin:9px 0 0;color:#424853;font-size:.93rem;line-height:1.7;overflow-wrap:break-word}
.method-body .text-link{font-size:.9rem;margin-top:18px}
.method-card#optimised{border:2px solid #bd7900}
.learning-value{background:#fff}
.learning-page .learning-value h2,.learning-page .learning-sources h2{font-size:clamp(1.8rem,3.5vw,3rem);max-width:850px}
.learning-value>.container>p{max-width:920px}
.learning-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}
.learning-pair article{padding:30px;background:#f7f7f5;border:1px solid #dedfda;border-radius:22px}
.learning-pair h3{font-size:1.55rem;line-height:1.25}
.learning-sources{padding-top:65px;padding-bottom:65px}
.learning-sources a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.learning-sources li{margin:10px 0}
.learning-page .contact p{color:#d8dae0;max-width:850px;margin-bottom:28px}
.learning-preview{padding:60px 0;border-top:1px solid #dedfda;background:#fff}
.learning-preview h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:16px}
.learning-preview p:not(.eyebrow){max-width:750px;color:#555b64}
.learning-context{padding:26px 30px;margin-block:0 60px;border:1px solid #dedfda;border-left:4px solid #b36500;border-radius:14px;background:#fff}
.learning-context p{margin-top:0;max-width:950px}
@media(max-width:1000px){.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.method-grid,.learning-pair{grid-template-columns:1fr}.method-body,.learning-pair article{padding:23px}.learning-page .section{padding-block:55px}.learning-page .learning-methods{padding-top:24px}.estimate-note{padding:18px}.learning-filters button{flex-grow:1}.learning-context{padding:22px}.method-diagram{height:168px}}
@media(prefers-reduced-motion:reduce){.learning-page html{scroll-behavior:auto}.learning-page .button{transition:none}}
@media print{.learning-filters,.learning-page .site-header,.learning-page .contact{display:none}.method-grid,.learning-pair{display:block}.method-card{break-inside:avoid;margin-bottom:16px}.method-diagram,.method-art{display:none}.method-card[hidden]{display:block}.learning-page .section{padding:20px 0}}