/* Shared public-site navigation and readable buying guides. */
.skip-link { position:fixed; left:16px; top:-100px; z-index:100; padding:12px 18px; background:#ffb52e; color:#120f10; font-weight:800; }
.skip-link:focus { top:12px; }
.nav { position:relative; }
.mobile-menu { display:none; position:static; margin-left:auto; color:#f7e7c4; }
.mobile-menu summary { cursor:pointer; min-height:44px; display:flex; align-items:center; padding:8px 12px; border:1px solid #a58e78; font-weight:800; list-style:none; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu summary::after { content:' +'; margin-left:9px; }
.mobile-menu[open] summary::after { content:' −'; }
.mobile-menu nav { position:absolute; right:0; top:calc(100% + 10px); width:min(300px,calc(100vw - 32px)); max-height:70vh; overflow:auto; background:#211b1b; border:2px solid #a58e78; box-shadow:0 16px 32px #0006; padding:8px; z-index:60; }
.mobile-menu nav a { display:block; padding:11px 13px; color:#f7e7c4; text-decoration:none; line-height:1.4; }
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible { background:#40322a; color:#ffe08a; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:25px; color:#d7c8b1; font-size:.8rem; }
.breadcrumbs span[aria-current] { max-width:100%; }
.table-scroll { max-width:100%; overflow-x:auto; margin:24px 0; border:1px solid #d7c8b1; border-radius:10px; }
.table-scroll table { border-collapse:collapse; width:100%; min-width:430px; text-align:left; font-size:.9rem; }
.table-scroll caption { padding:14px; text-align:left; font-weight:800; color:#392e2a; background:#f8efe1; }
.table-scroll th,.table-scroll td { padding:14px; border-bottom:1px solid #dfd0b9; vertical-align:top; }
.table-scroll thead { color:#fff0d3; background:#302626; }
.table-scroll tbody th { font-weight:700; color:#392e2a; }
.table-scroll tbody tr:nth-child(even) { background:#f8efe1; }
.product-figure { margin:28px 0; }
.product-figure img { display:block; width:100%; height:auto; border:1px solid #d7c8b1; border-radius:10px; }
.product-figure figcaption { margin-top:10px; font-size:.85rem; color:#65584e; }
.steps { padding-left:24px; }
.steps li { padding-left:5px; margin:15px 0; }
.text-link { display:inline-flex; align-items:center; min-height:44px; padding:8px; font-weight:700; }
.side-card a[aria-current=page] { color:#993617; font-weight:800; }
.calculator-shell { grid-template-columns:1fr; }
.calculator-shell>.side-card { position:static; }
.cost-calculator fieldset { border:1px solid #d7c8b1; border-radius:12px; padding:20px; margin:20px 0; min-width:0; }
.cost-calculator legend { font-size:1rem; padding:0 6px; }
.volume-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.cost-scenarios { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.calc-field { display:grid; gap:7px; margin-bottom:16px; font-size:.88rem; font-weight:700; }
.calc-field input { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #af9b85; border-radius:6px; color:#211b1b; background:#fff; font:inherit; }
.calc-field input:focus-visible { outline:3px solid #dd9d25; outline-offset:2px; }
.calc-help { font-size:.9rem; }
.zero-commission { min-height:65px; padding:12px; background:#efe8d3; border-radius:6px; }
.zero-commission strong { font-size:1.5rem; }
.result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.result-grid>div { padding:20px; background:#f8efe1; border:1px solid #d7c8b1; border-radius:10px; }
.result-grid span { display:block; font-size:.85rem; }
.result-grid strong { display:block; margin-top:8px; font-size:clamp(1.3rem,3vw,2rem); overflow-wrap:anywhere; }
.calc-results[hidden] { display:none; }
.calc-results details summary { cursor:pointer; font-weight:700; padding:12px 0; }
.home-seo { padding:64px 0; border-top:1px solid #40322a; }
.home-seo h2 { font-family:Georgia,serif; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.15; max-width:800px; }
.home-seo p { max-width:800px; color:#d6c7ae; }
.home-seo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:28px; }
.home-seo-grid a { display:block; padding:24px; border:1px solid #695b52; background:#211b1b; text-decoration:none; }
.home-seo-grid strong { display:block; color:#ffb52e; margin-bottom:10px; }
.home-seo-grid span { display:block; color:#d6c7ae; font-size:.95rem; }
.home-seo-grid a:hover { border-color:#ffb52e; }
@media(min-width:981px) { .nav-links { gap:18px; } }
@media(max-width:980px) { .nav-links { display:none!important; } .mobile-menu { display:block; } .nav { gap:12px; } .nav .brand { flex-shrink:0; } }
@media(max-width:600px) { .volume-fields,.cost-scenarios,.result-grid,.home-seo-grid { grid-template-columns:1fr; } .cost-calculator fieldset { padding:14px; } .page-hero { padding-top:32px; } .proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } .proof-strip span { font-size:.66rem; padding:12px 8px; } .page-shell { padding-top:28px; } .header-cta { font-size:.65rem; padding-inline:9px; } .mobile-menu summary { padding-inline:9px; font-size:.8rem; } }
@media(max-width:380px) { .nav .brand { gap:7px; font-size:.82rem; } .nav .brand-mark { width:28px; height:28px; flex-basis:28px; } .nav { gap:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .btn,.article-card { transition:none!important; transform:none!important; } }
/* A tactile calculator: compact keys, a persistent display and optional detail. */
.calculator-shell>.content-card {padding:0;border:0;background:transparent;box-shadow:none;}
.calculator-device {display:grid;grid-template-columns:1.12fr 1fr;gap:24px;padding:28px;background:linear-gradient(145deg,#332d29,#211e1b);border:1px solid #534a40;border-radius:24px;box-shadow:0 10px 0 #171513,0 24px 48px #211b1b26;color:#f4e9d7;}
.calculator-brand {grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;font:700 .78rem/1.5 'Courier New',monospace;letter-spacing:.08em;}
.calculator-brand b {color:#ae9e86;font-weight:400;}
.calculator-led {color:#d8be75;white-space:nowrap;}
.calculator-screen {grid-column:2;grid-row:2;min-width:0;padding:24px;background:linear-gradient(135deg,#e8edcf,#c9d3ac);border:5px solid #171a13;border-radius:12px;box-shadow:inset 0 3px 10px #29341b40;color:#24351f;font-family:'Courier New',monospace;}
.screen-kicker {display:block;font-size:.73rem;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;}
.screen-idle,.screen-total {display:block;font-size:clamp(2.4rem,5vw,4rem);line-height:1.3;letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.calculator-screen p {color:#3c4a32;font-size:.73rem;line-height:1.5;margin:10px 0 0;}
.screen-footnote {font-size:.72rem;opacity:.7;}
.screen-comparison {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;margin-top:10px;border-top:1px solid #8f9b77;}
.screen-comparison span {display:block;font-size:.7rem;}
.screen-comparison strong {font-size:1.15rem;overflow-wrap:anywhere;}
.screen-commission strong {float:right;}
.calculator-controls {grid-column:1;grid-row:2/4;min-width:0;}
.calc-section-label {font:700 .7rem/1.5 'Courier New',monospace!important;color:#c6b798!important;letter-spacing:.09em;margin:0 0 12px!important;}
.calculator-input-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;}
.calculator-device .calc-field {margin:0;color:#d7c9b6;font-size:.76rem;font-weight:500;}
.calc-entry {display:flex;align-items:center;gap:4px;padding:0 10px;background:#171613;border:1px solid #5c5142;border-radius:8px;box-shadow:inset 0 2px 4px #0005;}
.calculator-device .calc-field input {padding:10px 0;border:0;background:transparent;color:#fff4dc;min-height:52px;font:600 1.5rem/1.2 'Courier New',monospace;box-shadow:none;appearance:textfield;-moz-appearance:textfield;}
.calculator-device input::-webkit-inner-spin-button,.calculator-device input::-webkit-outer-spin-button {appearance:none;margin:0;}
.calc-unit {font:700 .85rem 'Courier New',monospace;color:#a7967c;}
.calc-field.is-active .calc-entry,.calc-entry:focus-within {border-color:#ffbe45;box-shadow:0 0 0 1px #ffbe45;}
.calculator-device input:focus-visible {outline:0;}
.calc-zero {display:flex;align-items:center;gap:9px;padding-top:17px;}
.calc-zero strong {font:700 2rem 'Courier New',monospace;color:#ffbf49;}
.calc-zero span {max-width:110px;font-size:.73rem;color:#b4a58e;line-height:1.4;}
.calculator-extras {border-top:1px solid #5c5142;padding-top:14px;}
.calculator-extras summary {display:flex;justify-content:space-between;gap:6px;cursor:pointer;font-size:.8rem;list-style:none;color:#e8d7ba;}
.calculator-extras summary::-webkit-details-marker {display:none;}
.calculator-extras p {font-size:.75rem;color:#bbaa91;}
.calculator-extras .cost-scenarios {gap:14px;}
.calculator-extras fieldset {padding:0;border:0;}
.calculator-extras legend {padding:0;margin-bottom:12px;color:#ffcf77;font-size:.78rem;}
.calculator-extras .calc-field {margin-bottom:12px;}
.calculator-extras input {font-size:1.2rem!important;}
.calculator-keypad-panel {grid-column:2;grid-row:3;min-width:0;}
.keypad-heading {display:flex;justify-content:space-between;gap:10px;font: .7rem/1.4 'Courier New',monospace;color:#bbae97;margin-bottom:10px;}
.keypad-heading span:last-child {color:#ffce75;}
.calculator-keypad {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.calculator-keypad button,.calculator-actions button {border:1px solid #675b4d;border-radius:8px;min-height:48px;background:linear-gradient(#50483e,#403931);color:#fff2dc;font:700 1.4rem 'Courier New',monospace;cursor:pointer;box-shadow:0 4px 0 #131210;}
.calculator-keypad button:hover {background:#625543;}
.calculator-keypad button:active,.calculator-actions button:active {transform:translateY(3px);box-shadow:0 1px 0 #131210;}
.calculator-actions {display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:12px;}
.calculator-actions span {font:600 .75rem system-ui;}
.calculator-actions .calc-equals {background:linear-gradient(#ffd47b,#ffb52e);color:#302312;border-color:#ffd47b;}
.calculator-actions .calc-clear {background:#6b4032;border-color:#915b44;}
.calculator-device button:focus-visible,.calculator-extras summary:focus-visible {outline:3px solid #ffce75;outline-offset:4px;}
.calculator-private {font-size:.71rem!important;color:#b8a991!important;text-align:center;margin:14px 0 0!important;}
.calculator-device .form-status {color:#ffc4ac;}
.calculator-breakdown {margin:36px 0 18px;border-bottom:1px solid #cdbda5;padding-bottom:18px;}
.calculator-breakdown summary {font-size:.9rem;font-weight:700;cursor:pointer;}
.calculator-disclaimer {font-size:.8rem;color:#726451;line-height:1.6;}
body:has(.calculator-device) .page-hero {padding:28px 0;}
body:has(.calculator-device) .page-hero h1 {font-size:clamp(2rem,4vw,3.3rem);}
body:has(.calculator-device) .page-hero .action-row,body:has(.calculator-device) .proof-strip {display:none;}
body:has(.calculator-device) .breadcrumbs {margin-bottom:14px;}
@media(max-width:700px) {
.calculator-device {grid-template-columns:1fr;gap:20px;padding:18px;border-radius:18px;}
.calculator-brand {font-size:.63rem;}.calculator-brand b {display:none;}
.calculator-screen {grid-column:1;grid-row:2;padding:18px;}
.calculator-controls {grid-column:1;grid-row:3;}
.calculator-keypad-panel {grid-column:1;grid-row:4;}
.calculator-input-grid {margin-bottom:18px;gap:10px;}
.calculator-extras .cost-scenarios {grid-template-columns:1fr 1fr;}
.calculator-device .calc-field input {font-size:1.25rem;}
body:has(.calculator-device) .page-shell {padding-top:20px;}
.screen-total {font-size:2.7rem;}
}