/* Additive microlearning styles: reuse the original route and surface tokens. */
:root{--nugget-surface:var(--paper);--nugget-accent:var(--orange);--nugget-line:var(--line)}
.nuggets,.nugget-chapter{min-width:0;color:var(--ink);letter-spacing:0}
.nuggets h1,.nuggets h2,.nuggets h3,.nugget-chapter h2{letter-spacing:0}
.nugget-chapter{margin-block:24px;padding-block:24px;border-block:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}
.nugget-chapter h2{margin-block:5px 8px}.nugget-chapter p{margin-bottom:0;max-width:600px}
.nugget-chapter .btn{flex-shrink:0;white-space:normal}
.nuggets-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.nuggets-heading{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.nuggets-heading h1{font-size:38px;margin-block:8px 12px}.nuggets-heading p{max-width:620px;font-size:16px}
.nuggets-heading img{width:120px;height:145px;object-fit:contain}
.nuggets-progress{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block:20px}.nuggets-progress meter{width:200px;height:12px;accent-color:var(--route)}
.nuggets-progress strong{color:var(--route-dark)}
.nuggets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.nugget-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:192px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--nugget-surface);color:var(--ink);transition:border-color .15s,transform .15s}
.nugget-item:hover{border-color:var(--route);transform:translateY(-2px)}
.nugget-item h3{font-family:inherit;font-size:16px;margin-block:12px 8px;line-height:1.45}.nugget-item small{color:var(--muted);font-size:12px}.nugget-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.nugget-item-top .industry-symbol{width:30px;height:30px;color:var(--route-dark)}.nugget-item-top svg{width:25px;height:25px}
.nugget-item-footer{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:14px;color:var(--route-dark);font-size:12px;font-weight:650}
.nuggets-resume{margin-block:14px}.nuggets .btn,.nuggets .option{white-space:normal;max-width:100%}
.nuggets-steps{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-block:24px}.nuggets-steps button{background:var(--nugget-surface);color:var(--muted);border:1px solid var(--line);padding:10px 16px;border-radius:8px}.nuggets-steps button[aria-selected=true]{border-color:var(--route);color:var(--route-dark);background:var(--route-light);font-weight:700}
.nugget-reading{max-width:820px;margin:auto}.nugget-takeaway{border-left:4px solid var(--route);padding:16px 20px;background:var(--route-light);font-size:20px;line-height:1.5;margin-block:20px}
.nugget-reading>.note{margin-top:24px}
.nugget-facts{padding-left:20px;display:grid;gap:12px;line-height:1.7}.nugget-model{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:24px}.nugget-model span{padding:12px 8px;border-block:1px solid var(--route-border);font-size:13px;font-weight:650;color:var(--route-dark);text-align:center;overflow-wrap:anywhere}.nugget-model b{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.nugget-context{padding-block:20px;border-block:1px solid var(--line);margin-block:24px}.nugget-context h3{margin-bottom:12px}.nugget-context p:last-child{margin-bottom:0}.nugget-context strong{color:var(--route-dark)}
.nugget-feedback{padding:16px;border-left:4px solid var(--route);background:var(--route-light);margin-block:18px}.nugget-feedback[data-correct=false]{border-left-color:var(--nugget-accent);background:var(--nugget-surface)}
.nuggets .option[aria-pressed=true]{border-color:var(--route);background:var(--route-light)}
.nugget-notes label{display:block;font-weight:650;margin-bottom:12px}.nugget-notes textarea{min-height:125px;width:100%;font:inherit;background:var(--nugget-surface);color:var(--ink);border:1px solid var(--line)}
.nugget-note-row{padding-block:20px;border-bottom:1px solid var(--line)}.nugget-note-row p{white-space:pre-wrap;overflow-wrap:anywhere}.nugget-note-row .section-title{gap:12px;flex-wrap:wrap}
.nuggets button:focus-visible{outline:3px solid var(--route);outline-offset:3px}.nuggets p,.nuggets h1,.nuggets h2,.nuggets h3{overflow-wrap:anywhere}.nuggets [hidden]{display:none!important}
@media(max-width:1150px){.nuggets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nuggets-grid{grid-template-columns:minmax(0,1fr)}.nugget-item{min-height:160px}.nuggets-heading{grid-template-columns:minmax(0,1fr) 70px;gap:12px}.nuggets-heading h1{font-size:29px}.nuggets-heading p{font-size:14px}.nuggets-heading img{width:70px;height:95px}.nuggets-steps button{flex:1;padding:10px 6px;font-size:12px}.nugget-model{grid-template-columns:repeat(2,minmax(0,1fr))}.nugget-chapter{align-items:flex-start;flex-direction:column}.nugget-takeaway{font-size:18px}.nuggets-top{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nugget-item{transition:none}.nugget-item:hover{transform:none}}
@media print{.nuggets-top,.nuggets-steps,.nuggets button,.nuggets-heading img,.nuggets .actions{display:none!important}.nugget-note-row{break-inside:avoid}.nuggets{display:block}}

/* Educational graphics use the original route palette plus complementary semantic accents. */
:root{--nugget-visual-bg:var(--route-light);--nugget-visual-ink:var(--route-dark);--nugget-warm-bg:#fff5dc;--nugget-warm-ink:#775409;--nugget-cool-bg:#eaf3fa;--nugget-cool-ink:#225a77;--nugget-highlight-bg:#fce9e3;--nugget-highlight-ink:#9b4932}
.nugget-mini-graphic{display:flex;width:100%;height:56px;gap:6px;align-items:center;margin-block:10px 2px}
.nugget-mini-graphic i{flex:1;height:34px;background:var(--route-light);border:1px solid var(--route-border);border-radius:4px;display:grid;place-items:center;font-style:normal;color:var(--route-dark);font-size:11px}
.nugget-mini-graphic i:nth-child(2){background:var(--nugget-warm-bg);color:var(--nugget-warm-ink)}.nugget-mini-graphic i:nth-child(3){background:var(--nugget-cool-bg);color:var(--nugget-cool-ink)}.nugget-mini-graphic i:nth-child(4){background:var(--nugget-highlight-bg);color:var(--nugget-highlight-ink)}
.nugget-mini-graphic[data-graphic=funnel] i:nth-child(1){height:50px}.nugget-mini-graphic[data-graphic=funnel] i:nth-child(2){height:40px}.nugget-mini-graphic[data-graphic=funnel] i:nth-child(3){height:30px}.nugget-mini-graphic[data-graphic=funnel] i:nth-child(4){height:22px}
.nugget-mini-graphic[data-graphic=cycle] i{border-radius:50%;flex:0 1 38px;height:38px}.nugget-mini-graphic[data-graphic=matrix]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.nugget-mini-graphic[data-graphic=matrix] i{height:24px}
.nugget-item{min-height:254px}.nugget-infographic{margin:28px 0 32px;padding:26px 0;border-block:1px solid var(--route-border)}
.nugget-visual-label{font-size:11px;font-weight:750;color:var(--route-dark)}.nugget-infographic h2{font-family:inherit;font-size:23px;margin:8px 0}.nugget-infographic figcaption>p{font-size:14px;color:var(--muted);margin:0 0 22px}
.nugget-diagram{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:stage}
.nugget-diagram li{position:relative;min-width:0;min-height:174px;display:flex;flex-direction:column;gap:10px;padding:18px 14px;background:var(--nugget-visual-bg);color:var(--nugget-visual-ink);border-radius:6px}
.nugget-diagram li:nth-child(2){background:var(--nugget-warm-bg);color:var(--nugget-warm-ink)}.nugget-diagram li:nth-child(3){background:var(--nugget-cool-bg);color:var(--nugget-cool-ink)}.nugget-diagram li:nth-child(4){background:var(--nugget-highlight-bg);color:var(--nugget-highlight-ink)}
.nugget-diagram li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:45%;font-size:18px;color:var(--muted)}
.nugget-diagram-number{font-size:12px;font-weight:700;opacity:.75}.nugget-diagram strong{font-size:17px;line-height:1.35}.nugget-diagram-detail{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.nugget-visual-insight{display:flex;gap:12px;margin:18px 0 0;font-size:14px;line-height:1.65;font-weight:600}.nugget-visual-insight>span{color:var(--route-dark);font-size:22px}
[data-graphic=matrix]>.nugget-diagram,[data-graphic=cycle]>.nugget-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
[data-graphic=matrix] .nugget-diagram li,[data-graphic=cycle] .nugget-diagram li{min-height:130px}
[data-graphic=matrix] .nugget-diagram li:after,[data-graphic=cycle] .nugget-diagram li:after,[data-graphic=compare] .nugget-diagram li:after{content:none}
[data-graphic=compare]>.nugget-diagram{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-graphic=funnel]>.nugget-diagram{display:flex;flex-direction:column;align-items:center;gap:12px}
[data-graphic=funnel] .nugget-diagram li{min-height:84px;width:100%;display:grid;grid-template-columns:30px 100px minmax(0,1fr);align-items:center;padding:16px 24px}
[data-graphic=funnel] .nugget-diagram li:nth-child(2){width:92%}[data-graphic=funnel] .nugget-diagram li:nth-child(3){width:84%}[data-graphic=funnel] .nugget-diagram li:nth-child(4){width:76%}
[data-graphic=funnel] .nugget-diagram li:after{content:none}[data-graphic=funnel] .nugget-diagram strong{font-size:28px;white-space:nowrap}
.nugget-cycle-turn{position:absolute;right:16px;top:14px;font-size:23px;opacity:.6}
.nugget-expert-section,.nugget-tips{padding-block:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.nugget-expert-section h2,.nugget-tips h2,.nugget-fieldwork h2{font-family:inherit;font-size:22px;margin:8px 0 20px}
.nugget-expert-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.nugget-expert-columns h3{font-family:inherit;font-size:16px;line-height:1.4;margin-bottom:10px}.nugget-expert-columns p{font-size:15px;line-height:1.8;margin-bottom:0}
.nugget-tips details{border-top:1px solid var(--line)}.nugget-tips summary{display:flex;align-items:center;gap:14px;padding:18px 0;cursor:pointer;font-weight:650;list-style:none}.nugget-tips summary::-webkit-details-marker{display:none}.nugget-tip-number{color:var(--route-dark);font-size:12px;flex-shrink:0}.nugget-tip-toggle{margin-left:auto;color:var(--route-dark);font-size:22px;flex-shrink:0}.nugget-tips details[open] .nugget-tip-toggle{transform:rotate(45deg)}.nugget-tips details>p{margin:0 0 20px 30px;line-height:1.8;font-size:15px}
.nugget-pitfall{position:static;width:auto;height:auto;inset:auto;display:flex;gap:16px;background:var(--nugget-warm-bg);color:var(--nugget-warm-ink);border:0;border-left:3px solid var(--nugget-warm-ink);padding:20px;margin:24px 0;box-shadow:none;border-radius:0;backdrop-filter:none}.nugget-pitfall h3{font-family:inherit;font-size:15px;color:inherit;margin-bottom:8px}.nugget-pitfall p{font-size:14px;margin:0;line-height:1.7}.nugget-pitfall-symbol{font-weight:750;font-size:24px}
.nugget-fieldwork{padding:24px 0;border-block:1px solid var(--route-border);margin-bottom:26px}.nugget-fieldwork p{line-height:1.8}.nugget-fieldwork h3{font-family:inherit;font-size:15px}.nugget-fieldwork ul{list-style:none;padding:0;display:grid;gap:10px}.nugget-fieldwork li{display:flex;gap:12px;font-size:14px;line-height:1.6}.nugget-fieldwork li>span{color:var(--route-dark);font-size:19px}
@media(max-width:700px){.nugget-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nugget-diagram li{min-height:150px}.nugget-diagram li:after{content:none!important}.nugget-expert-columns{grid-template-columns:minmax(0,1fr);gap:20px}.nugget-infographic{padding-block:20px}.nugget-infographic h2{font-size:21px}[data-graphic=funnel] .nugget-diagram li{width:100%!important;grid-template-columns:20px 82px minmax(0,1fr);padding:14px 12px;gap:8px}[data-graphic=funnel] .nugget-diagram strong{font-size:22px}.nugget-diagram strong{font-size:15px}.nugget-tips summary{font-size:14px}}
@media print{.nugget-infographic,.nugget-pitfall,.nugget-expert-columns{break-inside:avoid}.nugget-tips details>p{display:block!important}.nugget-pitfall{display:flex!important}.nugget-tip-toggle{display:none}}