/* HakaHaki shared tools education accordion (Phase 3G).
   Native <details>/<summary>, no JS. All selectors scoped under .tool-edu. */

.tool-edu{max-width:100%;margin:24px 0 0;padding:0}

.tool-edu .edu-lead{margin:0 0 12px;padding:0 2px}
.tool-edu .edu-lead h2{margin:0 0 2px;font-size:16px;font-weight:700;color:var(--text)}
.tool-edu .edu-lead p{margin:0;font-size:13px;color:var(--text-dim)}

.tool-edu .edu{border:1px solid var(--border);border-radius:var(--radius-sm,10px);margin-bottom:8px;background:var(--surface);overflow:hidden}
.tool-edu summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;min-height:44px;box-sizing:border-box;cursor:pointer;font-weight:600;list-style:none}
.tool-edu summary::-webkit-details-marker{display:none}
.tool-edu summary:hover{background:var(--surface-2)}
.tool-edu summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.tool-edu summary::after{content:"+";font-size:18px;line-height:1;color:var(--text-dim);flex:none}
.tool-edu details[open]>summary::after{content:"\2212"}  /* minus sign */

.tool-edu .edu-h{margin:0;font-size:15px;font-weight:600;color:var(--text)}
.tool-edu .edu-body{padding:0 16px 16px;font-size:14px;line-height:1.7;color:var(--text)}
.tool-edu .edu-body h3{font-size:14px;margin:16px 0 8px}
.tool-edu .edu-body>:first-child{margin-top:0}