.sf-page{max-width:1080px;margin:auto}.sf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.sf-tabs a{padding:12px 20px;border:1px solid #ccd9d0;border-radius:30px;color:#324f41;text-decoration:none;font-weight:700}.sf-tabs [aria-current]{background:#195d42;color:white;border-color:#195d42}.sf-input,.sf-results,.sf-explain{background:white;border:1px solid #d9e3dc;border-radius:20px;padding:28px;margin-bottom:24px}.sf-input h2,.sf-results h2,.sf-explain h2{font-size:22px;margin-top:0;color:#153e2e}.sf-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}.sf-fields label{font-weight:700;display:flex;flex-direction:column;gap:9px;font-size:14px;color:#345344}.sf-fields input,.sf-fields select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #bacdbf;border-radius:9px;padding:12px;font:inherit;background:#fbfdfb;color:#183d2c;min-height:48px}.sf-submit{min-height:48px;border:0;border-radius:9px;background:#195d42;color:white;font:inherit;font-weight:750;cursor:pointer}.sf-hint{font-size:13px;color:#56685e;margin-bottom:0}.sf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.sf-cards>div{display:flex;flex-direction:column;gap:9px;padding:22px;border-radius:14px;background:#f1f5f2}.sf-cards strong{font-size:clamp(20px,2.6vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sf-cards .sf-highlight{background:#195d42;color:white}.sf-cards small{font-size:13px}.sf-results p,.sf-explain p,.sf-explain li{line-height:1.8;color:#405b4c}.sf-details{margin-top:22px;border-top:1px solid #dde6df;padding-top:20px}.sf-details summary{cursor:pointer;font-weight:700;color:#195d42;min-height:32px}.sf-policy>div{display:grid;grid-template-columns:180px 1fr;padding:12px 0;border-bottom:1px solid #edf0ed}.sf-policy dt{font-weight:700}.sf-policy dd{margin:0;line-height:1.7}.sf-error{padding:18px;background:#fff1eb;color:#8a300b;border:1px solid #e8bba7;border-radius:12px}.sf-page a:focus-visible,.sf-page button:focus-visible,.sf-page input:focus-visible,.sf-page select:focus-visible,.sf-page summary:focus-visible{outline:3px solid #b47a20;outline-offset:3px}.sf-explain a{color:#195d42}.sf-explain li{margin-bottom:8px}@media(max-width:650px){.sf-input,.sf-results,.sf-explain{padding:20px 16px;border-radius:14px}.sf-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.sf-cards{grid-template-columns:1fr}.sf-cards>div{padding:18px}.sf-cards strong{font-size:28px}.sf-policy>div{grid-template-columns:1fr;gap:8px}.sf-tabs a{font-size:14px;padding:10px 14px}.sf-page .content-hero h1{font-size:30px}.sf-page .content-table{min-width:440px}}
.content-nav a[href="/starforce"]{white-space:nowrap}@media(max-width:820px){.content-nav a[href="/starforce"]{display:block;font-size:12px}.content-nav{gap:10px}.content-header-inner{gap:10px}}@media(max-width:380px){.content-brand-copy small{display:none}.content-nav-cta{padding:9px;font-size:12px!important}}
.sf-input .sf-submit{margin-top:22px}.sf-hint{overflow-wrap:anywhere}.sf-details .sf-fields{margin-top:14px}.sf-equipment{grid-column:span 1}@media(max-width:650px){.sf-equipment,.sf-details .sf-fields label{grid-column:1/-1}.sf-input .sf-submit{grid-column:1/-1}}
/* Compact desktop workspace; primary result remains visually dominant. */
.sf-page{max-width:1180px}.sf-tabs{margin:12px 0;gap:6px}.sf-tabs a{padding:7px 14px;font-size:13px}.sf-heading{margin:12px 0 18px}.sf-heading h1{font-size:28px;margin:0 0 5px;color:#153e2e}.sf-heading p{margin:0;color:#617368;font-size:14px}.sf-workspace{display:grid;grid-template-columns:minmax(320px, .9fr) minmax(400px,1.2fr);gap:18px;align-items:start}.sf-input,.sf-results{padding:22px;margin:0;border-radius:16px}.sf-input h2,.sf-results h2{font-size:18px;margin:0 0 14px}.sf-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-fields label{gap:5px;font-size:13px}.sf-fields input,.sf-fields select{padding:9px 10px;min-height:40px}.sf-equipment{grid-column:1/-1}.sf-fields select:disabled,.sf-fields input:read-only{opacity:1;color:#456254;background:#eef4f0}.sf-hint{font-size:11px;line-height:1.5;margin:9px 0}.sf-event{margin-top:14px}.sf-event label{grid-column:1/-1}.sf-details{margin-top:12px;padding-top:10px}.sf-details summary{font-size:13px;min-height:24px}.sf-input .sf-submit{margin-top:12px;grid-column:1/-1;min-height:42px}.sf-results>p{font-size:12px;line-height:1.6;margin:0 0 12px}.sf-total{background:#195d42;color:white;padding:22px;border-radius:12px}.sf-total>span{font-size:13px}.sf-total>strong{display:block;font-size:40px;line-height:1.3;letter-spacing:-1px;margin:5px 0}.sf-total p{color:#e1eee6;font-size:13px;line-height:1.5;margin:0}.sf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0 4px}.sf-metrics div{display:flex;flex-direction:column;gap:5px}.sf-metrics span{font-size:12px;color:#617368}.sf-metrics b{font-size:17px;color:#234733}.sf-explain{padding:14px 20px;margin-top:16px}.sf-explain summary{font-size:13px;font-weight:700;color:#456254;cursor:pointer}.sf-tip{position:relative;cursor:help;display:inline-block}.sf-tip>span{display:none;position:absolute;z-index:3;bottom:28px;left:-90px;width:230px;background:#17372a;color:white;padding:12px;border-radius:8px;font-size:12px;line-height:1.6;box-shadow:0 5px 20px #0003}.sf-tip:hover>span,.sf-tip:focus>span{display:block}.sf-error{margin:0}.sf-workspace .content-table{font-size:12px}.sf-policy>div{grid-template-columns:135px 1fr;font-size:13px;padding:8px 0}@media(max-width:800px){.sf-workspace{grid-template-columns:1fr}.sf-heading h1{font-size:25px}.sf-input,.sf-results{padding:18px}.sf-total>strong{font-size:34px}.sf-metrics b{font-size:15px}.sf-tabs{margin-top:10px}.sf-details .sf-fields label{grid-column:auto}}
.sf-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}@media(min-width:651px) and (max-width:800px){.sf-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.sf-input,.sf-results{padding:16px}.sf-total{padding:16px}.sf-total>strong{font-size:30px}.sf-metrics{gap:7px}.sf-metrics b{font-size:13px}.sf-results h2{font-size:16px}.sf-policy>div{grid-template-columns:1fr}}@media(max-width:650px){.sf-workspace{grid-template-columns:1fr}}
.content-main:has(.sf-page){padding-top:12px;padding-bottom:20px}.sf-heading{margin-bottom:14px}.sf-input h2{margin-bottom:10px}
.sf-heading h1{line-height:1.25}.sf-heading p{line-height:1.5}.sf-fields label{line-height:1.4}.sf-fields input,.sf-fields select{min-height:36px;padding:7px 10px;line-height:1.4}.sf-input{padding:18px}.sf-fields{gap:10px}.sf-input .sf-hint{margin:7px 0}.sf-input .sf-submit{margin-top:8px}.sf-input .sf-details{margin-top:10px;padding-top:8px}
.sf-result-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sf-result-heading h2{margin:0;font-size:17px}.sf-item-icon{object-fit:contain;image-rendering:pixelated;flex-shrink:0;background:#f1f5ef;border-radius:10px;padding:5px;box-sizing:content-box}.sf-mode{display:flex;align-items:center;justify-content:space-between;margin:6px 0;font-size:11px;color:#52685d}.sf-mode button{border:0;background:none;color:#287353;text-decoration:underline;font:inherit;cursor:pointer}.sf-mode button:disabled{opacity:.4;cursor:default}.sf-benefits{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.sf-benefit{font-size:10px;background:#edf5ef;color:#256342;padding:4px 6px;border-radius:5px}.sf-benefit.sf-tip>span{left:0;bottom:28px;max-width:200px}.sf-breakdown{margin:12px 0 8px}.sf-stack{display:flex;height:10px;border-radius:6px;overflow:hidden;background:#eef2ed}.sf-part{height:100%}.sf-part-0{background:#2b8563}.sf-part-1{background:#e1ad42}.sf-part-2{background:#8195bf}.sf-legend{display:flex;justify-content:space-between;gap:6px;font-size:10px;margin-top:6px;color:#526257}.sf-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.sf-comparison>div{display:grid;grid-template-columns:28px 1fr 85px;gap:8px;align-items:center;font-size:10px;margin:5px 0}.sf-comparison>div>div{height:6px;background:#f0f3ef;border-radius:4px}.sf-comparison i{display:block;height:6px;border-radius:4px}.sf-compare-0{background:#b7c6bc}.sf-compare-1{background:#278261}.sf-comparison b{text-align:right;font-weight:500}.sf-total{padding:15px 18px}.sf-total>strong{font-size:35px}.sf-metrics{padding-top:10px}.sf-results .sf-details{margin-top:8px;padding-top:8px}.sf-stale:before{content:'입력 변경됨 · 계산 버튼을 눌러 결과를 갱신하세요';display:block;font-size:11px;color:#8a6010;background:#fff6df;padding:7px;margin-bottom:8px;border-radius:5px}.sf-heading{margin-top:8px;margin-bottom:10px}.sf-heading p{font-size:12px}.sf-tabs{margin:7px 0}.sf-input .sf-hint:last-child{display:none}@media(max-width:800px){.sf-legend{flex-wrap:wrap}.sf-result-heading{gap:7px}.sf-result-heading h2{font-size:14px}.sf-item-icon{width:36px;height:36px}.sf-total>strong{font-size:29px}}
.sf-star-step{display:inline-block;padding:3px 7px;margin:2px;background:#eef5f0;border:1px solid #dbe8df;border-radius:6px;color:#2e6048;font-size:12px}
.sf-results{padding:18px}.sf-results .sf-details summary{line-height:1.5;min-height:20px}.sf-heading h1{font-size:26px}.sf-result-heading h2{word-break:keep-all}
.sf-workspace>*{min-width:0}.sf-page .content-table{min-width:0!important;width:100%;table-layout:fixed}.sf-page .content-table th,.sf-page .content-table td{white-space:normal!important;overflow-wrap:anywhere;padding:10px 8px!important}.sf-page .content-table th:first-child{width:40%}.sf-page .content-table caption{white-space:normal;overflow-wrap:anywhere}.sf-page .content-table-wrap{max-width:100%;overflow:visible}.sf-quantile-mini{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:10px}.sf-quantile-mini small{color:#607469}.sf-quantiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.sf-quantiles>div{background:#edf4ef;border-radius:9px;padding:12px;font-size:12px}.sf-quantiles strong{display:block;font-size:21px;margin-top:7px}#sf-cdf{display:block;width:100%;max-height:220px;margin:12px 0;background:#f8fbf9;border-radius:9px}.sf-distribution summary small{font-weight:400;color:#668172}.sf-distribution .sf-fields{max-width:650px}.sf-distribution p{font-size:13px}.sf-results .sf-total>strong{font-size:32px}@media(max-width:650px){.sf-quantiles{grid-template-columns:1fr}.sf-page .content-table{font-size:11px}.sf-page .content-table th:first-child{width:38%}}
.sf-budget-result{background:#e8f4ec;border:1px solid #bfd9c8;border-radius:12px;padding:18px 22px;margin:16px 0;display:flex;flex-direction:column;gap:7px;color:#195d42}.sf-budget-result>span{font-size:14px;font-weight:700}.sf-budget-result strong{font-size:44px;line-height:1.15;letter-spacing:-1px}.sf-budget-result small{font-size:12px;color:#526e5d}.sf-chart{position:relative}.sf-chart output{position:absolute;top:35px;z-index:2;background:#163e2c;color:white;border-radius:7px;padding:9px 12px;font-size:12px;pointer-events:none;box-shadow:0 4px 14px #0002;max-width:85%;box-sizing:border-box}.sf-chart svg{cursor:crosshair}.sf-chart svg:focus-visible{outline:2px solid #318462}.sf-distribution .sf-fields{grid-template-columns:1fr;max-width:400px}
.sf-page button,.sf-page select,.sf-page input,.sf-page summary,.sf-tabs a{transition:background-color .15s,border-color .15s,box-shadow .15s}.sf-submit:hover{background:#124a34;box-shadow:0 3px 9px #195d4226}.sf-page select:hover,.sf-page input:hover{border-color:#4b9471}.sf-page summary:hover{color:#103f2c;background:#eef5f0;border-radius:5px}.sf-tabs a:not([aria-current]):hover{background:#e4efe8;border-color:#7ba78c}.sf-mode button:hover:not(:disabled){color:#123b27;background:#e4efe8;border-radius:4px}.sf-benefit:hover,.sf-benefit:focus-visible{background:#d8eadf;box-shadow:0 0 0 1px #87b89d}.sf-chart output{border-radius:18px;font-weight:600}.sf-result-heading{margin-bottom:14px}@media(prefers-reduced-motion:reduce){.sf-page *{transition:none!important}}
/* Calculator editing and compact, accessible shortcuts. */
.calc-presets{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}.calc-presets button{padding:5px 9px;border:1px solid #c4d8cc;border-radius:7px;background:#f4f9f6;color:#245a40;cursor:pointer;font:inherit;font-size:11px;line-height:1.3}.calc-presets button:hover,.calc-presets button[aria-pressed=true]{background:#deeee4;border-color:#35835b}.calc-presets button:focus-visible{outline:3px solid #b47a20;outline-offset:2px}.calc-dirty .sf-results,.calc-dirty .sf-distribution{opacity:.45}.calc-dirty-note{background:#fff5da;border:1px solid #e2bf67;color:#70521b;border-radius:7px;padding:7px 9px;font-size:11px;margin:0 0 7px}.calc-submit-dirty{box-shadow:0 0 0 3px #e0b65a}.calc-compare-row{display:grid;grid-template-columns:54px minmax(0,1fr) 100px;gap:8px;align-items:center;font-size:12px;margin:9px 0}.calc-compare-row>b{text-align:right}.calc-track{height:8px;border-radius:5px;background:#edf2ee;overflow:hidden}.calc-track i{display:block;background:#38876a;height:100%;min-width:2px}.calc-strategy{margin:10px 0;font-size:12px}.calc-strategy>small{display:block;color:#647b6c;font-size:10px;margin-top:5px}.calc-strategy-steps{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.calc-strategy-steps>span{display:flex;flex-direction:column;gap:3px;border:1px solid #ceded3;border-radius:7px;padding:5px 7px;background:#f2f8f4;cursor:help}.calc-strategy-steps small{font-size:10px}.calc-strategy-steps>span:hover{background:#e3f0e8}.calc-dirty .sf-stale:before{display:none}.sf-metrics:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
.sf-workspace{position:relative}.calc-dirty-note{position:absolute;right:8px;top:8px;width:calc(50% - 30px);box-sizing:border-box;z-index:2;box-shadow:0 2px 8px #0001}.calc-dirty .sf-results{padding-top:58px}@media(max-width:650px){.calc-dirty-note{position:static;width:auto;grid-row:2}.calc-dirty .sf-results{padding-top:18px}}
@media(min-width:1000px){#po-form>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sf-input:has(form[action="/starforce"]){padding:12px 16px}.sf-input:has(form[action="/starforce"]) .sf-event{margin-top:8px}.sf-input:has(form[action="/starforce"]) .sf-fields{gap:7px}}
.calc-presets button:disabled{opacity:.4;cursor:not-allowed}
@media(min-width:1000px){.sf-input:has(form[action="/starforce"]) .calc-presets{margin:0}.sf-input:has(form[action="/starforce"]) h2{margin-bottom:6px}}

.calc-stale-title { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:6px; background:#fff1d6; color:#88551c; font-size:12px; font-weight:700; vertical-align:middle; white-space:nowrap; }