/* The ten-stem reading chapter shares the main site's paper and forest palette. */
.stem-experience{min-width:0}
.stem-intro{position:relative;display:block;padding:28px 0 22px}
.stem-intro .eyebrow{max-width:calc(100% - 88px);font-size:12px;letter-spacing:.1em}
.stem-intro h1{font-size:1.75rem;line-height:1.7;letter-spacing:.04em;margin-bottom:10px}
.stem-intro p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}
.stem-intro img{position:absolute;right:0;top:22px;width:78px;height:auto;mix-blend-mode:multiply}
.stem-query-tabs{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.stem-query-tabs a{display:flex;align-items:center;min-height:48px;padding:8px 2px;font-size:16px;color:var(--muted)}
.stem-query-tabs a[aria-current]{border-bottom:3px solid var(--forest);color:var(--forest)}
.stem-choose-note{color:var(--muted);font-size:14px;line-height:1.9;margin:12px 0 20px}
.stem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stem-card{display:flex;flex-direction:column;min-width:0;background:#fffef980;border:1px solid var(--line);border-radius:4px;padding:16px;overflow-wrap:anywhere;transition:transform .18s,border-color .18s}
.stem-card:hover{transform:translateY(-3px);border-color:var(--gold);background:var(--white)}
.stem-order{font-size:12px;color:var(--muted)}
.stem-character{font:3.2rem/1.5 var(--serif);text-align:center}
.stem-name{font:500 1.2rem var(--serif);color:var(--ink)}
.stem-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:9px 0 16px;flex:1}
.stem-card-action{font-size:14px;border-top:1px solid var(--line);padding-top:10px;color:var(--forest)}
.stem-reading-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:28px 0}
.stem-reading-note strong{font:500 1.1rem var(--serif)}
.stem-reading-note p{font-size:14px;line-height:1.9;color:var(--muted);margin:10px 0 0;max-width:800px}
.stem-forest{position:relative;height:180px;overflow:hidden;border-radius:4px;background:var(--forest)}
.stem-forest img{width:100%;height:100%;object-fit:cover;object-position:30% 54%}
.stem-forest:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#153e3780)}
.stem-forest span{position:absolute;z-index:1;right:18px;bottom:16px;left:18px;text-align:right;color:white;font:1.05rem/1.8 var(--serif);text-shadow:0 1px 5px #13291d}
.stem-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 28px}
.stem-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.stem-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;min-width:0}
.stem-switch label{font-size:14px}
.stem-switch select{width:auto;min-height:48px;min-width:0;max-width:100%;padding:10px 12px;font-size:16px}
.stem-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.stem-sidebar{display:none}
.stem-article{min-width:0}
.stem-article h1{font-size:1.8rem;line-height:1.7;letter-spacing:.04em;margin:0 0 20px}
.stem-article .stem-lead{font-size:1.1rem;line-height:2;color:#56695d}
.stem-takeaway{border-left:3px solid var(--gold);background:var(--soft);padding:16px 20px;margin:24px 0 32px}
.stem-takeaway span{font-size:14px;color:#687348}
.stem-takeaway p{font:1.2rem/1.9 var(--serif);margin:8px 0 0}
.stem-reading-section{margin:36px 0}
.stem-reading-section h2{font-size:1.35rem;line-height:1.8;letter-spacing:.02em;margin-bottom:18px;scroll-margin-top:24px}
.stem-reading-section p{font-size:16px;line-height:2.1;color:#43594d}
.stem-combinations{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.stem-combinations>div{padding:20px;border:1px solid var(--line);border-radius:4px;background:#fffef970}
.stem-combinations h3{font-size:1.1rem;margin-bottom:8px}
.stem-combinations p{margin:0}
.stem-reflection{background:var(--forest);color:var(--white);border-radius:4px;padding:24px;margin:40px 0}
.stem-reflection .eyebrow{color:#d0cfaf}
.stem-reflection h2{font-size:1.45rem;line-height:1.9}
.stem-reflection p{font-size:14px;line-height:1.9;color:#d8e0d4;margin:0}
.stem-article-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap}
.stem-result-links{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.stem-result-links>span,.stem-result-links p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}
.stem-result-links a{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:16px;min-height:52px;padding:12px 16px}
.stem-calculator-nav{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:0 0 20px}
.stem-calculator-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.stem-main-entry{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;margin:36px auto 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1200px}
.stem-main-entry h2{font-size:1.25rem;margin:0 0 6px}
.stem-main-entry p{font-size:16px;color:var(--muted);margin:0}
.stem-main-entry a{max-width:100%;white-space:normal}
@media(min-width:600px){.stem-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stem-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0}.stem-intro img{position:static;width:190px;flex-shrink:0}.stem-intro .eyebrow{max-width:none}.stem-intro h1{font-size:2.35rem}.stem-combinations{grid-template-columns:repeat(2,minmax(0,1fr))}.stem-forest{height:240px}}
@media(min-width:900px){.stem-card{padding:20px}.stem-character{font-size:3.8rem}.stem-intro img{width:230px}.stem-article-layout{grid-template-columns:200px minmax(0,720px);justify-content:center;gap:50px}.stem-sidebar{display:block}.stem-seal{text-align:center;padding:24px;border:1px solid var(--line);background:#fffef970}.stem-seal span{font-size:14px;color:var(--muted)}.stem-seal strong{display:block;font:5rem/1.6 var(--serif)}.stem-seal p{font:1.1rem var(--serif);color:var(--ink);margin:0}.stem-sidebar nav{display:flex;flex-direction:column;gap:8px;margin:28px 0;padding-top:20px;border-top:1px solid var(--line)}.stem-sidebar button{background:none;border:0;padding:10px 0;font-size:14px;text-align:left;color:var(--muted);line-height:1.9;min-height:44px}.stem-sidebar img{width:160px;height:auto;margin:20px auto;mix-blend-mode:multiply}.stem-article h1{font-size:2.35rem}.stem-reading-section h2{font-size:1.5rem}}
@media(min-width:761px) and (max-width:1100px){.site-header{flex-wrap:wrap;gap:10px 20px}.site-header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;column-gap:20px}.site-header .language-button{margin-left:auto}}
@media(max-width:370px){.stem-intro h1{font-size:1.6rem}.stem-intro .eyebrow{letter-spacing:.03em}.stem-card{padding:13px}.stem-query-tabs{gap:12px}.stem-query-tabs a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.stem-card{transition:none}}