*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,"Malgun Gothic",sans-serif;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select,textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}input[aria-invalid=true]{border:2px solid #af253c;background:#fff4f6}input:disabled{background:var(--soft);color:var(--muted)}textarea{resize:vertical;min-height:96px}label{display:block;font-size:.87rem;font-weight:700}label input,label select,label textarea{display:block;margin-top:6px;font-weight:400}fieldset{min-width:0;border:0;padding:0;margin:0}legend{font-weight:800;padding:0;margin-bottom:12px}button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:11px 15px;font-weight:700}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.soft-button{background:var(--soft);border-color:transparent}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900;font-size:1.14rem}.brand img{flex:none}.nav-links{display:flex;gap:22px;font-size:.88rem}.nav-links a{text-decoration:none;color:var(--muted)}.eyebrow{font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4.3vw,3.9rem);line-height:1.17;letter-spacing:-.065em;margin-bottom:22px}h2{font-size:1.48rem;letter-spacing:-.04em;line-height:1.4}h3{font-size:1.05rem}.lead{font-size:1.03rem;color:var(--muted);max-width:680px}.muted,.help{color:var(--muted)}.help{font-size:.79rem;margin:8px 0 0}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:5px 11px;font-size:.75rem;font-weight:700;background:#fff}.tool-actions{display:flex;gap:8px;flex-wrap:wrap}.section-label{font-size:.78rem;color:var(--accent);font-weight:900;margin:0 0 9px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0}.panel+.panel{margin-top:18px}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-stack>*+*{margin-top:18px}.notice{padding:16px 18px;border-radius:12px;background:var(--soft);font-size:.85rem;color:var(--muted)}table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;font-size:.85rem;vertical-align:top;overflow-wrap:anywhere}thead th{font-size:.73rem;letter-spacing:.03em;color:var(--muted);font-weight:700}tbody th{font-weight:700}td small{display:block;font-size:.68rem;color:var(--muted);margin-top:3px}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.status{min-height:1.6em;font-size:.82rem;color:var(--accent);margin:10px 0 0}.articles{padding:60px 0}.article-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-link{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none;display:block}.article-link p{font-size:.88rem;color:var(--muted);margin-bottom:0}.article-link h3{color:var(--ink);margin-bottom:10px}.site-footer{border-top:1px solid var(--line);padding:30px 0 100px;background:#fff;font-size:.8rem;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner p{margin:0}.mobile-contact{display:none}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:10px}.example-badge{background:#fff2ca;color:#695007;border-radius:8px;padding:9px 12px;font-size:.8rem;margin-top:14px}dialog{width:min(440px,calc(100% - 30px));border:1px solid var(--line);border-radius:18px;padding:25px;color:var(--ink);box-shadow:0 18px 70px #0003}dialog::backdrop{background:#10192b80}dialog p{font-size:.95rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.article-main{width:min(800px,calc(100% - 48px));margin:45px auto 80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--muted);margin-bottom:30px}.article-main h1{font-size:clamp(2rem,4vw,3.1rem);margin-top:20px}.article-main h2{margin-top:42px}.article-main p,.article-main li{color:var(--muted);font-size:1rem}.article-main ul,.article-main ol{padding-left:24px}.article-main li{margin-bottom:9px}.article-main .article-date{font-size:.8rem}.article-box{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:24px 0}.article-box p:last-child{margin-bottom:0}.article-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px}.button-link{display:inline-block;padding:11px 16px;border-radius:9px;text-decoration:none;font-size:.9rem;font-weight:700}.privacy-note{font-size:.78rem;color:var(--muted);margin:16px 0 0}[hidden]{display:none!important}
@media(max-width:780px){.shell{width:calc(100% - 32px)}.nav{min-height:70px;gap:12px}.nav-links{gap:12px;font-size:.76rem}.nav-links a:last-child{display:none}.brand{font-size:1rem;gap:8px}.brand img{width:30px;height:30px}.panel{padding:20px}.fields-two{gap:12px}.article-links{grid-template-columns:1fr}.footer-inner{display:block}.footer-inner p+p{margin-top:15px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;justify-content:space-between;align-items:center;gap:14px;background:#fff;border-top:1px solid var(--line);padding:10px 16px max(10px,env(safe-area-inset-bottom))}.mobile-contact span{font-size:.74rem;font-weight:700}.mobile-contact a{background:#fae100;color:#251f00;font-weight:800;text-decoration:none;border-radius:9px;padding:10px 16px;font-size:.85rem}.article-main{width:calc(100% - 36px);margin-top:28px}.article-main h1{letter-spacing:-.055em}.articles{padding:40px 0}.article-link{padding:20px}}
@media(max-width:440px){.shell{width:calc(100% - 24px)}.panel{padding:16px;border-radius:13px}.nav-links{gap:9px}.nav-links a:first-child{display:none}.fields-two{grid-template-columns:1fr}.tool-actions button{font-size:.8rem;padding:9px 11px}.lead{font-size:.94rem}.panel-title{display:block}.panel-title .pill{margin-bottom:12px}th,td{padding:10px 5px;font-size:.76rem}.result-actions button{font-size:.8rem}.article-main p,.article-main li{font-size:.94rem}.article-box{padding:18px}.mobile-contact{gap:8px}.mobile-contact a{padding:10px 11px}}

:root{--canvas:#f1f5fb;--ink:#102440;--muted:#5a6c83;--accent:#185bc5;--line:#d6e0ee;--soft:#e9f1ff;--focus:#3b8aff}.stat-hero{display:grid;grid-template-columns:1fr 290px;gap:50px;padding:52px 0 40px}.hero-symbol{background:#102440;color:#fff;border-radius:15px;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:8px;font-variant-numeric:tabular-nums}.hero-symbol strong{font-size:3.2rem;letter-spacing:-.08em;line-height:1.2}.hero-symbol span{font-size:.81rem;color:#b9d2f6}.stat-workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;align-items:start}.field-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-picks label{padding:9px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;align-items:center;gap:7px;font-size:.78rem}.field-picks input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.equipment-heads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.equipment-head{padding:16px;background:var(--soft);border-radius:11px}.equipment-head b{display:block;font-size:.7rem;color:var(--accent);margin-bottom:9px;letter-spacing:.09em}.option-input-table th:first-child{width:25%}.option-input-table th:nth-child(2),.option-input-table th:nth-child(3){width:37.5%}.option-input-table input{padding:10px 8px;font-size:.88rem;border-radius:7px;text-align:right}.comparison-table th:first-child{width:31%}.comparison-table .difference{font-weight:900;color:var(--accent)}.comparison-table td{text-align:right}.comparison-table thead th:not(:first-child){text-align:right}.result-panel{border-top:4px solid var(--accent)}.price-result{font-weight:800;font-size:.94rem;padding:13px;background:var(--soft);border-radius:9px;margin:18px 0 0}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.stat-side .panel{padding:21px}.stat-side .panel h2{font-size:1.1rem}.stat-side .tool-actions{margin-top:20px}.basis{margin-top:22px}@media(max-width:900px){.stat-workspace{grid-template-columns:235px minmax(0,1fr);gap:16px}.stat-side .panel{padding:17px}.stat-hero{grid-template-columns:1fr 240px;gap:28px}.hero-symbol strong{font-size:2.8rem}}@media(max-width:780px){.stat-workspace{grid-template-columns:1fr}.stat-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-side .panel+.panel{margin-top:0}.stat-hero{grid-template-columns:1fr;padding:34px 0 26px;gap:18px}.hero-symbol{flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.hero-symbol strong{font-size:2rem}.stat-side .tool-actions{margin-top:15px}}@media(max-width:440px){.stat-side{grid-template-columns:1fr;gap:12px}.equipment-heads{gap:9px}.equipment-head{padding:10px}.equipment-head label{font-size:.73rem}.equipment-head input{font-size:.8rem;padding:9px 6px}.option-input-table th:first-child{width:28%}.option-input-table th:nth-child(2),.option-input-table th:nth-child(3){width:36%}.option-input-table input{font-size:.8rem;padding:9px 5px}.notes-grid{grid-template-columns:1fr}.field-picks{grid-template-columns:repeat(3,1fr)}.field-picks label{font-size:.72rem;padding:9px 5px}.hero-symbol span{font-size:.73rem}.hero-symbol strong{font-size:1.5rem;white-space:nowrap;flex:none}.hero-symbol span{flex:1;max-width:34%}.hero-symbol span:last-child{text-align:right}}