.tool-group{gap:24px;display:grid}.tool-group+.tool-group{margin-top:24px}.tool-group .section-heading{max-width:70ch}.tool-card{color:var(--text-body);transition:border-color var(--dur-fast), background-color var(--dur-fast);flex-direction:column;gap:14px;padding:28px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--border-accent);background:var(--surface-tint);color:var(--text-body);text-decoration:none}.tool-card h3{font:var(--type-h3)}.tool-card .tag{align-self:flex-start}.tool-card-action{color:var(--text-link);margin-top:auto;padding-top:12px;font-size:14px}.tool-footer{border-top:1px solid var(--border-rule);justify-content:space-between;padding-top:24px}.tool-context{padding:28px}.tool-context h2{margin-bottom:12px}.tool-context p+a{margin-top:18px;display:inline-block}.tools-page .tool-controls,.tools-page .result-panel{flex-direction:column;gap:24px;min-width:0;padding:28px;display:flex}.tools-page .tool-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.tool-button{border:1px solid var(--action-primary);border-radius:var(--radius-sm);background:var(--action-primary);min-height:44px;color:var(--text-on-signal);font:600 14px/1.4 var(--font-body);cursor:pointer;transition:background-color var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;padding:11px 18px;display:inline-flex}.tool-button:hover:not(:disabled){background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.tool-button.secondary{color:var(--text-body);border-color:var(--border-strong);background:0 0}.tool-button.secondary:hover:not(:disabled){background:var(--surface-tint);border-color:var(--border-accent)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-filters{align-items:start}.clock-policy{grid-template-columns:1fr 1fr 1.25fr;gap:24px;padding:28px;display:grid}.clock-policy>div{flex-direction:column;gap:10px;min-width:0;display:flex}.clock-policy strong{color:var(--text-display);font:500 clamp(24px, 3vw, 36px) / 1.1 var(--font-display)}.clock-records,.standards-list,.detection-signals{gap:20px;display:grid}.clock-record,.standard-record{gap:22px;padding:28px;display:grid}.clock-record h2,.standard-record h2{margin-top:12px}.clock-record .row-between,.standard-record .row-between{align-items:start}.clock-days{color:var(--text-display)!important;font-weight:600!important}.standard-record .check-field{flex:none}.standard-action{border-left:2px solid var(--border-accent);padding-left:16px}.standard-action strong{color:var(--text-display);margin-bottom:6px;display:block}.tag-warning{color:var(--sev-medium-text);background:var(--sev-medium-tint)}.timer-readout{color:var(--text-display);font:400 clamp(56px, 8vw, 88px) / 1 var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;display:flex}.timer-readout span{font:var(--type-body);color:var(--text-muted)}.computation-result{flex-direction:column;gap:8px;display:flex}.computation-result span{font:var(--type-small)}.computation-result code{font:var(--type-mono-lg);color:var(--text-display);overflow-wrap:anywhere}.tools-page .result-panel progress,.clock-record progress{width:100%;accent-color:var(--signal-400);border-radius:var(--radius-pill);background:var(--surface-sunken);border:0;height:8px;overflow:hidden}.tools-page .result-panel progress::-webkit-progress-bar{background:var(--surface-sunken)}.clock-record progress::-webkit-progress-bar{background:var(--surface-sunken)}.tools-page .result-panel progress::-webkit-progress-value{background:var(--signal-400)}.clock-record progress::-webkit-progress-value{background:var(--signal-400)}.tools-page .result-panel progress::-moz-progress-bar{background:var(--signal-400)}.clock-record progress::-moz-progress-bar{background:var(--signal-400)}.coverage-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;display:grid}.coverage-counts div{min-width:0}.coverage-counts dt{font:var(--type-small);color:var(--text-muted)}.coverage-counts dd{font:400 32px/1.2 var(--font-display);color:var(--text-display);margin:8px 0 0}.detection-signal{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:28px;padding:28px;display:grid}.detection-signal h2{margin:8px 0 12px}.diagram-select{max-width:460px}.diagram-panel{gap:28px;padding:28px;display:grid}.diagram-flow.architecture{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.diagram-flow.architecture li{min-width:0;margin:0;padding:0;position:relative}.diagram-flow.architecture li:not(:last-child):after{content:"→";color:var(--text-accent);font-size:14px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.diagram-flow.architecture li>button,.diagram-flow.architecture li>div{text-align:left;width:100%;height:100%;min-height:128px;color:var(--text-body);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);font:var(--type-body);flex-direction:column;gap:14px;padding:20px;display:flex}.diagram-flow.architecture li>button{cursor:pointer}.diagram-flow.architecture li>button:hover,.diagram-flow.architecture li>button[aria-pressed=true]{border-color:var(--border-accent);background:var(--surface-tint)}.diagram-flow.architecture .diagram-number{min-width:0;color:var(--text-accent);font:var(--type-mono);border:0;flex:none;padding:0}.diagram-flow strong{font:600 15px/1.4 var(--font-body)}.diagram-detail{border-top:1px solid var(--border-rule);max-width:76ch;padding-top:24px}.diagram-detail h2,.diagram-detail h3{margin:10px 0 16px}.diagram-detail h3{font:var(--type-h3)}.diagram-detail p{min-height:3em}.tool-transcript{padding:4px 28px 24px}.tool-transcript summary{padding:20px 0;font-weight:600}.tool-transcript ol{margin:0}.tool-transcript li{padding-bottom:16px}.tool-transcript li:last-child{padding-bottom:0}.tool-transcript li>p{margin-top:8px}@media (width<=900px){.tools-page .tool-layout{grid-template-columns:minmax(0,1fr)}.clock-policy{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-policy>div:last-child{grid-column:1/-1}.diagram-flow.architecture{grid-template-columns:minmax(0,1fr)}.diagram-flow.architecture li>button,.diagram-flow.architecture li>div{min-height:92px}.diagram-flow.architecture li:not(:last-child):after{content:"↓";top:auto;bottom:-18px;right:50%;transform:translate(50%)}}@media (width<=600px){.tool-card,.tool-controls,.tools-page .result-panel,.tool-context,.clock-record,.standard-record,.clock-policy,.detection-signal,.diagram-panel{padding:20px}.clock-policy,.detection-signal{grid-template-columns:minmax(0,1fr)}.clock-policy>div:last-child{grid-column:auto}.coverage-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-transcript{padding-left:20px;padding-right:20px}.standard-record .row-between>div{width:100%}.tool-footer{align-items:flex-start}}@media print{.tool-button,.tool-filters,.tool-footer{display:none}.diagram-flow.architecture{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-flow.architecture li:after{display:none}.diagram-flow.architecture li>button{color:var(--text-body);background:var(--surface-sunken);border-color:var(--border-rule);box-shadow:none;outline:none;display:flex!important}.tools-page .tool-layout{grid-template-columns:minmax(0,1fr)}}
