#foundation-app{--fl-blue:#226eb4;--fl-green:#008c86}#fl-drawing{background:#f5f8fa;border:1px solid #dae4eb;border-radius:16px;overflow:hidden}#fl-drawing svg{display:block;width:100%;height:auto}#fl-drawing text{font-family:inherit;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round;fill:#244354;font-size:17px}#fl-drawing .dim{fill:#c52240}#fl-status{min-height:28px;color:#526b7a}#fl-error,#fl-warning{color:#b32039}#fl-results:empty{display:none}.fl-table{overflow-x:auto}.fl-table table{border-collapse:collapse;width:100%;font-size:15px}.fl-table th,.fl-table td{padding:14px;text-align:left;border-bottom:1px solid #dbe4ea}.fl-table button{border:1px solid #bbcbd5;border-radius:6px;padding:6px 12px;background:white;cursor:pointer}.fl-table tr.selected{background:#edf4fc}.fl-explain{margin-top:64px;border-top:1px solid #dbe4ea;padding-top:36px}.fl-examples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fl-examples figure{margin:0;background:#f5f8fa;border-radius:16px;padding:20px}.fl-examples img{width:100%;max-height:440px;object-fit:contain}.fl-examples figcaption{padding-top:20px}.fl-explain>p,.fl-explain details{margin-top:24px;max-width:960px}.fl-explain summary{cursor:pointer;font-weight:700}#fl-results div:nth-child(2){color:#226eb4}#fl-results div:nth-child(4){color:#008c86}#fl-comparison{margin-top:40px}@media(max-width:700px){.fl-examples{grid-template-columns:1fr}.fl-table th,.fl-table td{padding:10px}.jt-tabs{flex-wrap:wrap}#fl-drawing text{font-size:19px}}
#foundation-app .jt-layout>*{min-width:0}#fl-angles{flex-wrap:wrap;margin-top:12px}#fl-angles button{flex:1 0 23%;padding:10px 6px}#foundation-app [hidden]{display:none!important}#foundation-app :focus-visible{outline:3px solid #bf2440;outline-offset:3px}#fl-results div:nth-child(2) dd,#fl-results div:nth-child(3) dd{color:#226eb4}#fl-results div:nth-child(4) dd{color:#008c86}
.fl-side-control{margin-bottom:20px}.fl-side-control>p:first-child{font-size:14px;font-weight:650;color:#203e53;margin:0 0 10px}.fl-side-switch{display:flex;gap:5px;background:#eaf0f4;padding:5px;border-radius:12px;max-width:540px}.fl-side-switch button{flex:1;border:1px solid transparent;background:transparent;color:#38586c;border-radius:8px;padding:13px 16px;font:inherit;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.fl-side-switch button[aria-pressed=true]{background:#173e58;color:white;box-shadow:0 2px 6px #173e5820}#fl-side-help{font-size:13px;color:#536b7c;margin:10px 0 0}@media(max-width:700px){.fl-side-switch button{padding:12px 8px}}
.fl-length-help{margin-top:22px;padding:18px 22px;background:#f2f6f8;border-radius:10px;border-left:3px solid #226eb4;font-size:14px;line-height:1.75;color:#405e71}.fl-length-help p{margin:0 0 14px}.fl-length-help p:last-child{margin-bottom:0}.fl-drill-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px;align-items:center;margin-top:56px;padding:28px;background:#f2f6f8;border-radius:14px}.fl-drill-guide img{width:100%;max-height:340px;object-fit:contain;border-radius:8px}.fl-drill-guide h2{font-size:27px}.fl-drill-guide p{line-height:1.7}.fl-drill-guide .jt-button{margin-top:12px;font-size:14px}@media(max-width:700px){.fl-drill-guide{grid-template-columns:1fr;padding:20px;gap:20px}}