/*
Theme Name: Legitly Journal
Theme URI: https://spotfakeguide.com
Author: Legitly
Description: Editorial magazine theme for the Legitly Journal — authenticity guides that funnel readers to the Legit Check (Legitly) iOS app. Dark green + cream + gold, Playfair Display + Schibsted Grotesk. Fully responsive.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: legitly-journal
*/

/* ===== FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,600&family=Schibsted+Grotesk:wght@400;500;600;700;800&display=swap');

/* ===== TOKENS ===== */
:root{
  --green:#13362a;      /* primary dark green */
  --green-deep:#0f2c22; /* topbar / footer */
  --green-2:#1a4536;
  --cream:#f7f3ea;      /* page bg */
  --cream-2:#f4efe3;    /* masthead / cards */
  --gold:#c9972f;
  --gold-2:#d8a73d;
  --ink:#26302b;
  --ink-2:#4d5650;
  --muted:#8a8678;
  --line:rgba(19,54,42,.1);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Schibsted Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* ===== BASE ===== */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
.lj-container{max-width:1200px;margin:0 auto;padding:0 32px;}

/* screen-reader */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}

/* ===== TOP UTILITY BAR ===== */
.lj-topbar{background:var(--green-deep);color:#cfe0d6;}
.lj-topbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.lj-topbar-msg{display:flex;align-items:center;gap:10px;font:600 13.5px var(--sans);padding:8px 0;}
.lj-topbar-msg .tick{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--green-deep);font:800 11px var(--sans);flex:none;}
.lj-topbar-links{display:flex;align-items:center;gap:16px;}
.lj-topbar-links a{display:flex;align-items:center;gap:7px;font:600 13px var(--sans);color:#fff;}
.lj-topbar-links .sep{width:1px;height:16px;background:rgba(255,255,255,.18);}

/* ===== MASTHEAD ===== */
.lj-masthead{background:var(--cream-2);border-bottom:1px solid var(--line);}
.lj-masthead-inner{max-width:1200px;margin:0 auto;padding:26px 32px 0;}
.lj-masthead-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.lj-brand{display:flex;align-items:baseline;gap:12px;}
.lj-brand-name{font:600 34px var(--serif);color:var(--green);letter-spacing:-.01em;}
.lj-brand-sub{font:700 13px var(--sans);letter-spacing:.32em;color:var(--gold);}
.lj-masthead-actions{display:flex;align-items:center;gap:18px;}
.lj-search{display:flex;align-items:center;gap:9px;border:1px solid rgba(19,54,42,.16);border-radius:22px;padding:9px 15px;background:#fff;min-width:220px;}
.lj-search input{border:0;outline:0;background:transparent;font:500 13.5px var(--sans);color:var(--ink);width:100%;}
.lj-search input::placeholder{color:#9a9382;}
.lj-getapp{background:var(--green);color:var(--cream-2);border-radius:22px;padding:11px 20px;font:700 13.5px var(--sans);transition:background .15s;white-space:nowrap;}
.lj-getapp:hover{background:var(--green-2);}

/* NAV */
.lj-nav{display:flex;align-items:center;gap:30px;margin-top:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.lj-nav::-webkit-scrollbar{display:none;}
.lj-nav a{font:500 14.5px var(--sans);color:var(--ink-2);padding-bottom:14px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s;}
.lj-nav a:hover{color:var(--green);}
.lj-nav a.active{font-weight:700;color:var(--green);border-bottom-color:var(--gold);}

/* ===== BODY GRID (home) ===== */
.lj-grid{max-width:1200px;margin:0 auto;padding:44px 32px 64px;display:grid;grid-template-columns:1fr 332px;gap:56px;align-items:start;}
.lj-eyebrow{font:700 12.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}

/* FEATURED */
.lj-featured{margin-bottom:14px;}
.lj-featured .thumb{display:block;border-radius:18px;overflow:hidden;height:392px;background:#e3dcc9;}
.lj-featured .thumb img{width:100%;height:100%;object-fit:cover;}
.lj-meta{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap;}
.lj-badge{background:rgba(201,151,47,.14);color:#9a6f12;border-radius:7px;padding:5px 11px;font:700 11.5px var(--sans);letter-spacing:.04em;text-transform:uppercase;}
.lj-badge.alt{background:rgba(19,54,42,.07);color:#2f5c49;}
.lj-date{font:500 13px var(--sans);color:var(--muted);}
.lj-featured h2{font:600 40px/1.14 var(--serif);color:var(--green);margin:14px 0 0;max-width:42ch;}
.lj-featured h2 a:hover{color:#2f5c49;}
.lj-featured .dek{font:400 17.5px/1.6 var(--sans);color:var(--ink-2);margin:14px 0 0;max-width:62ch;}
.lj-readlink{font:700 14.5px var(--sans);color:var(--green);display:inline-flex;align-items:center;gap:7px;margin-top:18px;transition:gap .15s;}
.lj-readlink .arw{color:var(--gold);}
.lj-readlink:hover{gap:11px;}
.lj-rule{height:1px;background:var(--line);margin:34px 0;}

/* LIST */
.lj-list{display:flex;flex-direction:column;}
.lj-list-item{display:grid;grid-template-columns:248px 1fr;gap:26px;padding:24px 0;border-top:1px solid rgba(19,54,42,.08);align-items:start;}
.lj-list-item .thumb{display:block;border-radius:14px;overflow:hidden;height:172px;background:#e3dcc9;}
.lj-list-item .thumb img{width:100%;height:100%;object-fit:cover;}
.lj-list-item h3{font:600 25px/1.22 var(--serif);color:var(--green);margin:11px 0 0;}
.lj-list-item h3 a:hover{color:#2f5c49;}
.lj-list-item .dek{font:400 15px/1.55 var(--sans);color:#5a6058;margin:9px 0 0;max-width:64ch;}

/* PAGINATION */
.lj-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap;}
.lj-pagination a,.lj-pagination span{font:600 14px var(--sans);}
.lj-pagination .page-numbers{width:38px;height:38px;border-radius:10px;border:1px solid rgba(19,54,42,.14);display:flex;align-items:center;justify-content:center;color:var(--ink-2);}
.lj-pagination .page-numbers.current{background:var(--green);color:var(--cream-2);border-color:var(--green);font-weight:700;}
.lj-pagination .page-numbers:hover:not(.current){border-color:var(--green);}
.lj-pagination .page-numbers.dots{border:0;width:auto;color:#b3ab9a;}
.lj-pagination .prev,.lj-pagination .next{border:0;width:auto;padding:9px 8px;color:var(--green);font-weight:700;}

/* ===== SIDEBAR ===== */
.lj-aside{display:flex;flex-direction:column;gap:30px;position:sticky;top:24px;}
.lj-appcard{background:var(--green);border-radius:20px;padding:26px;color:var(--cream-2);}
.lj-appcard .kicker{font:700 11.5px var(--sans);letter-spacing:.18em;color:var(--gold);}
.lj-appcard .title{font:600 25px/1.18 var(--serif);margin-top:10px;}
.lj-appcard p{font:400 14px/1.55 var(--sans);color:#9bbcab;margin:10px 0 0;}
.lj-appcard .btns{display:flex;flex-direction:column;gap:10px;margin-top:18px;}
.lj-store-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--cream-2);color:var(--green);border-radius:12px;padding:12px;font:700 14px var(--sans);transition:background .15s;}
.lj-store-btn:hover{background:#fff;}
.lj-appcard .rating{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(244,239,227,.14);}
.lj-appcard .stars{color:var(--gold);font-size:14px;letter-spacing:1px;}
.lj-appcard .rating span:last-child{font:600 12.5px var(--sans);color:#9bbcab;}

.lj-side-head{font:700 12.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--green);padding-bottom:14px;border-bottom:2px solid var(--green);}
.lj-popular .row{display:flex;gap:14px;align-items:baseline;padding:15px 0;border-bottom:1px solid rgba(19,54,42,.08);}
.lj-popular .row:last-child{border-bottom:0;}
.lj-popular .num{font:600 22px var(--serif);color:#d8cdb5;}
.lj-popular .row a,.lj-popular .row span.t{font:600 15px/1.4 var(--sans);color:var(--ink);}
.lj-popular .row:hover{opacity:.72;}
.lj-cats .row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(19,54,42,.08);font:500 15px var(--sans);color:var(--ink);}
.lj-cats .row:last-child{border-bottom:0;}
.lj-cats .row:hover{color:var(--gold);}
.lj-cats .cnt{font:600 13px var(--sans);color:#a39b89;}
.lj-newsletter{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;}
.lj-newsletter .title{font:600 19px/1.25 var(--serif);color:var(--green);}
.lj-newsletter p{font:400 13.5px/1.5 var(--sans);color:#6b726c;margin:8px 0 16px;}
.lj-newsletter form{display:flex;flex-direction:column;gap:9px;}
.lj-newsletter input{border:1px solid rgba(19,54,42,.16);border-radius:11px;padding:11px 13px;font:500 13.5px var(--sans);color:var(--ink);outline:0;}
.lj-newsletter input::placeholder{color:#9a9382;}
.lj-newsletter button{text-align:center;background:var(--gold);color:var(--green);border:0;border-radius:11px;padding:11px;font:700 14px var(--sans);cursor:pointer;transition:background .15s;}
.lj-newsletter button:hover{background:var(--gold-2);}

/* ===== FOOTER ===== */
.lj-footer{background:var(--green-deep);color:#cfe0d6;margin-top:10px;}
.lj-footer-grid{max-width:1200px;margin:0 auto;padding:54px 32px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;}
.lj-footer .fbrand{display:flex;align-items:baseline;gap:11px;}
.lj-footer .fbrand .n{font:600 28px var(--serif);color:var(--cream-2);}
.lj-footer .fbrand .s{font:700 12px var(--sans);letter-spacing:.3em;color:var(--gold);}
.lj-footer .blurb{font:400 14.5px/1.6 var(--sans);color:#9bbcab;margin:14px 0 0;max-width:38ch;}
.lj-social{display:flex;gap:10px;margin-top:18px;}
.lj-social a{width:38px;height:38px;border-radius:10px;background:rgba(244,239,227,.1);display:flex;align-items:center;justify-content:center;font:700 14px var(--sans);color:var(--cream-2);transition:background .15s;}
.lj-social a:hover{background:rgba(244,239,227,.2);}
.lj-fcol-head{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.lj-fcol-links{display:flex;flex-direction:column;gap:11px;margin-top:16px;font:500 14.5px var(--sans);color:#9bbcab;}
.lj-fcol-links a:hover{color:#fff;}
.lj-footer .fapp p{font:400 14px/1.55 var(--sans);color:#9bbcab;margin:16px 0 14px;}
.lj-footer .fapp .btns{display:flex;flex-direction:column;gap:9px;}
.lj-footer-store{display:flex;align-items:center;gap:9px;background:var(--cream-2);color:var(--green);border-radius:11px;padding:10px 14px;font:700 13.5px var(--sans);transition:background .15s;}
.lj-footer-store:hover{background:#fff;}
.lj-footer-bottom{max-width:1200px;margin:0 auto;padding:0 32px;}
.lj-footer-bottom .inner{margin-top:44px;padding:22px 0;border-top:1px solid rgba(244,239,227,.12);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.lj-footer-bottom .copy{font:500 13px var(--sans);color:#7d978a;max-width:70ch;}
.lj-footer-bottom .legal{display:flex;gap:20px;font:500 13px var(--sans);color:#9bbcab;}
.lj-footer-bottom .legal a:hover{color:#fff;}

/* ===== STICKY CTA ===== */
.lj-sticky-cta{position:fixed;right:30px;bottom:30px;z-index:90;display:flex;align-items:center;gap:11px;background:var(--gold);color:var(--green);border-radius:32px;padding:16px 26px;font:800 15.5px var(--sans);box-shadow:0 18px 38px -10px rgba(15,44,34,.55);border:1px solid rgba(19,54,42,.12);transition:background .15s;}
.lj-sticky-cta:hover{background:var(--gold-2);}

/* ===== DESKTOP QR CARD (bottom-right) ===== */
.lj-qr-card{position:fixed;right:30px;bottom:30px;z-index:90;width:186px;background:#fff;border:1px solid rgba(19,54,42,.1);border-radius:20px;padding:16px 16px 14px;text-align:center;box-shadow:0 18px 40px -14px rgba(15,44,34,.42);}
.lj-qr-img{width:132px;height:132px;display:block;margin:0 auto 10px;border-radius:8px;}
.lj-qr-title{font:700 15px var(--sans);color:var(--green);}
.lj-qr-sub{font:500 12px/1.35 var(--sans);color:var(--muted);margin-top:3px;}
.lj-qr-badge{display:inline-flex;align-items:center;gap:6px;margin-top:11px;background:var(--green);color:#fff;border-radius:999px;padding:5px 13px;font:800 11px var(--sans);letter-spacing:.06em;}
.lj-qr-stars{color:var(--gold);letter-spacing:1px;font-size:10px;}
/* desktop (>820px): show QR, hide the mobile sticky button */
@media (min-width:821px){ .lj-sticky-cta{display:none!important;} }
/* mobile (<=820px): show sticky button, hide QR card */
@media (max-width:820px){ .lj-qr-card{display:none!important;} }

/* ===== MOBILE APP-INSTALL ALERT (mobile only, JS-triggered) ===== */
.lj-appbanner-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,44,34,.5);display:none;align-items:flex-end;padding:12px;}
.lj-appbanner-overlay.is-open{display:flex;}
.lj-appbanner{width:100%;background:#fff;border-radius:22px;padding:18px 18px 16px;box-shadow:0 -8px 44px rgba(0,0,0,.28);animation:lj-ab-up .28s ease;}
@keyframes lj-ab-up{from{transform:translateY(34px);opacity:.3;}to{transform:translateY(0);opacity:1;}}
.lj-ab-top{display:flex;gap:14px;align-items:center;}
.lj-ab-icon{width:56px;height:56px;border-radius:14px;flex:none;}
.lj-ab-name{font:700 18px var(--sans);color:var(--green);display:flex;align-items:center;gap:8px;}
.lj-ab-stars{color:var(--gold);font-size:13px;letter-spacing:1px;}
.lj-ab-sub{font:500 14px var(--sans);color:var(--ink-2);margin-top:3px;}
.lj-ab-free{font:600 13px var(--sans);color:var(--muted);margin-top:2px;}
.lj-ab-actions{display:flex;gap:12px;margin-top:16px;}
.lj-ab-btn{flex:1;text-align:center;padding:14px;border-radius:14px;font:700 15px var(--sans);cursor:pointer;text-decoration:none;}
.lj-ab-dismiss{background:#fff;border:1.5px solid rgba(19,54,42,.22);color:var(--ink);}
.lj-ab-cta{background:var(--green);color:var(--cream-2);border:1.5px solid var(--green);}
@media (min-width:821px){ .lj-appbanner-overlay{display:none!important;} }

/* ===== ARTICLE ===== */
.lj-breadcrumb{max-width:1200px;margin:0 auto;padding:26px 32px 0;font:500 13px var(--sans);color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.lj-breadcrumb .chev{color:#c2bbac;}
.lj-breadcrumb a:hover{color:var(--green);}
.lj-breadcrumb .cur{color:#b3ab9a;}
.lj-article-header{max-width:820px;margin:0 auto;padding:26px 32px 0;text-align:center;}
.lj-article-header .cat{display:inline-block;background:rgba(201,151,47,.14);color:#9a6f12;border-radius:7px;padding:6px 13px;font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;}
.lj-article-header h1{font:600 50px/1.12 var(--serif);color:var(--green);margin:20px 0 0;letter-spacing:-.01em;}
.lj-article-header .dek{font:400 20px/1.6 var(--sans);color:#5a6058;margin:18px auto 0;max-width:60ch;}
.lj-byline{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;flex-wrap:wrap;}
.lj-byline .who{display:flex;align-items:center;gap:11px;}
.lj-avatar{width:44px;height:44px;border-radius:50%;background:var(--green);color:var(--cream-2);display:flex;align-items:center;justify-content:center;font:700 15px var(--sans);flex:none;}
.lj-byline .who .n{font:700 14px var(--sans);color:var(--ink);text-align:left;}
.lj-byline .who .d{font:500 12.5px var(--sans);color:var(--muted);text-align:left;}
.lj-byline .vsep{width:1px;height:30px;background:rgba(19,54,42,.12);}
.lj-share{display:flex;align-items:center;gap:8px;}
.lj-share a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(19,54,42,.16);display:flex;align-items:center;justify-content:center;transition:border-color .15s;}
.lj-share a:hover{border-color:var(--green);}
.lj-hero{max-width:1080px;margin:34px auto 0;padding:0 32px;}
.lj-hero .frame{border-radius:20px;overflow:hidden;height:520px;background:#e3dcc9;}
.lj-hero .frame img{width:100%;height:100%;object-fit:cover;}
.lj-hero figcaption{font:500 13px var(--sans);color:var(--muted);text-align:center;margin-top:12px;}

.lj-article-grid{max-width:1120px;margin:0 auto;padding:44px 32px 60px;display:grid;grid-template-columns:minmax(0,700px) 300px;gap:56px;justify-content:center;align-items:start;}

/* article body typography */
.lj-article-body p{font:400 18px/1.78 var(--sans);color:#36403a;margin:0 0 22px;}
.lj-article-body p.intro{font:400 21px/1.7 var(--sans);color:#2a322d;}
.lj-article-body h2{font:600 29px/1.3 var(--serif);color:var(--green);margin:42px 0 16px;scroll-margin-top:24px;}
.lj-article-body h3{font:600 20px var(--serif);color:var(--green);margin:30px 0 12px;}
.lj-article-body strong{color:#1d241f;font-weight:700;}
.lj-article-body a{color:#256048;text-decoration:underline;text-underline-offset:2px;}
.lj-article-body ul,.lj-article-body ol{font:400 18px/1.78 var(--sans);color:#36403a;margin:0 0 22px;padding-left:22px;}
.lj-article-body li{margin:0 0 8px;}
.lj-article-body img{border-radius:14px;margin:8px 0;}
.lj-article-body figure{margin:30px 0;}
.lj-article-body figcaption{font:500 13px var(--sans);color:var(--muted);margin-top:10px;text-align:center;}
.lj-article-body blockquote{margin:30px 0;padding:6px 0 6px 26px;border-left:4px solid var(--gold);}
.lj-article-body blockquote p{font:600 24px/1.45 var(--serif)!important;color:var(--green)!important;font-style:italic;margin:0!important;}

/* content boxes (used inside post HTML) */
.lj-realfake{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0;}
.lj-genuine{background:rgba(47,125,91,.08);border:1px solid rgba(47,125,91,.25);border-radius:16px;padding:20px;}
.lj-fakebox{background:rgba(168,67,47,.07);border:1px solid rgba(168,67,47,.25);border-radius:16px;padding:20px;}
.lj-rf-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;font:700 14px var(--sans);}
.lj-rf-head .ic{width:24px;height:24px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px var(--sans);flex:none;}
.lj-genuine .ic{background:#2f7d5b;}
.lj-genuine .lbl{color:#256048;}
.lj-fakebox .ic{background:#a8432f;}
.lj-fakebox .lbl{color:#8c3a28;}
.lj-rf-list{display:flex;flex-direction:column;gap:9px;font:500 14px/1.45 var(--sans);}
.lj-genuine .lj-rf-list{color:#35453c;}
.lj-fakebox .lj-rf-list{color:#5a4540;}

.lj-incta{background:var(--green);border-radius:18px;padding:26px 28px;margin:32px 0;display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.lj-incta .txt{flex:1;min-width:220px;}
.lj-incta .txt .h{font:600 22px/1.25 var(--serif);color:var(--cream-2);}
.lj-incta .txt p{font:400 14.5px/1.55 var(--sans)!important;color:#9bbcab!important;margin:7px 0 0!important;}
.lj-incta .btn{flex:none;display:flex;align-items:center;gap:9px;background:var(--gold);color:var(--green);border-radius:12px;padding:13px 20px;font:700 14.5px var(--sans);transition:background .15s;}
.lj-incta .btn:hover{background:var(--gold-2);}

.lj-tip{background:var(--cream-2);border:1px solid rgba(201,151,47,.35);border-radius:16px;padding:20px 22px;margin:30px 0;display:flex;gap:14px;}
.lj-tip .ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--green);display:flex;align-items:center;justify-content:center;font:700 15px var(--serif);font-style:italic;}
.lj-tip .h{font:700 14.5px var(--sans);color:var(--green);}
.lj-tip .b{font:400 14.5px/1.55 var(--sans);color:var(--ink-2);}

.lj-checklist{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:32px 0;}
.lj-checklist .h{font:600 19px var(--serif);color:var(--green);margin-bottom:14px;}
.lj-checklist .items{display:flex;flex-direction:column;gap:11px;}
.lj-checklist .item{display:flex;gap:11px;align-items:center;}
.lj-checklist .n{flex:none;width:22px;height:22px;border-radius:6px;background:rgba(19,54,42,.07);color:var(--green);display:flex;align-items:center;justify-content:center;font:700 12px var(--sans);}
.lj-checklist .t{font:500 14.5px var(--sans);color:#35453c;}

.lj-faq{display:flex;flex-direction:column;}
.lj-faq .q{padding:18px 0;border-bottom:1px solid var(--line);}
.lj-faq .q .qq{font:700 16.5px var(--sans);color:var(--green);}
.lj-faq .q .aa{font:400 15.5px/1.7 var(--sans);color:#36403a;margin:8px 0 0;}

.lj-disclaimer{font:400 13px/1.6 var(--sans)!important;color:#9a9382!important;margin-top:24px!important;}
.lj-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.lj-tags a{background:rgba(19,54,42,.06);border-radius:9px;padding:7px 13px;font:600 13px var(--sans);color:var(--ink-2);}
.lj-tags a:hover{background:rgba(19,54,42,.12);}
.lj-author-bio{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:34px;}
.lj-author-bio .av{flex:none;width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--cream-2);display:flex;align-items:center;justify-content:center;font:700 19px var(--sans);}
.lj-author-bio .n{font:700 16px var(--sans);color:var(--green);}
.lj-author-bio p{font:400 14.5px/1.55 var(--sans);color:#5a6058;margin:6px 0 0;}

/* article rail */
.lj-rail{display:flex;flex-direction:column;gap:24px;position:sticky;top:24px;}
.lj-toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;}
.lj-toc .head{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.lj-toc a{display:block;font:500 14px/1.35 var(--sans);color:#5a6058;padding:8px 0 8px 13px;border-left:2px solid transparent;}
.lj-toc a:hover,.lj-toc a.active{color:var(--gold);border-left-color:var(--gold);font-weight:600;}
.lj-rail .lj-appcard .title{font:600 22px/1.2 var(--serif);}

/* related */
.lj-related{border-top:1px solid var(--line);background:var(--cream-2);}
.lj-related .inner{max-width:1120px;margin:0 auto;padding:48px 32px 56px;}
.lj-related .ey{font:700 12.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;}
.lj-related .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.lj-related .card .thumb{border-radius:14px;overflow:hidden;height:200px;background:#e3dcc9;}
.lj-related .card .thumb img{width:100%;height:100%;object-fit:cover;}
.lj-related .card .k{font:700 11px var(--sans);letter-spacing:.06em;color:#9a6f12;margin-top:14px;text-transform:uppercase;}
.lj-related .card .t{font:600 20px/1.25 var(--serif);color:var(--green);margin-top:7px;}
.lj-related .card:hover .t{color:#2f5c49;}

/* generic page */
.lj-page{max-width:820px;margin:0 auto;padding:44px 32px 60px;}
.lj-page h1{font:600 44px/1.12 var(--serif);color:var(--green);margin:0 0 24px;}
.lj-page .lj-article-body{max-width:none;}

/* archive header */
.lj-archive-head{max-width:1200px;margin:0 auto;padding:40px 32px 0;}
.lj-archive-head h1{font:600 40px/1.1 var(--serif);color:var(--green);margin:0;}
.lj-archive-head p{font:400 16px/1.6 var(--sans);color:var(--ink-2);margin:10px 0 0;max-width:60ch;}

/* ===== RESPONSIVE ===== */
@media (max-width:1100px){
  .lj-grid{grid-template-columns:1fr;gap:44px;}
  .lj-aside{position:static;flex-direction:row;flex-wrap:wrap;}
  .lj-aside > *{flex:1 1 260px;}
  .lj-article-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
  .lj-rail{position:static;flex-direction:row;flex-wrap:wrap;}
  .lj-rail > *{flex:1 1 260px;}
  .lj-footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media (max-width:820px){
  .lj-container,.lj-topbar-inner,.lj-masthead-inner,.lj-grid,.lj-footer-grid,.lj-footer-bottom,.lj-breadcrumb,.lj-article-header,.lj-hero,.lj-article-grid,.lj-related .inner,.lj-page,.lj-archive-head{padding-left:20px;padding-right:20px;}
  .lj-topbar{display:none;}
  .lj-masthead-actions{width:100%;}
  .lj-search{flex:1;min-width:0;}
  .lj-featured .thumb{height:230px;}
  .lj-featured h2{font-size:30px;}
  .lj-list-item{grid-template-columns:1fr;gap:14px;}
  .lj-list-item .thumb{height:200px;}
  .lj-article-header h1{font-size:34px;}
  .lj-article-header .dek{font-size:17px;}
  .lj-hero .frame{height:280px;}
  .lj-realfake{grid-template-columns:1fr;}
  .lj-related .cards{grid-template-columns:1fr;}
  .lj-incta{flex-direction:column;align-items:flex-start;}
  .lj-footer-grid{grid-template-columns:1fr;}
  .lj-sticky-cta{right:16px;bottom:16px;padding:13px 20px;font-size:14px;}
  .lj-aside > *,.lj-rail > *{flex:1 1 100%;}
}
@media (max-width:520px){
  .lj-brand-name{font-size:28px;}
  .lj-featured h2{font-size:26px;}
  .lj-article-header h1{font-size:28px;}
}