/* Archemap — shared styles for Sample Report + Methodology pages */

:root{
  --cream:#fbf8f1; --cream-2:#efe6d4;
  --ink:#1c1a17; --ink-soft:#33302b; --muted:#5b564e; --muted-2:#6b6459; --faint:#8a857c;
  --gold:#cf9526; --gold-deep:#b07d18;
  --violet:#5a3cf0; --violet-2:#6a4bd0; --violet-soft:#7a5fd0;
  --pink:#c23a6b; --green:#1f8a5b;
  --night:#160f29; --night-2:#2a1f47;
  --sans:'Figtree',system-ui,sans-serif;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',monospace;
  --shadow-card:0 12px 30px rgba(40,30,70,.05);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{background:var(--cream-2);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
::selection{background:var(--violet);color:#fff}

@keyframes glowpulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.82;transform:scale(1.07)}}

/* ---------- color + spacing utilities ---------- */
.t-gold{color:var(--gold-deep)} .t-gold-bright{color:var(--gold)}
.t-violet{color:var(--violet)} .t-violet2{color:var(--violet-2)} .t-violet-soft{color:var(--violet-soft)}
.t-pink{color:var(--pink)} .t-green{color:var(--green)}
.bg-gold{background:var(--gold)} .bg-violet{background:var(--violet)} .bg-violet2{background:var(--violet-2)} .bg-pink{background:var(--pink)}
.center{text-align:center}
.mt-1{margin-top:clamp(24px,4vw,40px)}
.mt-2{margin-top:clamp(40px,6vw,70px)}
.mt-3{margin-top:clamp(46px,7vw,84px)}
.mt-4{margin-top:clamp(50px,8vw,92px)}

/* ---------- page shell + decorative blobs ---------- */
.page{position:relative;overflow-x:hidden}
.page--sample{background:linear-gradient(180deg,#efe6d4 0%,#f4eee1 30%,#efe9f1 74%,#e6e0f2 100%)}
.page--method{background:linear-gradient(180deg,#efe6d4 0%,#f4eee1 32%,#f1ece2 70%,#ece6da 100%)}
.blob{position:absolute;border-radius:999px;z-index:0;pointer-events:none}
.blob-sample-1{top:-150px;left:-120px;width:470px;height:470px;background:radial-gradient(circle,rgba(207,149,38,.26),transparent 68%);filter:blur(46px);animation:glowpulse 10s ease-in-out infinite}
.blob-sample-2{top:80px;right:-130px;width:470px;height:470px;background:radial-gradient(circle,rgba(120,80,220,.2),transparent 68%);filter:blur(48px);animation:glowpulse 13s ease-in-out infinite 1.5s}
.blob-method-1{top:-150px;right:-120px;width:470px;height:470px;background:radial-gradient(circle,rgba(120,80,220,.18),transparent 68%);filter:blur(48px);animation:glowpulse 12s ease-in-out infinite}
.blob-method-2{top:40px;left:-130px;width:430px;height:430px;background:radial-gradient(circle,rgba(207,149,38,.2),transparent 68%);filter:blur(46px);animation:glowpulse 15s ease-in-out infinite 1.5s}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:40;background:rgba(250,247,241,.8);backdrop-filter:blur(14px);border-bottom:1px solid rgba(40,30,70,.06)}
.nav__inner{max-width:1140px;margin:0 auto;padding:14px clamp(18px,4vw,36px);display:flex;align-items:center;justify-content:space-between}
.nav__brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.nav__name{font-family:var(--serif);font-weight:600;font-size:20px}
.nav__links{display:flex;align-items:center;gap:clamp(16px,2vw,28px);font-size:15px;font-weight:500;color:#3a352e}
.nav__link{text-decoration:none;color:#3a352e}
@media(max-width:760px){.nav__links{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:600;text-decoration:none;border-radius:13px;border:none;cursor:pointer;font-size:17px;padding:17px 30px;transition:transform .25s ease,box-shadow .25s ease}
.btn:hover{transform:translateY(-3px)}
.btn--primary{background:var(--violet);color:#fff;box-shadow:0 14px 32px rgba(90,60,240,.34)}
.btn--primary:hover{box-shadow:0 20px 44px rgba(90,60,240,.48)}
.btn--ghost{background:rgba(255,255,255,.7);color:var(--ink);border:1px solid rgba(40,30,70,.12)}
.btn--sm{font-size:16px;padding:15px 26px}
.btn--nav{font-size:15px;padding:10px 19px;border-radius:10px;background:var(--violet);color:#fff;box-shadow:0 8px 20px rgba(90,60,240,.25)}
.btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:28px}

/* ---------- generic sections + type ---------- */
.sec{position:relative;z-index:2;margin:0 auto;padding:0 clamp(20px,4vw,36px)}
.w-760{max-width:760px}.w-820{max-width:820px}.w-840{max-width:840px}.w-880{max-width:880px}
.w-920{max-width:920px}.w-940{max-width:940px}.w-1080{max-width:1080px}
.hero{position:relative;z-index:2;margin:0 auto;text-align:center;padding:clamp(40px,7vw,78px) clamp(20px,4vw,36px) clamp(14px,3vw,24px)}
.head{max-width:600px;margin:0 auto;text-align:center}
.head--640{max-width:640px}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-soft)}
.eyebrow--gold{color:var(--gold-deep);letter-spacing:.14em}
.eyebrow--section{letter-spacing:.14em}
.h1{font-family:var(--serif);font-weight:600;font-size:clamp(36px,7vw,62px);line-height:1.05;letter-spacing:-.02em;margin:16px 0 0;color:var(--ink);text-wrap:balance}
.h1--method{font-size:clamp(34px,6.4vw,58px)}
.h2{font-family:var(--serif);font-weight:600;font-size:clamp(27px,4.4vw,40px);letter-spacing:-.01em;margin:14px 0 0;color:var(--ink);text-wrap:balance}
.lead{font-size:clamp(17px,2.4vw,21px);line-height:1.6;color:#4f4a42;margin:20px auto 0;max-width:620px;text-wrap:pretty}
.sub{font-size:16px;line-height:1.65;color:var(--muted);margin:13px auto 0;max-width:520px}
.hero-note{font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:22px}

/* ---------- trust strip ---------- */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.trust-card{background:rgba(255,255,255,.66);border:1px solid rgba(40,30,70,.08);border-radius:16px;padding:18px 20px}
.trust-card__h{display:flex;align-items:center;gap:9px}
.trust-card__glyph{flex:none;font-size:16px}
.trust-card__title{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink)}
.trust-card__note{font-size:13.5px;line-height:1.5;color:var(--muted-2);margin:7px 0 0}

/* ---------- quote / how to read ---------- */
.quote-card{position:relative;overflow:hidden;background:linear-gradient(165deg,#fff,#f7f2ff);border:1px solid rgba(90,60,240,.16);border-radius:22px;padding:clamp(26px,4vw,42px);box-shadow:0 16px 40px rgba(90,60,240,.06)}
.quote-card__mark{font-family:var(--serif);font-size:72px;line-height:.5;color:var(--gold);margin:0 0 0 -4px;height:34px}
.quote-card__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-soft);margin-top:6px}
.quote-card__p{font-family:var(--serif);font-size:clamp(19px,2.6vw,25px);line-height:1.4;color:var(--ink-soft);margin:12px 0 0;text-wrap:pretty}

/* ---------- screenshot frames ---------- */
.frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:26px;margin-top:38px;align-items:start}
@media(max-width:520px){.frames{grid-template-columns:1fr}}
.frame{border-radius:16px;overflow:hidden;box-shadow:0 24px 54px rgba(40,30,70,.16);border:1px solid var(--frame-border,rgba(40,30,70,.08))}
.frame--dark{box-shadow:0 24px 54px rgba(20,10,40,.3);--accent:#d6557f;--frame-bg:linear-gradient(160deg,#2a1f47,#160f29);--bar-bg:#241a3e;--bar-border:rgba(155,134,230,.16);--url:#8d83b3;--title:#fff;--text:#d8d2ec;--sublead:#bdb2e0;--frame-border:rgba(155,134,230,.2)}
.frame--cream{--accent:#b07d18;--frame-bg:linear-gradient(165deg,#fbf4e3,#f6efe0);--bar-bg:#efe6d2;--url:#9a9183;--frame-border:rgba(207,149,38,.18)}
.frame--pink{--accent:#c23a6b;--frame-bg:linear-gradient(165deg,#fff,#fbf1f4);--bar-bg:#efe1e6;--url:#a38690;--frame-border:rgba(194,58,107,.16)}
.frame--green{--accent:#1f8a5b;--frame-bg:linear-gradient(165deg,#fff,#f1f7f3);--bar-bg:#e3ece6;--url:#8a9990;--frame-border:rgba(31,138,91,.18)}
.frame__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--bar-bg);border-bottom:1px solid var(--bar-border,rgba(40,30,70,.08))}
.dot{width:11px;height:11px;border-radius:999px}
.dot--r{background:#e0675f}.dot--y{background:#e6b04a}.dot--g{background:#5fb87f}
.frame__url{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--url,#9a9183)}
.frame__body{padding:28px;background:var(--frame-bg)}
.frame__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.frame__title{font-family:var(--serif);font-weight:600;font-size:25px;line-height:1.12;margin:13px 0 0;color:var(--title,var(--ink))}
.frame__title--xl{font-size:30px;line-height:1;margin-top:14px}
.frame__sublead{font-size:14px;margin:7px 0 0;color:var(--sublead,#7a6f57)}
.frame__sub{font-family:var(--serif);font-style:italic;font-size:15px;color:#7a5160;margin:8px 0 0}
.frame__p{font-size:15px;line-height:1.65;color:var(--text,var(--ink-soft));margin:14px 0 0}
.frame-cap{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:center;margin-top:13px}

/* shadow facet cards (inside dark frame) */
.sh-stack{display:flex;flex-direction:column;gap:11px;margin-top:20px}
.sh-card{background:rgba(255,255,255,.04);border:1px solid rgba(155,134,230,.18);border-radius:12px;padding:16px 18px}
.sh-card__h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.sh-card__t{font-size:14.5px;line-height:1.6;color:var(--text)}

/* stress steps (inside cream frame) */
.steps{display:flex;flex-direction:column;gap:0;margin-top:18px}
.step{display:flex;gap:13px;align-items:flex-start}
.step__rail{flex:none;display:flex;flex-direction:column;align-items:center;align-self:stretch}
.step__num{width:30px;height:30px;border-radius:999px;color:#fff;font-family:var(--mono);font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center}
.step__line{flex:1;width:2px;background:rgba(176,125,24,.3);margin:4px 0;min-height:12px}
.step__body{flex:1;min-width:0;padding-bottom:14px}
.step__h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.step__t{font-size:14px;line-height:1.55;color:var(--ink-soft);margin-top:3px}
.loop-end{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--violet);margin-top:4px}

/* blind-spot blocks (inside pink frame) */
.bs{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.bs__h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.bs__t{font-size:14.5px;line-height:1.6;color:var(--ink-soft)}

/* insight rows (inside green frame) */
.ins{display:flex;flex-direction:column;gap:0;margin-top:14px}
.ins__row{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-top:1px solid rgba(31,138,91,.14)}
.ins__n{flex:none;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent)}
.ins__t{font-family:var(--serif);font-size:16px;line-height:1.45;color:var(--ink);margin:0}

/* gallery closing */
.gallery-note{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,23px);line-height:1.4;color:var(--muted);max-width:580px;margin:0 auto 22px;text-wrap:pretty}

/* ---------- table of contents (sample) ---------- */
.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:34px}
.toc-card{display:flex;gap:14px;background:#fff;border:1px solid rgba(40,30,70,.07);border-radius:15px;padding:18px;box-shadow:var(--shadow-card)}
.toc-card__num{flex:none;font-family:var(--mono);font-size:13px;font-weight:600;padding-top:2px}
.toc-card__title{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink);line-height:1.2}
.toc-card__text{font-size:13.5px;line-height:1.5;color:var(--muted-2);margin:5px 0 0}

/* ---------- specs ---------- */
.specs-wrap{background:#fff;border:1px solid rgba(40,30,70,.08);border-radius:22px;padding:clamp(24px,3.5vw,38px);box-shadow:0 16px 40px rgba(40,30,70,.06)}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px}
.spec__label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.spec__value{font-family:var(--serif);font-weight:600;font-size:clamp(22px,3vw,28px);color:var(--ink);margin-top:6px}
.spec__note{font-size:13px;color:var(--muted-2);margin-top:3px}
.fineprint{font-size:13.5px;line-height:1.6;color:var(--faint);margin:16px 6px 0;text-align:center}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.faq__item{background:#fff;border:1px solid rgba(40,30,70,.08);border-radius:16px;overflow:hidden}
.faq__q{cursor:pointer;width:100%;text-align:left;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-family:var(--sans);font-size:clamp(16px,2vw,18px);font-weight:600;color:var(--ink)}
.faq__icon{flex:none;font-size:22px;color:var(--violet);transition:transform .25s ease}
.faq__item.open .faq__icon{transform:rotate(45deg)}
.faq__a{padding:0 22px 22px;font-size:16px;line-height:1.65;color:var(--muted)}
.faq__item:not(.open) .faq__a{display:none}

/* ---------- bottom CTA ---------- */
.cta{max-width:760px;margin:0 auto;text-align:center;position:relative;z-index:2;padding:0 clamp(20px,4vw,36px) clamp(20px,3vw,30px)}
.cta__title{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5vw,46px);line-height:1.07;letter-spacing:-.015em;margin:0;color:var(--ink)}
.cta__p{font-size:clamp(16px,2vw,18px);line-height:1.6;color:var(--muted);margin:16px auto 0;max-width:480px}

/* ---------- footer ---------- */
.footer{position:relative;z-index:2;background:#1a1430;padding:clamp(40px,6vw,60px) 0 36px;margin-top:clamp(50px,7vw,84px)}
.footer__inner{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,36px)}
.footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.footer__about{flex:1 1 240px;max-width:320px}
.footer__brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.footer__name{font-family:var(--serif);font-weight:600;font-size:19px;color:#fff}
.footer__desc{font-size:14px;line-height:1.6;color:#9a90c0;margin:14px 0 0}
.footer__cols{display:flex;gap:clamp(36px,6vw,72px);flex-wrap:wrap}
.footer__h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6d6491;margin-bottom:14px}
.footer__links{display:flex;flex-direction:column;gap:11px;font-size:14.5px}
.footer__links a{color:#c2b9de;text-decoration:none}
.footer__bar{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#7d749e}

/* ---------- methodology layout ---------- */
.mt-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(28px,4vw,56px);max-width:1080px;margin:0 auto;padding:clamp(24px,4vw,44px) clamp(20px,4vw,36px) clamp(20px,3vw,30px);position:relative;z-index:2}
.mt-toc{position:sticky;top:90px;align-self:start}
@media(max-width:860px){.mt-grid{grid-template-columns:1fr}.mt-toc{display:none}}
.mt-toc__h{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a948a;padding:0 0 12px 2px}
.mt-toc__nav{display:flex;flex-direction:column;gap:2px}
.mt-toc__link{font-size:14px;color:var(--muted);text-decoration:none;padding:7px 10px;border-radius:8px;border-left:2px solid rgba(40,30,70,.1)}
.mt-toc__link:hover{background:rgba(90,60,240,.06);color:var(--ink)}
.mt-main{min-width:0;display:flex;flex-direction:column;gap:clamp(40px,6vw,64px)}
.mt-sec{scroll-margin-top:80px}
.sec-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.mt-h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4vw,38px);letter-spacing:-.01em;margin:12px 0 0;color:var(--ink);text-wrap:balance}
.mt-p{font-size:clamp(16px,2vw,18px);line-height:1.7;color:var(--ink-soft);margin:16px 0 0;max-width:660px}

/* model cards */
.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:26px}
.model-card{border-radius:18px;padding:24px}
.model-card--sun{background:linear-gradient(165deg,#fff,#faf2df);border:1px solid rgba(207,149,38,.22)}
.model-card--moon{background:linear-gradient(160deg,#2a1f47,#160f29);border:1px solid rgba(155,134,230,.2)}
.model-card__h{display:flex;align-items:center;gap:10px}
.model-card__glyph{font-size:20px}
.model-card__title{font-family:var(--serif);font-weight:600;font-size:21px}
.model-card--sun .model-card__title{color:var(--ink)}
.model-card--moon .model-card__title{color:#fff}
.model-card__p{font-size:15.5px;line-height:1.6;margin:12px 0 0}
.model-card--sun .model-card__p{color:var(--ink-soft)}
.model-card--moon .model-card__p{color:#d8d2ec}

/* scoring steps */
.msteps{display:flex;flex-direction:column;gap:0;margin-top:26px}
.mstep{display:flex;gap:18px;align-items:flex-start}
.mstep__rail{flex:none;display:flex;flex-direction:column;align-items:center;align-self:stretch}
.mstep__num{width:40px;height:40px;border-radius:999px;color:#fff;font-family:var(--mono);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center}
.mstep__line{flex:1;width:2px;background:linear-gradient(180deg,rgba(207,149,38,.4),rgba(90,60,240,.35));margin:6px 0;min-height:16px}
.mstep__card{flex:1;min-width:0;background:#fff;border:1px solid rgba(40,30,70,.07);border-radius:16px;padding:18px 22px;margin-bottom:14px;box-shadow:var(--shadow-card)}
.mstep__title{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink)}
.mstep__t{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:6px 0 0}

/* numbers */
.num-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}
.num-card{background:rgba(255,255,255,.7);border-radius:16px;padding:20px 22px}
.num-card--gold{border:1px solid rgba(207,149,38,.22)}
.num-card--violet{border:1px solid rgba(90,60,240,.2)}
.num-card--green{border:1px solid rgba(31,138,91,.22)}
.num-card__label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.num-card__t{font-size:15px;line-height:1.55;color:var(--ink-soft);margin:0}

/* limits panel */
.limits{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,#2a1f47,#160f29);border:1px solid rgba(155,134,230,.2);padding:clamp(26px,4vw,42px);box-shadow:0 24px 56px rgba(20,10,40,.3)}
.limits__blob{position:absolute;top:-70px;right:-50px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(155,134,230,.26),transparent 64%);filter:blur(42px);pointer-events:none}
.limits__body{position:relative;z-index:1}
.limits__eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9b86e6}
.limits__h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4vw,38px);letter-spacing:-.01em;margin:12px 0 0;color:#fff;text-wrap:balance}
.limits__lead{font-size:clamp(16px,2vw,18px);line-height:1.7;color:#d8d2ec;margin:14px 0 0;max-width:620px}
.limits__list{display:flex;flex-direction:column;gap:0;margin-top:22px}
.limit{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}
.limit__glyph{flex:none;color:#9b86e6;font-size:18px;margin-top:1px}
.limit__title{font-size:16px;font-weight:600;color:#fff}
.limit__t{font-size:15px;line-height:1.6;color:#cabfe6;margin:5px 0 0}

/* data cards */
.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:24px}
.data-card{background:#fff;border:1px solid rgba(40,30,70,.07);border-radius:16px;padding:22px;box-shadow:var(--shadow-card)}
.data-card__h{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.data-card__chip{flex:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}
.chip--green{background:rgba(31,138,91,.14);color:var(--green)}
.chip--violet{background:rgba(90,60,240,.12);color:var(--violet)}
.chip--pink{background:rgba(194,58,107,.12);color:var(--pink)}
.chip--gold{background:rgba(207,149,38,.14);color:var(--gold-deep)}
.data-card__label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.data-card__t{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}

/* sources */
.sources{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.source{display:flex;gap:16px;align-items:baseline;background:#fff;border:1px solid rgba(40,30,70,.07);border-radius:14px;padding:16px 20px;box-shadow:0 8px 20px rgba(40,30,70,.04)}
.source__year{flex:none;font-family:var(--mono);font-size:12px;color:var(--gold-deep)}
.source__title{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--ink)}
.source__author{font-size:14.5px;color:var(--muted-2)}
