@charset "UTF-8";
.symbol-guide-dialog{width:min(1040px,calc(100vw - 48px));max-width:none;max-height:92dvh;padding:28px;background:#fcfdf9;overflow:auto}
.symbol-guide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px}
.symbol-guide-eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:600;color:#879674}
.symbol-guide-heading h2{font-size:26px;font-weight:500;line-height:1.5;letter-spacing:.6px;margin:7px 0 9px}
.symbol-guide-heading p{font-size:11px;color:#929f84;line-height:1.8}
.symbol-guide-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid #dfe7d5;border-radius:8px;background:#fff;color:#8b9a7a;font-size:23px;font-weight:300;line-height:1}
.symbol-guide-close:hover{background:#edf3e5;color:#245b49}
.symbol-guide-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.symbol-guide-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e1e8d8;border-radius:10px;overflow:hidden;text-align:center}
.symbol-guide-card h3{font-size:12px;font-weight:550;color:#657954;padding:13px 7px 0;line-height:1.7}
.symbol-guide-drawing{display:flex;align-items:center;justify-content:center;background:#fff;min-height:108px;margin:3px 8px 0}
.symbol-guide-drawing svg{width:100%;max-width:170px;height:112px}
.symbol-guide-card>p{font-size:9px;line-height:1.8;color:#95a186;background:#f7f9f2;border-top:1px solid #edf0e6;padding:9px 7px;flex:1;min-height:49px}
.symbol-guide-connections{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e1e8d8;border-radius:10px;background:#f6f9f0;margin-top:17px;padding:14px 20px}
.symbol-guide-connection-copy h3{font-size:13px;font-weight:550;color:#647d52;margin-bottom:8px}
.symbol-guide-connection-copy p{font-size:11px;color:#8b9c78;line-height:1.9}
.symbol-guide-junctions{display:flex;gap:20px;flex-shrink:0}
.symbol-guide-junction{margin:0;display:flex;align-items:center;gap:8px}
.symbol-guide-junction-drawing{width:95px;height:73px;background:#fff;border:1px solid #e3ebd9;border-radius:7px;display:flex;align-items:center;justify-content:center}
.symbol-guide-junction-drawing svg{width:90px;height:68px}
.symbol-guide-junction figcaption{font-size:10px;color:#90a07c;white-space:nowrap}
.symbol-guide-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:20px;padding-top:17px;border-top:1px solid #e3e9da}
.symbol-guide-footer>p{margin-right:auto;color:#9ba78e;font-size:10px;line-height:1.9}
@media(max-width:950px){.symbol-guide-dialog{padding:23px}.symbol-guide-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.symbol-guide-drawing svg{height:94px}.symbol-guide-drawing{min-height:94px}.symbol-guide-card>p{font-size:8px;padding:8px 6px}.symbol-guide-connections{gap:15px;padding:12px 15px}.symbol-guide-junctions{gap:12px}.symbol-guide-junction{flex-direction:column;gap:6px}.symbol-guide-connection-copy p{font-size:10px}}
@media(max-width:700px){.symbol-guide-dialog{width:calc(100vw - 24px);padding:20px}.symbol-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.symbol-guide-heading h2{font-size:23px}.symbol-guide-drawing svg{height:100px}.symbol-guide-drawing{min-height:100px}.symbol-guide-card>p{font-size:9px}.symbol-guide-footer{flex-wrap:wrap;gap:13px}.symbol-guide-footer>p{width:100%;margin:0}.symbol-guide-footer>.button{margin-left:auto}.symbol-guide-connections{align-items:flex-start;flex-direction:column}.symbol-guide-junctions{justify-content:center;width:100%;gap:35px}.symbol-guide-junction{flex-direction:row}}
@media(max-width:440px){.symbol-guide-dialog{width:calc(100vw - 16px);padding:16px;max-height:95dvh}.symbol-guide-heading{gap:12px;margin-bottom:17px}.symbol-guide-heading h2{font-size:20px}.symbol-guide-heading p{font-size:10px}.symbol-guide-eyebrow{font-size:8px}.symbol-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.symbol-guide-card h3{font-size:12px}.symbol-guide-drawing{margin:3px 6px 0}.symbol-guide-card>p{font-size:9px;min-height:45px}.symbol-guide-junctions{gap:15px;justify-content:space-between}.symbol-guide-junction{flex-direction:column}.symbol-guide-junction-drawing{width:100px}.symbol-guide-connections{padding:13px}.symbol-guide-footer>p{font-size:9px}.symbol-guide-footer>.button{font-size:11px;height:35px}}