/* GPA Team HQ rebuild — preview styles. GPA green/gold identity, light surface,
   big tap targets, same item-card language as the personal HQ rebuild. */
:root{--green:#2e5e35;--green-d:#1e4425;--gold:#c9a227;--ink:#1e2b1e;--mut:#5a6b58;--line:#d8e2d2;--bg:#f3f6f1;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:0 14px 40px}
.hero{max-width:860px;margin:0 auto;padding:18px 2px 6px}
.vbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vbtn{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--green-d);font-weight:700;font-size:14.5px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.vbtn.on{background:var(--green);border-color:var(--green);color:#fff}
.vbtn.ext{margin-left:auto;color:var(--mut);font-weight:600}
.hero h1{font-size:30px;margin:0 0 4px}
.hero .tag{color:var(--mut);margin:0 0 12px;font-size:15px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13.5px;color:var(--mut)}
.chip b{color:var(--green-d);font-size:15px}
.fresh{color:var(--mut);font-size:13px;margin:10px 0 0}
nav.tabs{position:sticky;top:0;z-index:5;background:var(--bg);max-width:860px;margin:14px auto 0;padding:8px 0;display:flex;gap:6px;overflow-x:auto}
nav.tabs a{white-space:nowrap;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--green-d);text-decoration:none;font-weight:650;font-size:14px}
main{max-width:860px;margin:0 auto}
section{margin-top:26px}
section h2{font-size:21px;margin:0 0 2px}
section h2 .count{background:var(--gold);color:#221c00;border-radius:999px;font-size:13px;padding:2px 9px;vertical-align:2px}
.sub{color:var(--mut);font-size:14px;margin:0 0 10px}
.sec-note{color:var(--mut);font-size:14px}
.itm{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 8px}
.itm.is-done{opacity:.62}
.itm-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.itm-ti{font-weight:650;cursor:pointer;min-height:28px;flex:1}
.stchip{flex:0 0 auto;font-size:11.5px;font-weight:750;padding:3px 9px;border-radius:999px}
.st-open{background:#eef3e6;color:#47631f}
.st-waiting{background:#fdf0d5;color:#8a5a00}
.st-done{background:#e2e8f0;color:#475569}
.itm-detail{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.itm-body{margin:0 0 8px;font-size:14.5px}
.itm-next{margin:0 0 8px;font-size:14.5px}
.itm-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--mut);font-size:12.5px;margin:8px 0}
.itm-meta .own{font-weight:700;color:var(--green-d)}
.ctl{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.ctl button{min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:650;font-size:14px;cursor:pointer}
.ctl button.on{background:var(--green);border-color:var(--green);color:#fff}
.ctl button.gu{border-color:var(--gold);color:#7a5d00}
.gu-ok{font-size:13px;color:var(--green-d);align-self:center}
.linkbtns{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.linkbtns a{padding:8px 12px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font-weight:650;font-size:13.5px}
.donebox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.donebox summary{font-weight:700;cursor:pointer;min-height:32px}
ul.links{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px}
ul.links li{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
ul.links li:last-child{border-bottom:0}
ul.links a{color:var(--green-d);font-weight:650;text-decoration:none}
ul.links span{color:var(--mut);font-size:13px;text-align:right}
.expsum{background:#fff;border:1.5px solid var(--gold);border-radius:14px;padding:14px;margin:0 0 10px}
.exs-grid{display:flex;gap:10px;flex-wrap:wrap}
.exs-grid>div{flex:1 1 140px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.exs-grid b{display:block;font-size:19px;color:var(--green-d)}
.exs-grid small{color:var(--mut);font-size:12.5px}
.exs-math{font-size:13.5px;color:var(--mut);margin:10px 0 0}
.exs-rule{font-size:14.5px;margin:10px 0 0;background:#fdf6dd;border:1px solid var(--gold);border-radius:10px;padding:9px 12px}
.exs-rb{font-size:14px;margin:8px 0 0}
footer{max-width:860px;margin:30px auto 0;color:var(--mut);font-size:13.5px;border-top:1px solid var(--line);padding-top:14px}