.tool-page{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) clamp(4rem,3rem + 4vw,7rem)}.tool-page .frame{gap:var(--spacing-10);max-width:980px;display:grid}.tool-head .breadcrumb{font-size:var(--font-size-sm);color:var(--color-muted);margin-block-end:var(--spacing-6)}.tool-head .breadcrumb a{color:var(--color-muted)}.tool-head .eyebrow{margin-block-end:var(--spacing-3)}.tool-head h1{margin:0 0 var(--spacing-4);color:var(--color-brand);font-size:clamp(1.75rem,1.3rem + 2vw,2.6rem);line-height:1.3}.tool-head p{max-width:46em;color:var(--color-text-secondary);margin:0;line-height:1.9}.tool-grid{gap:var(--spacing-6);align-items:start;display:grid}@media (width>=900px){.tool-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.tool-result{top:calc(var(--nav-height) + var(--spacing-6));position:sticky}}.tool-card{border:1px solid var(--color-border);background:var(--color-surface,#fff);border-radius:20px;padding:clamp(1.25rem,1rem + 1vw,2rem);box-shadow:0 1px #2f2a240a}.tool-card h2{margin:0 0 var(--spacing-4);font-size:var(--font-size-lg,1.2rem);color:var(--color-text)}.tool-field{gap:var(--spacing-2);margin-block-end:var(--spacing-5);display:grid}.tool-field label,.tool-field .tool-label{font-weight:700;font-size:var(--font-size-sm)}.tool-field small{color:var(--color-muted);font-size:var(--font-size-sm)}.tool-input{width:100%;max-width:14rem;height:48px;padding:0 var(--spacing-4);border:2px solid var(--color-border);background:var(--color-bg,#fffdf8);color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;border-radius:12px;font-size:1.125rem}.tool-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 20%, transparent);outline:none}.tool-presets{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tool-preset{min-height:40px;padding:0 var(--spacing-4);border:1px solid var(--color-border);background:var(--color-bg,#fffdf8);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:999px}.tool-preset:hover,.tool-preset[aria-pressed=true]{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 10%, var(--color-bg,#fffdf8));color:var(--color-brand)}.tool-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.tool-table th,.tool-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:.55em .4em}.tool-table th{color:var(--color-muted);font-weight:500}.tool-table td.num,.tool-table th.num{text-align:right;font-variant-numeric:tabular-nums}.tool-table input[type=number]{border:1px solid var(--color-border);background:var(--color-bg,#fffdf8);width:4.8em;height:38px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 .4em;font-size:16px}.tool-table input[type=checkbox]{width:24px;height:24px;accent-color:var(--color-brand)}.tool-table-wrap{margin-inline:calc(-1 * var(--spacing-2));padding-inline:var(--spacing-2);overflow-x:auto}.tool-result{background:var(--color-brand);color:#fffdf8;border:0}.tool-result h2{color:#fffdf8}.tool-big{margin:var(--spacing-2) 0 var(--spacing-5);font-family:var(--font-heading);align-items:baseline;gap:.3em;font-weight:700;line-height:1;display:flex}.tool-big strong{font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,2rem + 3vw,3.6rem)}.tool-big span{font-size:1.1rem}.tool-result dl{gap:var(--spacing-3);margin:0;display:grid}.tool-result dl div{justify-content:space-between;gap:var(--spacing-4);border-bottom:1px solid #fffdf838;padding-block-end:var(--spacing-3);display:flex}.tool-result dt{opacity:.85}.tool-result dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.tool-note{margin:var(--spacing-5) 0 0;font-size:var(--font-size-sm);opacity:.9;line-height:1.8}.tool-warn{margin:var(--spacing-4) 0 0;padding:var(--spacing-3) var(--spacing-4);color:#8a3d1b;font-size:var(--font-size-sm);background:#fff3e8;border-radius:12px;line-height:1.7}.tool-warn[hidden]{display:none}.tool-explain{max-width:46em}.tool-explain h2{margin-block:var(--spacing-8) var(--spacing-3);font-size:var(--font-size-xl,1.35rem);color:var(--color-brand)}.tool-explain p,.tool-explain li{color:var(--color-text-secondary);line-height:1.9}.tool-explain a{color:var(--color-brand)}.tool-links{gap:var(--spacing-3);margin:var(--spacing-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.tool-links a{height:100%;padding:var(--spacing-4) var(--spacing-5);border:1px solid var(--color-border);background:var(--color-surface,#fff);color:var(--color-text);transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:14px;line-height:1.6;text-decoration:none;display:block}.tool-links a:hover{border-color:var(--color-brand);transform:translateY(-2px)}.tool-links strong{color:var(--color-brand);margin-block-end:.3em;display:block}@media (prefers-reduced-motion:reduce){.tool-links a:hover{transform:none}}@media (width<=560px){.tool-table thead{display:none}.tool-table,.tool-table tbody{display:block}.tool-table tr{border-bottom:1px solid var(--color-border);grid-template-columns:32px 1fr 1fr;align-items:center;gap:8px 12px;padding:12px 0;display:grid}.tool-table td{border:0;padding:0}.tool-table td:nth-child(2){grid-column:2/4;font-weight:700}.tool-table td.num{text-align:left;grid-row:2;justify-content:space-between;align-items:center;gap:6px;display:flex}.tool-table td.num:nth-child(3){grid-column:2}.tool-table td.num:nth-child(4){grid-column:3}.tool-table td.num:before{color:var(--color-muted);white-space:nowrap;font-size:.8rem}.tool-table td.num:nth-child(3):before{content:"W"}.tool-table td.num:nth-child(4):before{content:"時間/日"}.tool-table td.num input[type=number]{width:100%;min-width:0}.tool-table-wrap{overflow:visible}}.tool-page .frame>*{min-width:0}