.learn-page:has(.learn-idea-grid) .learn-heading h1{font-size:clamp(42px,5vw,64px);letter-spacing:-2px}
.learn-page:has(.learn-idea-grid) .learn-heading{margin-bottom:25px}
.learn-pick>h2,.learn-subject-links h2{font-size:28px;font-weight:500;letter-spacing:-.7px}
.learn-pick>p{font-size:17px;color:var(--learn-copy);line-height:1.6;margin:10px 0 24px;max-width:700px}
.learn-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learn-idea-card{display:flex;flex-direction:column;padding:23px 25px;border:1px solid var(--learn-edge);border-radius:16px;background:linear-gradient(155deg,#142237,#0d1727);min-width:0;transition:border-color .15s,transform .15s}
.learn-idea-card:hover{border-color:var(--card-colour);transform:translateY(-3px)}
.idea-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;color:var(--card-colour);font-size:14px}
.idea-card-top svg,.quick-example-icon svg{width:77px;height:61px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.learn-idea-card h3{font-size:clamp(22px,2.1vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.6px}
.learn-idea-card>p{font-size:16px;line-height:1.6;color:var(--learn-copy);margin:15px 0 24px}
.idea-card-open{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--learn-edge);font-size:14px;color:var(--card-colour)}
.learn-subject-links{margin-top:48px}.learn-subject-links>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.learn-subject-links a{padding:18px;border:1px solid var(--learn-edge);border-radius:8px;font-size:16px}.learn-subject-links strong{display:block;font-weight:500}.learn-subject-links span{display:block;font-size:14px;color:var(--learn-soft);margin-top:10px}
.learn-more-paths{margin:30px 0;color:var(--learn-copy);font-size:16px}.learn-more-paths>summary{cursor:pointer;padding:12px 0;min-height:44px}.learn-learning-state{margin:0 0 25px!important;font-size:14px!important}.learn-learning-state:has(>span:only-child){display:none}
/* The reader puts one explanation and its picture on a single surface. */
.learn-page:has(.learn-quick) .learn-heading,.learn-page:has(.learn-quick) .learn-domain-nav{display:none}
.learn-page:has(.learn-quick) .learn-shell{max-width:1220px;padding-top:14px}
.learn-page:has(.learn-quick) .learn-reading-toolbar{max-width:1100px;margin:0 auto 34px;padding-bottom:10px;border-color:#233344;justify-content:flex-start;gap:28px}
.learn-reading-toolbar .learn-back:last-child{margin-left:auto}
.learn-quick{max-width:1100px;margin:0 auto 32px}
.quick-heading{margin:0 0 30px}.quick-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8ea9bc;margin:0 0 13px}
.quick-heading h1{font-size:clamp(34px,4.5vw,57px);line-height:1.1;letter-spacing:-.045em;font-weight:450;color:#f2f6f8;max-width:940px;margin:0}
.quick-panel{padding:30px 34px 18px;border:1px solid #2b4254;border-radius:20px;background:linear-gradient(120deg,#12232e,#0e1a27 70%);box-shadow:0 20px 70px #0002}
.quick-panel-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;scroll-margin-top:24px}.quick-panel-top:focus{outline:none}.quick-panel-top:focus-visible{outline:2px solid var(--learn-accent);outline-offset:7px}
.quick-position{font-size:13px;color:#aec4ce;line-height:1.4;margin:0}.quick-progress{display:flex;gap:5px;width:128px;flex-shrink:0}.quick-progress span{height:3px;flex:1;background:#334852;border-radius:3px}.quick-progress .is-read{background:#6caca8}.quick-progress .is-current{background:#ace9dc}
.quick-opening,.quick-how,.quick-example-visual{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:40px}
.quick-copy{min-width:0}.quick-copy .story-copy{font-size:clamp(20px,1.85vw,23px);line-height:1.6;letter-spacing:-.01em;margin:0;color:#e3edf1}.quick-opening .story-copy{font-size:clamp(22px,2.2vw,28px);line-height:1.5}
.quick-copy .learn-word-hint{display:none}.quick-copy .learn-inline-word{border-bottom-color:#718a94;border-bottom-style:dotted}.quick-copy .learn-word-meaning{font-size:16px;background:#1a303e}
.quick-step h2,.quick-example h2{font-size:clamp(26px,2.7vw,35px);line-height:1.2;font-weight:450;letter-spacing:-.035em;margin:0 0 20px;color:#f2f6f8}
.quick-body{min-height:350px;display:flex;align-items:center}.quick-body>div{width:100%}.quick-step{padding:4px 0}.quick-experiment{padding:0;min-width:0;width:100%}.quick-experiment svg{max-height:none}.quick-experiment:has(>.ai-learning),.quick-experiment:has(>.demartini-picture){border:0;background:none}.quick-experiment .learn-controls:empty{display:none}
.quick-example{max-width:780px;margin:auto;padding:24px 0 40px}.quick-example-visual{max-width:none;padding:0}.quick-note-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ab0bd;line-height:1.6;margin:0 0 15px}
.quick-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;margin-top:28px;border-top:1px solid #2b414d}.quick-nav button{font-size:16px;font-weight:500;min-height:48px;min-width:96px;border:1px solid #526975;border-radius:9px;background:transparent;color:#e3edf1;padding:11px 22px}.quick-nav button:last-child{background:#ade9d9;border-color:#ade9d9;color:#0a2526}.quick-nav button:disabled{opacity:.38}.quick-nav button:not(:disabled):hover{border-color:#e0f9f1}.quick-nav-position{font-size:12px;color:#99adb7}
.quick-overview{margin:0;padding:20px;background:#0b1c28;border:1px solid #284453;border-radius:14px}.quick-overview svg{display:block;width:100%;max-width:340px;margin:auto;fill:#19354a;stroke:var(--learn-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quick-overview svg path{fill:none}.quick-overview svg text{stroke:none;fill:#e2eef3;font:18px 'Helvetica Neue',Arial,sans-serif}.quick-overview svg .card-small{font-size:14px}.quick-overview figcaption{font-size:14px;line-height:1.55;color:#acbfcb;margin:14px 0 0}
.quick-notes{margin:24px 0 0;border-top:1px solid #283945}.quick-notes details{font-size:16px;line-height:1.75;margin:0;border-bottom:1px solid #283945;color:#bdcbd4}.quick-notes summary{min-height:54px;padding:15px 0;cursor:pointer;color:#c5d7df;font-size:15px}.quick-notes details[open]{padding-bottom:20px}.quick-notes details[open] summary{color:#e5f2f5}.quick-notes details p{max-width:800px;margin:12px 0}.quick-notes details a{color:#a8d2eb;display:block;padding:8px 0;font-size:15px}.quick-notes .quick-note-label{font-size:12px}.quick-notes strong{font-weight:600;color:#e3edf1}
.learn-pathway-next{max-width:1100px;margin-inline:auto}
.quick-how:has(.story-diagram){display:block;max-width:730px;margin:auto;padding:10px 0 20px}.quick-how>.quick-experiment:has(.story-diagram){display:none}.quick-opening .story-diagram .story-object svg{display:none}.quick-opening .story-diagram .story-object{min-height:32px;height:auto;box-shadow:none;background:none}.quick-opening .story-diagram .story-object>span{position:static;display:block;border:0;background:transparent;font-size:17px}.quick-opening .story-diagram figcaption{font-size:13px}.quick-opening .story-diagram .story-object-label{font-size:16px}
.budget-static-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 12px;margin:8px 0;border:1px solid var(--learn-edge);border-radius:7px;overflow:hidden;font-size:15px;line-height:1.5}.budget-static-row span,.budget-static-row strong{position:relative;z-index:1}.budget-static-row strong{font-weight:500;flex-shrink:0}.budget-static-row i{position:absolute;left:0;bottom:0;height:3px;width:var(--amount);background:var(--budget-colour)}
@media(max-width:850px){.quick-opening,.quick-how,.quick-example-visual{grid-template-columns:1fr;gap:26px}.quick-panel{padding:25px}.quick-body{min-height:0}.quick-opening>figure,.quick-example-visual>figure,.quick-experiment{max-width:550px;width:100%;margin-inline:auto}.quick-copy .story-copy{max-width:680px}.quick-nav{position:static;margin-inline:-25px;padding:12px 25px;margin-bottom:-25px;margin-top:25px;border-radius:0 0 20px 20px;background:#10212efa;z-index:3;backdrop-filter:blur(12px)}.quick-panel{padding-bottom:25px}.quick-notes{margin-top:28px}}
@media(max-width:480px){.learn-page:has(.learn-quick) .learn-shell{padding-inline:16px;padding-top:8px}.learn-page:has(.learn-quick) .learn-reading-toolbar{margin-bottom:24px;gap:16px}.quick-heading{margin-bottom:23px}.quick-heading h1{font-size:36px}.quick-kicker{font-size:11px;margin-bottom:11px}.quick-panel{padding:21px 18px;border-radius:15px}.quick-panel-top{gap:12px;margin-bottom:23px}.quick-position{font-size:12px}.quick-progress{width:80px;gap:4px}.quick-copy .story-copy{font-size:20px;line-height:1.6}.quick-opening .story-copy{font-size:22px;line-height:1.5}.quick-step h2,.quick-example h2{font-size:27px;margin-bottom:15px}.quick-nav{margin-inline:-18px;padding:12px 18px;margin-bottom:-21px;border-radius:0 0 15px 15px}.quick-nav button{min-width:88px;padding:10px 18px}.quick-overview{padding:12px}.quick-example{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.learn-quick *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:1050px){.learn-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-subject-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.learn-idea-grid{grid-template-columns:1fr}.learn-idea-card{padding:20px}.idea-card-top{margin-bottom:8px}.idea-card-top svg{width:65px;height:48px}.learn-subject-links a{padding:14px}}
@media(prefers-reduced-motion:reduce){.learn-idea-card{transition:none}.learn-idea-card:hover{transform:none}}
.learn-page:has(.learn-idea-grid) .learn-domain-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:14px}.learn-page:has(.learn-idea-grid) .learn-domain-nav a{flex-shrink:0}