.topic-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:min(1040px,calc(100% - 1.4rem));margin-inline:auto;padding:clamp(1.25rem,3vw,2.2rem) 0}.topic-hero{padding:clamp(1.5rem,4vw,2.8rem);border-radius:var(--radius);color:var(--white);background:linear-gradient(135deg,rgba(30,59,36,.98),rgba(53,107,52,.94)),radial-gradient(circle at 88% 18%,rgba(214,122,31,.42),transparent 18rem);box-shadow:var(--shadow)}.topic-hero h1,.topic-hero .lead{color:var(--white)}.topic-tabs,.cross-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.topic-tabs a{display:inline-flex;align-items:center;min-height:2.3rem;padding:.52rem .82rem;border-radius:999px;border:1px solid rgba(255,255,255,.32);color:var(--white);text-decoration:none;font-weight:900}.topic-tabs a.active{background:var(--orange);border-color:var(--orange)}.topic-card,.topic-toc{width:100%;max-width:940px;margin-inline:auto;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,242,.92);box-shadow:var(--soft-shadow)}.topic-card{padding:clamp(1.1rem,3vw,2rem)}.topic-toc{padding:1rem}.topic-toc h2{font-size:1.05rem;margin-bottom:.55rem}.topic-toc ol{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding-left:0;list-style:none}.topic-toc a{display:inline-flex;padding:.38rem .62rem;border-radius:999px;background:var(--cream-300);color:var(--green-800);font-weight:900;text-decoration:none}.lesson-section{padding:1rem 0 1.7rem;border-bottom:1px solid var(--line);scroll-margin-top:6rem}.lesson-section:last-child{border-bottom:0}.block-title{margin-top:1.05rem;color:var(--orange-dark);font-size:1.08rem}.eq{margin:.85rem 0;padding:.9rem 1rem;border-radius:15px;border:1px solid rgba(53,107,52,.22);background:#dff0cf;color:var(--green-950);overflow-x:auto;font-weight:900}.example-box,.procedure-box,.figure-note,.definition-box,.warning-box,.applet-card{margin:.8rem 0;padding:.95rem 1rem;border-radius:15px;border:1px solid var(--line)}.example-box{background:rgba(183,217,155,.22)}.definition-box{background:rgba(227,237,210,.7);border-left:5px solid var(--green-600)}.warning-box{background:rgba(214,122,31,.12);border-left:5px solid var(--orange)}.applet-card{background:rgba(255,255,255,.56);border-left:5px solid var(--green-800)}.procedure-box{background:rgba(214,122,31,.11);border-left:5px solid var(--orange)}.figure-note{background:linear-gradient(90deg,rgba(214,122,31,.12),rgba(183,217,155,.12));border-left:5px solid var(--green-600)}.figure-note .tag{display:inline-flex;margin-bottom:.25rem;padding:.2rem .55rem;border-radius:999px;background:var(--green-800);color:var(--white);font-size:.78rem;font-weight:900}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.4rem 1rem}.meta-grid p{margin:0}.topic-card li{margin-bottom:.35rem}.table-wrap{width:100%;overflow-x:auto;margin:.9rem 0}.table-wrap table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.55)}.table-wrap th,.table-wrap td{padding:.7rem .75rem;border:1px solid var(--line);vertical-align:top}.table-wrap th{background:var(--green-800);color:var(--white);text-align:left}.topic-card p{line-height:1.72}.topic-card h2{margin-top:.4rem}.topic-card h3{line-height:1.25}@media(max-width:640px){.topic-card{padding:1rem}.topic-tabs a,.topic-toc a{width:100%;justify-content:center}.table-wrap th,.table-wrap td{min-width:9rem}}