:root{
  --navy:#10233F; --gold:#C9A44C;
  --bg:#F6F3EC; --card:#FFFFFF; --ink:#10233F; --muted:#4A5568; --line:#DED7C6;
  --display:'DM Serif Display', Georgia, serif; --body:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{--bg:#0B1729;--card:#12233D;--ink:#ECE7DA;--muted:#B7C0CE;--line:#26385A;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
img{max-width:100%}
a{color:inherit}
.band{background:var(--navy);color:#F6F3EC;padding:32px max(16px, env(safe-area-inset-right)) 36px max(16px, env(safe-area-inset-left))}
.wrap{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#F6F3EC}
.brand b{font-family:var(--display);font-weight:400;font-size:clamp(28px,6vw,42px);line-height:1}
.brand b span{color:var(--gold)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C8CFDA;margin:0}
.lead{margin:0;color:#DCE1E9;max-width:60ch}
.author{margin:0;font-size:14px;color:#AEB8C7}
h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(28px,5vw,42px);line-height:1.12;text-wrap:balance}
main{padding:32px max(16px, env(safe-area-inset-right)) 56px max(16px, env(safe-area-inset-left))}
h2{font-family:var(--display);font-weight:400;font-size:28px;margin:8px 0 0;text-wrap:balance}
.count,.note{color:var(--muted);font-size:14px;margin:0}
.list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:20px}
.pub{display:grid;grid-template-columns:200px 1fr;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.pub img{width:100%;height:auto;border-radius:6px;display:block;border:1px solid var(--line)}
.body{min-width:0;display:flex;flex-direction:column;gap:10px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--gold);color:var(--navy)}
.tag.o{background:transparent;border:1px solid var(--line);color:var(--muted)}
.pub h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,3.4vw,27px);line-height:1.18;margin:0;text-wrap:balance}
.pub h3 a{text-decoration:none}
.date{font-size:14px;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}
.pub ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px;display:flex;flex-direction:column;gap:4px}
.pub ul strong{color:var(--ink)}
.cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--navy);color:#F6F3EC;font-weight:800;text-decoration:none;padding:12px 20px;border-radius:8px;min-height:44px}
.cta.gold{background:var(--gold);color:var(--navy)}
@media (prefers-color-scheme: dark){.cta{background:var(--gold);color:var(--navy)}}
.cta:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.soon{border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);font-size:15px;margin:0}
.foot{color:var(--muted);font-size:13px;margin:0;max-width:70ch}
.back{color:#C8CFDA;font-size:14px;font-weight:700;text-decoration:none}
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.points li{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px 16px;min-width:0}
.points strong{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.pages{display:flex;flex-direction:column;gap:18px}
.pages img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 10px rgba(16,35,63,.12)}
.protect{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.protect img{pointer-events:none;-webkit-user-drag:none}
.protect::after{content:"";position:absolute;inset:0;z-index:2}
@media print{.protect{display:none}}
.contact{background:var(--navy);color:#F6F3EC;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;margin-top:8px}
.contact h2{margin:0;color:#F6F3EC}
.contact p{margin:0;color:#DCE1E9;max-width:60ch}
.contact .tel{font-size:14px;color:#AEB8C7;font-variant-numeric:tabular-nums}
.cta.wa{background:#25D366;color:#0B2E1A}
@media (max-width:560px){.pub{grid-template-columns:1fr}.pub img{max-width:260px}}