/* Focused, responsive eBay calculator. The primary workspace fits the viewport;
   optional settings and guidance live in accessible native dialogs. */
body.tool-page { padding-top:var(--nav-h,64px); overflow-x:clip; background:#080b10; }
body.tool-page > main { padding:0 !important; }
.tool-page .site-top-banners { display:none !important; }
.tool {
  --calc-text:#e8eef9; --calc-muted:#93a4bf; --calc-line:#27354c;
  --calc-good:#87dfb5; --calc-bad:#ff9caa;
  min-height:0; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  padding:64px 24px; color:var(--calc-text);
  background:radial-gradient(ellipse at 70% 10%,#14213a66,transparent 65%),#080b10;
}
.tool-workspace { width:100%; max-width:1080px; }
.tool-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.tool-eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 7px; color:#8dabdf; font-size:12px; font-weight:650; letter-spacing:.12em; }
.tool-eyebrow span { color:#70819f; border-left:1px solid #35445c; padding-left:8px; }
.tool-header h1 { margin:0; color:#eef3fb; font-size:clamp(30px,4vw,46px); line-height:1.15; letter-spacing:-.035em; font-weight:600; }
.tool-help { display:flex; align-items:center; gap:6px; border:0; background:transparent; color:#9cafd1; font:inherit; font-size:14px; padding:8px; cursor:pointer; }
.tool-help i { font-size:17px; }
.tool-help:hover { color:#d4e1ff; }
.calc { position:relative; display:grid; grid-template-columns:1fr 1fr; border:1px solid #2a3953; border-radius:16px; overflow:clip; background:#101722; box-shadow:0 24px 80px #0003; }
.calc [hidden] { display:none !important; }
.calc__inputs,.calc__results { min-width:0; padding:32px; box-sizing:border-box; }
.calc__inputs { display:flex; flex-direction:column; }
.calc__results { border-left:1px solid #2a3953; background:linear-gradient(145deg,#18283f,#111b2a); }
.calc__panel-head,.calc__result-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.calc__panel-head { margin-bottom:22px; }
.calc__panel-head h2,.calc__result-head h2 { margin:0; font-size:15px; font-weight:550; color:#b5c3da; }
.calc__reset { display:flex; gap:5px; align-items:center; padding:5px 0 5px 8px; border:0; border-radius:5px; color:#8499bc; background:transparent; font:inherit; font-size:13px; cursor:pointer; }
.calc__reset:hover { color:#d8e7ff; }
.calc__pair,.calc__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.calc__field { display:block; min-width:0; }
.calc__field--wide { grid-column:1/-1; }
.calc__label { display:block; margin:0 0 7px; color:#a9b8d0; font-size:14px; line-height:1.35; }
.calc__control { display:flex; align-items:center; min-width:0; border:1px solid #30415c; border-radius:9px; background:#0b121e; transition:border-color .18s,box-shadow .18s; }
.calc__control:hover { border-color:#4a6083; }
.calc__control:focus-within { border-color:#7ba6ff; box-shadow:0 0 0 3px #719cff1c; }
.calc .calc__control input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.calc .calc__control input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus {
  min-width:0; width:100%; height:48px; padding:10px 11px; margin:0;
  border:0; border-radius:0; background:transparent; box-shadow:none; outline:none;
  color:#f0f5ff; font-family:inherit; font-size:20px; font-weight:550;
  font-variant-numeric:tabular-nums; letter-spacing:-.025em;
}
.calc__control input::-webkit-outer-spin-button,.calc__control input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.calc__control input[type="number"] { -moz-appearance:textfield; appearance:textfield; }
.calc__affix { padding-left:13px; color:#7f94b4; font-size:15px; flex-shrink:0; }
.calc .calc__control .calc__affix + input { padding-left:5px !important; }
.calc__control input + .calc__affix { padding:0 12px 0 0; }
.calc__control select { min-width:0; width:100%; min-height:44px; border:0; background:transparent; padding:8px; color:#d9e6fa; font:inherit; font-size:15px; outline:none; }
.calc__control option { background:#152135; }
.calc__control--mini { width:74px; flex-shrink:0; }
.calc .calc__control--mini input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) { height:38px; padding:7px; font-size:16px; }
.calc__settings { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.calc__setting { position:relative; text-align:left; padding:12px 24px 12px 12px; border:1px solid #263650; border-radius:9px; background:#141f30; color:#becee8; font:inherit; cursor:pointer; min-width:0; transition:background .18s,border-color .18s; }
.calc__setting > span { display:flex; align-items:center; gap:5px; font-size:13px; font-weight:550; white-space:nowrap; }
.calc__setting > span i { color:#8daee9; font-size:14px; }
.calc__setting small { display:block; margin-top:5px; font-size:12px; color:#8196b8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.calc__setting > .ti-chevron-right { position:absolute; right:9px; top:50%; transform:translateY(-50%); font-size:13px; color:#758db0; }
.calc__setting:hover { background:#1a2b45; border-color:#45628e; }
.calc__target { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding:20px 0 0; }
.calc__target-out { display:flex; flex-direction:column; gap:4px; min-width:0; }
.calc__target-out > span { color:#95a9c9; font-size:13px; }
.calc__target-out strong { color:#dde9ff; font-size:28px; line-height:1.15; font-weight:550; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.calc__target-out small { font-size:12px; line-height:1.4; color:#778fad; }
.calc__target-out b { font-weight:400; }
.calc__use-price,.calc__done { border:1px solid #426194; border-radius:8px; padding:10px 13px; min-height:38px; background:#24416d; color:#c9ddff; font:inherit; font-size:13px; font-weight:550; cursor:pointer; white-space:nowrap; transition:background .18s,transform .18s; }
.calc__use-price:hover,.calc__done:hover { background:#31598e; }
.calc__use-price:active,.calc__done:active { transform:scale(.98); }
.calc__use-price:disabled { opacity:.4; cursor:not-allowed; }
.calc__input-note { display:flex; align-items:center; gap:5px; margin:20px 0 0; padding-top:16px; border-top:1px solid #23324a; color:#7289ab; font-size:12px; }
.calc__result-state { display:flex; align-items:center; gap:5px; color:#94a8c5; font-size:12px; }
.calc__result-state::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.calc__result-state[data-state="good"],.calc__profit[data-state="good"] { color:var(--calc-good); }
.calc__result-state[data-state="bad"],.calc__profit[data-state="bad"] { color:var(--calc-bad); }
.calc__profit { margin:12px 0 4px; font-size:64px; line-height:1.03; letter-spacing:-.06em; font-weight:550; font-variant-numeric:tabular-nums; color:#d4e5ff; overflow-wrap:anywhere; }
.calc__profit-caption { margin:0; font-size:13px; color:#7e97b9; }
.calc__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px 0; margin:15px 0; border-block:1px solid #2c3b54; }
.calc__stats > div + div { border-left:1px solid #2c3b54; padding-left:12px; }
.calc__stats dt { color:#829abb; font-size:12px; }
.calc__stats dd { margin:5px 0 0; font-size:17px; color:#e2edff; font-weight:550; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.calc__allocation { margin-bottom:16px; }
.calc__allocation-bar { display:flex; height:6px; gap:3px; border-radius:4px; overflow:hidden; background:#2c3c58; }
.calc__allocation-bar > span { min-width:0; transition:width .35s cubic-bezier(.2,.8,.2,1); }
#bar_costs,.calc__allocation-key .is-cost { background:#809acc; }
#bar_fees,.calc__allocation-key .is-fee { background:#baadeb; }
#bar_profit,.calc__allocation-key .is-profit { background:#86dfb4; }
.calc__allocation-key { display:flex; justify-content:space-between; flex-wrap:wrap; gap:7px; margin-top:8px; color:#91a7c8; font-size:9px; }
.calc__allocation-key > span { display:flex; align-items:center; gap:4px; }
.calc__allocation-key i { width:5px; height:5px; border-radius:1px; }
.calc__allocation-key b { color:#b8cce8; font-weight:450; font-variant-numeric:tabular-nums; }
.calc__foot { margin-bottom:12px; }
.calc__breakeven { display:flex; align-items:center; gap:6px; margin:0; font-size:12px; color:#8ca4c7; }
.calc__breakeven strong { margin-left:auto; color:#bfd3f1; font-size:14px; font-weight:550; font-variant-numeric:tabular-nums; }
.calc__actions { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:7px; }
.calc__action { display:flex; justify-content:center; align-items:center; gap:5px; border:1px solid #364a68; border-radius:7px; padding:9px 5px; min-height:36px; color:#adbfdb; background:#142137; font:inherit; font-size:12px; cursor:pointer; transition:background .18s,border-color .18s; }
.calc__action:hover { background:#213653; border-color:#5478aa; color:#e3edff; }
.calc__status { position:fixed; left:50%; bottom:20px; transform:translateX(-50%); max-width:calc(100vw - 32px); margin:0; padding:10px 15px; background:#243d61; border:1px solid #4c6b99; border-radius:9px; color:#e0ecff; font-size:14px; z-index:9999; box-shadow:0 8px 35px #0005; pointer-events:none; }
.calc__status:empty { display:none; }
.tool-bottom-note { margin:14px 0 0; text-align:center; color:#607799; font-size:12px; }
.tool-bottom-note a { color:#8aa7d3; text-decoration:none; }
.tool a:focus-visible,.tool button:focus-visible,.tool summary:focus-visible { outline:2px solid #91b7ff; outline-offset:3px; }

/* Native dialogs keep the default view compact without hiding controls. */
.calc-dialog { padding:0; border:1px solid #3b5276; border-radius:16px; background:#111c2d; color:#e2ebfa; width:min(550px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); margin:auto; box-shadow:0 32px 120px #0008; overflow:hidden; }
.calc-dialog:not([open]) { display:none; }
.calc-dialog[open] { display:flex; flex-direction:column; animation:calc-dialog-in .22s cubic-bezier(.2,.8,.2,1); }
.calc-dialog::backdrop { background:#050914b8; backdrop-filter:blur(6px); }
.calc-dialog--small { width:min(430px,calc(100vw - 28px)); }
.calc-dialog--help { width:min(720px,calc(100vw - 28px)); }
.calc-dialog__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px; border-bottom:1px solid #2b3d58; flex-shrink:0; }
.calc-dialog__head h2 { margin:0; color:#e4edfb; font-size:18px; font-weight:550; letter-spacing:-.025em; }
.calc-dialog__head p { margin:6px 0 0; color:#8ba1c0; font-size:14px; line-height:1.5; }
.calc-dialog__close { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; padding:0; border:1px solid #3b4e6d; border-radius:8px; background:#1a2b44; color:#b2c6e4; font-size:17px; cursor:pointer; }
.calc-dialog__body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px; scrollbar-width:thin; scrollbar-color:#405879 transparent; }
.calc-dialog__foot { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-shrink:0; padding:14px 20px; border-top:1px solid #2b3d58; background:#142137; }
.calc-dialog__foot > span { color:#8fa6c8; font-size:12px; line-height:1.5; }
.calc-dialog .calc__grid { gap:16px; }
.calc-dialog .calc__label { font-size:13px; min-height:30px; display:flex; align-items:flex-end; }
.calc-dialog .calc__field--wide .calc__label { min-height:0; }
.calc-dialog .calc__control input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) { height:42px; font-size:16px; padding:8px; }
.calc__switch-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:18px 0; padding:16px 0; border-block:1px solid #2b3d58; }
.calc__toggle { position:relative; display:inline-flex; align-items:center; gap:8px; color:#c8d8ef; font-size:14px; cursor:pointer; }
.calc__toggle input { position:absolute; opacity:0; width:1px; height:1px; }
.calc__switch { position:relative; width:32px; height:20px; border-radius:20px; background:#3a4c65; flex-shrink:0; transition:background .2s; }
.calc__switch::after { content:""; position:absolute; width:14px; height:14px; left:3px; top:3px; background:#bbcee8; border-radius:50%; transition:transform .2s; }
.calc__toggle input:checked + .calc__switch { background:#4f7eec; }
.calc__toggle input:checked + .calc__switch::after { transform:translateX(12px); background:#fff; }
.calc__toggle input:focus-visible + .calc__switch { outline:2px solid #a4c5ff; outline-offset:3px; }
.calc__toggle-copy { display:flex; flex-direction:column; gap:4px; }
.calc__toggle-copy small { font-size:12px; color:#859cbe; }
.calc__field--inline { display:flex; align-items:center; gap:8px; }
.calc-dialog .calc__field--inline .calc__label { margin:0; min-height:0; }
.calc__extras-list { display:grid; gap:10px; }
.calc__extra { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 32px; gap:8px; align-items:center; }
.calc input.calc__extra-label:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) { min-width:0; width:100%; height:42px; border:1px solid #30415c; background:#0b121e; border-radius:8px; padding:8px; color:#d9e7fd; font:inherit; font-size:14px; }
.calc__control--extra select { width:auto; flex-shrink:0; font-size:12px; padding:4px; }
.calc__remove { width:32px; height:32px; border:1px solid #3b4f6e; border-radius:7px; color:#9cb5d9; background:transparent; cursor:pointer; }
.calc__add { padding:10px 0; border:0; color:#9dbefa; background:transparent; font:inherit; font-size:14px; cursor:pointer; }
.calc__more-foot { color:#849bbd; font-size:13px; line-height:1.7; margin:6px 0 0; }
.calc__target-settings { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.calc__target-in { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#adbfdb; font-size:14px; }
.calc__breakdown { margin:0; }
.calc__breakdown > div { display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:10px 0; color:#9fb3d1; font-size:15px; }
.calc__breakdown dt small { display:block; margin-top:4px; font-size:12px; color:#7791b6; }
.calc__breakdown dd { margin:0; color:#d6e5fa; font-variant-numeric:tabular-nums; white-space:nowrap; }
.calc__neg::before { content:"− "; color:#7791b6; }
.calc__breakdown .calc__sub,.calc__breakdown .calc__total { border-top:1px solid #324766; margin-top:8px; padding-top:14px; }
.calc__breakdown .calc__total { color:#e0ecff; font-weight:600; }
.tool-prose h2 { margin:24px 0 12px; font-size:17px; color:#d9e7fc; }
.tool-prose h2:first-child { margin-top:0; }
.tool-prose p { margin:0 0 14px; font-size:15px; color:#97aece; line-height:1.8; }
.tool-formula { overflow:auto; padding:12px; border:1px solid #2f4667; background:#0d1624; border-radius:8px; color:#b4cef1; font-size:13px; line-height:1.8; }
.tool-faq details { border-bottom:1px solid #2b3d58; }
.tool-faq summary { display:flex; justify-content:space-between; gap:10px; padding:14px 0; font-size:15px; color:#c8d9f2; cursor:pointer; list-style:none; }
.tool-faq summary::-webkit-details-marker { display:none; }
.tool-faq summary::after { content:"+"; color:#88aae0; }
.tool-faq details[open] summary::after { content:"−"; }
.tool-faq p { padding-right:16px; }

/* Cards share one grid row, so their top and bottom edges always align. */
.tool-workspace { animation:calc-arrive .4s cubic-bezier(.2,.8,.2,1) both; }
@keyframes calc-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes calc-dialog-in { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
/* The calculator stays compact above a full, readable resource page. */
.tool-intro { margin:10px 0 0; max-width:540px; font-size:15px; line-height:1.6; color:#93a4bf; }
.tool-help { text-decoration:none; }
.tool-bottom-note { display:flex; justify-content:center; gap:12px; }
.tool-guide { max-width:1068px; margin:0 auto; padding:0 24px 80px; color:#a3b3ca; }
.tool-guide section { scroll-margin-top:90px; }
#calculator { scroll-margin-top:64px; }
.tool-guide__section { padding:64px 0; border-top:1px solid #263247; }
.tool-guide__heading { max-width:600px; }
.tool-guide__eyebrow { margin:0 0 16px; font-size:12px; font-weight:600; letter-spacing:.13em; color:#7fa8ef; }
.tool-guide h2 { margin:0 0 18px; color:#e8eef9; font-size:clamp(26px,3vw,36px); font-weight:550; line-height:1.2; letter-spacing:-.035em; }
.tool-guide p { font-size:14px; line-height:1.85; margin:0 0 16px; }
.tool-guide p.tool-guide__eyebrow { font-size:12px; line-height:1.5; margin-bottom:16px; }
.tool-guide a { color:#a5c5ff; text-underline-offset:4px; }
.tool-guide a:hover { color:#e0ebff; }
.tool-guide a:focus-visible,.tool-guide summary:focus-visible { outline:2px solid #91b7ff; outline-offset:4px; }
.tool-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:36px 0 0; }
.tool-steps li > span { display:block; color:#647b9f; font-size:14px; margin-bottom:18px; font-variant-numeric:tabular-nums; }
.tool-steps h3 { font-size:16px; color:#dce7f8; font-weight:550; margin:0 0 12px; }
.tool-steps p { font-size:15px; }
.tool-example { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:40px; border:1px solid #2a3a54; border-radius:18px; background:linear-gradient(120deg,#132035,#0e1622); }
.tool-example > div { max-width:430px; }
.tool-example strong { color:#d5e4fb; font-weight:550; }
.tool-example__receipt { margin:auto 0; padding:8px 0; width:100%; }
.tool-example__receipt > div { display:flex; justify-content:space-between; gap:16px; padding:14px 0; font-size:15px; border-bottom:1px solid #273850; }
.tool-example__receipt dd { margin:0; color:#d7e6fc; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tool-example__receipt .tool-example__total { border:0; margin-top:12px; align-items:center; color:#d7e6fc; }
.tool-example__total dd { color:#87dfb5; font-size:30px; letter-spacing:-.04em; }
.tool-fee-guide,.tool-faq-section { display:grid; grid-template-columns:1fr 1.35fr; gap:64px; }
.tool-fee-guide { border:0; }
.tool-guide p.tool-guide__note { font-size:14px; color:#7d93b4; border-left:2px solid #33547f; padding-left:16px; }
.tool-guide .tool-faq summary { font-size:14px; line-height:1.6; padding:18px 0; }
.tool-guide .tool-faq details:first-child summary { padding-top:0; }
.tool-guide .tool-faq p { font-size:15px; }
.tool-guide-cta { display:flex; justify-content:space-between; gap:36px; align-items:center; padding:32px; border-radius:16px; background:#131e30; border:1px solid #293a55; }
.tool-guide-cta h2 { font-size:24px; }
.tool-guide-cta p:last-child { margin-bottom:0; }
.tool-guide-cta__links { display:grid; gap:12px; flex-shrink:0; }
.tool-guide-cta__links a { display:flex; justify-content:space-between; gap:18px; font-size:14px; border:1px solid #3d5579; border-radius:8px; padding:12px 16px; text-decoration:none; transition:background .2s,transform .2s; }
.tool-guide-cta__links a:hover { background:#243b5f; transform:translateY(-2px); }
/* Smaller settings surface, one focused group at a time. */
#calc_more { width:min(540px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); }
#calc_more .calc-dialog__head { align-items:center; padding:14px 18px; }
#calc_more .calc-dialog__head h2 { font-size:16px; }
#calc_more .calc-dialog__body { padding:16px 18px; }
#calc_more .calc-dialog__foot { padding:10px 18px; }
#calc_more .calc__label { min-height:0; }
#calc_more .calc__switch-row { margin:0 0 14px; padding:6px 0 14px; border-top:0; }
#calc_more .calc__more-foot { margin-bottom:0; }
#settings-extras > .calc__grid { margin-bottom:18px; }
.calc-tabs { display:flex; gap:4px; padding:4px; margin:10px 18px 0; flex-shrink:0; border-radius:9px; background:#0b1422; }
.calc-tabs button { flex:1; border:0; padding:8px 4px; border-radius:6px; color:#8fa6c8; background:transparent; cursor:pointer; font:inherit; font-size:13px; transition:background .2s,color .2s,box-shadow .2s; }
.calc-tabs button[aria-selected="true"] { color:#e1ecff; background:#263d60; box-shadow:0 2px 8px #0003; }
.calc-tabs button:focus-visible { outline:2px solid #91b7ff; outline-offset:1px; }
.calc-dialog [role="tabpanel"]:not([hidden]) { animation:settings-enter .22s ease-out; }
.calc-dialog::backdrop { animation:backdrop-enter .22s ease-out; }
@keyframes settings-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@keyframes backdrop-enter { from { opacity:0; } to { opacity:1; } }
.tool-guide .page-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1); }
.tool-guide .page-reveal.is-visible { opacity:1; transform:translateY(0); }
@media (max-width:720px) {
  .tool-intro { font-size:13px; max-width:270px; margin-top:6px; }
  .tool-guide { padding:0 20px 48px; }
  .tool-guide__section { padding:40px 0; }
  .tool-steps { grid-template-columns:1fr; gap:20px; margin-top:26px; }
  .tool-steps li { display:grid; grid-template-columns:28px 1fr; gap:0 10px; }
  .tool-steps li > span { grid-row:1/3; margin:0; padding-top:3px; }
  .tool-steps p { grid-column:2; margin-bottom:0; }
  .tool-example { grid-template-columns:1fr; gap:18px; padding:24px; }
  .tool-fee-guide,.tool-faq-section { grid-template-columns:1fr; gap:18px; }
  .tool-guide-cta { flex-direction:column; align-items:stretch; padding:24px; gap:24px; }
  .tool-guide-cta__links { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .tool-guide .page-reveal { opacity:1; transform:none; transition:none; }
  .calc-dialog [role="tabpanel"],.calc-dialog::backdrop { animation:none; }
  .tool-guide-cta__links a { transition:none; }
}

/* Primary controls and motion use one scale; mobile scrolls instead of shrinking. */
.tool-header { margin-bottom:32px; align-items:flex-end; }
.tool-header h1 { max-width:19ch; }
.tool-intro { font-size:16px; color:#afbaca; max-width:500px; }
.tool-eyebrow { margin-bottom:16px; color:#86b4ff; }
.calc { border-color:#2a3443; background:#10151e; border-radius:20px; }
.calc__inputs { gap:0; }
.calc__panel-head { margin-bottom:26px; }
.calc__panel-head h2,.calc__result-head h2 { font-size:16px; }
.calc__results { background:radial-gradient(ellipse at 90% 0,#25519b26,transparent 65%),#121c2b; }
.calc__pair { gap:20px; }
.calc .calc__pair .calc__control input:not([type=checkbox]) { height:62px; font-size:27px; }
.calc__settings { grid-template-columns:1fr; gap:10px; margin:24px 0; }
.calc__setting { padding:15px 30px 15px 16px; display:flex; justify-content:space-between; gap:12px; align-items:center; background:#141d2b; }
.calc__setting > span { font-size:14px; }
.calc__setting small { font-size:12px; margin:0; max-width:48%; }
.calc__profit { margin-top:26px; }
.calc__stats { margin-block:24px; padding-block:20px; }
.calc__stats dd { font-size:22px; }
.calc__stats dt { font-size:12px; line-height:1.5; }
.calc__allocation { margin-bottom:28px; }
.calc__allocation-bar { height:9px; gap:0; }
.calc__allocation-bar span { transition:width .5s cubic-bezier(.2,.8,.2,1); }
.calc__allocation-key { margin-top:12px; flex-wrap:wrap; gap:10px; }
.calc__foot { margin-bottom:22px; }
.calc__breakeven { font-size:13px; }
.calc__breakeven strong { font-size:16px; }
.calc__action,.calc__use-price,.calc__done { min-height:44px; font-size:13px; }
.calc__use-price,.calc__done { background:#2563eb; border-color:#347bfc; color:#fff; }
.calc__use-price:hover,.calc__done:hover { background:#3678ff; box-shadow:0 6px 24px #2563eb33; }
.calc__target-out small { font-size:12px; color:#a6b8d0; }
.calc__input-note { font-size:12px; color:#9eafc8; margin-top:24px; }
.calc__error { color:#ffc0c8; border:1px solid #774951; background:#40232c; padding:12px 14px; border-radius:8px; font-size:13px; line-height:1.65; margin:14px 0 0; }
.calc__control:has([aria-invalid=true]) { border-color:#ee8090; }
.calc__control:has(input:disabled) { opacity:.5; }
.calc__target-settings { margin-top:22px; display:grid; gap:22px; }
.calc__control--mini { width:110px; }
.calc__auto-order,.calc__tax-toggle { margin-top:20px; font-size:13px; line-height:1.5; }
.calc__auto-order small { display:block; font-size:12px; margin-top:5px; color:#a8bad2; }
.calc-dialog .calc__field input:not([type=checkbox]) { font-size:16px !important; }
.calc-dialog__head h2,#calc_more .calc-dialog__head h2 { font-size:20px; }
.calc-dialog__close { width:40px; height:40px; }
.calc-dialog__body,#calc_more .calc-dialog__body { padding:24px; }
.calc-dialog__head,#calc_more .calc-dialog__head { padding:20px 24px; }
.calc-tabs { margin-inline:24px; }
.calc-tabs button { font-size:13px; min-height:40px; }
.calc__extra { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 32px; }
.calc__more-foot { font-size:12px; color:#adbad0; }
.tool-bottom-note { color:#9cacbf; font-size:12px; line-height:1.7; flex-wrap:wrap; }
.tool-guide { max-width:1128px; }
.tool-guide p { font-size:16px; }
.tool-steps p,.tool-guide .tool-faq p { font-size:15px; }
.tool-guide .tool-faq summary { font-size:16px; }
.tool-example { background:linear-gradient(135deg,#101b2c,#0e131c); }
.tool-example__receipt > div { font-size:15px; }
.tool-page .tool a,.tool-guide a { text-underline-offset:4px; }
.tool-guide .page-reveal { opacity:1; transform:none; }
.tool-guide .page-reveal.is-visible { animation:guide-arrive .6s ease both; }
@keyframes guide-arrive { from { opacity:.35; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:760px) {
 .tool { padding:36px 16px; }
 .tool-header { align-items:flex-start; }
 .tool-header h1 { font-size:32px; }
 .tool-intro { font-size:15px; max-width:26rem; }
 .tool-help span { display:none; }
 .calc { grid-template-columns:minmax(0,1fr); }
 .calc__inputs,.calc__results { padding:24px; }
 .calc__results { border-left:0; border-top:1px solid #2a3953; }
 .calc__setting { flex-wrap:wrap; gap:6px; }
 .calc__setting small { max-width:100%; }
 .calc__target { margin-top:0; }
 .calc__profit { font-size:60px; }
 .tool-guide { padding-inline:20px; }
 .tool-guide__section { padding-block:40px; }
 .tool-steps,.tool-example,.tool-fee-guide,.tool-faq-section { grid-template-columns:1fr; gap:24px; }
 .tool-guide-cta { flex-direction:column; align-items:stretch; }
}
@media(max-width:380px) {
 .calc__inputs,.calc__results { padding:18px; }
 .calc__pair { gap:12px; }
 .calc__target { align-items:flex-start; gap:10px; }
 .calc__target-out strong { font-size:27px; }
 .calc__stats { gap:8px; }
 .calc__stats dd { font-size:18px; }
 .calc__extra { grid-template-columns:minmax(0,1fr) 32px; }
 .calc__extra .calc__control--extra { grid-column:1/-1; grid-row:2; }
 .calc__extra .calc__remove { grid-column:2; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) {
 .tool *, .tool-guide * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 .tool-guide .page-reveal { opacity:1; transform:none; }
}