.calc-wrap{max-width:var(--wide-width, 1200px);margin:0 auto;padding:var(--spacing-10, 40px) var(--spacing-6, 24px) var(--spacing-20, 80px)}.crumb{font-size:var(--font-size-sm, .875rem);color:var(--color-muted);margin-bottom:var(--spacing-4, 16px)}.crumb a{color:var(--color-accent);text-decoration:none}.calc-head h1{font-size:clamp(1.75rem,3.4vw,2.4rem);font-weight:800;letter-spacing:var(--tracking-tight);line-height:1.12;margin-bottom:var(--spacing-3, 12px)}.lead{max-width:68ch;color:var(--color-text-secondary);line-height:var(--leading-relaxed, 1.7);font-size:var(--font-size-base, 1rem)}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-6, 24px);margin:var(--spacing-8, 32px) 0 var(--spacing-12, 48px);align-items:start}.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4, 16px) var(--spacing-5, 20px);padding:var(--spacing-6, 24px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px)}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text)}.calc-form input[type=number],.calc-form select{width:100%;padding:10px 12px;font-family:inherit;font-size:var(--font-size-base, 1rem);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);outline:none;transition:border-color .15s}.calc-form input:focus,.calc-form select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring, rgba(0, 102, 204, .15))}.quick{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.quick button{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);border-radius:999px;padding:3px 12px;font-size:var(--font-size-sm, .85rem);font-family:inherit;cursor:pointer;transition:all .14s}.quick button:hover{border-color:var(--color-accent);color:var(--color-accent)}.advanced{grid-column:1 / -1}.advanced summary{cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-accent);padding:4px 0}.advanced .field{margin-top:10px}.hint{font-size:var(--font-size-sm, .8rem);color:var(--color-muted);line-height:1.5}.calc-result{position:sticky;top:20px;padding:var(--spacing-6, 24px);border-radius:var(--radius-lg, 14px);border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 10%,var(--color-bg)),var(--color-surface) 60%)}.result-main{text-align:center;padding-bottom:var(--spacing-4, 16px)}.result-label{display:block;font-size:var(--font-size-sm, .85rem);font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.result-big{display:block;font-size:clamp(2.2rem,6vw,3rem);font-weight:800;line-height:1.05;color:var(--color-accent);letter-spacing:-.02em}.result-sub{display:block;font-size:var(--font-size-sm, .85rem);color:var(--color-muted);margin-top:2px}.result-rows{display:flex;flex-direction:column;gap:0;margin:var(--spacing-2, 8px) 0 var(--spacing-4, 16px)}.result-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--color-border-subtle, var(--color-border));font-size:var(--font-size-sm, .9rem)}.result-rows dt{color:var(--color-muted)}.result-rows dd{font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.cap-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;margin:4px 0 14px;background:var(--color-border)}.cap-seg{height:100%}.cap-seg.use{background:var(--color-accent)}.cap-seg.over{background:color-mix(in srgb,var(--color-accent) 30%,var(--color-muted))}.cap-legend{display:flex;gap:16px;font-size:var(--font-size-sm, .8rem);color:var(--color-muted);margin-bottom:12px}.cap-legend span{display:inline-flex;align-items:center;gap:6px}.cap-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.cap-dot.use{background:var(--color-accent)}.cap-dot.over{background:color-mix(in srgb,var(--color-accent) 30%,var(--color-muted))}.rec{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--spacing-4, 16px)}.rec-item{display:flex;gap:10px;align-items:flex-start}.rec-ic{font-size:1.3rem;line-height:1.2;flex-shrink:0}.rec-item strong{display:block;font-size:var(--font-size-sm, .85rem);margin-bottom:2px}.rec-item p{font-size:var(--font-size-sm, .85rem);color:var(--color-text-secondary);line-height:1.5}.rec-cta{display:block;text-align:center;background:var(--color-accent);color:var(--color-on-accent, #fff);font-weight:700;text-decoration:none;padding:12px;border-radius:999px;transition:transform .15s,background .15s}.rec-cta:hover{transform:translateY(-1px);background:var(--color-accent-hover, var(--color-accent))}.rec-note{font-size:var(--font-size-sm, .78rem);color:var(--color-muted);margin-top:12px;line-height:1.5}.warn{color:#b45309;font-size:var(--font-size-sm, .85rem);font-weight:600}.drive-list{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.drive-row{display:flex;align-items:center;gap:10px}.drive-row .dlabel{font-size:var(--font-size-sm, .85rem);color:var(--color-muted);min-width:46px}.drive-row input{flex:1}.drive-row .unit{font-size:var(--font-size-sm, .85rem);color:var(--color-muted)}.drive-row button{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:1.1rem;line-height:1;flex-shrink:0;transition:all .14s}.drive-row button:hover{border-color:var(--red, #f85149);color:var(--red, #f85149)}.drive-add{align-self:flex-start;border:1px dashed var(--color-accent);background:transparent;color:var(--color-accent);border-radius:999px;padding:6px 16px;font-family:inherit;font-size:var(--font-size-sm, .85rem);font-weight:600;cursor:pointer}.drive-add:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.prose{max-width:var(--content-width, 720px)}.prose h2{font-size:var(--font-size-xl, 1.4rem);font-weight:700;letter-spacing:var(--tracking-tight);margin:var(--spacing-10, 40px) 0 var(--spacing-3, 12px)}.prose h3{font-size:var(--font-size-lg, 1.15rem);font-weight:700;margin:var(--spacing-6, 24px) 0 var(--spacing-2, 8px)}.prose p,.prose li{color:var(--color-text-secondary);line-height:var(--leading-relaxed, 1.75)}.prose ul{padding-left:1.3em;margin:var(--spacing-3, 12px) 0;display:flex;flex-direction:column;gap:8px}.prose a{color:var(--color-accent)}.prose pre{background:var(--color-bg-subtle, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:14px 16px;overflow-x:auto;margin:var(--spacing-3, 12px) 0}.prose code{font-family:var(--font-mono, monospace);font-size:.9em}.prose pre code{color:var(--color-text)}.table-scroll{overflow-x:auto;margin:var(--spacing-3, 12px) 0}.prose table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .9rem)}.prose th,.prose td{padding:9px 12px;border:1px solid var(--color-border);text-align:left}.prose thead th{background:var(--color-bg-subtle, var(--color-surface));font-weight:700;color:var(--color-text)}.prose td{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.faq details{border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:4px 16px;margin-bottom:10px;background:var(--color-surface)}.faq summary{cursor:pointer;font-weight:600;color:var(--color-text);padding:12px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋ ";color:var(--color-accent);font-weight:700}.faq details[open] summary:before{content:"－ "}.faq p{padding:0 0 14px;margin:0}@media(max-width:860px){.calc-grid{grid-template-columns:1fr}.calc-result{position:static}}@media(max-width:520px){.calc-form{grid-template-columns:1fr}}