/* Shared visual language for registry landing pages. Keep page-specific rules outside this file. */
.registry-page { width: min(1280px, calc(100% - 44px)); margin: 0 auto; padding: 42px 0 80px; }
.registry-page__hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); gap: 28px; align-items: end; padding: 22px 0 34px; border-bottom: 1px solid var(--paper-line); }
.registry-page__kicker { color: var(--am-purple); font: 600 8px/1 "Geist Mono", ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.registry-page__hero h1 { margin: 15px 0 13px; color: #211d23; font-size: clamp(42px, 6vw, 76px); font-weight: 570; letter-spacing: -.078em; line-height: .95; }
.registry-page__lede { max-width: 760px; margin: 0; color: #716a75; font-size: 14px; line-height: 1.65; }
.registry-page__status { padding: 18px; border: 1px solid #ddcde7; border-radius: 13px; color: #776680; background: #f2eaf8; }
.registry-page__status strong { display: block; margin: 9px 0 5px; color: #43364d; font-size: 18px; font-weight: 570; letter-spacing: -.045em; }
.registry-page__status span { font: 600 8px/1 "Geist Mono", ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.registry-page__status p { margin: 0; font-size: 10px; line-height: 1.5; }
.registry-page__section { padding-top: 34px; }
.registry-page__section h2 { margin: 0 0 7px; color: #282329; font-size: 28px; font-weight: 570; letter-spacing: -.06em; }
.registry-page__section > p { max-width: 800px; margin: 0 0 17px; color: #817984; font-size: 11px; line-height: 1.6; }
.registry-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.registry-card { display: flex; min-height: 134px; flex-direction: column; padding: 17px; border: 1px solid var(--paper-line); border-radius: 12px; background: #fff; text-decoration: none; }
.registry-card:hover { border-color: #c9afd9; box-shadow: 0 8px 22px rgba(57,30,69,.07); transform: translateY(-1px); }
.registry-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #876a95; font: 600 8px/1 "Geist Mono", ui-monospace, monospace; letter-spacing: .07em; text-transform: uppercase; }
.registry-card__title { margin: 14px 0 7px; color: #38313a; font-size: 15px; font-weight: 600; letter-spacing: -.035em; }
.registry-card__description { margin: 0; color: #817983; font-size: 10px; line-height: 1.5; }
.registry-card__arrow { margin-top: auto; padding-top: 13px; color: var(--am-purple); font: 600 9px/1 "Geist Mono", ui-monospace, monospace; }
.registry-note { padding: 15px 17px; border: 1px solid #d4e9e2; border-left: 3px solid #3e8f77; border-radius: 0 11px 11px 0; color: #59766d; background: #eef9f5; font-size: 11px; line-height: 1.55; }
.registry-note strong { color: #2f6e59; }
.registry-table-wrap { overflow: auto; border: 1px solid var(--paper-line); border-radius: 12px; background: #fff; }
.registry-table { width: 100%; border-collapse: collapse; }
.registry-table th, .registry-table td { padding: 11px 13px; border-bottom: 1px solid var(--paper-line); text-align: left; vertical-align: top; }
.registry-table th { color: #85798b; background: #f4f0f6; font: 600 8px/1 "Geist Mono", ui-monospace, monospace; letter-spacing: .07em; text-transform: uppercase; }
.registry-table td { color: #625b65; font-size: 10px; line-height: 1.5; }
.registry-table tr:last-child td { border-bottom: 0; }
.registry-chip { display: inline-flex; padding: 4px 6px; border-radius: 999px; color: #80668f; background: #f0e8f6; font: 600 7px/1 "Geist Mono", ui-monospace, monospace; text-transform: uppercase; }
.registry-chip.mint { color: #24705a; background: #e5f6f0; }
.registry-chip.warn { color: #9b6a2d; background: #fff4df; }
.registry-source { margin-top: 22px; color: #948b97; font: 500 8px/1.5 "Geist Mono", ui-monospace, monospace; }
.registry-source code { color: #76578b; }

@media (max-width: 900px) { .registry-page__hero { grid-template-columns: 1fr; } .registry-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px) { .registry-page { width: calc(100% - 30px); padding-top: 30px; } .registry-page__hero h1 { font-size: 45px; } .registry-card-grid { grid-template-columns: 1fr; } }