/* Extras for /planner/* pages; the base look comes from /calculator/calculator.css. No inline styles (site CSP). */
.chkrow{display:flex;gap:8px;align-items:center}
.chkrow input{width:auto;margin:0;accent-color:var(--teal)}
.chkrow label{margin:0;color:var(--ink)}
[hidden]{display:none!important}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.kpi{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#F8FAF9}
.kpi .l{font-size:12.5px;color:var(--muted)}
.kpi .v{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px;overflow-wrap:anywhere}
.kpi.good{background:var(--good-soft);border-color:#BFDCCB}.kpi.bad{background:var(--bad-soft);border-color:#F0C4BF}.kpi.warn{background:#FFF4DD;border-color:#EBD59E}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:500;background:#EEF1F0;color:var(--muted);margin:0 6px 6px 0}
.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:#FFF4DD;color:#8A6A12}.badge.bad{background:var(--bad-soft);color:var(--bad)}
.note{font-size:13px;color:var(--muted);margin:10px 0 0}
.formula{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:#F3F5F4;border-radius:6px;padding:8px 12px;margin:6px 0;overflow-x:auto;white-space:pre-wrap}
.err{color:var(--bad);padding:12px 14px;background:var(--bad-soft);border-radius:8px}
tr.hl td{background:var(--teal-soft);font-weight:600}
tr.bad td{background:var(--bad-soft)}tr.warn td{background:#FFF4DD}tr.good td{background:var(--good-soft)}
td.good{background:var(--good-soft)}td.warn{background:#FFF4DD}td.bad{background:var(--bad-soft)}
.big{font-size:18px;font-weight:600;padding:14px;border-radius:8px;background:var(--teal-soft);margin:0 0 14px}
.chartlegend .lg-0F5C55::before{--c:#0F5C55}.chartlegend .lg-B8892B::before{--c:#B8892B}.chartlegend .lg-4F6D8F::before{--c:#4F6D8F}.chartlegend .lg-6B4E8C::before{--c:#6B4E8C}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{display:block;background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink);text-decoration:none}
a.card:hover,a.card:focus-visible{border-color:var(--teal);box-shadow:0 2px 10px rgba(15,92,85,.1)}
.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;font-size:13.5px;color:var(--muted)}
.card.soon{opacity:.65}
.disc{margin-top:28px;font-size:12.5px;color:var(--muted);line-height:1.6}
.sitebar a.sb-link{padding-left:20px}

/* ============ phase-1 runtime blocks (rendered by planner/assets/common.js) ============ */

/* srcref: "methodology reference: xxx" under Method & formulas */
.srcref{font-size:12.5px;color:var(--muted);margin:10px 0 0;padding-top:8px;border-top:1px dashed var(--line)}
.srcref a{color:var(--teal)}

/* "you saved a plan on <date>" banner above the inputs */
.awl-banner{display:grid;gap:8px;border:1px solid #EBD59E;background:#FFF8E8;border-radius:8px;padding:12px 14px;margin:0 0 14px}
.awl-banner .awl-linkbox{font-weight:600;color:var(--ink)}
.awl-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* buttons (share / save / load / dismiss / submit) */
.awl-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13.5px;font-weight:500;
  padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--sheet);color:var(--ink);cursor:pointer}
.awl-btn:hover,.awl-btn:focus-visible{border-color:var(--teal)}
.awl-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}
.awl-btn.primary:hover,.awl-btn.primary:focus-visible{background:#0B4A44}
.awl-btn.ghost{background:none;color:var(--muted)}
.awl-btn:disabled{opacity:.55;cursor:default}
.awl-btn[disabled]:hover{border-color:var(--line)}

/* read-only link box (copy fallback) */
.awl-linkbox{margin-top:8px}
.awl-in{width:100%;font:inherit;font-size:13px;font-family:ui-monospace,Consolas,monospace;
  padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#F8FAF9;color:var(--ink)}
.awl-ta{width:100%;min-height:84px;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);
  border-radius:6px;background:#F8FAF9;color:var(--ink);resize:vertical}
.awl-hint{font-size:12.5px;color:var(--muted);margin:6px 0 0;line-height:1.55}
.awl-link{color:var(--teal);text-decoration:underline}

/* honeypot: off-screen, never type=hidden (bots skip hidden fields) */
.awl-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;
  overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* chip groups: stars, wtp multi-select, profile answers */
.awl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.awl-chip{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;border:1px solid var(--line);
  border-radius:999px;padding:5px 12px;background:var(--sheet);color:var(--ink)}
.awl-chip input{width:auto;margin:0;accent-color:var(--teal)}
.awl-chip label{margin:0;font-size:13.5px;color:var(--ink);cursor:pointer}
.awl-chip:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}

/* feedback <details> block */
.awl-fb{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:var(--sheet);padding:12px 14px}
.awl-fb summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.awl-fb summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.awl-fbbody{display:grid;gap:12px;margin-top:14px}
.awl-pick{display:grid;gap:6px}
.awl-picklbl{font-size:13px;color:var(--muted)}
.awl-sub{display:grid;gap:8px}
.awl-prof{display:grid;gap:14px}
.awl-prof .awl-pick{margin:0}

/* next-step + keep + compare panels reuse .panel; add a little breathing room */
.panel.awl-next,.panel.awl-keep,.panel.awl-cmp{margin-top:20px}
.panel.awl-next h2,.panel.awl-keep h2,.panel.awl-cmp h2{margin-bottom:8px}
.panel.awl-keep .awl-actions{margin-top:12px}

/* toast (role=status) */
.awl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;max-width:min(92vw,420px);
  background:#1C2B2A;color:#fff;font-size:13.5px;line-height:1.5;padding:10px 16px;border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.22);text-align:center}
@media (prefers-reduced-motion:reduce){.awl-toast{scroll-behavior:auto}}

/* narrow phones: keep chips and action rows from forcing horizontal scroll */
@media (max-width:420px){
  .awl-chip{font-size:13px;padding:5px 10px}
  .awl-actions .awl-btn{flex:1 1 auto;justify-content:center}
  .awl-toast{left:12px;right:12px;transform:none;max-width:none}
}

/* ============ hub: tools grouped by author ============ */
.agroups{display:block}
.agroup{margin:0 0 30px}
.agroup h2{font-size:19px;margin:0 0 4px}
.agroup .acount{font-size:13px;font-weight:400;color:var(--muted)}
.agroup .adesc{margin:0 0 12px;font-size:13.5px;color:var(--muted)}
.card.soon{border-style:dashed}
.card .src{margin-top:8px;font-size:12px;color:var(--muted)}

/* WeChat "add to Favorites" tip */
.awl-wxfav{margin-top:10px;padding:10px 12px;border:1px dashed var(--teal);border-radius:8px;background:var(--teal-soft)}
.awl-wxfav .awl-hint{margin:0 0 6px;color:var(--ink)}
.awl-headline{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line,#d9d4c5);border-left:5px solid #0F5C55;border-radius:10px;background:var(--card,#fff)}
.awl-hl-k{font-size:.8rem;letter-spacing:.04em;color:#0F5C55;font-weight:700;margin-bottom:4px}
.awl-hl-t{margin:0 0 10px;font-size:1.08rem;line-height:1.6;font-weight:600}
.awl-via{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:#0F5C55;color:#fff;font-size:.82rem;font-weight:600}
.awl-share-opts{margin-top:10px;display:grid;gap:8px}
.awl-via-in{max-width:320px;padding:7px 10px;border:1px solid var(--line,#d9d4c5);border-radius:8px;font:inherit}
.awl-plan-lab{font-size:.9rem;display:flex;gap:6px;align-items:flex-start}
.awl-plan-lab{align-items:flex-start;justify-content:flex-start;text-align:left}
.awl-plan-lab input{width:auto;flex:none;margin:3px 0 0;accent-color:var(--teal)}
.awl-plan-lab span{flex:1 1 auto}