.learn{max-width:1120px;margin:auto;padding-bottom:40px;color:#17223b}.learn-kicker{font-size:11px;letter-spacing:2px;color:#6366f1;font-weight:800}.learn h1{font-size:32px;letter-spacing:-.8px;font-weight:850;margin:10px 0}.learn h2{font-size:19px;font-weight:750;margin-bottom:14px}.learn p{color:#64748b;line-height:1.8}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin-top:24px}.learn-card{background:white;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.learn-card h3{font-size:17px;font-weight:750;margin:12px 0}.learn-card p{font-size:13px}.learn-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.learn-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:11px;background:#4f46e5;color:white;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}.learn-btn.secondary{background:white;border-color:#dbe1ee;color:#475569}.learn-btn:disabled{opacity:.45;cursor:not-allowed}.learn-small{font-size:12px;color:#64748b}.learn-stat{font-size:30px;font-weight:850;color:#17223b}.learn-pill{font-size:11px;border-radius:30px;padding:5px 10px;background:#eef2ff;color:#4f46e5;font-weight:750}.learn-challenge{padding:18px 22px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-bottom:22px;color:#166534}.learn-challenge strong{font-size:14px}.learn-meter{height:8px;background:#dcfce7;border-radius:20px;overflow:hidden;margin-top:10px}.learn-meter span{height:100%;display:block;background:#16a34a;transition:width .3s}.learn-bar{height:8px;background:#f1f5f9;border-radius:20px;margin:10px 0;overflow:hidden}.learn-bar span{height:100%;background:#f97373;display:block}.learn-rank{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid #edf0f6}.learn-rank:last-child{border-bottom:0}.forest-hero{position:relative;background:linear-gradient(140deg,#e7f2e9,#f8faf2);border:1px solid #d1e3d5;border-radius:24px;overflow:hidden;padding:32px}.forest-hero h1{color:#264b35}.forest-ground{border-radius:22px;background:radial-gradient(ellipse at center,#e6efd8,#eff5e7);padding:26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:20px;min-height:260px;margin-top:24px}.forest-tree{text-align:center;animation:tree-grow .5s ease-out}.forest-tree svg{height:110px;width:110px;margin:auto}.forest-tree p{font-size:11px}.forest-choice{border:2px solid #d9e7dc;border-radius:16px;padding:16px;text-align:center;background:white}.forest-choice.selected{border-color:#538265;background:#f0fdf4}.forest-choice svg{width:90px;height:90px;margin:auto}.forest-choices{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.learn label{font-size:13px;font-weight:700;display:block;margin:14px 0 7px}.learn select,.learn input{width:100%;padding:11px;border:1px solid #dbe1ee;border-radius:10px;background:white}.learn .learn-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learn-notice{padding:15px;border-radius:12px;background:#fff8eb;border:1px solid #fde6b2;font-size:13px;color:#92400e;margin-top:18px}@keyframes tree-grow{from{transform:translateY(8px) scale(.9);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.forest-tree{animation:none}.learn-meter span{transition:none}}@media(max-width:600px){.learn h1{font-size:26px}.learn .learn-fields{grid-template-columns:1fr}.forest-hero{padding:22px}.learn-rank{grid-template-columns:1fr}.forest-ground{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}}

.forest-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.forest-tabs button{border:1px solid #dbe5d5;background:white;padding:10px 15px;border-radius:12px;font-size:13px;font-weight:750}.forest-tabs button.active{background:#254b39;color:white;border-color:#254b39}.forest-tabs small{margin-left:8px;opacity:.65}.forest-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.forest-map-card{background:linear-gradient(150deg,#f6f9f1,#e8efe5);border:1px solid #dbe5d5;border-radius:22px;overflow:hidden;padding:24px 20px}.forest-map-head{display:flex;justify-content:space-between;align-items:center}.forest-map-head h2{margin:8px 0 0}.forest-map-wrap{margin:20px -12px 10px;overflow:auto}.forest-map{width:100%;min-width:460px;display:block}.forest-cell{cursor:pointer;outline:none}.forest-cell:hover>polygon,.forest-cell:focus>polygon{fill:#d9eabf;stroke:#4f46e5;stroke-width:2}.forest-cell.chosen>polygon{fill:#e8efb2;stroke:#4f46e5;stroke-width:3}.forest-cell svg{pointer-events:none;filter:drop-shadow(0 3px 2px #324d3325)}.forest-controls{padding:20px}.forest-controls .forest-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.forest-controls .forest-choice{padding:8px 2px;border-radius:12px;min-width:0}.forest-controls .forest-choice svg{width:54px;height:64px}.forest-choice strong,.forest-choice small{display:block;font-size:10px}.forest-choice small{margin-top:5px;color:#64748b;font-size:9px}.forest-controls h3{margin:16px 0 6px;font-weight:750;font-size:16px}.forest-gift{background:#fff8e7;border:1px solid #f3dfb2;border-radius:12px;padding:12px;margin-top:16px;font-size:12px;line-height:1.8;color:#926630}.forest-gift small{font-size:10px}.forest-plant{margin:16px 0;width:100%;justify-content:center}.forest-levels{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:18px;font-size:12px}.forest-levels p{font-size:11px}.forest-levels small{color:#94a3b8;font-size:10px;line-height:1.8;display:block}.forest-detail-tree svg{width:110px;height:120px;margin:auto}.forest-detail-tree{background:#f0f7e9;border-radius:14px;margin-top:16px;padding:12px}@media(max-width:1100px){.forest-layout{grid-template-columns:1fr}.forest-controls .forest-choice svg{width:70px;height:75px}.forest-controls .forest-choice strong{font-size:12px}.forest-controls .forest-choice small{font-size:11px}}@media(max-width:600px){.forest-map-card{padding:18px 12px}.forest-map-wrap{margin-left:-8px;margin-right:-8px}.forest-map{min-width:440px}.forest-tabs button{padding:8px 12px}.forest-hero h1{font-size:25px}}
.forest-map-card{min-width:0}.forest-map-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.forest-shovel{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #dbe5d5;border-radius:9px;padding:8px 10px;color:#61754f;font-size:11px;font-weight:750}.forest-shovel.active{background:#fff1f2;border-color:#fda4af;color:#be123c}.forest-shovel:focus-visible{outline:3px solid #a5b4fc}.forest-cell:focus>polygon{stroke:#4f46e5;stroke-width:3}
.forest-map{user-select:none;-webkit-user-select:none}.forest-selection-summary{display:flex;align-items:center;gap:6px;margin:16px 0;color:#64748b;font-size:12px}.forest-selection-summary button{margin-left:auto;border:1px solid #dde3ed;border-radius:8px;padding:6px 10px;background:#fff;color:#64748b;font-size:11px}.forest-selection-summary button:disabled{opacity:.4;cursor:default}.forest-remove-many{width:100%;justify-content:center;background:#be123c;margin:15px 0}.forest-cell.chosen>polygon{fill:#e8efb2;stroke:#6d61c4;stroke-width:3}
/* Canonical topic numbers appear once; keep every row's actions aligned. */
.topic-page .topic-grid{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card{display:flex;flex-direction:column;min-width:0}.topic-card .topic-number{align-self:flex-start;display:inline-block;white-space:nowrap;border-radius:7px;padding:5px 10px;background:#e8efff;color:#2563eb;font-size:12px;font-weight:800}.topic-card h3{line-height:1.5;overflow-wrap:anywhere}.topic-card p{margin-bottom:0}.topic-card .topic-card-actions{margin-top:auto;padding-top:18px;flex-wrap:nowrap}.topic-card-actions .learn-btn{flex:1;justify-content:center;padding:11px 10px;white-space:nowrap}.learn .topic-group-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0 -8px;font-size:21px}.topic-group-heading small{font-size:12px;color:#64748b;font-weight:600}@media(max-width:1100px){.topic-page .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.topic-page .topic-grid{grid-template-columns:1fr}}

.econ-topic-group{margin:18px 0;border:1px solid #dde2ef;border-radius:16px;background:#fff;overflow:hidden}.econ-topic-group>summary{cursor:pointer;padding:20px 22px;font-size:18px;font-weight:750;color:#33375e;list-style-position:inside}.econ-topic-group>summary small{float:right;font-size:13px;font-weight:500;color:#8290a6}.econ-topic-group>.topic-grid{padding:0 18px 18px}.econ-topic-group[open]>summary{border-bottom:1px solid #edf0f6;margin-bottom:18px}