.datum-guide-svg{display:block;width:100%;height:auto;background:#fff;overflow:visible}.datum-guide-svg text{font-family:'Instrument Sans',Arial,sans-serif!important;font-weight:500}.datum-guide-svg path,.datum-guide-svg circle,.datum-guide-svg rect{vector-effect:non-scaling-stroke}
.projected-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0 20px;font-size:12px;line-height:1.6;color:#263e45}.projected-axis-key{color:#bd754a}.projected-zone-key{color:#875978}
[data-datum-guide="envelope"] .guide-usage-copy .guide-subsection-gap,[data-datum-guide="projected"] .guide-usage-copy .guide-subsection-gap{margin-top:30px}
[data-datum-guide] .straight-symbol svg{display:block;width:100%;height:100%}[data-datum-guide="basic-dimension"] .straight-symbol,[data-datum-guide="rfs"] .straight-symbol{font-size:23px}.datum-value-grid strong{color:#875978!important}
[data-datum-guide] .guide-template-figure{padding:12px;border-radius:12px;background:#fff;border:1px solid #dfe8e4;margin:0 0 15px}
[data-datum-guide] .position-example-details p{font-size:14px;line-height:1.7;margin:10px 0 0;color:#52666b}
[data-datum-guide] .guide-template-example{min-width:0}[data-datum-guide] .straight-usage-card{align-self:start;background:#fff}[data-datum-guide] .guide-usage-copy li{margin:10px 0;font-size:14px;line-height:1.65}[data-datum-guide] .straight-usage-card figcaption{display:block;font-size:12px;line-height:1.6;margin-top:12px}
.datum-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.datum-value-grid>div{padding:18px;border:1px solid #dce7e2;border-radius:12px;background:#f7faf8}.datum-value-grid strong{font-size:20px;color:#39765e}.datum-value-grid p{margin-bottom:0}
@media(max-width:750px){.datum-value-grid{grid-template-columns:1fr}}
@media(max-width:480px){[data-datum-guide] .guide-template-figure{padding:3px}[data-datum-guide] .straight-switch button{font-size:12px}}