*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #171717;--color-on-primary: #ffffff;--color-ink: #171717;--color-body: #4d4d4d;--color-mute: #888888;--color-hairline: #ebebeb;--color-hairline-strong: #a1a1a1;--color-canvas: #ffffff;--color-canvas-soft: #fafafa;--color-canvas-soft-2: #f5f5f5;--color-link: #0070f3;--color-link-deep: #0761d1;--color-link-bg: #d3e5ff;--color-success: #0070f3;--color-error: #ee0000;--color-error-soft: #f7d4d6;--color-warning: #f5a623;--color-warning-soft: #ffefcf;--color-violet: #7928ca;--color-cyan: #50e3c2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Courier New", monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--rounded-xs: 4px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-xl: 16px;--rounded-pill: 100px;--rounded-full: 9999px;--shadow-xs: 0 0 0 1px rgba(0,0,0,.06);--shadow-sm: 0 0 0 1px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 0 0 1px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04), 0 8px 16px -8px rgba(0,0,0,.06);--shadow-lg: 0 0 0 1px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.04), 0 12px 24px -4px rgba(0,0,0,.06);--shadow-xl: 0 0 0 1px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.06), 0 24px 48px -8px rgba(0,0,0,.08);--max-width: 1100px;--nav-height: 64px;--gutter: 24px}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-ink);background-color:var(--color-canvas-soft);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;background:var(--color-canvas-soft)}h1{font-size:48px;font-weight:600;line-height:1;letter-spacing:-2.4px;color:var(--color-ink);margin-bottom:var(--space-md)}h2{font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-1.28px;color:var(--color-ink);margin-top:var(--space-4xl);margin-bottom:var(--space-lg)}h3{font-size:24px;font-weight:600;line-height:1.33;letter-spacing:-.96px;color:var(--color-ink);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h4{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.6px;color:var(--color-ink);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}p{font-size:16px;line-height:24px;color:var(--color-body);margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-link-deep);text-decoration:underline}strong{font-weight:600;color:var(--color-ink)}small{font-size:14px;line-height:20px;color:var(--color-mute)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}main{flex:1;padding-top:var(--nav-height)}.page-header{padding:var(--space-3xl) 0 var(--space-lg)}.page-header p{font-size:18px;line-height:28px;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-sans);font-weight:500;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);font-size:16px;line-height:24px;padding:10px 24px;border-radius:var(--rounded-pill)}.btn-primary:hover{opacity:.85;color:var(--color-on-primary)}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);font-size:16px;line-height:24px;padding:10px 24px;border-radius:var(--rounded-pill);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.btn-sm{font-size:14px;line-height:20px;padding:6px 16px}.card{background:var(--color-canvas);border-radius:var(--rounded-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card-lg{border-radius:var(--rounded-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.tool-card{background:var(--color-canvas);border-radius:var(--rounded-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);margin:var(--space-lg) 0 var(--space-xl)}.tool-card h3{margin-top:0}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.28px;color:var(--color-ink)}.form-input{width:100%;height:48px;padding:0 var(--space-sm);font-family:var(--font-sans);font-size:16px;line-height:24px;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px #0070f31a}.form-input::placeholder{color:var(--color-mute)}.form-input-sm{height:40px;font-size:14px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8.5L1.5 4h9L6 8.5z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-row{display:flex;gap:var(--space-md);align-items:flex-end}.form-row>*{flex:1}.result-display{background:var(--color-canvas-soft-2);border-radius:var(--rounded-md);padding:var(--space-lg);margin-top:var(--space-lg)}.result-number{font-size:48px;font-weight:600;line-height:1;letter-spacing:-2.4px;color:var(--color-ink)}.result-unit{font-size:20px;font-weight:500;color:var(--color-body);margin-left:var(--space-xs)}.result-label{font-size:14px;font-weight:500;color:var(--color-mute);margin-bottom:var(--space-xxs);letter-spacing:-.28px}.result-detail{font-size:14px;line-height:20px;color:var(--color-mute);margin-top:var(--space-xs)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.result-item{background:var(--color-canvas);border-radius:var(--rounded-sm);padding:var(--space-md);box-shadow:var(--shadow-xs);text-align:center}.result-item .result-number{font-size:32px;letter-spacing:-1.28px}.result-item .result-unit{font-size:16px;display:block;margin:var(--space-xxs) 0 0}table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:14px}thead th{font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;text-transform:uppercase;color:var(--color-mute);background:var(--color-canvas-soft-2);padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-hairline)}tbody td{font-size:14px;line-height:20px;color:var(--color-body);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-hairline)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-canvas-soft)}.faq-section{margin:var(--space-3xl) 0}.faq-item{border-bottom:1px solid var(--color-hairline)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:24px;color:var(--color-ink);background:none;border:none;cursor:pointer;text-align:left;transition:color .15s ease}.faq-question:hover{color:var(--color-link)}.faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease;color:var(--color-mute)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-inner{padding:0 0 var(--space-md);font-size:16px;line-height:24px;color:var(--color-body)}.faq-item.open .faq-answer{max-height:500px}.tip-box{background:#0070f30a;border-left:3px solid var(--color-link);padding:var(--space-md) var(--space-lg);border-radius:0 var(--rounded-sm) var(--rounded-sm) 0;margin:var(--space-lg) 0}.tip-box p{color:var(--color-ink);margin-bottom:0;font-size:14px}.warning-box{background:#f5a6230f;border-left:3px solid var(--color-warning);padding:var(--space-md) var(--space-lg);border-radius:0 var(--rounded-sm) var(--rounded-sm) 0;margin:var(--space-lg) 0}.content-section{padding:var(--space-xl) 0}.band{padding:var(--space-4xl) 0}.band-soft{background:var(--color-canvas-soft)}.band-white{background:var(--color-canvas)}.band-dark{background:var(--color-primary);color:var(--color-on-primary)}.band-dark h2,.band-dark h3,.band-dark h4,.band-dark p{color:var(--color-on-primary)}.internal-link{display:inline-flex;align-items:center;gap:var(--space-xxs);color:var(--color-link);font-weight:500}.internal-link:hover{text-decoration:underline}.internal-link-arrow{width:16px;height:16px;transition:transform .15s ease}.internal-link:hover .internal-link-arrow{transform:translate(2px)}.related-links{background:var(--color-canvas);border-radius:var(--rounded-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin:var(--space-xl) 0}.related-links h3{font-size:16px;margin-top:0;margin-bottom:var(--space-md)}.related-links ul{list-style:none;padding:0;margin:0}.related-links li{margin-bottom:var(--space-xs)}ul,ol{margin:var(--space-md) 0;padding-left:var(--space-lg)}li{font-size:16px;line-height:24px;color:var(--color-body);margin-bottom:var(--space-xs)}code{font-family:var(--font-mono);font-size:13px;background:var(--color-canvas-soft-2);padding:2px 6px;border-radius:var(--rounded-xs);color:var(--color-ink)}pre{background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-lg);border-radius:var(--rounded-md);overflow-x:auto;margin:var(--space-lg) 0}pre code{background:none;padding:0;color:inherit;font-size:13px;line-height:20px}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xs) var(--space-sm);font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-body);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:var(--color-canvas-soft);border-color:var(--color-hairline-strong)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success)}.toggle-group{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--color-body)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-hairline);border-radius:var(--rounded-full);cursor:pointer;border:none;padding:0;transition:background .2s ease}.toggle-switch.active{background:var(--color-link)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-canvas);border-radius:var(--rounded-full);transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-switch.active:after{transform:translate(20px)}.tab-nav{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-hairline);padding-bottom:0}.tab-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-mute);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.tab-btn:hover{color:var(--color-ink)}.tab-btn.active{color:var(--color-ink);border-bottom-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;text-transform:uppercase;color:var(--color-mute);letter-spacing:.05em;margin-bottom:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:2px var(--space-xs);font-size:12px;font-weight:500;line-height:16px;border-radius:var(--rounded-full);background:var(--color-canvas-soft-2);color:var(--color-body)}.badge-blue{background:var(--color-link-bg);color:var(--color-link-deep)}.toc{background:var(--color-canvas);border-radius:var(--rounded-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin:var(--space-xl) 0}.toc h2{font-size:16px;letter-spacing:0;margin:0 0 var(--space-md)}.toc ol{margin:0;padding-left:var(--space-lg)}.toc li{font-size:14px;margin-bottom:var(--space-xs)}.toc a{color:var(--color-body)}.toc a:hover{color:var(--color-link)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-canvas-soft)}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-mute)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){:root{--gutter: 16px}h1{font-size:32px;line-height:1.1;letter-spacing:-1.6px}h2{font-size:24px;line-height:1.33;letter-spacing:-.96px;margin-top:var(--space-3xl)}h3{font-size:20px;line-height:1.4;letter-spacing:-.6px}.tool-card{padding:var(--space-lg)}.result-number{font-size:36px;letter-spacing:-1.8px}.result-item .result-number{font-size:24px;letter-spacing:-.96px}.form-row{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){h1{font-size:28px;letter-spacing:-1.4px}.form-input{height:44px}}@media print{nav,footer,.tool-card,.toc,.related-links{display:none}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}}::selection{background:var(--color-primary);color:var(--color-canvas-soft)}.navbar[data-astro-cid-5blmo7yk]{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-hairline)}.navbar-inner[data-astro-cid-5blmo7yk]{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-ink);flex-shrink:0}.nav-logo[data-astro-cid-5blmo7yk]:hover{text-decoration:none}.nav-logo-text[data-astro-cid-5blmo7yk]{font-size:18px;font-weight:600;letter-spacing:-.6px}.nav-links[data-astro-cid-5blmo7yk]{display:flex;gap:var(--space-xxs)}.nav-link[data-astro-cid-5blmo7yk]{padding:var(--space-xs) var(--space-sm);font-size:14px;font-weight:400;color:var(--color-body);text-decoration:none;border-radius:var(--rounded-sm);transition:color .15s ease,background .15s ease;white-space:nowrap;letter-spacing:-.28px}.nav-link[data-astro-cid-5blmo7yk]:hover{color:var(--color-ink);background:var(--color-canvas-soft-2);text-decoration:none}.nav-link[data-astro-cid-5blmo7yk].active{color:var(--color-ink);font-weight:500}.nav-hamburger[data-astro-cid-5blmo7yk]{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:8px;background:none;border:none;cursor:pointer;border-radius:var(--rounded-sm);transition:background .15s ease}.nav-hamburger[data-astro-cid-5blmo7yk]:hover{background:var(--color-canvas-soft-2)}.nav-hamburger[data-astro-cid-5blmo7yk] span[data-astro-cid-5blmo7yk]{display:block;width:100%;height:2px;background:var(--color-ink);border-radius:1px;transition:transform .25s ease,opacity .25s ease}.nav-hamburger[data-astro-cid-5blmo7yk].open span[data-astro-cid-5blmo7yk]:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger[data-astro-cid-5blmo7yk].open span[data-astro-cid-5blmo7yk]:nth-child(2){opacity:0}.nav-hamburger[data-astro-cid-5blmo7yk].open span[data-astro-cid-5blmo7yk]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.nav-hamburger[data-astro-cid-5blmo7yk]{display:flex}.nav-links[data-astro-cid-5blmo7yk]{position:fixed;top:var(--nav-height);left:0;width:100%;height:0;overflow:hidden;flex-direction:column;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:0 var(--gutter);gap:0;opacity:0;transition:height .3s ease,opacity .25s ease,padding .3s ease}.nav-links[data-astro-cid-5blmo7yk].open{height:auto;padding:var(--space-md) var(--gutter) var(--space-lg);opacity:1;box-shadow:var(--shadow-lg)}.nav-link[data-astro-cid-5blmo7yk]{font-size:16px;padding:var(--space-sm) var(--space-sm)}}.footer[data-astro-cid-sz7xmlte]{margin-top:auto;background:var(--color-canvas);border-top:1px solid var(--color-hairline)}.footer-inner[data-astro-cid-sz7xmlte]{padding:var(--space-4xl) 0 var(--space-xl)}.footer-top[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:var(--space-4xl);margin-bottom:var(--space-3xl)}.footer-brand[data-astro-cid-sz7xmlte]{max-width:260px;flex-shrink:0}.footer-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-ink);font-size:16px;font-weight:600;letter-spacing:-.4px;margin-bottom:var(--space-sm)}.footer-logo[data-astro-cid-sz7xmlte]:hover{text-decoration:none}.footer-tagline[data-astro-cid-sz7xmlte]{font-size:14px;line-height:20px;color:var(--color-mute);margin:0}.footer-columns[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-4xl)}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-family:var(--font-mono);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute);margin:0 0 var(--space-md)}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:var(--space-xs)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:14px;color:var(--color-body);text-decoration:none;transition:color .15s ease}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-ink);text-decoration:none}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-hairline);padding-top:var(--space-lg)}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:13px;color:var(--color-mute);margin:0}@media(max-width:768px){.footer-top[data-astro-cid-sz7xmlte],.footer-columns[data-astro-cid-sz7xmlte]{flex-direction:column;gap:var(--space-xl)}.footer-brand[data-astro-cid-sz7xmlte]{max-width:none}}