.bf-lab{border:1px solid #c8dcd1;border-radius:16px;padding:22px;background:#fff;margin:12px 0 24px;color:#183d30}
.bf-lab h3{margin:0 0 8px;font-size:1.4rem}.bf-lab p{line-height:1.6}.bf-toolbar,.bf-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.bf-controls label{display:grid;gap:7px;flex:1;min-width:150px}.bf-lab input:not([type=range]),.bf-lab select{font:inherit;min-height:44px;padding:9px 12px;border:1px solid #96b4a3;border-radius:8px;max-width:100%;background:white;color:#173e2e}.bf-lab input[type=range]{width:100%;accent-color:#045334;min-height:32px}.bf-lab button,.bf-lab .button{min-height:44px;font-size:1rem}.bf-lab button:focus-visible,.bf-lab input:focus-visible,.bf-lab select:focus-visible{outline:3px solid #b77916;outline-offset:3px}.bf-lab [aria-pressed=true]{background:#045334;color:#fff;border-color:#045334}.bf-progress{font-size:.9rem;color:#496254}.bf-status{min-height:3em;padding:12px 16px;background:#edf6f1;border-left:4px solid #0d6344;border-radius:4px}.bf-status:empty{background:none;border-color:transparent}.bf-task{font-size:1.13rem;font-weight:650;max-width:70ch}.bf-figure{overflow:auto;border:1px solid #dce7df;border-radius:10px;background:#f9fcfa}.bf-figure svg{display:block;width:100%;min-width:480px;max-height:310px}.bf-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.bf-metrics span{padding:10px 14px;background:#f0f6f2;border-radius:8px}.bf-metrics strong{margin-left:6px}.bf-more{margin-top:20px;border-top:1px solid #d5e3da;padding-top:16px}.bf-more summary{font-weight:650;cursor:pointer;min-height:36px}.bf-pattern{border-collapse:collapse;width:100%;margin:16px 0}.bf-pattern td,.bf-pattern th{padding:12px;text-align:center;border-bottom:1px solid #d4e2da}.bf-pattern th{background:#eff6f1}.bf-pattern input{width:110px}.bf-expression{font-size:clamp(1.35rem,4vw,2rem);font-weight:750;letter-spacing:.02em;margin:20px 0}.bf-history{background:#f6f9f6;border-radius:10px;padding:16px 20px;margin-top:16px}.bf-history p{margin:6px 0}.bf-history a{font-size:.9rem}.bf-chapter-note{padding:16px 20px;border-left:4px solid #e7a62f;background:#f2f7f3;border-radius:0 10px 10px 0;margin:20px 0}.bf-chapter-note p{margin:0 0 8px}.bf-chapter-note a{font-weight:650}.bf-lab .geometry-studio{border:0;padding:0;margin:0}.bf-lab [hidden]{display:none!important}
.bf-lab .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.geometry-studio[data-studio=bilEuclid] .gs-canvas-caption>span{display:none}.geometry-studio[data-studio=bilEuclid] .gs-keyboard:has([data-point-picker]:empty){display:none}
@media(max-width:600px){.bf-lab{padding:14px;border-radius:12px}.bf-controls{gap:10px}.bf-controls label{min-width:120px}.bf-toolbar button{flex:1}.bf-pattern td,.bf-pattern th{padding:9px 4px}.bf-pattern input{width:88px}.bf-lab .gs-workspace{grid-template-columns:1fr}}
@media(max-width:600px){.bf-controls label{flex:1 1 100%;width:100%;min-width:0}.bf-controls input:not([type=range]),.bf-controls select{width:100%;min-width:0;box-sizing:border-box}}