.learning-tools .learning-notice{padding:1rem;border-left:4px solid var(--brand-strong);background:#e9f3ee;color:#234139}.learning-tools fieldset{border:1px solid var(--border);border-radius:.7rem;padding:1rem;margin:1.3rem 0}.learning-tools label{display:block;margin:.8rem 0;color:var(--ink-primary);font-weight:600}.learning-tools input,.learning-tools select{font:inherit;max-width:100%;padding:.65rem;border:1px solid #718b80;border-radius:.4rem;color:#18362b;background:#fff}.learning-tools input[type=checkbox]{margin-right:.5rem;accent-color:#06634a}.learning-tools input[type=range]{width:100%;accent-color:#06634a}.learning-tools input[type=number]{width:100%;display:block;margin-top:.4rem}.learning-tools select{display:block;width:100%;margin-bottom:1rem}.learning-tools .learning-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.learning-tools .learning-result{padding:1.1rem;background:#e9f3ee;border:1px solid #96b6a7;border-radius:.7rem;color:#18362b;line-height:1.7;margin:1rem 0;overflow-wrap:anywhere}.learning-tools .learning-result.warning{background:#fff1e9;color:#6f291e;border-color:#d7a99c}.learning-tools table{width:100%;border-collapse:collapse;font-size:.92rem}.learning-tools th,.learning-tools td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .25rem;overflow-wrap:anywhere}.learning-tools caption{text-align:left;padding-bottom:.8rem;color:var(--ink-secondary)}.learning-tools .learning-table{max-width:100%}.learning-tools details{margin:1.5rem 0}.learning-tools summary{color:var(--brand-strong);cursor:pointer;font-weight:600}.learning-tools .contribution{padding:.6rem 0;border-bottom:1px solid var(--border)}.learning-tools .contribution-meter{height:.45rem;background:#06634a;border-radius:.25rem;max-width:100%;margin-top:.3rem}.learning-tools .contribution.negative .contribution-meter{background:#a83232}.learning-tools .plan-card{border-left:3px solid #06634a;padding:.3rem 1rem;margin:1rem 0}.learning-tools input:focus-visible,.learning-tools select:focus-visible,.learning-tools summary:focus-visible{outline:3px solid #06634a;outline-offset:3px}@media(max-width:600px){.learning-tools .learning-inputs{grid-template-columns:1fr;gap:0}.learning-tools th,.learning-tools td{font-size:.8rem;padding:.4rem .15rem}.learning-tools .prose{padding:1.1rem}}

.learning-example{border:1px solid var(--border);border-radius:1rem;padding:clamp(1rem,3vw,1.5rem);margin:2rem 0}.learning-example h2{margin-top:0}.learning-example h3{margin-top:1.5rem}