/* =====================================================================
   EGP Tools polish layer (v1). Loaded AFTER the base styles on every
   tool page. Pure refinement: no layout changes, no new colors outside
   the brand palette, print styles untouched.
   ===================================================================== */

::selection{background:#C9A55A;color:#0B1628}
body.egp-tool{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ---- hero: give the monogram a quiet glow ---- */
.hero .mono{box-shadow:0 0 26px rgba(201,165,90,.30),inset 0 0 12px rgba(201,165,90,.10)}

/* ---- KPI cards: gold accent, lifted numerals ---- */
.kpi{border-top:2px solid #C9A55A;background:linear-gradient(180deg,#fffdf8,#fdfcf9)}
.kpi .k-val{font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---- the verdict reads as the answer, not a footnote ---- */
p#verdict,.note#verdict{background:#fdf8ec;border-left:3px solid #C9A55A;padding:10px 13px;color:#3d4450;font-size:12.5px;line-height:1.6}

/* ---- tables: zebra + row hover, careful not to fight .hl / heads / totals ---- */
table.rpt tbody tr:nth-child(even):not(.sub-head):not(.total) td:not(.hl){background:#fbf9f4}
table.rpt tbody tr:not(.sub-head):not(.total):hover td:not(.hl){background:#f7f2e7}
table.rpt td{font-variant-numeric:tabular-nums}

/* ---- buttons: motion and honest focus ---- */
.btn{transition:background .15s ease,transform .12s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,22,40,.18)}
.btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(11,22,40,.15)}
.btn:focus-visible{outline:2px solid #002147;outline-offset:2px}

/* ---- inputs: soft gold focus instead of a hard outline ---- */
.field input,.field select,.field textarea,.ab-row input{transition:border-color .15s ease,box-shadow .15s ease}
.field input:focus,.field select:focus,.field textarea:focus,.ab-row input:focus{outline:none;border-color:#C9A55A;box-shadow:0 0 0 3px rgba(201,165,90,.22)}

/* ---- gated teaser: frame the locked value ---- */
.locked .gate-teaser{background:linear-gradient(180deg,rgba(201,165,90,.07),rgba(201,165,90,0));border:1px dashed #d9cfbd;padding:16px 16px 14px}

/* ---- section headings get a small gold tick ---- */
h3.sub{position:relative;padding-left:14px}
h3.sub::before{content:"";position:absolute;left:0;top:.32em;width:6px;height:.85em;background:#C9A55A}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){.btn,.field input,.field select,.field textarea{transition:none}.btn:hover{transform:none}}