/* Free calculators: shared compact geometry for all four calculator tabs. */
.app-shell:has(.calculator-center){--sidebar-width:264px}
#app:has(.calculator-center){max-width:1280px;padding-left:18px;padding-right:18px}
.calculator-center{padding:0 0 var(--space-8)}
.calculator-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--calc-space-7);margin:0 0 var(--calc-space-3);padding:var(--calc-space-2) var(--calc-space-7);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}
.calculator-page-heading h1{margin:0 0 var(--calc-space-1);color:var(--text-primary);font:700 40px/1.28 var(--font-sans);letter-spacing:-.025em}
.calculator-page-heading p:not(.eyebrow){margin:0;color:var(--text-secondary);font:400 16px/1.65 var(--font-sans)}
.calculator-page-heading>span{max-width:330px;padding:var(--calc-space-3) var(--calc-space-4);border-radius:var(--radius-sm);background:var(--success-subtle);color:var(--success);font:600 13px/1.55 var(--font-sans)}
h1[tabindex="-1"]:focus{outline:none}

.calculator-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 var(--calc-space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}
.calculator-tabs button{display:flex;align-items:center;gap:var(--calc-space-4);min-width:0;min-height:64px;padding:var(--calc-space-4);border:0;border-right:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font-weight:600;text-align:left}
.calculator-tabs button:last-child{border-right:0}
.calculator-tabs button i{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--accent-link);font-style:normal;font-weight:800}
.calculator-tabs button i .nav-icon{width:18px;height:18px;stroke-width:1.75}
.calculator-tabs button span,.calculator-tabs button b,.calculator-tabs button small{display:block;min-width:0}
.calculator-tabs button b{font:600 14px/20px var(--font-sans)}
.calculator-tabs button small{margin-top:2px;color:var(--text-tertiary);font:400 13px/19px var(--font-sans)}
.calculator-tabs button:hover,.calculator-tabs button:focus-visible{background:var(--bg-subtle);color:var(--accent-link);outline:none}
.calculator-tabs button.active{background:var(--bg-selected);box-shadow:inset 0 -3px 0 var(--accent-link);color:var(--accent-link)}
.calculator-tabs button.active i{background:var(--action-primary-bg);color:var(--action-primary-fg)}

.calculator-workspace{inline-size:min(100%,1280px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--calc-space-7);align-items:start}
.calculator-form,.calculator-results,.calculator-notes{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:none}
.calculator-form{min-width:0;container-type:inline-size;overflow:hidden}
.calculator-title{display:flex;align-items:center;justify-content:space-between;gap:var(--calc-space-6);min-height:82px;padding:12px var(--calc-space-8);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}
.calculator-title small,.calculator-title h2{display:block}
.calculator-title small{color:var(--accent-link);font:600 12px/18px var(--font-sans)}
.calculator-title h2{margin:2px 0 0;color:var(--text-primary);font:700 22px/28px var(--font-sans);letter-spacing:-.02em}
.calculator-title .secondary{flex:0 0 auto;min-height:40px;padding:0 14px;border-color:var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font:600 14px/20px var(--font-sans)}

.calculator-input-group{--calculator-group-accent:var(--text-tertiary);--calculator-group-surface:var(--bg-subtle);margin:14px 14px 0;padding:0 18px 18px;border:1px solid var(--border-subtle);border-left:6px solid var(--calculator-group-accent);border-radius:var(--radius-md);background:var(--calculator-group-surface)}
.calculator-input-group:last-child{margin-bottom:14px}
.calculator-input-group--revenue{--calculator-group-accent:var(--calculator-revenue-accent);--calculator-group-surface:var(--calculator-revenue-surface)}
.calculator-input-group--purchase{--calculator-group-accent:var(--calculator-purchase-accent);--calculator-group-surface:var(--calculator-purchase-surface)}
.calculator-input-group--operations{--calculator-group-accent:var(--calculator-operations-accent);--calculator-group-surface:var(--calculator-operations-surface)}
.calculator-input-group--fees{--calculator-group-accent:var(--calculator-fees-accent);--calculator-group-surface:var(--calculator-fees-surface)}
.calculator-group-heading{position:static;inset:auto;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--calc-space-6);align-items:baseline;block-size:auto;min-block-size:64px;margin:0 -18px var(--calc-space-5);padding:16px 18px;border:0;border-bottom:1px solid color-mix(in srgb,var(--calculator-group-accent) 28%,var(--border-subtle));background:color-mix(in srgb,var(--calculator-group-accent) 8%,var(--calculator-group-surface));overflow:visible}
.calculator-group-heading h3{margin:0;color:var(--text-primary);font:700 20px/28px var(--font-sans);white-space:nowrap;word-break:keep-all}
.calculator-group-heading p{min-inline-size:0;max-inline-size:none;margin:0;color:var(--text-secondary);font:400 14px/20px var(--font-sans);word-break:keep-all;overflow-wrap:break-word}

.calculator-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:14px;align-items:start}
.calculator-field{display:grid;min-inline-size:0;block-size:auto;min-block-size:0;align-content:start;row-gap:0}
.field-label-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--calc-space-2);min-inline-size:0;block-size:28px;min-block-size:28px;margin:0;padding:0;background:transparent}
.field-label-row label,.field-title{min-inline-size:0;margin:0;color:var(--text-primary);font:600 14px/20px var(--font-sans);letter-spacing:-.01em;white-space:nowrap;word-break:keep-all}
.field-control{display:flex;align-items:center;min-inline-size:0;block-size:var(--calc-control-height);min-block-size:var(--calc-control-height);margin:var(--calc-space-2) 0 0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);overflow:hidden}
.field-control input,.field-control select{box-sizing:border-box;width:100%;min-width:0;height:var(--calc-control-height);min-height:var(--calc-control-height);margin:0;padding:0 13px;border:0;outline:0;background:transparent;color:var(--text-primary);font:600 16px/24px var(--font-sans);text-align:left}
.field-control select{font-size:16px}
.field-control select option{background:var(--surface);color:var(--ink)}
.field-control:focus-within{border-color:var(--focus-ring);box-shadow:inset 0 0 0 1px var(--focus-ring)}
.field-control select:disabled{cursor:not-allowed;background:var(--bg-subtle);color:var(--text-tertiary);opacity:.85}
.field-control em{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:48px;padding:0 9px;border-left:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-secondary);font:400 14px/20px var(--font-sans);font-style:normal;white-space:nowrap}
.field-helper{display:block;margin:var(--calc-space-1) 0 0;color:var(--text-secondary);font:400 13px/19px var(--font-sans);text-align:left;word-break:keep-all;overflow-wrap:break-word}
.field-helper:empty{display:none}
.calculator-field-helper{padding-left:8px;border-left:3px solid var(--red);color:var(--text-primary);font-weight:600}
.field-help,.result-help,.ad-help-icon{flex:0 0 var(--calc-help-hit-size);inline-size:var(--calc-help-hit-size);block-size:var(--calc-help-hit-size);min-block-size:var(--calc-help-hit-size);margin:0;padding:0;border:0;background:transparent;color:var(--text-secondary);font:0/0 var(--font-sans);position:static;transform:none;display:inline-grid;place-items:center;vertical-align:middle;cursor:pointer}
.field-help::before,.result-help::before,.ad-help-icon::before{content:"?";display:grid;place-items:center;inline-size:16px;block-size:16px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-surface);color:var(--text-secondary);font:700 11px/1 var(--font-sans)}
.field-help:hover::before,.field-help:focus-visible::before,.result-help:hover::before,.result-help:focus-visible::before,.ad-help-icon:hover::before,.ad-help-icon:focus-visible::before{border-color:var(--accent-link);color:var(--accent-link)}
.field-help:focus-visible,.result-help:focus-visible,.ad-help-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.calculator-required-mark{display:inline-flex;align-items:center;min-height:24px;margin-left:auto;padding:2px 6px;border:1px solid var(--red);border-radius:99px;background:color-mix(in srgb,var(--bg-surface) 88%,var(--red));color:var(--text-primary);font:700 12px/17px var(--font-sans);font-style:normal;white-space:nowrap}
.calculator-field.required-empty .field-control{border:2px solid var(--red);box-shadow:inset 4px 0 0 var(--red)}
.calculator-field.required-empty .field-control:focus-within{outline:3px solid color-mix(in srgb,var(--red) 24%,transparent)}

.calculator-vat-settings{margin:var(--calc-space-5) 22px var(--calc-space-6);border:1px solid var(--border-subtle);border-radius:var(--calc-radius);background:var(--bg-subtle);overflow:hidden}
.calculator-vat-settings>summary,.calculator-result-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--calc-space-4);min-height:48px;padding:11px 13px;cursor:pointer;list-style:none;color:var(--text-primary);font:600 15px/22px var(--font-sans)}
.calculator-vat-settings>summary::-webkit-details-marker,.calculator-result-details>summary::-webkit-details-marker{display:none}
.calculator-vat-settings>summary span,.calculator-vat-settings>summary b,.calculator-vat-settings>summary small{display:block}
.calculator-vat-settings>summary small{margin-top:2px;color:var(--text-secondary);font:400 13px/19px var(--font-sans)}
.calculator-vat-settings>summary i,.calculator-result-details>summary i{color:var(--accent-link);font-style:normal;font-weight:800;transition:transform .15s}
.calculator-vat-settings[open]>summary,.calculator-result-details[open]>summary{border-bottom:1px solid var(--border-subtle)}
.calculator-vat-settings[open]>summary i,.calculator-result-details[open]>summary i{transform:rotate(180deg)}
.calculator-vat-settings-body{padding:var(--calc-space-4);background:var(--bg-surface)}
.calculator-vat-settings-body>p{margin:var(--calc-space-3) 0 0;color:var(--text-secondary);font:400 13px/19px var(--font-sans)}
.calculator-evidence-section{margin-top:var(--calc-space-4);padding:var(--calc-space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle)}
.calculator-evidence-section>b{display:block;color:var(--text-primary);font:700 14px/20px var(--font-sans)}
.calculator-evidence-section>p{margin:4px 0 var(--calc-space-4);color:var(--text-secondary);font:400 13px/19px var(--font-sans)}

.calculator-results{position:sticky;top:70px;overflow:hidden}
.calculator-result-heading{min-height:82px;padding:14px 20px;background:var(--action-primary-bg);color:var(--action-primary-fg)}
.calculator-result-heading small{display:block;opacity:.84;font:600 12px/18px var(--font-sans)}
.calculator-result-heading h2{margin:2px 0 0;color:inherit;font:700 20px/28px var(--font-sans);letter-spacing:-.02em}
.calculator-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
.calculator-summary-card{display:flex;flex-direction:column;min-width:0;min-height:132px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--calc-radius);background:var(--bg-subtle)}
.calculator-summary-card small{display:grid;grid-template-columns:minmax(0,1fr) var(--calc-help-hit-size);align-items:center;column-gap:var(--calc-space-2);min-height:20px;color:var(--text-secondary);font:600 14px/20px var(--font-sans);word-break:keep-all;overflow-wrap:break-word}
.calculator-summary-card b{display:block;margin:2px 0 0;color:var(--text-primary);font:700 26px/32px var(--font-sans);letter-spacing:-.025em}
.calculator-summary-card span{display:block;color:var(--text-secondary);font:400 13px/19px var(--font-sans);word-break:keep-all;overflow-wrap:break-word}
.calculator-summary-card.positive{border-color:color-mix(in srgb,var(--success) 45%,var(--border-subtle));background:color-mix(in srgb,var(--bg-surface) 90%,var(--success))}
.calculator-summary-card.positive b{color:var(--success)}
.calculator-summary-card.negative{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-subtle));background:color-mix(in srgb,var(--bg-surface) 90%,var(--danger))}
.calculator-summary-card.negative b{color:var(--danger)}
.calculator-summary-card.calculator-landed-cost{grid-column:1/-1;min-height:100px;border-color:color-mix(in srgb,var(--calculator-purchase-accent) 44%,var(--border-subtle));background:var(--calculator-purchase-surface)}
.calculator-summary-card.calculator-landed-cost b{font-size:30px;line-height:36px}
.calculator-summary-card.calculator-break-even-roas{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--calc-space-1) var(--calc-space-6);min-height:90px;padding:14px}
.calculator-break-even-roas-title{display:grid;grid-template-columns:minmax(0,1fr) var(--calc-help-hit-size);align-items:center;column-gap:var(--calc-space-2);color:var(--text-primary);font:700 16px/22px var(--font-sans)}
.calculator-summary-card.calculator-break-even-roas b{grid-column:2;grid-row:1/3;margin:0;color:var(--accent-link);font-size:26px;line-height:32px;text-align:right}
.calculator-summary-card.calculator-break-even-roas span{grid-column:1}
.calculator-vat-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:94px;margin:0 16px 16px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--calc-radius);background:var(--bg-subtle)}
.calculator-vat-summary div{min-width:0}
.calculator-vat-summary span{display:grid;grid-template-columns:minmax(0,1fr) var(--calc-help-hit-size);align-items:center;column-gap:var(--calc-space-2);min-height:20px;color:var(--text-secondary);font:600 14px/20px var(--font-sans);word-break:keep-all;overflow-wrap:break-word}
.calculator-vat-summary b{display:block;margin-top:4px;color:var(--text-primary);font:700 17px/24px var(--font-sans)}
.calculator-result-details{margin:0 16px 16px;border:1px solid var(--border-subtle);border-radius:var(--calc-radius);background:var(--bg-surface);overflow:hidden}
.calculator-result-details>summary{min-height:48px;padding:0 13px;font-weight:600}
.calculator-breakdown{margin:0;padding:0 14px 14px}
.calculator-breakdown-row,.calculator-breakdown-included{display:flex;justify-content:space-between;gap:var(--calc-space-6);padding:10px 4px;border-bottom:1px solid var(--border-subtle)}
.calculator-breakdown-group{border-bottom:1px solid var(--border-subtle)}
.calculator-breakdown-group:last-child,.calculator-breakdown-group:last-child .calculator-breakdown-included:last-child,.calculator-breakdown-row:last-child{border-bottom:0}
.calculator-breakdown-total{background:var(--bg-subtle);color:var(--text-primary);font-weight:700}
.calculator-breakdown-total dt{color:var(--text-primary)}
.calculator-breakdown-children{padding:0 0 2px 14px}
.calculator-breakdown-included{padding:8px 4px;border-bottom-style:dashed}
.calculator-breakdown-included dt{color:var(--text-secondary);font-size:13px}
.calculator-breakdown dt{display:grid;grid-template-columns:minmax(0,1fr) var(--calc-help-hit-size);align-items:center;column-gap:var(--calc-space-2);min-width:0;color:var(--text-secondary);word-break:keep-all}
.calculator-breakdown dd{margin:0;color:var(--text-primary);font-weight:700;text-align:right;white-space:nowrap}
.calculator-warning{margin:16px 16px 0;padding:10px 12px;border:1px solid var(--status-warning-border);border-radius:var(--radius-sm);background:var(--status-warning-bg);color:var(--status-warning-ink);font:600 14px/22px var(--font-sans)}
.calculator-blocked{margin:16px;padding:16px;border:2px solid var(--red);border-radius:var(--calc-radius);background:color-mix(in srgb,var(--bg-surface) 92%,var(--red));color:var(--text-primary)}
.calculator-blocked b{display:block;font:700 14px/20px var(--font-sans)}
.calculator-blocked p{margin:var(--calc-space-2) 0 0;color:var(--text-secondary);font:400 14px/22px var(--font-sans)}
.calculator-preliminary-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 16px 0}
.calculator-preliminary-inputs article{display:grid;gap:2px;min-width:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--calculator-revenue-accent) 42%,var(--border-subtle));border-radius:var(--calc-radius);background:var(--calculator-revenue-surface);color:var(--text-primary)}
.calculator-preliminary-inputs article+article{border-color:color-mix(in srgb,var(--calculator-purchase-accent) 42%,var(--border-subtle));background:var(--calculator-purchase-surface)}
.calculator-preliminary-inputs small{color:var(--text-secondary);font:600 13px/19px var(--font-sans)}
.calculator-preliminary-inputs b{font:700 28px/34px var(--font-sans);letter-spacing:-.025em}
.calculator-preliminary-inputs span{color:var(--text-secondary);font:400 13px/19px var(--font-sans)}
.calculator-notes{margin-top:var(--calc-space-5);padding:14px 22px}
.calculator-notes>b{color:var(--accent-link);font:700 15px/22px var(--font-sans)}
.calculator-notes ul{margin:var(--calc-space-3) 0 0;padding-left:20px;color:var(--text-secondary);font:400 14px/20px var(--font-sans)}
.calculator-notes li+li{margin-top:0}
.calculator-policy-links{display:flex;flex-wrap:wrap;gap:var(--calc-space-2);margin:10px 0 0;padding-top:12px;border-top:1px solid var(--border-subtle)}
.calculator-policy-links a,.calculator-policy-links button{display:inline-flex;align-items:center;min-height:40px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--accent-link);font:600 14px/20px var(--font-sans);text-decoration:none}
.calculator-policy-links button{font-family:var(--font-sans);cursor:pointer}
.calculator-policy-links a:hover,.calculator-policy-links a:focus-visible,.calculator-policy-links button:hover,.calculator-policy-links button:focus-visible{border-color:var(--accent-link);outline:none}

/* Selling-fee guide uses the same readable token set without changing its data or tabs. */
.fee-guide-page{display:grid;gap:16px;padding:0 0 var(--space-8)}
.fee-guide-heading,.fee-guide-panel,.fee-guide-notice{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:none}
.fee-guide-heading{padding:28px}.fee-guide-heading h1{margin:5px 0 8px;color:var(--text-primary);font:700 40px/1.28 var(--font-sans);letter-spacing:-.025em}.fee-guide-heading p:not(.eyebrow){margin:0;color:var(--text-secondary);font:400 16px/1.65 var(--font-sans)}
.fee-guide-notice{padding:16px 18px;border-left:4px solid var(--accent-link);background:var(--bg-subtle)}.fee-guide-notice b{color:var(--accent-link);font:600 14px/20px var(--font-sans)}.fee-guide-notice p{margin:6px 0 0;color:var(--text-secondary);font:400 14px/22px var(--font-sans)}
.fee-guide-panel{padding:22px}.fee-guide-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.fee-guide-panel-head h2{margin:5px 0 7px;color:var(--text-primary);font:700 20px/28px var(--font-sans)}.fee-guide-panel-head p:not(.eyebrow){max-width:680px;margin:0;color:var(--text-secondary);font:400 14px/22px var(--font-sans)}.fee-guide-panel-head a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:40px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--accent-link);font:600 14px/20px var(--font-sans);text-decoration:none}.fee-guide-panel-head a:hover,.fee-guide-panel-head a:focus-visible{border-color:var(--accent-link);outline:none}
.fee-guide-source-note{margin:0 0 17px;padding:10px 12px;border-left:3px solid var(--accent-link);background:var(--bg-subtle);color:var(--text-secondary);font:400 14px/22px var(--font-sans)}.fee-guide-source-note b{color:var(--text-primary)}
.fee-guide-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fee-guide-tabs button{min-height:48px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font:600 14px/20px var(--font-sans);cursor:pointer}.fee-guide-tabs button:hover,.fee-guide-tabs button:focus-visible{border-color:var(--accent-link);color:var(--accent-link);outline:none}.fee-guide-tabs button.active{border-color:var(--accent-link);background:var(--bg-selected);box-shadow:inset 0 -3px 0 var(--accent-link);color:var(--accent-link)}
.fee-guide-table-wrap{overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.fee-guide-table-wrap table,.fee-guide-naver-grid table{width:100%;border-collapse:collapse}.fee-guide-table-wrap th,.fee-guide-table-wrap td,.fee-guide-naver-grid th,.fee-guide-naver-grid td{min-height:48px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font:400 14px/22px var(--font-sans);text-align:left}.fee-guide-table-wrap th,.fee-guide-naver-grid th{background:var(--bg-subtle);color:var(--text-secondary);font-weight:600}.fee-guide-table-wrap th:last-child,.fee-guide-table-wrap td:last-child,.fee-guide-naver-grid th:last-child,.fee-guide-naver-grid td:last-child{text-align:right}.fee-guide-table-wrap tbody tr:last-child td,.fee-guide-naver-grid tbody tr:last-child td{border-bottom:0}.fee-guide-table-wrap strong,.fee-guide-naver-grid strong{color:var(--accent-link)}
.fee-guide-detail-list{display:grid;gap:8px;margin-top:14px}.fee-guide-details{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);overflow:hidden}.fee-guide-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 13px;cursor:pointer;color:var(--text-primary);font:600 14px/21px var(--font-sans);list-style:none}.fee-guide-details>summary::-webkit-details-marker{display:none}.fee-guide-details>summary i{color:var(--accent-link);font-style:normal;transition:transform .15s}.fee-guide-details[open]>summary{border-bottom:1px solid var(--border-subtle)}.fee-guide-details[open]>summary i{transform:rotate(180deg)}.fee-guide-details .fee-guide-table-wrap{border:0;border-radius:0;background:var(--bg-surface)}.fee-guide-naver-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.fee-guide-naver-grid>section{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.fee-guide-naver-grid h3{margin:0;padding:13px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font:600 14px/21px var(--font-sans)}.fee-guide-footnote{margin:14px 0 0;padding:12px;border-left:3px solid var(--accent-link);background:var(--bg-subtle);color:var(--text-secondary);font:400 14px/22px var(--font-sans)}

@container (max-width:599px){.calculator-group-heading{grid-template-columns:1fr;row-gap:4px;align-items:start}.calculator-group-heading h3{white-space:normal}.calculator-field-grid{grid-template-columns:1fr}}
@media(max-width:1279px){.calculator-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-tabs button:nth-child(2){border-right:0}.calculator-tabs button:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}}
@media(max-width:1100px){.calculator-workspace{grid-template-columns:1fr}.calculator-results{position:static}}
@media(max-width:760px){.calculator-page-heading{display:block;padding:var(--calc-space-6) var(--space-5)}.calculator-page-heading h1,.fee-guide-heading h1{font-size:32px}.calculator-page-heading>span{display:block;max-width:none;margin-top:var(--space-4)}.calculator-tabs{grid-template-columns:1fr}.calculator-tabs button{min-height:64px;padding:var(--space-3);border-right:0;border-bottom:1px solid var(--border-subtle)}.calculator-tabs button:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}.calculator-tabs button:last-child{border-bottom:0}.calculator-tabs button small{display:none}.calculator-title{min-height:80px;padding:12px var(--calc-space-6)}.calculator-input-group{padding:var(--calc-space-7) 17px}.calculator-vat-settings{margin-left:17px;margin-right:17px}.calculator-summary-grid{gap:10px;padding:16px}.calculator-results{position:static}.calculator-policy-links a,.calculator-policy-links button{width:100%;justify-content:center}.fee-guide-heading,.fee-guide-panel{padding:var(--space-6) var(--space-5)}.fee-guide-panel-head{display:block}.fee-guide-panel-head a{margin-top:14px}.fee-guide-naver-grid,.fee-guide-tabs{grid-template-columns:1fr}}
@media(max-width:420px){.calculator-summary-grid,.calculator-vat-summary,.calculator-preliminary-inputs{grid-template-columns:1fr}.calculator-summary-card.calculator-break-even-roas{grid-column:1}.calculator-page-heading h1{font-size:28px}.calculator-title h2,.calculator-result-heading h2{font-size:20px}}
@media(max-width:760px){.fee-guide-page>*,.fee-guide-panel,.fee-guide-detail-list,.fee-guide-details,.fee-guide-naver-grid,.fee-guide-naver-grid>section,.fee-guide-table-wrap{box-sizing:border-box;max-width:100%;min-width:0}.fee-guide-panel,.fee-guide-table-wrap{width:100%}.fee-guide-table-wrap{overflow-x:auto}.fee-guide-table-wrap table{min-width:640px}.fee-guide-naver-grid>section{overflow-x:auto}.fee-guide-naver-grid table{min-width:480px}}
@media(pointer:coarse){.field-label-row{block-size:auto;min-block-size:36px}.field-help,.result-help,.ad-help-icon{flex-basis:36px;inline-size:36px;block-size:36px}}

/* Surface palette audit: inputs stay white/active and result values never look disabled. */
.calculator-page-heading,.calculator-tabs,.calculator-form,.calculator-results,.calculator-notes,.fee-guide-heading,.fee-guide-panel,.fee-guide-notice{background:var(--surface);border-color:var(--line)}
.calculator-title,.calculator-vat-settings,.calculator-vat-summary,.fee-guide-details,.fee-guide-naver-grid>section{background:var(--surface-subtle);border-color:var(--line)}
.field-control,.field-control input,.field-control select{background:var(--input-bg)}
.calculator-vat-settings-body,.calculator-result-details{background:var(--surface)}
.field-control{border-color:var(--line-strong)}
.field-control em{background:var(--input-addon-bg);border-left-color:var(--line);color:var(--text-muted)}
.calculator-tabs button:hover,.calculator-tabs button:focus-visible{background:var(--surface-subtle)}
.calculator-tabs button.active{background:var(--surface-selected);color:var(--text-primary);box-shadow:inset 0 -3px 0 var(--primary)}
.calculator-tabs button.active i{background:var(--primary);color:var(--text-inverse)}
.calculator-summary-card,.calculator-vat-summary{background:var(--surface-subtle);border-color:var(--line)}
.calculator-summary-card:not(.positive):not(.negative) b,.calculator-vat-summary b{color:var(--text-primary)}
.calculator-summary-card:not(.positive):not(.negative) span,.calculator-summary-card:not(.positive):not(.negative) small{color:var(--text-muted)}
.calculator-summary-card.positive{background:var(--success-soft)}
.calculator-summary-card.negative{background:var(--danger-soft)}
.calculator-result-heading{background:var(--primary);color:var(--text-inverse)}
.fee-guide-notice,.fee-guide-source-note,.fee-guide-footnote{background:var(--surface-info)}

/* Final KPI finish: neutral cards keep zero values readable without changing status cards. */
.calculator-summary-card:not(.positive):not(.negative),.calculator-vat-summary{background:#F8FAFC;border-color:#D8E2EE}
.calculator-summary-card:not(.positive):not(.negative) b,.calculator-vat-summary b{color:#172033}
.calculator-summary-card:not(.positive):not(.negative) span,.calculator-summary-card:not(.positive):not(.negative) small,.calculator-vat-summary span{color:#5D6B82}
html[data-theme="dark"] .calculator-summary-card:not(.positive):not(.negative),html[data-theme="dark"] .calculator-vat-summary{background:var(--surface-subtle);border-color:var(--line)}
html[data-theme="dark"] .calculator-summary-card:not(.positive):not(.negative) b,html[data-theme="dark"] .calculator-vat-summary b{color:var(--text-primary)}
html[data-theme="dark"] .calculator-summary-card:not(.positive):not(.negative) span,html[data-theme="dark"] .calculator-summary-card:not(.positive):not(.negative) small,html[data-theme="dark"] .calculator-vat-summary span{color:var(--text-secondary)}