/* The learning center inherits the public site's typography and color themes. */
.learning-layout{--learning-sheet:#f8f5ed;--learning-sheet-line:#ddd6c6}
:root[data-theme=dark] .learning-layout{--learning-sheet:#23221f;--learning-sheet-line:#555047}
.learning-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding-top:2rem;padding-bottom:3rem}
.learning-sidebar{position:sticky;top:calc(var(--header-offset,84px) + 1.5rem);max-height:calc(100vh - var(--header-offset,84px) - 3rem);overflow:auto;padding:.25rem .75rem .75rem 0;font-size:.875rem}
.learning-home{display:inline-block;font-weight:650;margin-bottom:1.2rem;text-decoration:none}
.learning-sidebar ol{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}
.learning-sidebar nav a{display:block;padding:.7rem .85rem;border-left:2px solid transparent;text-decoration:none;line-height:1.45}
.learning-sidebar nav a:hover{background:var(--soft)}
.learning-sidebar nav a[aria-current=page]{background:var(--soft);border-color:var(--accent);font-weight:650}
.learning-sidebar nav a>span{display:block;font-size:.7rem;color:var(--muted);font-weight:400}
.learning-sidebar [data-learning-reviewed]{display:block;font-size:.7rem;color:var(--accent)}
.learning-reading{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:.65rem}
.learning-small{font-size:.8125rem;color:var(--muted);line-height:1.6}
.learning-content{max-width:850px;min-width:0}
.learning-heading{padding-bottom:1.25rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem}
.learning-heading .eyebrow{margin-bottom:.75rem}
.learning-heading h1{font-size:clamp(2.35rem,4.3vw,3.8rem);line-height:1.08;letter-spacing:-.045em;font-weight:650;margin:0 0 .9rem;max-width:22ch}
.learning-heading .lede{max-width:60ch;margin-bottom:.75rem}
.learning-heading>:last-child{margin-bottom:0}
.learning-content>section{margin-block:1.5rem}
.learning-content>section>:last-child,.learning-lesson>p:last-child{margin-bottom:0}
.learning-content h2{font-size:clamp(1.45rem,2.3vw,1.9rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 .75rem}
.learning-content h3{font-size:1.15rem;line-height:1.4;letter-spacing:-.01em;margin:0 0 .6rem}
.learning-content p{margin-top:0;margin-bottom:.75rem}
.learning-content li{margin-bottom:.65rem}
.learning-content ul,.learning-content ol:not(.learning-chapters){padding-left:1.35rem}
.learning-lesson{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}
.learning-lesson .eyebrow{margin-bottom:.5rem;font-size:.6875rem}
.learning-exercise,.learning-checkpoint{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--line);border-radius:3px}
.learning-exercise{background:var(--learning-sheet)}
.learning-checkpoint{background:var(--surface);border-top:3px solid var(--accent)}
.learning-exercise .eyebrow,.learning-checkpoint .eyebrow{margin-bottom:.8rem}
.learning-content blockquote{margin:1rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:3px solid var(--accent);font-size:1.1rem}
.learning-content blockquote p{margin:0}
.learning-success{padding-block:0}
.learning-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.learning-performance{padding:1.2rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.learning-performance dl{margin:0}
.learning-performance dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);font-size:.875rem;line-height:1.6}
.learning-performance dt{font-weight:600;color:var(--accent)}
.learning-performance dd{margin:0}
.learning-performance .text-link{display:inline-block;margin-top:.6rem}
.learning-content .learning-performance-path{list-style:none;padding:0;margin:1rem 0}
.learning-performance-path li{display:grid;grid-template-columns:135px minmax(0,1fr);gap:1rem;padding:.65rem 0;border-top:1px solid var(--line);font-size:.875rem;margin:0}
.learning-performance-path a{font-weight:600}
.learning-performance-path p{margin:0}
@media(max-width:600px){.learning-performance dl>div,.learning-performance-path li{grid-template-columns:1fr;gap:.3rem}}
.learning-chapters{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.learning-chapters li{margin:0}
.learning-chapters a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:1rem;padding:1rem 0;border-top:1px solid var(--line);text-decoration:none}
.learning-chapters a:hover h3{color:var(--accent);text-decoration:underline}
.learning-chapters a>*{grid-column:2}
.learning-chapters a>.learning-pictograph{grid-column:1;grid-row:1 / 5;width:44px;height:44px;border-radius:8px}
.learning-chapters a>.learning-pictograph svg{width:26px;height:26px}
.learning-chapters .eyebrow{font-size:.65rem;margin-bottom:.35rem}
.learning-chapters h3{margin-bottom:.25rem;font-size:1.05rem}
.learning-chapters p{font-size:.875rem;color:var(--muted);margin-bottom:0}
.learning-chapters a>.learning-card-action{grid-column:3;grid-row:1 / 5;align-self:center}
.learning-card-action{font-size:.8125rem;font-weight:600;color:var(--accent)}
.learning-card-action small{display:block;font-weight:400}
.learning-pager{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-top:1rem;margin-top:1.5rem}
.learning-pager a{font-weight:600;text-decoration:none;min-height:48px}
.learning-pager a:hover{text-decoration:underline}
.learning-pager a:last-child{text-align:right}
.learning-pager span{display:block;color:var(--muted);font-size:.75rem;font-weight:400}
.learning-review{margin-top:1.25rem}
.learning-review [role=status]{margin-top:.6rem}
@media(max-width:850px){.learning-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-top:1.25rem}.learning-sidebar{position:static;max-height:none;overflow:visible;padding:0 0 1rem;border-bottom:1px solid var(--line)}.learning-sidebar ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.learning-sidebar nav a{height:100%;padding:.6rem}.learning-reading{margin-top:1rem}.learning-reading p{margin-block:.5rem}.learning-content{max-width:none}}
@media(max-width:520px){.learning-layout{width:calc(100% - 2rem)}.learning-sidebar ol{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-chapters{grid-template-columns:minmax(0,1fr)}.learning-heading h1{font-size:2.35rem}.learning-heading{padding-bottom:1rem}.learning-content>section{margin-block:1.25rem}.learning-chapters a{grid-template-columns:44px minmax(0,1fr);padding:1rem 0}.learning-chapters a>.learning-card-action{grid-column:2;grid-row:auto;margin-top:.5rem}}
@media print{.learning-layout{display:block;width:100%;padding:0}.learning-sidebar,.learning-review,.learning-pager,.site-header,.site-footer,.cookie-banner{display:none!important}.learning-content{max-width:none}.learning-content h1{font-size:26pt}.learning-content h2{break-after:avoid}.learning-content section{break-inside:auto}.learning-exercise,.learning-checkpoint{border:1px solid #777;background:none;color:#000}.learning-content a{color:#000}.learning-content p,.learning-content li{orphans:3;widows:3}}

.learning-outcome{border-left:3px solid var(--accent);padding:1.25rem 1.5rem;background:var(--soft)}
.learning-outcome .eyebrow{margin-bottom:.6rem}
.learning-outcome p:last-child{margin-bottom:0}
.learning-content .learning-steps{list-style:none;padding:0}

/* Phase pictographs use the shared accent in both themes. */
.learning-vision{border-left:3px solid var(--accent);padding:1.25rem;background:var(--soft)}
.learning-vision-shift{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:center;margin:1rem 0;font-size:1.15rem}
.learning-vision-shift p{margin:0}.learning-vision-shift p>span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.learning-vision-arrow{font-size:2rem;color:var(--accent)}
.learning-coding-figure{margin:1rem 0}.learning-coding-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.learning-coding-figure figcaption{margin-top:.75rem;font-size:.8125rem;color:var(--muted)}
.learning-coding-text{margin:1rem 0}.learning-coding-text>div{padding:.75rem 0;border-top:1px solid var(--line)}.learning-coding-text dt{font-weight:650}.learning-coding-text dd{margin:.25rem 0 0}
@media(max-width:600px){.learning-vision-shift{grid-template-columns:1fr}.learning-vision-arrow{transform:rotate(90deg);width:fit-content}}
.learning-pictograph{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;background:var(--soft);border:1px solid var(--line);border-radius:16px;color:var(--accent)}
.learning-pictograph svg{display:block;width:36px;height:36px}
.learning-heading-label{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.learning-heading-label .eyebrow{margin:0}
.learning-chapters .learning-pictograph{margin-bottom:.85rem}
.learning-content>.learning-pictograph{margin-bottom:1rem}
@media print{.learning-pictograph{display:none}}

.learning-value-example{margin-top:1rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.learning-value-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.learning-value-heading .eyebrow{margin-bottom:.5rem}
.learning-value-heading>span{padding:.35rem .65rem;background:var(--soft);border-radius:5px;font-size:.8125rem;color:var(--accent)}
.learning-value-ramp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;list-style:none;padding:0;margin:1rem 0 1.5rem}
.learning-value-ramp li{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:.8125rem}
.learning-value-ramp .eyebrow{margin:0;color:var(--muted)}
.learning-value-ramp strong{font-size:1.3rem;color:var(--accent);line-height:1.3}
.learning-value-ramp small{font-size:.75rem;line-height:1.5;color:var(--muted)}
.learning-value-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin:0 0 1.5rem}
.learning-value-metrics>div{padding-top:1rem;border-top:2px solid var(--accent)}
.learning-value-metrics dt{font-size:.8125rem;color:var(--muted);margin-bottom:.6rem}
.learning-value-metrics dd{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:650;letter-spacing:-.035em;line-height:1.2}
.learning-value-metrics small{display:block;margin-top:.45rem;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--muted)}
.learning-value-math{font-size:.875rem;line-height:1.8}
.learning-value-assumptions{border-block:1px solid var(--line);padding:1rem 0;margin:1.25rem 0}
.learning-value-assumptions summary{cursor:pointer;font-size:.875rem;font-weight:600}
.learning-value-assumptions dl{margin:1rem 0 0}
.learning-value-assumptions dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:.55rem 0;font-size:.8125rem}
.learning-value-assumptions dt{color:var(--muted)}
.learning-value-assumptions dd{margin:0}
.learning-value-example>.learning-small:last-child{margin:1rem 0 0}
@media(max-width:600px){.learning-value-ramp{grid-template-columns:1fr}.learning-value-metrics{grid-template-columns:1fr;gap:1rem}.learning-value-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.learning-value-metrics dd{font-size:1.65rem}.learning-value-metrics dt{margin:0}.learning-value-assumptions dl>div{grid-template-columns:1fr;gap:.25rem}.learning-value-example .hero-actions{align-items:stretch}}

.learning-value-heading h2{font-size:1.15rem;line-height:1.4;margin:0}

/* Supporting guides sit alongside the seven-chapter journey. */
.learning-support-nav{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}
.learning-guide-links{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line)}
.learning-guide-links p{margin-bottom:.4rem}
.learning-content .learning-guide-links ul{list-style:none;padding:0;margin:0}
.learning-guide-links li{font-size:.875rem;margin-bottom:.4rem}
.learning-content .learning-faq details{padding:1rem 0;border-bottom:1px solid var(--line)}
.learning-faq summary{cursor:pointer;font-weight:600;line-height:1.5}
.learning-faq details>p{margin-top:.75rem}
@media(max-width:850px){.learning-support-nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Working documents add an editorial rhythm without changing the shared shell. */
.learning-editorial-heading h1{max-width:19ch}
.learning-editorial-heading h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
.learning-author{font-size:.8125rem;color:var(--muted);margin-top:1rem!important}
.learning-content>.learning-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;align-items:center;margin-block:1.75rem}
.learning-workbench h2{font-size:1.55rem;line-height:1.35}
.learning-workbench .eyebrow{font-size:.6875rem}
.learning-desk-note{padding:1.4rem;border:1px solid var(--learning-sheet-line);border-top:3px solid var(--accent);background:var(--learning-sheet)}
.learning-desk-note h3{font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;font-weight:400}
.learning-note-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.learning-desk-note li{font-size:.875rem}
.learning-editorial-reading{padding:1.25rem 0;border-block:1px solid var(--line)}
.learning-editorial-reading>.learning-small{margin-top:1rem}
.learning-editorial-link{font-size:.875rem}
.learning-guide-entry{border-top:1px solid var(--line);padding-top:1rem}
.learning-guide-entry a,.learning-example-row a{text-decoration:none}
.learning-guide-entry a:hover,.learning-example-row a:hover{color:var(--accent);text-decoration:underline}
.learning-example-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.learning-example-number{font-family:Georgia,'Times New Roman',serif;font-size:2rem;line-height:1.25;color:var(--muted)}
.learning-specimen{padding:clamp(1rem,3vw,2rem);margin-block:1.5rem;background:var(--learning-sheet);border:1px solid var(--learning-sheet-line);border-top:3px solid var(--accent)}
.learning-specimen>h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(1.65rem,3vw,2rem);line-height:1.25}
.learning-specimen h3{margin-top:1.4rem}
.learning-specimen .eyebrow{font-size:.6875rem}
.learning-specimen dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:.4rem 1rem;padding-block:1rem;margin-block:1rem;border-block:1px solid var(--learning-sheet-line);font-size:.875rem}
.learning-specimen dt{font-weight:600}
.learning-specimen dd{margin:0}
.learning-table-wrap{overflow:auto;margin-block:1rem}
.learning-specimen table{width:100%;border-collapse:collapse;font-size:.875rem}
.learning-specimen th,.learning-specimen td{text-align:left;vertical-align:top;padding:.7rem;border-bottom:1px solid var(--learning-sheet-line)}
.learning-specimen th{font-weight:600;border-top:1px solid var(--learning-sheet-line)}
.learning-example-link{font-size:.875rem;margin-top:1rem!important}
.learning-example-link>span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.25rem}
.learning-success ul{list-style:none;padding:0!important;border-left:2px solid var(--line);margin-left:0}
.learning-success li{padding-left:1rem}
@media(max-width:600px){.learning-content>.learning-workbench{grid-template-columns:minmax(0,1fr);gap:1rem}.learning-example-row{grid-template-columns:2rem minmax(0,1fr);gap:.75rem}.learning-example-number{font-size:1.65rem}.learning-specimen dl{grid-template-columns:minmax(0,1fr);gap:.25rem}.learning-specimen dd{margin-bottom:.6rem}.learning-chapters a{padding:1rem 0}.learning-specimen th,.learning-specimen td{padding:.5rem}.learning-specimen table{font-size:.8125rem}}
@media print{.learning-specimen,.learning-desk-note{background:none;border:1px solid #777;color:#000}.learning-table-wrap{overflow:visible}.learning-specimen table{font-size:9pt}.learning-specimen tr{break-inside:avoid}.learning-workbench{display:block!important}}