@font-face{font-family:Workspace Sans;src:url('./fonts/manrope-400.woff2?v=a30ddcd349') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
/* Screen-only workspace; existing print layout and output engines are retained. */
@media screen{
body{font-family:var(--sans);font-size:16px;line-height:1.6}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus,var(--accent,#385b94));outline-offset:3px}.product-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.product-note{font-size:14px;color:var(--muted);margin:12px 0 0}input,select,textarea{font-size:16px}h1,h2,h3{font-family:var(--sans)}[hidden]{display:none!important}
}
@media screen and (max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media screen{
:root{--sans:'Workspace Sans','Avenir Next',sans-serif;--paper:#f4f5f8;--ink:#202c46;--ink2:#35415b;--muted:#58627a;--line:#dfe3eb;--rule:#bdc6d5;--accent:#bb452f;--accent-ink:#963421;--accent-soft:#fbece5;--tint:#f4f6fa;--tint2:#edf0f6;--focus:#a83b26;--wide:1440px;--gut:32px;--field:#8997ac}
.header{background:#202c46;color:#fff;border:0;position:relative;backdrop-filter:none;min-height:76px;gap:24px}.logo-word{font-size:24px;letter-spacing:-1px}.logo-tag,.header-note{color:#d5dae5;font-size:12px}.logo-tag{border-color:#566078}.tabs a{color:#d5dae5;font-size:15px;padding:0 12px}.tabs a[aria-current],.tabs a:hover{color:#fff;background:#34415d}.tabs a:hover::before{display:none}.tab-ink{background:#f19374}.header .account-btn{color:#fff}
.hero{padding:36px var(--gut) 28px;max-width:none;position:relative;border-bottom:1px solid var(--line);margin-bottom:24px;background:#fff}.hero h1{font-size:clamp(32px,3.2vw,46px);line-height:1.15;max-width:28ch;letter-spacing:-1.7px;margin:12px 0 16px}.hero p{max-width:72ch;font-size:16px}.hero .kicker{font-size:19px;color:var(--ink);margin-bottom:6px}.eyebrow{font-family:var(--sans);font-size:13px}.tool-section{padding-bottom:44px}
.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,430px);column-gap:36px;row-gap:20px}.form-panel{padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:12px}.form-top{border-top:0;padding:0 0 14px}.sample-note{font-size:14px;flex-basis:240px}.sample-note b{font-family:var(--sans);font-size:12px}.group{margin-top:24px}.group legend{font-family:var(--sans);font-size:14px;letter-spacing:.04em;padding-bottom:12px}.field{padding:13px 0;column-gap:18px}.f-label{font-size:15px}.f-hint,.currency-label{font-size:14px}.fields{border-top:1px solid var(--line)}.input-wrap input,.target-row input{border:1px solid var(--rule);border-radius:7px;background:#f8f9fc;min-height:46px}.preset-select{background:#f8f9fc}
.results{position:sticky;top:24px}.receipt{border:1px solid #d9d0c4;border-top:5px solid var(--accent);padding:26px 26px 30px;background:#fffef9;box-shadow:0 12px 30px #2830460b}.receipt::after{background:linear-gradient(-45deg,transparent 6px,#fffef9 6px) 0 0/12px 10px repeat-x,linear-gradient(45deg,transparent 6px,#fffef9 6px) 0 0/12px 10px repeat-x}.rc-brand{font-size:22px}.r-title{font-size:13px}.rc-sub{font-size:12px;line-height:1.5;padding-bottom:18px}.result-line{font-size:15px;padding:7px 0;gap:16px}.result-line b{flex-shrink:0;font-size:16px}.result-main{padding-top:20px}.r-actions{gap:8px;flex-wrap:wrap}.r-actions .btn{flex:1}.plan{margin-top:0;background:#e9edf5;padding:24px 28px;border-radius:12px;border:1px solid #d5ddea}.plan-title{font-family:var(--sans);font-size:14px}.results-foot,.plan .results-foot{font-size:14px}.explain,.questions,.ladder,.seo-guide{background:#fff;border-radius:12px;border:1px solid var(--line);margin:22px var(--gut);padding:26px}.seo-guide-head{padding:0}.seo-guide-grid{gap:24px}.btn{font-size:15px;border-radius:7px}.logo-mark{width:34px;height:34px}
}
@media screen and (max-width:1000px){.header{flex-wrap:wrap;gap:12px;padding:16px 24px}.tabs{order:3;flex-basis:100%;overflow:auto;min-height:44px}.header-note{margin-left:auto}.workspace{gap:20px;grid-template-columns:minmax(0,1fr) 350px}.field{grid-template-columns:1fr;grid-template-areas:'label' 'input' 'hint';row-gap:7px}.currency-label{margin-left:0}.hero{padding:28px 24px}.plan{padding:20px}.form-panel{padding:20px}.receipt{padding:22px 18px}.rc-head{flex-wrap:wrap}.tool-section{padding:0 24px 30px}}
@media screen and (max-width:760px){:root{--gut:16px}.header{padding:16px;gap:12px}.logo-tag{display:none}.hero{padding:25px 16px}.hero h1{font-size:33px;letter-spacing:-1px}.workspace{display:flex;flex-direction:column;gap:24px}.form-panel,.results,.plan{width:100%}.results{position:static;order:1}.plan{order:2}.tool-section{padding:0 16px 32px}.field{grid-template-columns:minmax(0,1fr) minmax(120px,42%);grid-template-areas:'label input' 'hint input';column-gap:12px}.field-wide{grid-template-columns:1fr;grid-template-areas:'label' 'input' 'hint'}.receipt{padding:23px}.form-actions{flex-wrap:wrap}.explain,.questions,.ladder,.seo-guide{padding:20px;margin:20px 16px}.header-note{display:none}.tabs a{font-size:14px;min-width:max-content}.hero .kicker{font-size:17px}.rc-sub{gap:8px;flex-wrap:wrap}}
@media screen{.hero h1{max-width:760px}.rc-brand{font-family:var(--sans)}.rc-sub{font-size:13px}.result-line small{font-size:13px}.header .logo-tag{font-family:var(--sans);line-height:1.35;font-size:11px}.tabs a{font-family:var(--sans)}}

/* A compact financial workspace. Units belong to the control, not the number.
   Screen-only: the existing receipt print layout remains authoritative. */
@media screen {
  :root { --wide:1320px; --rule:#c7cfdb; --field:#c7cfdb; }
  .hero h1 { font-size:clamp(30px,3vw,40px); letter-spacing:-1.2px; }
  .workspace { grid-template-columns:minmax(0,1fr) 380px; column-gap:28px; }
  .form-panel { padding:24px; border-radius:12px; box-shadow:0 2px 6px #202c4603; }
  .form-intro { font-size:13px; line-height:1.6; }
  .sample-note { line-height:1.6; }
  .sample-note b { display:inline-block; margin-bottom:4px; }
  .group { margin-top:24px; }
  .group legend { gap:10px; padding-bottom:10px; font-size:12px; font-weight:750; letter-spacing:.065em; }
  .group legend::before { font:600 11px var(--mono); color:var(--accent-ink); }
  .field { grid-template-columns:minmax(0,1fr) 156px; column-gap:20px; row-gap:4px; padding:13px 0; }
  .field:hover { background:none; }
  .field-wide { grid-template-columns:minmax(0,1fr); }
  .f-label { font-size:14px; font-weight:650; line-height:1.45; }
  .f-hint { font-size:12px; line-height:1.55; color:#626d80; }
  .input-wrap {
    isolation:isolate; min-height:44px; background:#fbfcfe;
    border:1px solid var(--rule); border-radius:7px;
    transition:border-color .15s,box-shadow .15s,background-color .15s;
  }
  .input-wrap .unit {
    display:grid; place-items:center; top:0; bottom:0; left:0;
    width:34px; border-right:1px solid #e5e9ef; border-radius:6px 0 0 6px;
    background:#f1f4f8; color:#68758b; font:600 12px var(--mono);
  }
  .input-wrap.suffix .unit { left:auto; right:0; border-right:0; border-left:1px solid #e5e9ef; border-radius:0 6px 6px 0; }
  .input-wrap input,.target-row input {
    min-width:0; min-height:42px; margin:0; border:0; border-radius:6px;
    background:transparent; box-shadow:none; padding:10px 12px 10px 44px;
    font:500 16px/1.35 var(--mono); font-variant-numeric:tabular-nums;
    letter-spacing:-.025em; text-align:right;
  }
  .input-wrap.suffix input { padding:10px 44px 10px 12px; }
  .input-wrap.small input { padding:10px 12px; }
  .input-wrap.small.suffix input { padding-right:44px; }
  .input-wrap:hover { background:#fff; border-color:#8e9bb0; }
  .input-wrap input:hover,.target-row input:hover { background:transparent; }
  .input-wrap:focus-within { background:#fff; border-color:var(--accent); box-shadow:0 0 0 3px #bb452f1a; }
  .input-wrap input:focus,.input-wrap input:focus-visible,.target-row input:focus,.target-row input:focus-visible {
    outline:none; border:0; background:transparent; box-shadow:none;
  }
  /* Keep native number semantics and ArrowUp/ArrowDown, without the spinner
     crowding decimal values or the separate percent suffix. */
  .input-wrap input[type=number] { appearance:textfield; -moz-appearance:textfield; }
  .input-wrap input[type=number]::-webkit-inner-spin-button,
  .input-wrap input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
  .input-wrap:has(input[aria-invalid=true]) { border-color:var(--bad); background:var(--bad-soft); }
  .input-wrap input[aria-invalid=true] { border:0; background:transparent; }
  .input-wrap:has(input[readonly]) { border-style:dashed; background:#f4f6f9; }
  .input-wrap input[readonly] { border:0; background:transparent; }
  .preset-select { background:#fbfcfe; border-color:var(--rule); border-radius:7px; font-size:14px; }
  .currency-label { font-size:12px; gap:8px; }
  .currency-label select { font-size:14px; min-height:40px; border-color:var(--rule); }
  .receipt {
    background:#fff; border:1px solid var(--line); border-top:3px solid var(--accent);
    border-radius:10px; padding:22px; box-shadow:0 8px 24px #202c4608;
  }
  .receipt::after { display:none; }
  .rc-brand { font-size:20px; letter-spacing:-.6px; }
  .r-title { font-size:11px; letter-spacing:.1em; }
  .rc-sub { font-size:11px; letter-spacing:.025em; padding-bottom:16px; }
  .rc-block { padding:10px 0; border-bottom-style:solid; border-color:var(--line); }
  .result-line { font:13px/1.5 var(--sans); gap:14px; padding:5px 0; }
  .result-line b { font:600 14px/1.5 var(--mono); }
  .breakdown-row span { gap:8px; }
  .result-line.sub { font-size:11px; }
  .result-line.sub b { font-size:11px; }
  .rc-sum { margin-top:10px; padding-top:12px; border-top:1px solid var(--line); }
  .result-main { padding:20px 0 8px; border-bottom:1px solid var(--line); }
  .r-cap { font:700 11px var(--sans); letter-spacing:.1em; }
  .result-main strong { font-size:40px; line-height:1.2; letter-spacing:-1.5px; margin:5px 0 10px; }
  .margin-pill { font:700 12px var(--sans); border-radius:5px; padding:4px 8px; }
  .roi-note { font:12px var(--sans); }
  .flow { border-color:var(--line); border-bottom-style:solid; }
  .flow figcaption { font:600 10px/1.6 var(--sans); letter-spacing:.035em; }
  .flow-bar { height:10px; }
  .flow-legend { font:11px/1.6 var(--sans); }
  .r-actions .btn { font-size:13px; padding:9px 12px; }
  .plan { background:#f7f9fc; border-color:var(--line); padding:22px 24px; }
  .plan-title { font-size:12px; letter-spacing:.04em; border-color:var(--rule); }
  .plan .input-wrap.small { width:132px; }
  .plan .input-wrap.small input { width:100%; padding:10px 12px; }
  .plan .input-wrap.small.suffix input { padding-right:44px; }
  .plan .results-foot { font-size:12px; }
}
@media screen and (min-width:761px) and (max-width:1000px) {
  .workspace { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:'form' 'receipt' 'plan'; gap:24px; }
  .results { position:static; }
  .field { grid-template-columns:minmax(0,1fr) 156px; grid-template-areas:'label input' 'hint input'; }
  .field-wide { grid-template-columns:minmax(0,1fr); grid-template-areas:'label' 'input' 'hint'; }
}
@media screen and (max-width:760px) {
  .workspace { gap:20px; }
  .form-panel { padding:18px; }
  .field { grid-template-columns:minmax(0,1fr) 128px; grid-template-areas:'label input' 'hint hint'; gap:6px 12px; }
  .field-wide { grid-template-columns:minmax(0,1fr); grid-template-areas:'label' 'input' 'hint'; }
  .f-hint { max-width:58ch; }
  .receipt { padding:20px; }
  .hero h1 { font-size:30px; }
  .plan { padding:20px 18px; }
}
@media screen and (forced-colors:active) {
  .input-wrap { border-color:ButtonText; }
  .input-wrap:focus-within { outline:2px solid Highlight; outline-offset:2px; }
  .input-wrap .unit { background:Canvas; color:CanvasText; border-color:ButtonText; }
}
/* 2026-10-28: the header is one rounded bar with space around it, lined up with the calculator, in the page flow
   (it scrolls away; nothing is pinned). Before, the note "Free · runs in your browser" was drawn over the last tab
   between about 760 and 1000 px wide, worse once the account button read "My account". Now the note shows only
   where the whole row fits, and from 960 px down the tabs move to a second row that scrolls sideways. */
@media screen{
:root{--head:0px}
html{scroll-padding-top:12px}
.header{position:relative;top:auto;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;gap:6px 18px;width:calc(min(100%,1320px) - 2 * var(--gut));min-height:64px;margin:16px auto 16px;padding:8px 10px 8px 18px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px #202c460d,0 10px 26px -20px #202c4673;backdrop-filter:none}
.header .logo{color:var(--ink);min-height:44px}
.header .logo-word{font-size:22px;letter-spacing:-.8px}
.header .logo-tag{color:var(--muted);border-color:var(--line)}
.header .tabs{align-items:center;gap:2px;margin:0;padding:0;min-height:44px;overflow:visible;-webkit-mask-image:none;mask-image:none}
.header .tabs a{min-height:40px;padding:0 13px;border-radius:999px;color:var(--muted);font-size:15px;background:transparent}
.header .tabs a:hover{color:var(--ink);background:var(--tint2)}
.header .tabs a[aria-current]{color:#fff;background:var(--ink)}
.header .tabs a::after,.header .tabs a:hover::before,.header .tab-ink{display:none}
.header .header-note{margin-left:auto;color:var(--muted);font:500 13px var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap}
.header .account-btn{margin-left:auto;min-height:40px;padding:0 16px;color:var(--ink);border:1px solid var(--rule);background:#fff}
.header .account-btn:hover{border-color:var(--ink);background:var(--tint)}
.header .header-note+.account-btn{margin-left:0}
.hero{border-top:1px solid var(--line)}
}
@media screen and (max-width:1239.98px){.header .header-note{display:none}.header .header-note+.account-btn{margin-left:auto}}
@media screen and (max-width:959.98px){
.header{flex-wrap:wrap;padding:8px 8px 6px 16px}
.header .logo-tag{display:none}
.header .tabs{order:3;flex:1 1 100%;min-width:0;margin:0 0 0 -8px;overflow-x:auto;scrollbar-width:none}
.header .tabs::-webkit-scrollbar{display:none}
.header .tabs a{flex:0 0 auto;min-width:max-content;font-size:14.5px}
}
@media screen and (max-width:599.98px){
.header{margin:12px auto 12px;border-radius:16px;padding:6px 6px 4px 12px}
.header .logo-word{font-size:20px}
.header .account-btn{padding:0 14px;font-size:14px}
.header .tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
}
/* 2026-10-28 (second change): a calmer calculator. One typeface (figures tabular, no monospace), a compact
   heading with a one-sentence answer, labels above full-width inputs in two columns, and a results card that
   starts with the net profit and four key figures; pricing targets sit in that card. Print is unchanged. */
@media screen{
:root{--mono:var(--sans)}
#app{font-variant-numeric:tabular-nums}
#app .hero{width:calc(min(100%,1320px) - 2 * var(--gut));margin:4px auto 20px;padding:4px 0 0;background:none;border:0}
#app .hero h1{font-size:clamp(28px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;max-width:none;margin:8px 0 8px}
#app .hero .answer{max-width:78ch;margin:0;font-size:16.5px;color:var(--ink2)}
#app .trust{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
#app .trust li{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13.5px;color:var(--muted)}
#app .trust li::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f8a4c}
#app .tool-section{padding-top:0}
#app .workspace{grid-template-columns:minmax(0,1fr) minmax(360px,410px);grid-template-areas:"form receipt";column-gap:28px}
#app .form-panel{border-radius:14px;padding:24px 26px 22px}
#app .form-top{align-items:center}
#app .sample-note{font-size:14.5px}
#app .sample-note b{font-family:var(--sans);letter-spacing:.02em}
#app .group{margin-top:22px}
#app .group legend{font:700 12.5px var(--sans);letter-spacing:.06em;color:var(--muted);padding-bottom:10px}
#app .group legend::before{display:none}
#app .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;border-top:0}
#app .field{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;border:0;text-align:left}
#app .field .f-label,#app .field .f-hint{text-align:left;justify-self:start}
#app .field-wide{grid-column:1/-1}
#app .f-label{font-size:14.5px;font-weight:650;color:var(--ink)}
#app .f-hint{font-size:13px;color:var(--muted);line-height:1.4}
#app .field .input-wrap{width:100%;min-height:46px;border-radius:9px}
#app .input-wrap input{font:500 16px var(--sans);text-align:left;font-variant-numeric:tabular-nums}
#app .input-wrap .unit{font-family:var(--sans);background:transparent;border:0;color:var(--muted)}
#app .form-actions{margin-top:22px}
#app .results{top:16px}
#app .receipt{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:14px;background:#fff;padding:22px 22px 18px;box-shadow:0 10px 30px -22px #202c4659}
#app .receipt::before,#app .receipt::after{display:none}
#app .rc-head{display:flex;justify-content:space-between;align-items:baseline;border:0;padding:0;margin:0}
#app .rc-head .r-title{font:700 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}
#app .rc-currency{font-size:13px;color:var(--muted)}
#app .result-main{padding:4px 0 14px;border:0;margin:0}
#app .result-main strong{font:800 44px/1.1 var(--sans);letter-spacing:-.02em}
#app .r-badges{margin-top:8px}
#app .kpis{display:grid;grid-template-columns:1fr 1fr;margin:0 -22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#app .kpis div{padding:12px 22px;border-right:1px solid var(--line)}
#app .kpis div:nth-child(2n){border-right:0}
#app .kpis div:nth-child(-n+2){border-bottom:1px solid var(--line)}
#app .kpis dt{font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
#app .kpis dd{margin:3px 0 0;font-size:19px;font-weight:700;color:var(--ink)}
#app .flow{margin:16px 0 6px}
#app .flow figcaption,#app .flow-legend{font-family:var(--sans)}
#app .result-line{font-family:var(--sans);font-size:14.5px}
#app .result-line b{font:600 14.5px var(--sans)}
#app .rc-block{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}
#app .rc-block,#app .flow,#app .rc-costs{border-bottom:0}
#app .flow{padding-bottom:2px}
#app .plan-title::before{display:none}
#app .plan-rows .result-line:last-child{border-bottom:0}
#app .rc-sum b{font-weight:700}
#app .plan{grid-area:auto;margin:14px -22px 0;padding:16px 22px 4px;background:var(--tint);border:0;border-top:1px solid var(--line);border-radius:0}
#app .plan-title{font:700 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
#app .plan .results-foot{font-size:12.5px}
#app .r-actions{margin-top:14px}
#app .ladder table,#app .formula-card p{font-family:var(--sans)}
#app .explain h2,#app .questions h2,#app .ladder h2{letter-spacing:-.01em}
}
@media screen and (max-width:1100px){#app .workspace{grid-template-columns:minmax(0,1fr) 350px;column-gap:22px}}
@media screen and (max-width:900px){#app .fields{grid-template-columns:1fr}}
@media screen and (max-width:760px){
#app .hero{margin:0 auto 14px}
#app .hero .answer{font-size:15.5px}
#app .form-panel{padding:18px 16px}
#app .fields{grid-template-columns:1fr 1fr;gap:14px 12px}
#app .field-wide{grid-column:1/-1}
#app .receipt{padding:18px 16px 16px}
#app .kpis,#app .plan{margin-left:-16px;margin-right:-16px}
#app .kpis div,#app .plan{padding-left:16px;padding-right:16px}
#app .result-main strong{font-size:38px}
}
@media screen and (max-width:420px){#app .fields{grid-template-columns:1fr}}
@media print{#app .trust{display:none!important}}
@media print{#app .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 12px;margin:10px 0}#app .kpis dt{font-size:9pt}#app .kpis dd{margin:2px 0 0;font-weight:700}}
/* 2026-10-28 (third change): on phones the net profit also sits on top of the form; two versions can be compared. */
@media screen{
#app .quick-result{display:none}
#app .workspace{grid-template-areas:"form receipt" "compare receipt"}
#app .compare{grid-area:compare;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 26px 22px;margin-top:4px}
#app .compare h2{font:700 18px/1.3 var(--sans);margin:0 0 6px;letter-spacing:-.01em}
#app .compare p{margin:0 0 12px;font-size:14.5px;color:var(--muted);max-width:70ch}
#app .compare-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#app .compare-actions .btn{min-height:42px;padding:0 16px}
#app .compare-table{width:100%;border-collapse:collapse;font-size:14.5px}
#app .compare-table th,#app .compare-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
#app .compare-table th:first-child,#app .compare-table td.compare-empty{text-align:left}
#app .compare-table thead th{font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#app .compare-table tbody th{font-weight:500;color:var(--ink2)}
#app .compare-table tr.strong th,#app .compare-table tr.strong td{font-weight:700;color:var(--ink)}
#app .compare-table tbody td.up{color:var(--good)!important}
#app .compare-table tbody td.down{color:var(--bad)!important}
#app .compare-empty{color:var(--muted)}
}
@media screen and (max-width:760px){
#app .quick-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:var(--good-soft,#e3f5ea)}
#app .quick-result .q-cap{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#app .quick-result b{font-size:22px;color:var(--good)}
#app .quick-result b.negative{color:var(--bad)}
#app .quick-result #quick-margin{font-size:14px;font-weight:650;color:var(--ink2)}
#app .quick-result a{margin-left:auto;font-size:14px;font-weight:650}
#app .compare{order:2;padding:18px 16px}
}
@media print{#app .compare-actions,#app .quick-result{display:none!important}#app .compare:not(.has-versions){display:none!important}}