/* Shared Compliance Radar visual system — include this after each issue's inline styles. */
:root { --amber-gold:#d19a2a; --amber-gold-soft:#fff7e6; --amber-photo-ink:#211b34; }
.hero { padding-bottom:36px; }
.hero .amber-hero-photo { margin:28px 0 0; height:clamp(210px,31vw,315px); overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--amber-photo-ink); box-shadow:0 16px 34px rgba(34,25,60,.14); }
.hero .amber-hero-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.byline { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.byline .avatar { width:58px; height:58px; border:2px solid #fff; box-shadow:0 3px 10px rgba(34,25,60,.15); }
.byline .who b { font-size:17px; }
.byline .who span { font-size:14px; }
.take { position:relative; }
.take .amber-take-photo { float:right; width:min(34%,218px); margin:2px 0 18px 30px; overflow:hidden; border-radius:14px; border:1px solid var(--line); box-shadow:0 12px 26px rgba(34,25,60,.12); background:var(--amber-photo-ink); }
.take .amber-take-photo img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center top; }
.take .signature, .take .sign img { display:block; width:min(184px,62vw); height:auto; margin:15px 0 0; }
.take .sign { font-size:0; margin:0; }
.editorial-note { position:relative; padding:17px 20px 17px 58px !important; border:1px solid #e7ddc5 !important; border-left:4px solid var(--amber-gold) !important; border-radius:10px; background:#fffcf5 !important; color:#625b4d !important; font-size:14px !important; font-style:normal !important; line-height:1.55 !important; }
.editorial-note::before { content:'“'; position:absolute; left:17px; top:1px; color:var(--amber-gold); font:700 48px/1 Georgia,serif; }
.editorial-note b { color:var(--ink) !important; }
.editorial-note .editorial-note-signoff { display:block; margin-top:7px; color:var(--muted); font-size:12px; font-style:italic; }
.anxiety-watchboard { margin-top:16px !important; border-color:#efc66e !important; box-shadow:0 10px 24px rgba(118,78,10,.10) !important; }
.watchboard-head { align-items:center; }
.watchboard-head b::before { content:''; display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:50%; background:var(--amber-gold); box-shadow:0 0 0 4px var(--amber-gold-soft); }
/* Reusable issue-cover component: change only the live volume and month/year text in each issue's markup. */
.radar-issue-cover { --cover-accent:#7c4dff; position:relative; width:min(100%,620px); aspect-ratio:4/5; margin:26px auto 0; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#f7f6fb; box-shadow:0 18px 38px rgba(34,25,60,.14); }
.radar-issue-cover>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.radar-cover-lockup { position:absolute; top:5%; right:7%; width:44%; color:#171326; text-align:right; }
.radar-cover-eyebrow { display:block; color:var(--cover-accent); font-size:clamp(11px,1.6vw,20px); font-weight:850; letter-spacing:.12em; line-height:1.2; white-space:nowrap; }
.radar-cover-volume { display:block; margin-top:6px; font-size:clamp(40px,8vw,80px); font-weight:850; letter-spacing:-.065em; line-height:.9; white-space:nowrap; }
.radar-cover-volume em { color:var(--cover-accent); font-style:normal; }
.radar-cover-date { display:block; margin-top:13px; font-size:clamp(15px,3vw,30px); font-weight:850; letter-spacing:.035em; line-height:1; white-space:nowrap; }
.radar-cover-rule { display:block; width:70px; height:4px; margin:18px 0 0 auto; background:#171326; }
footer .amber-mini-bio { display:flex; align-items:center; gap:17px; max-width:560px; margin:28px auto 0; padding:17px; border:1px solid var(--line); border-radius:15px; background:#fff; text-align:left; }
.amber-mini-bio img { width:108px; height:108px; flex:none; border-radius:50%; object-fit:cover; }
.amber-mini-bio b { display:block; font-size:14px; color:var(--ink); }
.amber-mini-bio span { display:block; margin-top:2px; font-size:13px; color:var(--muted); line-height:1.45; }
.amber-mini-bio a { color:var(--primary); font-size:13px; font-weight:700; text-decoration:none; }
.amber-mini-bio a:hover { text-decoration:underline; }
@media (max-width:600px) { .hero .amber-hero-photo { height:220px; border-radius:14px; } .take .amber-take-photo { float:none; width:100%; max-width:330px; margin:4px auto 20px; } .take .amber-take-photo img { aspect-ratio:16/10; } .radar-issue-cover { width:100%; border-radius:14px; } .radar-cover-lockup { width:47%; right:6%; } .radar-cover-eyebrow { letter-spacing:.08em; } .radar-cover-date { margin-top:9px; } .radar-cover-rule { width:46px; height:3px; margin-top:12px; } .editorial-note { padding-left:50px !important; } footer .amber-mini-bio { align-items:center; } .amber-mini-bio img { width:86px; height:86px; } }