/* assets/ebl-tools.css -- the four browser tools (absolute-risk, heart-risk,
   fitness-percentiles, record-summary). EBL 2.0 items 46, 47, 48, 51.
   Colors come from the :root tokens in assets/styles.css. No text under 15px. */
.ebl-tool-h2{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .9rem}
.ebl-tool-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem 1.25rem;padding:1.25rem;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--bg-1)}
.ebl-tool-field{display:flex;flex-direction:column;gap:.35rem;font-size:15px;color:var(--ink-1)}
.ebl-tool-field small{font-size:15px;color:var(--ink-3);line-height:1.45}
.ebl-tool-wide{grid-column:1/-1}
.ebl-tool-field input,.ebl-tool-field select{font-size:16px;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink-0)}
.ebl-tool-field input:focus,.ebl-tool-field select:focus{outline:2px solid var(--lime);outline-offset:1px}
.ebl-tool-check{display:flex;align-items:center;gap:.55rem;font-size:15px;color:var(--ink-1)}
.ebl-tool-check input{width:1.15rem;height:1.15rem;accent-color:var(--lime)}
.ebl-tool-go{grid-column:1/-1;justify-self:start}
.ebl-tool-result{margin-top:1.25rem}
.ebl-tool-card{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--bg-1);padding:1.25rem;margin-bottom:1rem}
.ebl-tool-kicker{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:.75rem}
.ebl-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin-bottom:1rem}
.ebl-tool-value{font-family:"Newsreader",serif;font-size:34px;color:var(--ink-0);line-height:1.1}
.ebl-tool-label,.ebl-tool-note,.ebl-tool-source,.ebl-tool-lines li,.ebl-tool-data{font-size:15px;color:var(--ink-2);line-height:1.55}
.ebl-tool-big{font-size:17px;color:var(--ink-0);line-height:1.5;margin:0 0 .75rem}
.ebl-tool-lines{margin:0 0 .75rem 1.1rem;list-style:disc}
.ebl-tool-note,.ebl-tool-source{margin:.6rem 0 0}
.ebl-tool-table{width:100%;border-collapse:collapse;font-size:15px;margin:.5rem 0;color:var(--ink-1)}
.ebl-tool-table th,.ebl-tool-table td{border-bottom:1px solid var(--line);padding:.5rem .4rem;text-align:left;vertical-align:top}
.ebl-tool-table th{color:var(--ink-1);font-weight:500}
.ebl-tool-num{font-family:"JetBrains Mono",ui-monospace,monospace;white-space:nowrap}
.ebl-tool-close{font-size:16px;color:var(--ink-1);border-left:3px solid var(--lime);padding:.35rem 0 .35rem .8rem;margin:.5rem 0 0}
.ebl-tool-problem{border:1px solid var(--amber);border-radius:var(--radius-card);padding:1rem;color:var(--ink-0);font-size:15px}
.ebl-tool-problem p{margin:.2rem 0}
.ebl-tool-how{font-size:15px;color:var(--ink-2);line-height:1.6}
.ebl-tool-how summary{cursor:pointer;color:var(--ink-1);font-size:15px}
.ebl-tool-how p{margin:.75rem 0 0}
.ebl-tool-data{max-width:48rem}
@media (max-width:480px){.ebl-tool-table:not(.ebl-tool-pct){display:block;overflow-x:auto}}
.ebl-tool-pct{max-width:22rem}
/* the printable summary */
.ebl-summary{background:#fff;color:#111;border-radius:var(--radius-card);padding:1.75rem;font-size:15px;line-height:1.55}
.ebl-summary-kicker{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#555}
.ebl-summary-title{font-family:"Newsreader",serif;font-size:30px;margin:.35rem 0 .5rem;color:#111}
.ebl-summary-grade{font-size:17px;margin:0 0 .35rem}
.ebl-summary-letter{font-weight:700}
.ebl-summary-scope{font-size:15px;color:#444;margin:0 0 1rem}
.ebl-summary-sec{border-top:1px solid #ddd;padding-top:.7rem;margin-top:.7rem}
.ebl-summary-sec h3{font-size:15px;font-weight:700;margin:0 0 .3rem;color:#111}
.ebl-summary-sec p,.ebl-summary-sec li{color:#222;margin:0}
.ebl-summary-sec ul,.ebl-summary-refs{margin:.2rem 0 0 1.2rem}
.ebl-summary a{color:#0645ad}
.ebl-summary-foot{border-top:1px solid #ddd;margin-top:1rem;padding-top:.7rem;font-size:15px;color:#444}
@media print{
  body{background:#fff!important}
  body *{visibility:hidden}
  .ebl-summary,.ebl-summary *{visibility:visible}
  .ebl-summary{position:absolute;left:0;top:0;width:100%;padding:0;border-radius:0}
  .ebl-summary a{color:#111;text-decoration:none}
}
.ebl-tool-alt{font-size:15px;color:var(--lime);border:1px solid rgba(198,255,58,.4);border-radius:10px;padding:.45rem .9rem;background:transparent;cursor:pointer}
.ebl-tool-alt:hover{background:rgba(198,255,58,.08)}