:root{--ink:#1c1c26;--ink-soft:#55555f;--bg:#f7f6f2;--card:#fff;--line:#e3e1d8;--accent:#24559c;--accent-dark:#1a3f75;--accent-pale:#eef3fa;--danger:#b7282e;--radius:12px;--maxw:760px}*{box-sizing:border-box}html{color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,system-ui,-apple-system,sans-serif}body{margin:0;line-height:1.8}a{color:var(--accent)}a:hover{color:var(--accent-dark)}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.site-header .inner{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);letter-spacing:.05em;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand svg{display:block}.brand-tag{color:var(--ink-soft);margin-left:2px;font-size:.7rem;font-weight:400}.header-nav a{color:var(--ink-soft);margin-left:14px;font-size:.85rem;text-decoration:none}.header-nav a:hover{color:var(--accent)}.breadcrumb{color:var(--ink-soft);margin:14px 0 0;font-size:.78rem}.breadcrumb ol{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:#b5b3aa;margin-right:4px}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}h1{letter-spacing:.02em;margin:14px 0 6px;font-size:1.45rem;line-height:1.4}.lead{color:var(--ink-soft);margin:0 0 18px;font-size:.92rem}h2{border-left:4px solid var(--accent);margin:40px 0 14px;padding-left:10px;font-size:1.15rem}h3{margin:24px 0 8px;font-size:1rem}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:4px 0 10px;padding:20px 18px}.tool-card .field{margin-bottom:14px}.tool-card label{color:var(--ink-soft);margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.tool-card input[type=number],.tool-card input[type=text],.tool-card input[type=date],.tool-card input[type=time],.tool-card select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-size:1.05rem}.tool-card input:focus,.tool-card select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #24559c1f}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}.seg{border:1.5px solid var(--line);border-radius:8px;margin-bottom:16px;display:flex;overflow:hidden}.seg button{color:var(--ink-soft);cursor:pointer;border:none;border-right:1px solid var(--line);background:#fff;flex:1;padding:9px 4px;font-size:.85rem}.seg button:last-child{border-right:none}.seg button.active{background:var(--accent);color:#fff;font-weight:600}.result{background:var(--accent-pale);border-radius:var(--radius);text-align:center;border:1.5px solid #cddcf0;margin-top:6px;padding:16px}.result .value{color:var(--accent-dark);word-break:break-all;font-size:1.9rem;font-weight:700;line-height:1.3}.result .unit{margin-left:2px;font-size:1rem;font-weight:600}.result .sub{color:var(--ink-soft);margin-top:6px;font-size:.85rem}.result .sub b{color:var(--ink)}.result.muted .value{color:#9a99a5;font-size:1.1rem;font-weight:500}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 22px;font-size:1rem;font-weight:600;display:inline-block}.btn:hover{background:var(--accent-dark)}.btn-ghost{color:var(--accent);border:1.5px solid var(--accent);background:#fff}.btn-ghost:hover{background:var(--accent-pale)}.btn-sm{padding:6px 12px;font-size:.82rem}.tool-article{font-size:.95rem}.tool-article table{border-collapse:collapse;width:100%;font-size:.88rem}.tool-article th,.tool-article td{border:1px solid var(--line);text-align:left;padding:7px 10px}.tool-article th{background:var(--accent-pale)}.tool-article .formula{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:.92rem;overflow-x:auto}.faq details{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:0 14px}.faq summary{cursor:pointer;padding:12px 0;font-size:.92rem;font-weight:600}.faq .a{color:var(--ink-soft);padding:0 0 12px;font-size:.9rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.tool-grid a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:14px;text-decoration:none;transition:border-color .15s;display:block}.tool-grid a:hover{border-color:var(--accent)}.tool-grid .t-name{color:var(--accent-dark);font-size:.98rem;font-weight:700}.tool-grid .t-desc{color:var(--ink-soft);margin-top:4px;font-size:.8rem;line-height:1.5}.related-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.related-list a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem;text-decoration:none;display:inline-block}.ad-slot{text-align:center;margin:26px 0}.site-footer{color:#c9c8d2;background:#24242e;margin-top:60px;font-size:.82rem}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:26px 16px}.site-footer a{color:#c9c8d2;margin-right:16px;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .copy{color:#8b8a96;margin-top:12px}.page-body{font-size:.95rem}.page-body h2{margin-top:32px}@media (width<=480px){h1{font-size:1.25rem}.result .value{font-size:1.6rem}.header-nav{display:none}}