*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}:root{--c-primary:#0d9488;--c-primary-dark:#0f766e;--c-primary-light:#ccfbf1;--c-primary-bg:#f0fdfa;--c-text:#1e293b;--c-text-muted:#64748b;--c-bg:#fff;--c-surface:#f8fafc;--c-border:#e2e8f0;--c-border-light:#f1f5f9;--c-warning:#f59e0b;--c-error:#ef4444;--c-success:#22c55e;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2rem;--sp-2xl:3rem;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--max-w:52rem;--radius:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--c-text);font-weight:700;line-height:1.3}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl);margin-top:var(--sp-2xl);margin-bottom:var(--sp-md)}h3{font-size:var(--fs-xl);margin-top:var(--sp-xl);margin-bottom:var(--sp-sm)}p{margin-bottom:var(--sp-md)}ul,ol{padding-left:var(--sp-lg);margin-bottom:var(--sp-md)}.site-header{border-bottom:1px solid var(--c-border);background:var(--c-bg);z-index:100;position:sticky;top:0}.header-inner{max-width:var(--max-w);padding:var(--sp-md) var(--sp-lg);justify-content:space-between;align-items:center;gap:var(--sp-md);margin:0 auto;display:flex}.site-logo{font-size:var(--fs-xl);color:var(--c-primary);letter-spacing:-.02em;font-weight:800;text-decoration:none}.site-logo:hover{color:var(--c-primary-dark);text-decoration:none}.site-nav{gap:var(--sp-md);flex-wrap:wrap;display:flex}.site-nav a{color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:500}.site-nav a:hover{color:var(--c-primary);text-decoration:none}.site-main{max-width:var(--max-w);padding:var(--sp-xl) var(--sp-lg) var(--sp-2xl);margin:0 auto}.site-footer{border-top:1px solid var(--c-border);background:var(--c-surface);text-align:center;padding:var(--sp-xl) var(--sp-lg);font-size:var(--fs-sm);color:var(--c-text-muted)}.site-footer a{color:var(--c-text-muted)}.site-footer a:hover{color:var(--c-primary)}.calc-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-xl);margin-bottom:var(--sp-xl);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--sp-lg)}.form-group label{font-weight:600;font-size:var(--fs-sm);margin-bottom:var(--sp-xs);color:var(--c-text);display:block}.form-hint{font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:2px;margin-bottom:var(--sp-xs)}.form-row{gap:var(--sp-md);flex-wrap:wrap;display:flex}.form-row .form-group{flex:1;min-width:8rem}input[type=number],input[type=text],select{border:1px solid var(--c-border);border-radius:var(--radius);width:100%;font-size:var(--fs-lg);background:var(--c-bg);color:var(--c-text);-moz-appearance:textfield;padding:.75rem 1rem;transition:border-color .15s}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #0d94881f}input.input-error{border-color:var(--c-error);box-shadow:0 0 0 3px #ef44441a}.unit-toggle{border:1px solid var(--c-border);border-radius:var(--radius);margin-bottom:var(--sp-md);display:inline-flex;overflow:hidden}.unit-toggle button{background:var(--c-bg);cursor:pointer;font-size:var(--fs-sm);color:var(--c-text-muted);border:none;padding:.5rem 1rem;font-weight:600;transition:all .15s}.unit-toggle button.active{background:var(--c-primary);color:#fff}.unit-toggle button:hover:not(.active){background:var(--c-surface)}.btn-calc{justify-content:center;align-items:center;gap:var(--sp-sm);background:var(--c-primary);color:#fff;border-radius:var(--radius);font-size:var(--fs-lg);cursor:pointer;border:none;width:100%;padding:.875rem 2rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-calc:hover{background:var(--c-primary-dark)}.result-area{margin-top:var(--sp-lg);padding:var(--sp-xl);background:var(--c-primary-bg);border:1px solid var(--c-primary-light);border-radius:var(--radius-lg);display:none}.result-area.visible{display:block}.result-number{font-size:var(--fs-3xl);color:var(--c-primary-dark);margin-bottom:var(--sp-xs);font-weight:800}.result-label{font-size:var(--fs-sm);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-sm);font-weight:500}.result-detail{font-size:var(--fs-base);color:var(--c-text);margin-bottom:var(--sp-sm)}.result-detail:last-child{margin-bottom:0}.result-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.result-item{background:var(--c-bg);padding:var(--sp-md);border-radius:var(--radius);border:1px solid var(--c-primary-light)}.result-item .result-label{margin-bottom:var(--sp-xs)}.error-msg{color:var(--c-error);font-size:var(--fs-sm);margin-top:var(--sp-xs);font-weight:500;display:none}.error-msg.visible{display:block}.content-section{margin-top:var(--sp-2xl)}.content-section h2{padding-bottom:var(--sp-sm);border-bottom:2px solid var(--c-primary-light);margin-top:0}.formula-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-lg);margin:var(--sp-md) 0;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.8;overflow-x:auto}.formula-source{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--sp-sm);font-style:italic}.faq-item{margin-bottom:var(--sp-lg);border-bottom:1px solid var(--c-border-light);padding-bottom:var(--sp-lg)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{font-size:var(--fs-lg);margin-top:0}.tool-grid{gap:var(--sp-lg);margin:var(--sp-xl) 0;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.tool-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-xl);text-decoration:none;transition:box-shadow .15s,border-color .15s;display:block}.tool-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-lg);text-decoration:none}.tool-card-title{font-size:var(--fs-lg);color:var(--c-text);margin-bottom:var(--sp-sm);font-weight:700}.tool-card-desc{font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.6}.related-tools{gap:var(--sp-md);margin-top:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.related-tool-link{padding:var(--sp-md);border:1px solid var(--c-border);border-radius:var(--radius);font-weight:600;font-size:var(--fs-sm);color:var(--c-primary);text-decoration:none;transition:background .15s;display:block}.related-tool-link:hover{background:var(--c-primary-bg);text-decoration:none}.data-table-wrap{margin:var(--sp-md) 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--c-border);padding:.625rem .875rem}.data-table th{background:var(--c-surface);white-space:nowrap;font-weight:700}.data-table tr:last-child td{border-bottom:none}.disclaimer{font-size:var(--fs-sm);color:var(--c-text-muted);background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-md);margin-top:var(--sp-xl);border-left:3px solid var(--c-warning)}.page-intro{font-size:var(--fs-lg);color:var(--c-text-muted);margin-bottom:var(--sp-xl);max-width:40rem}.page-404{text-align:center;padding:var(--sp-2xl) 0}.page-404 h1{color:var(--c-primary);font-size:5rem}.page-404 p{font-size:var(--fs-xl);margin:var(--sp-lg) 0}.prose h2{font-size:var(--fs-xl);margin-top:var(--sp-xl)}.prose h3{font-size:var(--fs-lg)}.prose ul{list-style-type:disc}.prose li{margin-bottom:var(--sp-sm)}@media (width<=640px){:root{--fs-3xl:1.625rem;--fs-2xl:1.25rem}.header-inner{align-items:flex-start;gap:var(--sp-sm);flex-direction:column}.site-nav{gap:var(--sp-sm)}.calc-card,.result-area{padding:var(--sp-lg)}.form-row{gap:var(--sp-md);flex-direction:column}.tool-grid{grid-template-columns:1fr}}