:root{--bg: #ffffff;--bg-dark: #0f0f0f;--surface: #ffffff;--gray-bg: #f5f5f5;--gray-line: #e3e3e3;--ink: #0f0f0f;--ink-soft: #707070;--brand: #1d2087;--cta-bg: #1d2087;--cta-bg-hover: #161873;--brand-tint: #eceef7;--judge-green: #1a8f3c;--judge-yellow: #e6a800;--judge-red: #e80000;--judge-green-bg: #e7f5ec;--judge-yellow-bg: #fbf2da;--judge-red-bg: #fdeaea;--max: 1080px;--max-read: 760px;--font-num: "Montserrat", "Zen Kaku Gothic New", sans-serif;--font-sans: "Zen Kaku Gothic New", "Yu Gothic", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font-sans);line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-underline-offset:3px}h1,h2,h3{font-weight:700;color:var(--ink)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.container--narrow{max-width:var(--max-read)}.site-header{background:var(--surface);border-bottom:1px solid var(--gray-line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:8px}.site-header a{text-decoration:none}.site-header .brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-num);font-weight:700;font-size:1.3rem;color:var(--ink);letter-spacing:.01em}.site-header .brand-mark{width:30px;height:30px;flex:none;display:block}.site-header .brand b{color:var(--brand)}.site-header nav{display:flex;flex-wrap:wrap;gap:4px 18px}.site-header nav a{color:var(--ink);font-size:.9rem;font-weight:600}.site-header nav a:hover{color:var(--brand)}.site-footer{background:var(--bg-dark);color:#b8b8b8;margin-top:64px;padding:36px 0;font-size:.88rem}.site-footer a{color:#d8d8d8}.site-footer nav{margin-bottom:14px}.site-footer nav a{margin-right:18px}.site-footer p{margin:0 0 10px;line-height:1.7}.breadcrumb{font-size:.82rem;color:var(--ink-soft);padding-top:16px}.breadcrumb a{color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta-bg);color:#fff;font-weight:700;font-family:var(--font-sans);text-decoration:none;border:none;border-radius:10px;padding:14px 22px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--cta-bg-hover);color:#fff}.btn--block{display:flex;width:100%}.tool-hero{background:var(--bg-dark);color:#fff;padding:40px 0 32px}.tool-hero__eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:#8d90d6}.tool-hero__title{margin:0 0 12px;font-size:1.7rem;font-weight:700;color:#fff}.tool-hero__lead{margin:0;font-size:.98rem;color:#d8d8d8}.tool-hero__lead strong{color:#fff}.calc{background:var(--gray-bg);border:1px solid var(--gray-line);border-radius:16px;padding:24px 22px;margin:28px 0}.field{margin-bottom:18px}.field>label{display:block;font-weight:700;font-size:.96rem;margin-bottom:8px;color:var(--ink)}.req,.opt{display:inline-block;margin-left:8px;font-size:.68rem;font-weight:700;border-radius:4px;padding:2px 7px;vertical-align:middle}.req{color:#fff;background:var(--brand)}.opt{color:var(--ink-soft);background:#e9e9e9}.input-suffix{display:flex;align-items:center;gap:8px}input[type=text],input[type=number],select{width:100%;font:inherit;font-family:var(--font-num);color:var(--ink);background:var(--surface);border:1.5px solid var(--gray-line);border-radius:10px;padding:12px 14px}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.input-suffix .suffix{flex:0 0 auto;color:var(--ink-soft);font-weight:700;font-size:.9rem}.hint{margin:8px 0 0;font-size:.82rem;line-height:1.6;color:var(--ink-soft)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field-grid .field-grid__head{grid-column:1 / -1;font-weight:700;font-size:.9rem;color:var(--brand);margin:4px 0 10px}.size-select{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.size-select__sep{font-weight:700;color:var(--ink-soft);font-family:var(--font-num)}.size-select__cell{display:flex;flex-direction:column;gap:4px}.size-select__cell .cap{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.size-select select{padding:12px 8px;text-align:center}.direct{margin-top:14px;border-top:1px dashed var(--gray-line);padding-top:12px}.direct>summary{cursor:pointer;font-size:.85rem;font-weight:700;color:var(--ink-soft);list-style:revert}.direct[open]>summary{margin-bottom:10px}.result{background:var(--surface);border:1px solid var(--gray-line);border-radius:16px;padding:22px;margin:8px 0 24px}.result__head{margin:0 0 16px;font-size:1.1rem;font-weight:700}.result__main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:16px 18px;border-radius:12px;margin-bottom:16px}.result__main .k{font-size:.9rem;font-weight:700}.result__main .v{font-family:var(--font-num);font-size:2.1rem;font-weight:700;line-height:1}.result__main .u{font-size:.95rem;color:var(--ink-soft)}.result__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result__cell{background:var(--gray-bg);border-radius:12px;padding:14px 16px}.result__cell .k{display:block;font-size:.8rem;color:var(--ink-soft);font-weight:700}.result__cell .v{display:block;margin-top:4px;font-family:var(--font-num);font-size:1rem}.result__cell .v b{font-size:1.5rem;font-weight:700;color:var(--ink)}.result__note{margin:16px 0 0;font-size:.85rem;line-height:1.7;color:var(--ink-soft)}.judge--green{background:var(--judge-green-bg)}.judge--green .v,.judge--green .k{color:var(--judge-green)}.judge--yellow{background:var(--judge-yellow-bg)}.judge--yellow .v,.judge--yellow .k{color:#9a7300}.judge--red{background:var(--judge-red-bg)}.judge--red .v,.judge--red .k{color:var(--judge-red)}.badge{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px}.badge--green{background:var(--judge-green);color:#fff}.badge--yellow{background:var(--judge-yellow);color:#fff}.badge--red{background:var(--judge-red);color:#fff}.share-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.share-bar button{font:inherit;font-size:.86rem;font-weight:700;color:var(--brand);background:var(--surface);border:1.5px solid var(--gray-line);border-radius:8px;padding:8px 14px;cursor:pointer}.share-bar button:hover{border-color:var(--brand)}.prose{margin:8px 0 0}.prose h2{font-size:1.25rem;margin:36px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--brand-tint)}.prose h3{font-size:1.05rem;margin:24px 0 8px}.prose p{margin:0 0 14px;font-size:.95rem}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:6px;font-size:.95rem}.formula{background:var(--gray-bg);border-left:4px solid var(--brand);border-radius:0 8px 8px 0;padding:14px 18px;margin:0 0 16px;font-family:var(--font-num);font-size:.95rem;overflow-x:auto}.prose details{border:1px solid var(--gray-line);border-radius:10px;padding:14px 16px;margin-bottom:10px}.prose summary{cursor:pointer;font-weight:700}.prose details[open] summary{margin-bottom:8px}.tbl-wrap{overflow-x:auto;margin:0 0 18px}table.chart{width:100%;border-collapse:collapse;font-family:var(--font-num);font-size:.9rem}table.chart th,table.chart td{border:1px solid var(--gray-line);padding:9px 12px;text-align:center}table.chart thead th{background:var(--brand);color:#fff;font-weight:700}table.chart tbody tr:nth-child(2n){background:var(--gray-bg)}table.chart td.find{white-space:nowrap}.find__lnk{display:inline-block;font-weight:700;font-size:.8rem;color:var(--brand);text-decoration:none;border:1.5px solid var(--gray-line);border-radius:6px;padding:4px 8px;margin:2px}.find__lnk:hover{border-color:var(--brand);background:var(--brand-tint)}.find-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;padding:14px 16px;background:var(--gray-bg);border-radius:12px}.find-row__label{font-size:.9rem;font-weight:700}.find-row__links{display:flex;gap:8px}.disclaimer{border:1px solid var(--gray-line);border-radius:16px;padding:22px;margin:28px 0 48px}.disclaimer__title{margin:0 0 10px;font-size:1rem;font-weight:700}.disclaimer p{margin:0 0 10px;font-size:.88rem;line-height:1.75;color:var(--ink-soft)}.cross{margin:0 0 28px}.cross__title{font-size:1rem;font-weight:700;margin:0 0 12px}.cross__link{display:block;background:var(--surface);border:1px solid var(--gray-line);border-radius:12px;padding:14px 16px;text-decoration:none;margin-bottom:10px}.cross__link:hover{border-color:var(--brand)}.cross__main{display:block;font-weight:700;color:var(--brand)}.cross__sub{display:block;margin-top:3px;font-size:.84rem;color:var(--ink-soft)}.home-hero{background:var(--bg-dark);color:#fff;padding:48px 0 40px}.home-hero h1{font-size:2rem;color:#fff;margin:0 0 14px}.home-hero p{font-size:1.05rem;color:#d8d8d8;margin:0;max-width:640px}.home-hero__inner{display:flex;flex-direction:column;align-items:center;gap:12px}.home-hero__media{width:100%;max-width:280px}.home-hero__media img{width:100%;height:auto;display:block}.tool-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:36px 0}.tool-card{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--gray-line);border-radius:14px;padding:22px;transition:box-shadow .15s,transform .15s,border-color .15s}.tool-card:hover{box-shadow:0 8px 24px #0f0f0f14;transform:translateY(-2px);border-color:var(--brand)}.tool-card__tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--brand);background:var(--brand-tint);border-radius:4px;padding:3px 8px;margin-bottom:10px}.tool-card h2{margin:0 0 6px;font-size:1.15rem}.tool-card h2:after{content:" →";color:var(--brand)}.tool-card p{margin:0;color:var(--ink-soft);font-size:.92rem}@media(min-width:720px){html{font-size:17px}.tool-hero{padding:52px 0 40px}.tool-hero__title{font-size:2.05rem}.home-hero{padding:8px 0}.home-hero h1{font-size:2.5rem}.home-hero__inner{flex-direction:row;align-items:center;gap:32px}.home-hero__text{flex:1 1 56%}.home-hero__media{flex:1 1 44%;max-width:440px}.tool-grid{grid-template-columns:1fr 1fr}}