.coin-records-body { padding-bottom:64px; }
.record-opening { display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center; padding:48px; background:radial-gradient(circle at 100% 0,var(--glow),var(--wash) 75%); border:1px solid var(--line); border-radius:var(--radius); }
.record-opening h2 { font-size:clamp(2rem,3.6vw,3.5rem); }
.record-opening p { max-width:560px; }
.record-hero-number { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:center; text-align:center; gap:10px; min-height:280px; }
.record-hero-number strong { font-size:clamp(3.5rem,6vw,6rem); font-weight:500; letter-spacing:-.06em; }
.record-hero-number strong span { font-size:.45em; letter-spacing:-.03em; }
.record-hero-number > span:not(.record-hero-symbol) { font-size:.85rem; }
.record-hero-symbol { position:absolute; inset:0; z-index:-1; display:grid; place-items:center; overflow:hidden; font-size:15rem; line-height:1; font-weight:600; color:var(--wine); opacity:.09; }
.record-jumps { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr)); gap:14px; margin:30px 0 50px; }
.record-jumps a { display:flex; align-items:center; gap:12px; padding:16px; color:var(--ink); text-decoration:none; border:1px solid var(--line); border-radius:16px; font-weight:600; background:var(--surface); }
.record-jumps a:hover { border-color:var(--wine); }
.record-jumps a > span:last-child { margin-left:auto; }
.record-jumps .knowledge-symbol { width:42px; height:42px; flex-shrink:0; font-size:1rem; border:0; }
.record-scope { max-width:850px; }
.record-quotes { padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.record-quote-heading { display:flex; gap:20px; align-items:center; justify-content:space-between; }
.record-quote-heading .button { flex-shrink:0; }
.record-quote-heading h2 { margin-bottom:0; font-size:1.6rem; }
.record-quote-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr)); gap:24px; margin:30px 0; }
.record-quote-grid > div { border-left:2px solid var(--line); padding-left:18px; display:flex; flex-direction:column; gap:5px; }
.record-quote-grid strong { font-size:1.25rem; font-weight:600; font-variant-numeric:tabular-nums; }
.record-quote-grid span { font-size:.8rem; color:var(--muted); }
.record-quote-source { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 30px; font-size:.8rem; }
.record-quotes [data-refresh-message]:empty { display:none; }
.record-quotes [data-refresh] .icon { flex-shrink:0; }
.record-quotes [data-refresh]:disabled .icon { animation:record-spin 1s linear infinite; }
@keyframes record-spin { to { transform:rotate(360deg); } }
.record-metal { padding-block:38px 16px; border-top:1px solid var(--line); }
.record-metal-heading { max-width:800px; }
.record-metal-heading h2 { font-size:clamp(1.9rem,3.2vw,2.8rem); }
.record-metal-heading > p:last-child { color:var(--muted); }
.record-size-comparison { margin:26px auto 36px; max-width:680px; }
.record-size-comparison svg { display:block; width:100%; height:auto; }
.record-size-comparison figcaption { max-width:620px; margin:16px auto 0; text-align:center; font-size:.75rem; color:var(--muted); line-height:1.6; }
.record-disc { stroke:var(--muted); stroke-width:1; fill:#d2b276; }
.record-silver .record-disc { fill:#c0c0c0; }
.record-platinum .record-disc { fill:#e5e4e2; }
.record-palladium .record-disc { fill:#ced4d6; }
.record-disc-label { fill:#393333; font:500 22px sans-serif; }
.record-measure { stroke:var(--muted); fill:none; stroke-width:1; }
.record-measure-label { fill:var(--ink); font:14px sans-serif; }
.record-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.record-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:radial-gradient(circle at 100% 0,var(--wash),var(--surface) 65%); }
.record-card h3 { margin:12px 0; font-size:1.5rem; line-height:1.25; hyphens:auto; overflow-wrap:break-word; }
.record-card p { margin-top:0; }
.record-tag { color:var(--wine); font-size:.75rem; font-weight:600; }
.record-country { color:var(--muted); font-size:.8rem; }
.record-card .record-weight { margin:20px 0; font-size:clamp(1.8rem,2.7vw,2.5rem); line-height:1.15; font-weight:500; letter-spacing:-.04em; }
.record-story { font-size:.88rem; }
.record-facts { margin:16px 0 26px; font-size:.8rem; }
.record-facts > div { display:grid; grid-template-columns:1fr 1.2fr; gap:8px; border-top:1px solid var(--line); padding-block:12px; }
.record-facts dt { color:var(--muted); }
.record-facts dd { margin:0; text-align:right; }
.record-value { margin-top:auto; border-top:1px solid var(--line); padding:20px 0; display:flex; flex-direction:column; gap:8px; }
.record-value > span { font-size:.8rem; color:var(--muted); }
.record-value strong { font-size:clamp(1.1rem,1.7vw,1.45rem); line-height:1.35; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:break-word; }
.record-value a { font-size:.72rem; }
.record-details { border-block:1px solid var(--line); font-size:.8rem; padding-block:14px; }
.record-details summary { cursor:pointer; font-weight:600; }
.record-details p { margin:16px 0 0; }
.record-card-sources { padding-left:16px; margin:18px 0 0; font-size:.72rem; line-height:1.6; }
.record-card-sources li + li { margin-top:10px; }
.record-card-sources a { overflow-wrap:break-word; }
.record-footnotes { margin:50px auto 0; }
.record-footnotes h2:not(:first-child) { margin-top:48px; }
.record-footnotes .button { margin-top:22px; }
.coin-records-body > .knowledge-sources { max-width:850px; margin-inline:auto; }
.record-index-feature { margin-top:30px; }
@media(max-width:1000px) {
 .record-cards { grid-template-columns:1fr; }
 .record-card { display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
 .record-card > header,.record-card > .record-story { grid-column:1; }
 .record-card > .record-facts { grid-column:2; grid-row:1 / 3; margin-top:0; }
 .record-card > .record-value { grid-column:1; margin:0; }
 .record-card > .record-details { grid-column:2; }
 .record-card > .record-card-sources { grid-column:1 / -1; }
 .record-value strong { font-size:1.4rem; }
 .record-jumps { gap:10px; }
 .record-jumps a { padding:12px; font-size:.85rem; gap:8px; }
}
@media(max-width:700px) {
 .record-opening { grid-template-columns:1fr; padding:28px; gap:10px; }
 .record-hero-number { min-height:230px; }
 .record-hero-symbol { font-size:13rem; }
 .record-jumps { margin-bottom:30px; }
 .record-quote-heading { align-items:flex-start; flex-direction:column; }
 .record-quotes { padding:24px; }
 .record-card { display:flex; padding:24px; }
 .record-card > .record-facts { margin-top:12px; }
 .record-details { margin-top:4px; }
 .record-metal { padding-top:28px; }
}
@media(max-width:380px) { .record-quotes,.record-card,.record-opening { padding:20px; } .record-jumps a > span:last-child { display:none; } .record-value strong { font-size:1.25rem; } }
@media(prefers-reduced-motion:reduce) { .record-quotes [data-refresh]:disabled .icon { animation:none; } }