:root { color-scheme: light; --ink:#1d2730; --muted:#61717b; --paper:#f4f1ea; --surface:#fff; --line:#d8d7d1; --accent:#0d657d; --masthead:#143d50; --gold:#c4a26c; }
:root[data-theme="dark"] { color-scheme:dark; --ink:#e7edf0; --muted:#aab9c1; --paper:#071922; --surface:#0d2631; --line:#294552; --accent:#73bed0; --masthead:#06151c; --gold:#d5b982; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,Segoe UI,Arial,sans-serif; line-height:1.55; }
a { color:var(--accent); }
.record-masthead { min-height:112px; padding:22px max(24px,calc((100vw - 1120px)/2)); display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; color:#fff; background:linear-gradient(115deg,var(--masthead),#0a6574); border-bottom:4px solid var(--gold); }
.record-logo img { display:block; object-fit:contain; }
.record-masthead .journal-name { display:block; color:#fff; text-decoration:none; font:700 clamp(1.25rem,2vw,1.85rem) Georgia,serif; }
.record-masthead span { display:block; opacity:.78; }
.record-masthead nav { display:flex; align-items:center; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.record-masthead nav>a,.record-masthead button { border:1px solid rgba(255,255,255,.4); border-radius:7px; background:transparent; color:#fff; padding:8px 10px; text-decoration:none; cursor:pointer; }
.language-switch { display:flex; gap:4px; }
.language-switch button[aria-pressed="true"] { background:#fff; color:#123c4e; }
main { width:min(920px,calc(100% - 32px)); margin:42px auto 70px; }
.record-card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:clamp(24px,5vw,54px); box-shadow:0 16px 38px rgba(16,36,45,.08); }
.record-kind { margin:0 0 12px; color:var(--accent); font-weight:750; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
h1 { margin:0; font:700 clamp(1.8rem,4vw,3rem)/1.15 Georgia,serif; }
.record-alt { color:var(--muted); font:italic 1.1rem Georgia,serif; }
.record-authors { color:var(--accent); font-weight:650; }
dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:30px 0; background:var(--line); border:1px solid var(--line); }
dl div { background:var(--surface); padding:16px; }
dt { color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
dd { margin:4px 0 0; }
.record-doi { margin:20px 0; padding:13px 16px; border-left:4px solid var(--gold); background:color-mix(in srgb,var(--surface) 88%,var(--gold)); }
.record-actions { display:flex; flex-wrap:wrap; gap:10px; margin:30px 0; }
.record-actions a { padding:12px 16px; border:1px solid var(--accent); border-radius:8px; text-decoration:none; font-weight:700; }
.record-actions .primary { background:var(--accent); color:var(--surface); }
.hierarchy-note { margin-top:34px; padding:20px; border:1px solid var(--line); border-radius:9px; color:var(--muted); }
.hierarchy-note strong { color:var(--ink); }
.hierarchy-note div { display:flex; flex-wrap:wrap; gap:18px; }
@media (max-width:760px) { .record-masthead { grid-template-columns:auto 1fr; } .record-masthead nav { grid-column:1/-1; justify-content:flex-start; } dl { grid-template-columns:1fr; } }
@media (max-width:480px) { main { width:min(100% - 20px,920px); margin-top:16px; } .record-card { padding:22px 18px; } .record-logo { display:none; } .record-masthead { grid-template-columns:1fr; } .record-masthead nav { grid-column:auto; } }