/* Illustrated learning materials, scoped to the six guide pages. */
.visual-guide{max-width:1180px;padding-top:30px;padding-bottom:30px}.visual-guide .breadcrumbs{padding-top:0}.guide-hero{display:grid;gap:28px;align-items:center;margin:28px 0 38px}.guide-hero h1{font-size:clamp(32px,4.1vw,52px);line-height:1.13;letter-spacing:-.025em;margin:16px 0 22px}.guide-hero .lede{font-size:18px;line-height:1.7;margin:0}.guide-hero .article-meta{margin-top:22px;font-size:12px}.study-figure{margin:0;border-radius:18px;overflow:hidden;background:#dce8ed}.study-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.equation-cover{min-height:290px;border:1px solid #b7ccd4;border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#1f7aa80c 1px,transparent 1px),linear-gradient(90deg,#1f7aa80c 1px,transparent 1px),#e4eef1;background-size:22px 22px;position:relative}.equation-tag{align-self:flex-start;font:12px 'JetBrains Mono',monospace;color:#355c6f;margin-bottom:28px}.math-word{font:italic 23px 'Playfair Display',serif;background:#f7da65;padding:5px 14px;transform:rotate(-3deg)}.big-equation{font:clamp(26px,4vw,44px) 'JetBrains Mono',monospace;margin:22px 0 12px;white-space:nowrap}.big-equation>span{color:#1f7aa8}.equation-rule{height:1px;width:80%;background:#a6bdc9}.equation-answer{font:34px 'JetBrains Mono',monospace;margin:14px}.equation-answer>span{color:#356b46;font-size:25px}.equation-caption{font-size:13px;color:#51607c}.reading-layout{display:grid;gap:28px}.visual-guide .article-toc{margin:0;padding:20px;background:#e4ebf0;border-radius:12px;border:0;align-self:start;counter-reset:toc}.article-toc a{display:flex;gap:10px;font-size:14px;text-decoration:none;min-height:44px;align-items:center}.article-toc a:before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font:11px 'JetBrains Mono',monospace;color:#51607c}.article-toc a:hover{text-decoration:underline}.reading-content{min-width:0}.visual-guide .learning-section{margin:0 0 28px;padding:10px 0 24px;border-bottom:1px solid #ccd6e1}.visual-guide .learning-section h2{font-size:27px;line-height:1.3;margin:0 0 18px}.visual-guide .learning-section p{font-size:16px;line-height:1.85;max-width:70ch}.section-number{display:block;font:12px 'JetBrains Mono',monospace;color:#247297;margin-bottom:10px}.visual-guide .learning-note{background:#fff7d8;padding:24px;border:1px solid #e2d49a;border-radius:12px}.term-table{border-radius:12px;overflow:hidden}.term-table caption{padding:14px 16px;background:#e3edf2}.term-table tbody tr:nth-child(even){background:#f5f8fa}.term-table tbody th{font-family:'JetBrains Mono',monospace;color:#216884;font-size:14px}.solution-steps{list-style:none;padding:20px;margin:24px 0 0;display:grid;gap:20px;background:#e3edf2;border-radius:12px}.solution-steps li{display:flex;flex-direction:column;gap:9px}.solution-steps li>span{font-size:12px;color:#51607c}.solution-steps strong{font:18px 'JetBrains Mono',monospace}.prep-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 36px}.prep-strip a{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #cad6df;background:#fff;border-radius:10px;text-decoration:none;font-size:14px;min-height:60px}.prep-strip a>span{color:#247297;font:12px 'JetBrains Mono',monospace}.prep-strip b{margin-left:auto;font-weight:400}.guide-card-art{height:210px;margin:-24px -24px 24px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.guide-index article{overflow:hidden}.card-math{background:repeating-linear-gradient(0deg,#e3edf2,#e3edf2 23px,#cedde4 24px)}.card-math span{font:clamp(25px,3vw,38px) 'JetBrains Mono',monospace}.card-math small{background:#f7da65;padding:6px 12px;font:13px 'JetBrains Mono',monospace;transform:rotate(-3deg)}.card-lesson img{width:100%;height:100%;object-fit:cover}.visual-guide .guide-index h2{font-size:27px}.guide-index a{text-decoration:none}.guide-index a:hover{text-decoration:underline}.visual-guide a:focus-visible{outline:3px solid #1f7aa8;outline-offset:4px}.visual-guide .learning-related{padding:22px;background:#fff;border-radius:12px;line-height:2}
@media(min-width:800px){.guide-hero{grid-template-columns:1.1fr 1fr;gap:48px;margin-bottom:48px}.reading-layout{grid-template-columns:240px minmax(0,1fr);gap:48px}.visual-guide .article-toc{position:sticky;top:100px}.prep-strip{grid-template-columns:repeat(4,1fr)}.solution-steps{grid-template-columns:1fr 1fr 1.65fr}.study-figure img{aspect-ratio:1.1;object-fit:cover}.guide-hub .study-figure img{aspect-ratio:1.4}.equation-cover{min-height:360px}.reading-content{padding-right:30px}}

/* ---- guide hub: distinct card art, meta, hover affordance, "what's inside" strip ---- */
.hub-inside-wrap{margin:34px 0 4px}
.hub-inside-wrap .eyebrow{margin:0 0 14px}
.hub-inside{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.hub-inside li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dce3eb;border-radius:12px;padding:15px 17px}
.hub-inside .ico{flex:none;width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#e3edf2;color:#1f7aa8;font:14px 'JetBrains Mono',monospace}
.hub-inside b{display:block;font-size:15px;margin-bottom:3px}
.hub-inside span:not(.ico){display:block;font-size:13.5px;line-height:1.5;color:#51607c}

.card-lesson{background:linear-gradient(#1f7aa812 1px,transparent 1px),linear-gradient(90deg,#1f7aa812 1px,transparent 1px),#e8eff3;background-size:22px 22px;gap:16px}
.prep-check{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:min(80%,250px)}
.prep-check li{display:flex;align-items:center;gap:10px;font:13.5px 'JetBrains Mono',monospace;color:#2a3a55;background:#fff;border:1px solid #cddbe3;border-radius:8px;padding:7px 12px}
.prep-check li span{flex:none;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1f7aa8;color:#fff;font-size:11px}
.card-lesson small{background:#f7da65;padding:6px 12px;font:13px 'JetBrains Mono',monospace;transform:rotate(-2deg)}

.guide-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px!important}
.guide-tag{font:12px 'JetBrains Mono',monospace;color:#1f7aa8;background:#e3edf2;border-radius:20px;padding:4px 11px}
.guide-time{font:12px 'JetBrains Mono',monospace;color:#51607c}
.guide-index article{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.guide-index article:hover{transform:translateY(-3px);box-shadow:0 16px 32px -22px rgba(22,35,63,.5);border-color:#bcd2dd}
.guide-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:13px 'JetBrains Mono',monospace;color:#1f7aa8}
.guide-more svg{transition:transform .18s ease}
.guide-index article:hover .guide-more svg{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.guide-index article,.guide-more svg{transition:none}.guide-index article:hover{transform:none}}
@media(min-width:800px){.hub-inside{grid-template-columns:repeat(3,1fr)}}

/* ---- guide hub: hero artwork — "language of the task" (own theme, no repeat of card art) ---- */
.hub-figure{margin:0}
.hub-art{position:relative;border-radius:18px;padding:38px 30px;min-height:300px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;
  background:linear-gradient(#1f7aa814 1px,transparent 1px),linear-gradient(90deg,#1f7aa814 1px,transparent 1px),#e6eef2;
  background-size:24px 24px;border:1px solid #cfdde5;overflow:hidden}
.hub-art-sheet{background:#fff;border:1px solid #d7e2e9;border-radius:13px;box-shadow:0 18px 34px -22px rgba(22,35,63,.55)}
.hub-art-task{width:min(94%,340px);padding:20px 22px;transform:rotate(-1.5deg)}
.hub-art-task small{display:block;font:11.5px 'JetBrains Mono',monospace;color:#51607c;margin-bottom:10px}
.hub-art-task p{margin:0;font:italic 18px/1.5 'Playfair Display',serif;color:#16233f}
.hub-art-dict{list-style:none;margin:0;padding:0;display:grid;gap:9px;width:min(94%,340px)}
.hub-art-dict li{display:flex;align-items:baseline;gap:10px;background:#16233f;color:#fff;border-radius:10px;padding:9px 14px;
  box-shadow:0 14px 26px -20px rgba(22,35,63,.7)}
.hub-art-dict b{font:12.5px 'JetBrains Mono',monospace;flex:none}
.hub-art-dict li:after{content:"→";color:#6f8ba0;font:12px 'JetBrains Mono',monospace;order:1}
.hub-art-dict span{font-size:12.5px;color:#a9c2d2;order:2;margin-left:auto}
@media(max-width:560px){.hub-art{min-height:240px;padding:28px 20px}.hub-art-task p{font-size:16px}}

.guide-more{min-height:44px}