:root{--color-bg:#fff;--color-surface:#f4f6fa;--color-text:#1b2230;--color-muted:#5a6475;--color-primary:#2563eb;--color-primary-text:#fff;--color-border:#d5dbe5;--color-focus:#f59e0b;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius:8px;--content-width:46rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:1rem;line-height:1.7}main{width:100%;max-width:var(--content-width);padding:var(--space-4) var(--space-3);margin:0 auto}h1,h2,h3{line-height:1.35}h1{margin:0 0 var(--space-3);font-size:1.6rem}h2{margin:var(--space-5) 0 var(--space-2);font-size:1.25rem}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-name{max-width:var(--content-width);padding:var(--space-2) var(--space-3) 0;color:var(--color-text);margin:0 auto;font-weight:700;text-decoration:none;display:block}.tabs ul{max-width:var(--content-width);padding:0 var(--space-3);margin:0 auto;list-style:none;display:flex}.tabs li{flex:auto}.tabs a{color:var(--color-muted);text-align:center;white-space:nowrap;border-bottom:3px solid #0000;padding:.6rem .25rem;font-size:.8125rem;text-decoration:none;display:block}.tabs a[aria-current=page]{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:700}@media (width>=480px){.tabs a{padding-inline:var(--space-2);font-size:1rem}}label{margin-bottom:var(--space-1);font-weight:600;display:block}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:100%;min-height:2.75rem;color:inherit;font:inherit;padding:.5rem .75rem}button,.button{border-radius:var(--radius);background:var(--color-primary);min-height:2.75rem;color:var(--color-primary-text);font:inherit;cursor:pointer;border:0;padding:.5rem 1.25rem;font-weight:700}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{border-bottom:1px solid var(--color-border);text-align:left;padding:.5rem .75rem}th{background:var(--color-surface)}.site-footer{max-width:var(--content-width);margin:var(--space-5) auto 0;padding:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}.site-footer ul{gap:var(--space-3);margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.prose p{margin:0 0 var(--space-3)}.link-list,.card-grid{margin:0;padding:0;list-style:none}.link-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.link-list a{font-weight:700;display:block}.link-list span,.card-grid span{color:var(--color-muted);font-size:.9375rem}.card-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.card-grid a{height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-decoration:none;display:block}.card-grid strong{margin-bottom:var(--space-1);color:var(--color-primary);font-size:1.125rem;display:block}.coming-soon{padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted)}.ad-slot{justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-placeholder{color:var(--color-muted);font-size:.8125rem}.ad-side{display:none}.ad-anchor{z-index:10;background:var(--color-bg);height:50px;position:fixed;bottom:0;left:0;right:0}.ad-anchor-spacer{height:50px}.ad-result{min-height:100px;margin:var(--space-4) 0}.ad-slot:has(.ad-placeholder){border:2px dashed var(--color-border);background:var(--color-surface)}@media (width>=1200px){.page{grid-template-columns:1fr minmax(0, var(--content-width)) 1fr;display:grid}.ad-side{top:var(--space-3);width:160px;height:600px;margin-top:var(--space-4);align-self:start;display:flex;position:sticky}.page>.ad-side:first-child{margin-right:var(--space-3);justify-self:end}.page>.ad-side:last-child{margin-left:var(--space-3);justify-self:start}.ad-anchor,.ad-anchor-spacer{display:none}}.intro{color:var(--color-muted)}.calc-form{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);display:grid}.field{border:0;min-width:0;margin:0;padding:0}.field label,.field legend{margin-bottom:var(--space-1);padding:0;font-weight:700;display:block}.field-input{align-items:center;gap:var(--space-2);display:flex}.field-input input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);min-width:0;min-height:2.75rem;color:var(--color-text);font:inherit;text-align:right;flex:1;padding:.5rem .75rem}.field-input input[aria-invalid=true]{border-color:#c62828}.field-suffix{min-width:2.5rem}.field-hint,.field-error{margin:var(--space-1) 0 0;font-size:.875rem}.field-hint{color:var(--color-muted)}.field-error{color:#c62828}.segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented label{margin:0;font-weight:400;position:relative}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented span{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;min-height:2.75rem;padding:.65rem 1rem;display:block}.segmented input:checked+span{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text);font-weight:700}.segmented input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.result{margin-top:var(--space-4)}.result-list{gap:var(--space-2);margin:0 0 var(--space-3);display:grid}.result-list div{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;display:flex}.result-list dt{color:var(--color-muted)}.result-list dd{margin:0;font-weight:700}.table-scroll{max-height:24rem;overflow:auto}.table-scroll td,.table-scroll th{text-align:right;white-space:nowrap}.explanation{margin-top:var(--space-5)}.notice{padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);font-size:.9375rem}.help{margin-left:var(--space-2);vertical-align:middle;display:inline-block;position:relative}.help-button{border:1px solid var(--color-border);background:var(--color-bg);width:1.5rem;height:1.5rem;min-height:0;color:var(--color-primary);border-radius:50%;padding:0;font-size:.875rem;line-height:1}.help-tip{z-index:10;width:min(20rem,100vw - 3rem);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:.875rem;font-weight:400;display:none;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 4px 16px #00000026}.help:hover .help-tip,.help:focus-within .help-tip,.help-tip.is-pinned,.help-tip>*{display:block}.help-lead{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-muted)}.help-tip strong{margin-bottom:var(--space-1)}.back-link{align-items:center;gap:var(--space-1);min-height:2.75rem;color:var(--color-muted);font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link:before{content:"←"}.back-link:hover{color:var(--color-primary)}.field legend{align-items:center;gap:var(--space-2);display:flex}.field legend .help{vertical-align:baseline;align-items:center;margin-left:0;display:flex}.field legend .help-button{place-items:center;display:grid;transform:translateY(-1px)}.photo-tool{gap:var(--space-3);display:grid}.photo-drop{justify-items:start;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--color-border);border-radius:var(--radius);display:grid}.photo-drop.is-over{border-color:var(--color-primary);background:var(--color-surface)}.photo-file{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.photo-file:focus-visible+.field-hint{outline:2px solid var(--color-primary)}.photo-crop{gap:var(--space-3);display:grid}.photo-frame{border:1px solid var(--color-border);background:#fff;width:100%;max-width:350px;position:relative;overflow:hidden}.photo-frame canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.photo-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-guide .guide-line{stroke:#e5322d;stroke-dasharray:1 .8;vector-effect:non-scaling-stroke;stroke-width:1.5px}.photo-guide .guide-line.faint{stroke-opacity:.45}.photo-guide .guide-band{fill:#e5322d;fill-opacity:.22}.photo-result{border:1px solid var(--color-border);max-width:100%;height:auto;display:block}.field input[type=range]{width:100%}