.act-main{max-width:1400px;margin:0 auto;padding:24px;min-width:0}.act-main section{margin-bottom:24px}.act-intro h1{font-size:clamp(1.4rem,3vw,2rem);line-height:1.5}.act-intro p{max-width:78ch;line-height:1.8}.act-tabs,.act-presets,.act-links{display:flex;flex-wrap:wrap;gap:10px}.act-tabs a,.act-presets button,.act-links a,.act-main button,.act-main select{font:inherit;min-height:44px;border:1px solid #9eb9ad;border-radius:7px;padding:10px 14px;background:var(--act-panel,#fff);color:inherit;cursor:pointer}.act-tabs [aria-current=page],.act-presets [aria-pressed=true]{background:#116b58;color:#fff}.act-tabs a,.act-links a{display:inline-flex;align-items:center}.act-workspace{--act-ink:#173e38;--act-panel:#fff;color:var(--act-ink);background:var(--act-panel);border:1px solid #cbddd4;border-radius:12px;padding:20px;min-width:0;scroll-margin-top:150px}.act-controls{position:sticky;top:var(--act-top,120px);z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid #bad2c6;border-radius:9px;background:var(--act-panel);margin-bottom:16px}.act-controls label{display:flex;align-items:center;gap:8px}.act-controls .act-timeline{flex:1 0 100%}.act-controls input[type=range]{padding:0;min-width:80px;flex:1}.act-controls output{font-variant-numeric:tabular-nums;font-weight:700}.act-main .act-primary{background:#11755f;color:#fff;font-weight:700}.act-main button:disabled{opacity:.5;cursor:default}.act-overlay-key{flex:1 0 100%;margin:0;font-size:.88rem}.act-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.act-card{min-width:0;border:1px solid #c8dad2;border-radius:10px;padding:12px}.act-card h3{margin:4px 0 8px;font-size:1rem}.act-drawing svg{width:100%;height:auto;display:block;overflow:visible}.act-drawing text{font-family:Arial,'Yu Gothic',Meiryo,sans-serif}.act-figures[data-layout=overlay]{position:relative;display:block;border:1px solid #c8dad2;border-radius:10px}.act-figures[data-layout=overlay] .act-card{padding:12px;border:0}.act-figures[data-layout=overlay] .act-card:first-child{position:absolute;inset:0;pointer-events:none;filter:grayscale(1);opacity:.45;z-index:1}.act-figures[data-layout=overlay] .act-card:nth-child(2){position:relative;z-index:2}.act-figures[data-layout=overlay] .act-card h3{visibility:hidden}.act-results,.act-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.act-result{border:1px solid #e3a6ac;background:#fff7f7;color:#76242b;border-radius:9px;padding:16px}.act-result h3{font-size:1rem;margin:0 0 10px}.act-result output{font-size:1.75rem;font-weight:700;display:block;margin:10px 0}.act-result p{line-height:1.65;margin:8px 0}.act-fields{min-width:0;border:1px solid #91b5d9;background:#f3f8ff;border-radius:9px;padding:16px}.act-fields h3{margin:0 0 16px}.act-fields .linkage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.act-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700;min-width:0}.act-input-row{display:flex;align-items:center;gap:7px}.act-input-row>span{font-weight:400;white-space:nowrap;font-size:.88rem}.act-fields input,.act-fields select{box-sizing:border-box;min-width:0;width:100%;font:inherit;font-weight:700;color:#064d88;background:#fff;border:1px solid #8ab0d7;border-radius:7px;padding:10px;min-height:44px}.act-fields small{font-size:.78rem;font-weight:400}.act-fields [aria-invalid=true]{border:2px solid #c62031;background:#fff0f1;color:#a01624}.act-error{background:#fff0f1;border:2px solid #c62031;color:#a01624;padding:12px}.act-notes{padding:20px;border:1px solid #cbded4;border-radius:10px;background:var(--act-panel,#fff)}.act-notes p,.act-notes li,.act-message{line-height:1.8}.act-main [hidden]{display:none!important}.act-main :focus-visible{outline:3px solid #155c97;outline-offset:3px}.act-main .act-ad{margin:28px 0}.act-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.act-steps li{border:1px solid #c7dcd0;border-radius:8px;padding:14px;line-height:1.65}.act-steps strong{display:block;margin-bottom:7px}.act-thumbnail{display:block;width:100%;height:auto}.act-extra-links{padding:16px;border:1px solid #c7dcd0;border-radius:8px}.act-results-title{font-size:1.05rem;margin-bottom:0}
html[data-theme=dark] .act-main{--act-panel:#142c29;--act-ink:#e1f0e9;color:#e1f0e9}html[data-theme=dark] .act-workspace{--act-panel:#142c29;--act-ink:#e1f0e9}html[data-theme=dark] .act-fields{background:#142c42}html[data-theme=dark] .act-fields input,html[data-theme=dark] .act-fields select{background:#102337;color:#c4e2ff}html[data-theme=dark] .act-result{background:#341c23;color:#ffd9db}html[data-theme=dark] .act-error{background:#3c1821;color:#ffb8c0}
@media(max-width:700px){.act-main{padding:16px 12px}.act-workspace{padding:12px}.act-controls{gap:6px;padding:8px}.act-controls label{font-size:.84rem}.act-main button,.act-main select{padding:8px 10px}.act-figures{grid-template-columns:1fr}.act-results{gap:10px}.act-result{padding:12px}.act-result output{font-size:1.4rem}.act-inputs{grid-template-columns:1fr}.act-steps{grid-template-columns:1fr}.act-fields{padding:14px}.act-card{padding:6px}.act-figures[data-layout=overlay] .act-card{padding:6px}.act-result p{font-size:.85rem}.act-overlay-key{font-size:.82rem}}

.act-workspace[data-invalid=true] .act-figures,.act-workspace[data-invalid=true] .act-results{opacity:.4}.act-figures[data-layout=overlay] .act-card:first-child{opacity:.65}.act-figures[data-layout=overlay] .act-card:nth-child(2) .act-drawing{opacity:.72}

.act-controls label:not(.act-timeline){white-space:nowrap}.act-main{--act-input:#155c97}html[data-theme=dark] .act-main{--act-input:#a7d6ff}.act-drawing svg text{paint-order:stroke;stroke:var(--act-panel,#fff);stroke-width:1px;stroke-linejoin:round}

.act-figures[data-layout=overlay] .act-card:first-child svg text{visibility:hidden}.act-conditions{font-size:.85rem;font-weight:600}

.act-main{display:block;box-sizing:border-box;width:100%;grid-template-columns:none}

.act-result[data-ng=true]{background:#ad1d2a!important;color:#fff!important;border:2px solid #e33140!important}.act-result[data-ng=true] summary{color:inherit;background:transparent}

/* Category menus are not the scrollable unit-converter sidebar. */
.act-main nav{height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;align-content:start;align-items:flex-start;grid-template-columns:none}.act-tabs a,.act-links a{height:auto;align-self:flex-start}.act-stroke{font-weight:700;padding:10px 0;border-top:1px solid #e3a6ac}