.infographic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.info-graphic{background:#0a1b18;border:1px solid #355448;border-radius:12px;padding:24px;overflow:hidden}.info-graphic h3{font:600 20px/1.3 Manrope,sans-serif;letter-spacing:-.025em;margin:5px 0 8px}.info-graphic p{font-size:13px;color:#a9bcb2;margin:0 0 14px;max-width:500px}.info-graphic svg{width:100%;display:block;overflow:visible}.info-graphic .graphic-label{font:600 10px DM Sans,sans-serif;letter-spacing:.13em;fill:#c4d5cb}.info-graphic .graphic-muted{font:10px DM Sans,sans-serif;fill:#8fa99c}.graphic-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;color:#a7c1b1;font-size:11px}.graphic-legend i{display:inline-block;width:17px;height:3px;border-radius:2px;margin:0 6px 3px 0}.graphic-note{color:#96ab9f;font-size:11px;margin-top:12px;line-height:1.5}.process-viz{margin-top:42px;border:1px solid #355448;border-radius:12px;padding:25px;background:#0c1d19}.process-viz svg{display:block;width:100%}.process-viz p{color:#9fb6a9;font-size:12px;margin:10px 0 0}.infographic-intro{margin-top:64px}.infographic-intro h3{font-size:29px;margin:10px 0}.infographic-intro p{max-width:690px;color:#a9bcb2}.example-rhythm{margin-top:36px;border:1px solid #355448;background:#102820;border-radius:12px;padding:27px}.example-rhythm h3{font:600 23px Manrope,sans-serif;margin:0 0 10px}.example-rhythm p{color:#abc0b5;max-width:780px;font-size:14px}.rhythm-scales{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.rhythm-scale{border-top:1px solid #4b6e5f;padding:18px 0 0}.rhythm-scale svg{width:100%}.rhythm-scale strong{display:block;font-size:13px}.rhythm-scale span{font-size:11px;color:#91ab9e}@media(max-width:760px){.infographic-grid,.rhythm-scales{grid-template-columns:1fr}.info-graphic{padding:18px}.example-rhythm{padding:20px}}
/* Keep field notes aligned with the site's shared content gutter. */
.field-notes{width:100%;min-width:0}.field-notes .infographic-grid{min-width:0}.process-viz svg{max-width:760px;margin:12px auto 18px}.process-viz .graphic-muted{fill:#b8cec3;font:11px 'DM Sans',sans-serif}.process-viz{padding:24px}.process-viz p{color:#b8cec3}@media(max-width:600px){.process-viz{padding:18px}.process-viz svg{margin:10px auto}.field-notes .infographic-intro h3{font-size:26px}}