.design172-modes{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.design172-modes button{flex:1;min-width:9rem;padding:.8rem;font:700 1rem system-ui;border:1px solid #81acd1;border-radius:.5rem;background:#fff;color:#134b78}.design172-modes button[aria-pressed=true]{background:#134b78;color:#fff}
#design172-panel{padding:1rem;margin:1rem 0;border:1px solid #96b9d7;border-radius:.7rem;background:#edf5fc}#design172-panel p{line-height:1.7}
#design172-panel[hidden],#design172-manual[hidden],#design172-panel [hidden]{display:none!important}
.design172-primary{padding:10px 13px;margin:8px 0 14px;border-left:4px solid #af3038;border-radius:.5rem;background:#fff3f3}.design172-primary span,.design172-primary output,.design172-primary small{display:block}.design172-primary output{font-size:1.35rem;font-weight:750;color:#94232e}.design172-primary small{font-size:.8rem;color:#725052}.design172-readouts{margin-top:1rem}[data-theme=dark] .design172-primary{background:#40252a}[data-theme=dark] .design172-primary output{color:#ffb7bf}[data-theme=dark] .design172-primary small{color:#edced0}
#design172-fixed{font-size:.85rem;color:#48616e;overflow-wrap:anywhere}#design172-candidates{display:grid;gap:.7rem;margin:.8rem 0}#design172-candidates button{padding:.8rem;text-align:left;font:inherit;line-height:1.7;white-space:normal;overflow-wrap:anywhere;border:1px solid #81acd1;border-radius:.5rem;background:#fff;color:#134b78}#design172-candidates button[aria-pressed=true]{background:#134b78;color:#fff}#design172-error[data-kind=choose]{border-color:#a96a14;background:#fff7e8;color:#71450c}#design172-difference{font-weight:650;overflow-wrap:anywhere}[data-theme=dark] #design172-fixed{color:#c4d7e5}
#design172-result{padding:1rem;margin-top:1rem;border:1px solid #d4979c;border-radius:.6rem;background:#fff5f5;color:#4b2025}.design172-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.design172-values div{padding:.7rem;background:#fff;border:1px solid #dcb0b4;border-radius:.5rem;min-width:0}.design172-values dt{font-size:.9rem}.design172-values dd{margin:.3rem 0 0;color:#9b242e;font-weight:700;overflow-wrap:anywhere}
#design172-apply{width:100%;padding:1rem;border:0;border-radius:.5rem;background:#134b78;color:#fff;font:700 1rem system-ui}#design172-apply:disabled{opacity:.5}#design172-error{padding:.8rem;background:#fff0f0;border-left:4px solid #b12e38;color:#8e202a;line-height:1.7}#design172-rate{margin-top:1rem}
.linkage-site .linkage-screen svg{max-height:min(40vh,340px)}
[data-theme=dark] #design172-panel{background:#172e40;color:#e6eff8}[data-theme=dark] #design172-result{background:#392126;color:#f4e1e3}[data-theme=dark] .design172-values div{background:#261e22}[data-theme=dark] .design172-values dd{color:#ffc6cc}[data-theme=dark] #design172-error{color:#ffccd0;background:#3c2027}
@media(max-width:760px){#design172-panel .linkage-fields{grid-template-columns:1fr}}
@media(max-width:760px){.linkage-site .linkage-scene{display:flex;flex-direction:column}.linkage-site .linkage-scene>*{order:5}.linkage-site .linkage-scene>h2{order:0}.linkage-site .linkage-scene>.mechanism-answer{order:1}.linkage-site .linkage-scene>.linkage-controls{order:2}.linkage-site .linkage-scene>.linkage-screen{order:3}.linkage-site .linkage-scene>.linkage-legend{order:4}}
@media(max-width:400px){.design172-values{grid-template-columns:1fr}}