:root {
  color-scheme: light;
  --paper: #f5f2eb;
  --card: #ffffff;
  --ink: #141f29;
  --muted: #5c686f;
  --accent: #087b6b;
  --line: rgba(20, 31, 41, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.65;
}
a { color: var(--accent); }
header, main, footer { width: min(900px, calc(100% - 40px)); margin-inline: auto; }
header { padding: 34px 0 20px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.brand { color: var(--ink); font-size: 1.35rem; font-weight: 800; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 14px; font-size: .92rem; }
nav a { text-decoration: none; font-weight: 600; }
main { padding: 28px 0 70px; }
.hero { padding: 55px 0 35px; max-width: 720px; }
h1 { font-size: clamp(2.25rem, 7vw, 4.4rem); line-height: 1.04; margin: 0 0 20px; letter-spacing: -.04em; }
h2 { margin-top: 2.2rem; line-height: 1.2; }
h3 { margin-top: 1.6rem; }
.lead { font-size: 1.2rem; color: var(--muted); }
.meta, .muted { color: var(--muted); }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 16px; margin-top: 28px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 22px; box-shadow: 0 10px 30px rgba(20, 31, 41, .04); }
.card h2, .card h3 { margin-top: 0; }
.button { display: inline-block; background: var(--accent); color: white; padding: 11px 17px; border-radius: 12px; text-decoration: none; font-weight: 700; }
.notice { border-left: 4px solid var(--accent); background: rgba(8, 123, 107, .08); padding: 14px 18px; border-radius: 10px; }
li + li { margin-top: .45rem; }
footer { padding: 25px 0 45px; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
@media (max-width: 650px) { header { align-items: flex-start; flex-direction: column; } .hero { padding-top: 30px; } }

/* Insight — Emerald Ink & Champagne */
:root{color-scheme:light;--bg:#faf7ef;--surface:#fffef9;--ink:#163b32;--muted:#64736a;--accent:#085342;--line:#dedfd3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}a{color:var(--accent)}.brand{font-size:28px;font-weight:750;letter-spacing:-1px;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}main{max-width:1100px;margin:auto;padding:48px 32px}h1{font-size:clamp(36px,6vw,76px);line-height:1.08;letter-spacing:-.045em}h2{line-height:1.25;letter-spacing:-.02em}.hero{padding:40px 0 64px;max-width:820px}.meta{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--muted)}.lead{font-size:21px;max-width:670px;color:var(--muted)}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:13px 24px;background:var(--accent);color:white;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card,.shared-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}footer{max-width:1100px;margin:32px auto;padding:24px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}article>h1{font-size:44px}.shared-card{max-width:760px;margin:auto}.shared-card h1{font-size:40px}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere}.gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px;margin:20px 0}.gallery img,.gallery video{flex:0 0 100%;width:100%;max-height:600px;object-fit:contain;scroll-snap-align:center;border-radius:16px;background:#efefe8}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover}.banner{width:100%;max-height:260px;object-fit:cover;border-radius:18px}.post-list{display:grid;gap:20px;margin-top:28px}.tag{color:var(--accent);font-weight:650;display:inline-block;margin:0 10px 8px 0}.open-app{position:sticky;bottom:16px;display:flex;justify-content:center;padding-top:24px}.status{padding:80px 12px;text-align:center}a:focus-visible,button:focus-visible{outline:3px solid #bc9567;outline-offset:4px}@media(max-width:650px){header{padding:22px;align-items:flex-start;flex-direction:column;gap:12px}nav{gap:14px}main{padding:24px 20px}.hero{padding:24px 0 36px}.grid{grid-template-columns:1fr}.shared-card{padding:22px}.shared-card h1{font-size:32px}footer{padding:24px 20px}}

.app-promo{max-width:1036px;margin:24px auto 0;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #d4ded2;border-radius:22px;background:#f0f3e9}.app-promo img{flex-shrink:0;border-radius:12px}.app-promo-copy{flex:1;min-width:0}.app-promo-copy strong{font-size:16px}.app-promo-copy p{margin:3px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}.app-store-button{flex-shrink:0;display:inline-flex;align-items:center;gap:14px;padding:11px 18px;border-radius:12px;background:#123b31;color:#fff;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap}.app-store-button:hover{background:#085342}@media(max-width:1100px){.app-promo{margin-left:32px;margin-right:32px}}@media(max-width:600px){.app-promo{margin:20px 20px 0;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:10px 14px}.app-promo img{width:44px;height:44px}.app-promo-copy strong{font-size:15px}.app-promo-copy p{font-size:13px}.app-store-button{grid-column:2;justify-self:start;padding:8px 14px;font-size:14px}}

/* Exact wordmark asset used by the iOS feed. Preserve its original colours. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.brand-logo{display:block;width:164px;max-width:45vw;height:auto}
