.datum-reference-svg{display:block;width:100%;height:auto;background:#fff}
.datum-reference-svg text{fill:#263e45;font-family:'Instrument Sans',Arial,sans-serif;font-weight:500}
.datum-concept-state[hidden]{display:none}
.datum-concept-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
.datum-attachments-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;align-items:start}
.datum-attachment-group{margin-bottom:24px}
.datum-variant-grid{display:grid;grid-template-columns:repeat(var(--variant-count),minmax(0,1fr));gap:10px}
.datum-variant{margin:0;padding:12px;background:#fff;border:1px solid #e2e8e9;border-radius:14px;min-width:0}
.datum-variant-grid[style="--variant-count:1"]{grid-template-columns:minmax(0,240px)}
.datum-variant h4{font-size:14px;line-height:1.4;margin:0 0 8px;font-weight:600}
.datum-variant figcaption{font-size:12px;color:#526970;line-height:1.5;margin-top:8px}
.datum-attachments-layout .guide-usage-copy h3{margin-top:24px}
.datum-attachments-layout .guide-usage-copy h3:first-child{margin-top:0}
@media(max-width:1050px){.datum-attachments-layout{grid-template-columns:1fr}.datum-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.datum-variant-grid{grid-template-columns:1fr}.datum-concept-switch button{font-size:11px;padding:12px 5px}.datum-variant figcaption{font-size:13px}}
.target-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.basic-interpretation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.basic-interpretation-grid figure{min-width:0}
.basic-notation-svg{display:block;width:160px;max-width:100%;height:70px}
.basic-notation-svg[viewBox="0 0 260 70"]{width:260px}
[data-datum-guide="basic-dimension"] .datum-guide-svg{overflow:hidden}
.datum-feature-icon text{font-weight:700}
.target-pointline{grid-column:1/-1}
.target-pair-graphic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:540px){.target-pair-graphic{grid-template-columns:1fr}}
.notation-values .datum-value-grid>div{display:flex;align-items:center;gap:18px;min-width:0}
.notation-values .basic-notation-svg{width:130px;height:auto;flex:0 0 130px}
.notation-values .basic-notation-svg[viewBox="0 0 260 70"]{width:200px;flex-basis:200px}
.notation-values .datum-value-grid p{margin:0;min-width:0}
@media(max-width:1050px){.notation-values .datum-value-grid{grid-template-columns:1fr}}
@media(max-width:650px){.notation-values .datum-value-grid>div{flex-direction:column;align-items:flex-start;gap:10px}.notation-values .basic-notation-svg,.notation-values .basic-notation-svg[viewBox="0 0 260 70"]{flex:0 0 auto}}
@media(max-width:1200px){.basic-interpretation-grid{grid-template-columns:1fr}}
@media(max-width:540px){.target-examples-grid{grid-template-columns:1fr}}