/* SEC-11 — externalized inline style="" attributes, content-hashed.
   Linked LAST in <head> so a utility wins the cascade exactly as the
   inline attribute used to. Regenerate via externalize-styles.py. */

.x-034359d7 { width: 0% }
.x-09c84d8d { display: flex; gap: var(--s-3); justify-content: center; flex-wrap: wrap }
.x-16000cc0 { width: 100% }
.x-180d49c5 { background: oklch(20% 0.025 230 / 0.04); border-left-color: oklch(58% 0.018 80) }
.x-1a3a5158 { border: 0; padding-top: 0 }
.x-1ec1301b { font-size: var(--t-xs); color: var(--type-muted) }
.x-1f9201ec { color: oklch(58% 0.018 80) }
.x-2323939d { font-size: var(--t-md) }
.x-232d20a2 { width: 6% }
.x-24f151ee { scroll-margin-top: 100px }
.x-25652ad6 { color: var(--teal-deep); font-weight: 600 }
.x-2710b672 { border: 1px solid var(--line); border-radius: var(--r-md) }
.x-27248ec1 { text-align: center; display: flex; gap: var(--s-3); justify-content: center; flex-wrap: wrap }
.x-30489cbd { text-align: right }
.x-30f68010 { display: grid; gap: var(--s-5); align-content: start }
.x-3460c385 { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: var(--s-3); border-bottom: 1px solid var(--line-soft) }
.x-356cce59 { color: oklch(90% 0.115 80); font-style: normal }
.x-431db64a { margin-top: var(--s-5) }
.x-4a0aaaa6 { font-style: italic; color: var(--brass) }
.x-4d9200f1 { padding: var(--s-2) var(--s-4); font-size: var(--t-2xs) }
.x-530b9f44 { padding: var(--s-2) var(--s-4); font-size: var(--t-sm) }
.x-53418f6c { color: var(--gold-deep) }
.x-5b3f4dd4 { display: grid; gap: var(--s-3); margin-bottom: var(--s-7); max-width: 720px }
.x-5e8a85bb { grid-template-columns: 1fr auto }
.x-64703fec { margin-top: var(--s-7); text-align: center }
.x-65f9d5a3 { text-align: center }
.x-90eb10a1 { max-width: 800px }
.x-98161ac4 { margin-bottom: var(--s-7); max-width: 720px }
.x-9b8c531c { font-size: var(--t-md); color: var(--type-soft); line-height: 1.6 }
.x-9f994221 { font-style: italic; color: var(--tomato) }
.x-a22c782c { max-width: 920px }
.x-ae0638a2 { width: 10% }
.x-b0d8f373 { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-6); font-size: var(--t-md); line-height: 1.7 }
.x-b83218a2 { margin-bottom: var(--s-4) }
.x-bd2f108d { color: var(--teal-glow) }
.x-bd93acc9 { width: 1% }
.x-bea380c0 { margin-bottom: var(--s-7) }
.x-c06a247c { max-width: 760px }
.x-c68033fa { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.x-cc12487c { text-align: center; font-size: var(--t-2xs); color: var(--type-muted); letter-spacing: 0.10em; text-transform: uppercase; margin-top: var(--s-5) }
.x-cc541a63 { color: var(--paper); border-color: rgba(255,255,255,0.40) }
.x-d671d8ba { width: 86% }
.x-e160a577 { font-size: 0.5em; color: var(--type-muted) }
.x-e25d38af { display: grid; gap: var(--s-5) }
.x-e830e2c6 { background: oklch(70% 0.085 80 / 0.10); border-left-color: var(--gold) }
.x-ecf8dee5 { width: 91% }
.x-ee1cc2a9 { font-family: var(--display); font-size: clamp(var(--t-3xl), 4vw, var(--t-4xl)); font-weight: 600; line-height: 1.05; letter-spacing: -0.025em }
.x-fc1a37c8 { font-size: var(--t-md); color: var(--type); line-height: 1.75 }
.x-fe37c4a2 { margin-bottom: var(--s-5) }
.x-ffdfd927 { width: 2% }
