.f8-costcalc{--f8c-bg:#090d14;--f8c-panel:#111822;--f8c-border:#293342;--f8c-text:#edf2f7;--f8c-muted:#9aa8b8;--f8c-accent:#72d1ba;max-width:1380px;margin:48px auto;padding:clamp(18px,3vw,46px);color:var(--f8c-text);background:linear-gradient(145deg,#0c121b,#070a10);border:1px solid var(--f8c-border);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.f8-costcalc-header{display:flex;gap:18px;align-items:center;margin-bottom:34px}.f8-costcalc-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #46766d;border-radius:14px;color:var(--f8c-accent);font-weight:800}.f8-costcalc h1,.f8-costcalc h2,.f8-costcalc p{margin:0}.f8-costcalc h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.06em}.f8-costcalc h2{font-size:1.1rem}.f8-costcalc-header p,.f8-costcalc-heading>span,.f8-costcalc-note{color:var(--f8c-muted);margin-top:6px}.f8-costcalc-back{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:40px;margin-left:auto;padding:9px 13px;border:1px solid #3b5660;border-radius:8px;background:#17222e;color:var(--f8c-text)!important;font-size:.78rem;font-weight:700;text-decoration:none}.f8-costcalc-modes{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--f8c-border);border-radius:12px;background:rgba(4,8,13,.54)}.f8-costcalc-modes button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--f8c-muted);padding:9px 12px;font:700 .73rem/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.08em;cursor:pointer}.f8-costcalc-modes button[aria-pressed=true]{border-color:#4d8b7d;background:linear-gradient(145deg,#1b3c38,#152c2c);color:#dff7ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.f8-costcalc-modes button:hover{color:var(--f8c-text);background:#17222e}.f8-costcalc-panel{margin-top:18px;padding:22px;border:1px solid var(--f8c-border);border-radius:15px;background:linear-gradient(145deg,rgba(28,38,52,.8),rgba(12,17,25,.9))}.f8-costcalc-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.f8-costcalc-table-wrap{overflow:auto;border:1px solid #25303d;border-radius:10px}.f8-costcalc table{width:100%;border-collapse:collapse;table-layout:auto;min-width:760px}.f8-costcalc #f8-costcalc-detail{min-width:1320px}.f8-costcalc #f8-costcalc-compare{min-width:1460px}.f8-costcalc th,.f8-costcalc td{padding:14px 15px;text-align:left;border-bottom:1px solid #25303d;font-size:.86rem;vertical-align:top}.f8-costcalc th{color:#bed0df;background:#121b26;white-space:nowrap}.f8-costcalc td{color:#d9e3ec}.f8-costcalc-task-cell{min-width:300px;max-width:440px;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.45}.f8-costcalc-task-cell details{margin-top:7px}.f8-costcalc-task-cell summary{width:max-content;max-width:100%;color:var(--f8c-accent);cursor:pointer;font-size:.78rem}.f8-costcalc-task-cell details p{margin-top:8px;color:var(--f8c-muted);white-space:normal;overflow-wrap:anywhere}.f8-costcalc th button{all:unset;cursor:pointer;color:inherit}.f8-costcalc th button:focus-visible,.f8-costcalc button:focus-visible,.f8-costcalc a:focus-visible,.f8-costcalc summary:focus-visible{outline:2px solid var(--f8c-accent);outline-offset:3px}.f8-costcalc-note{font-size:.82rem;line-height:1.55}.f8-costcalc a{color:var(--f8c-accent);text-decoration-thickness:1px}.f8-costcalc-pager{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:16px;color:var(--f8c-muted);font-size:.85rem}.f8-costcalc-pager button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px;padding:9px 12px;border:1px solid #3b5660;border-radius:8px;background:#17222e;color:var(--f8c-text);cursor:pointer}.f8-costcalc-pager button:disabled{opacity:.45;cursor:not-allowed}.f8-costcalc-denied{max-width:760px}@media(max-width:600px){.f8-costcalc{margin:20px 12px;padding:18px;border-radius:14px}.f8-costcalc-header{align-items:flex-start;flex-wrap:wrap}.f8-costcalc-back{margin-left:0}.f8-costcalc-panel{padding:14px}.f8-costcalc-heading{display:block}.f8-costcalc-heading>span{display:block}.f8-costcalc-pager{justify-content:space-between}.f8-costcalc th,.f8-costcalc td{padding:12px}.f8-costcalc-task-cell{min-width:260px;max-width:320px}}
.f8-costcalc{max-width:2200px}.f8-costcalc #f8-costcalc-compare{min-width:1960px}.f8-costcalc #f8-costcalc-detail{min-width:1500px}.f8-costcalc #f8-costcalc-compare th:nth-child(1),.f8-costcalc #f8-costcalc-compare td:nth-child(1){min-width:112px}.f8-costcalc #f8-costcalc-compare th:nth-child(3),.f8-costcalc #f8-costcalc-compare td:nth-child(3){min-width:240px}.f8-costcalc #f8-costcalc-compare th:nth-child(4),.f8-costcalc #f8-costcalc-compare td:nth-child(4){min-width:140px}.f8-costcalc #f8-costcalc-compare th:nth-child(5),.f8-costcalc #f8-costcalc-compare td:nth-child(5),.f8-costcalc #f8-costcalc-detail th:nth-child(6),.f8-costcalc #f8-costcalc-detail td:nth-child(6){min-width:170px;white-space:nowrap}.f8-costcalc #f8-costcalc-compare th:nth-child(6),.f8-costcalc #f8-costcalc-compare td:nth-child(6){min-width:360px}.f8-costcalc #f8-costcalc-compare th:nth-child(n+7),.f8-costcalc #f8-costcalc-compare td:nth-child(n+7){min-width:125px}.f8-costcalc-table-wrap{scrollbar-gutter:stable both-edges}
@media(min-width:1200px){.f8-shell:has(#f8-costcalc){width:min(calc(100% - 2rem),142rem)}.f8-entry:has(#f8-costcalc),.f8-page-header:has(+.f8-entry #f8-costcalc){width:100%;max-width:none}.f8-entry__content:has(#f8-costcalc){max-width:none}}