/* What One Referral Is Worth: tool styles. Paper ground, Evergreen type, brass only for the row and tiny accents. */
.rv-herofig .figsvg{max-width:560px;margin-left:auto}

/* inputs */
.rv-tool__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 40px;align-items:baseline;border-bottom:1px solid var(--hair);padding-bottom:18px;margin-bottom:6px}
.rv-tool__head .label{margin:0}
.rv-tool__head .tool__hint{margin:0}
.rv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,64px)}
.rv-in{padding:22px 0 20px;border-bottom:1px solid var(--hair);transition:opacity .2s}
.rv-in--wide{grid-column:1/-1;border-bottom:0;padding-bottom:0}
.rv-in.is-off{opacity:.42}
.rv-lbl{font:500 15.5px/1.3 var(--sans);color:var(--ev);align-self:end}
.rv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rv-in .ft-range output{font-size:30px}
.rv-hint{font-size:13.5px;line-height:1.5;color:var(--mute);margin:8px 0 0;max-width:46em}
.rv-hint sup a,.rv-seo sup a,.rv-faq sup a{color:var(--brass-deep);text-decoration:none;font-size:.85em;padding:0 1px}
.rv-est{color:var(--brass-deep);font-weight:500}
.rv-fee{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:6px}
.rv-chips .ft-choice span{padding:8px 12px;font-size:14px}
#fee-pct-wrap,#fee-flat-wrap{grid-template-columns:minmax(0,1fr) auto}
#fee-pct-wrap[hidden],#fee-flat-wrap[hidden]{display:none}

/* range: Evergreen track, brass focus */
.rv-tool input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:30px;cursor:pointer}
.rv-tool input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(31,59,51,.28);border-radius:2px}
.rv-tool input[type=range]::-moz-range-track{height:2px;background:rgba(31,59,51,.28);border-radius:2px}
.rv-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ev);margin-top:-9px}
.rv-tool input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ev)}
.rv-tool input[type=range]:focus-visible{outline:none}
.rv-tool input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--brass)}
.rv-tool input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--brass)}
.rv-tool input[type=range]:disabled{cursor:default}

/* result */
.rv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ev);border-bottom:1px solid var(--hair)}
.rv-stat{padding:26px clamp(16px,2vw,30px) 26px 0}
.rv-stat+.rv-stat{border-left:1px solid var(--hair);padding-left:clamp(16px,2vw,30px)}
.rv-stat .label{margin:0 0 12px}
.rv-stat__n{font:500 clamp(46px,5vw,76px)/.95 var(--serif);color:var(--ev);letter-spacing:-.02em;margin:0 0 12px;font-variant-numeric:lining-nums}
.rv-stat--quiet .rv-stat__n{color:var(--brass-deep)}
.rv-stat__t{font-size:15px;line-height:1.5;color:var(--mute);margin:0;max-width:30em}

.rv-row{padding:34px 0 8px;border-bottom:1px solid var(--hair)}
.rv-row__h{font:500 clamp(26px,2.6vw,38px)/1.15 var(--serif);color:var(--ev);margin:0 0 22px;max-width:28em}
.rv-row__plot{width:100%;min-height:40px}
.rv-row__plot svg{display:block;width:100%;height:auto;overflow:visible}
.rv-ground{fill:none;stroke:var(--hair);stroke-width:1;vector-effect:non-scaling-stroke}
.rv-won{fill:none;stroke:var(--brass);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rv-quiet{fill:none;stroke:var(--brass);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:2 7;opacity:.85;vector-effect:non-scaling-stroke}
.rv-legend{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:16px 0 22px;padding:0;font-size:13.5px;color:var(--mute)}
.rv-legend li{display:flex;align-items:center;gap:10px}
.rv-key{display:inline-block;width:28px;height:0;border-top:1.8px solid var(--brass)}
.rv-key--quiet{border-top:1.6px dotted var(--brass)}

.rv-levers{padding-top:30px}
.rv-levers>.label{margin:0 0 6px}
.rv-lever{grid-template-columns:34px minmax(0,1fr);position:relative}
.rv-lever__n{font:500 26px/1 var(--serif);color:var(--brass-deep);padding-top:2px}
.rv-lever__d{font:500 15px/1 var(--sans);color:var(--brass-deep);white-space:nowrap;margin-left:6px}
.rv-lever__lock{position:absolute;right:0;top:20px;margin:0;font:600 11px/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep)}

.rv-unlock .rv-report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px}
.rv-unlock .rv-report-actions .btn{cursor:pointer}
.rv-report-note{font-size:13.5px;color:var(--mute)}

/* the one-page report (screen version) */
.rv-report{background:#FBF8F2;border:1px solid var(--hair);border-radius:2px;padding:clamp(22px,3.4vw,52px);margin-top:28px;color:var(--ink)}
.rr-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--hair);padding-bottom:14px}
.rr-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--mute)}
.rr-k{margin:24px 0 8px}
.rr-h{font:500 clamp(28px,3vw,42px)/1.08 var(--serif);color:var(--ev);margin:0 0 14px}
.rr-rule{height:0;border-top:1.6px solid var(--brass);width:62%;margin:0 0 20px}
.rr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-bottom:1px solid var(--hair);padding-bottom:16px}
.rr-stats b{display:block;font:500 34px/1 var(--serif);color:var(--ev);margin-bottom:6px}
.rr-stats span{font-size:13px;line-height:1.45;color:var(--mute);display:block}
.rr-inputs{font-size:13.5px;line-height:1.55;margin:14px 0 4px;color:var(--ink)}
.rr-inputs b{color:var(--ev)}
.rr-table{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:13.5px;font-variant-numeric:tabular-nums}
.rr-table caption{text-align:left;font:600 11.5px/1 var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);padding-bottom:10px}
.rr-table th,.rr-table td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--hair)}
.rr-table th:first-child,.rr-table td:first-child{text-align:left;padding-left:0}
.rr-table thead th{font:500 12px/1.3 var(--sans);color:var(--mute);vertical-align:bottom;border-bottom:1px solid var(--ev)}
.rr-table tfoot th,.rr-table tfoot td{font-weight:600;color:var(--ev);border-bottom:0;border-top:1px solid var(--ev)}
.rr-levers{margin-top:14px}
.rr-levers .label{margin:0 0 8px}
.rr-levers ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.5}
.rr-levers li{margin-bottom:6px}
.rr-levers b{color:var(--ev);font-weight:600}
.rr-fine{font-size:11px;line-height:1.5;color:var(--mute);margin:14px 0 0;border-top:1px solid var(--hair);padding-top:10px}
.rr-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--brass-deep);margin-top:10px}

/* SEO body */
.rv-seo .prose h3{font:500 clamp(24px,2vw,30px)/1.15 var(--serif);color:var(--ev);margin:34px 0 10px}

@media (max-width:899px){
  .rv-herofig .figsvg{max-width:440px;margin:0 auto}
  .rv-tool__head{grid-template-columns:1fr}
  .rv-grid{grid-template-columns:1fr}
  .rv-in--wide{border-bottom:0}
  .rv-stats{grid-template-columns:1fr}
  .rv-stat,.rv-stat+.rv-stat{padding:22px 0;border-left:0}
  .rv-stat+.rv-stat{border-top:1px solid var(--hair)}
  .rv-stat__n{font-size:54px}
  .rr-stats{grid-template-columns:1fr}
  .rr-table{font-size:12px}
  .rr-table th,.rr-table td{padding:5px 4px}
  .rv-lever__lock{position:static;margin:6px 0 0;grid-column:2}
}
@media (max-width:520px){
  .rr-table thead th:nth-child(4),.rr-table td:nth-child(4),.rr-table tfoot td:nth-child(4){display:none}
}

/* print: only the one-page report */
@media print{
  @page{size:letter;margin:.45in .5in}
  .tool-head,.rv-tool,.rv-stats,.rv-row,.rv-levers,.ft-disclaim,#gate,#share,.rv-report-actions,main>section:not(#start),.skip{display:none!important}
  .section,#start{padding:0!important;margin:0!important}
  .ft-result{margin:0!important}
  .rv-report{border:0;padding:0;margin:0;background:#fff;font-size:12px}
  .rr-head{padding-bottom:10px}
  .rr-k{margin:14px 0 6px}
  .rr-h{font-size:26px;margin-bottom:10px}
  .rr-rule{margin-bottom:12px}
  .rr-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;padding-bottom:10px}
  .rr-stats b{font-size:26px}
  .rr-stats span{font-size:11px}
  .rr-inputs{font-size:11.5px;margin:10px 0 2px}
  .rr-table{font-size:11px;margin:10px 0 4px}
  .rr-table caption{padding-bottom:6px}
  .rr-table thead th{font-size:10.5px}
  .rr-table th,.rr-table td{padding:3px 6px;white-space:nowrap}
  .rr-table thead th{white-space:normal}
  .rr-levers{margin-top:8px}
  .rr-levers ol{font-size:11.5px}
  .rr-levers li{margin-bottom:3px}
  .rr-fine{margin-top:8px;padding-top:6px}
  .rr-table thead th:nth-child(4),.rr-table td:nth-child(4),.rr-table tfoot td:nth-child(4){display:table-cell!important}
  .rr-fine{font-size:9.5px}
  .rv-report *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* workaround: _shared tools.css sets .ft-gate__fields{display:grid}, which overrides [hidden] for returning visitors */
.ft-gate__fields[hidden]{display:none}
#fee-pct-wrap output,#fee-flat-wrap output{grid-column:2}