:root {
      --bg:#f6f3ed; --panel:#ffffff; --panel-soft:#fbfaf7; --ink:#181714; --muted:#615b55; --line:#ddd6cb;
      --accent:#1451a0; --accent-dark:#0d3a75; --accent-soft:#eef4fc; --accent-ink:#133255; --shadow:0 14px 42px rgba(14,18,25,.08);
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
    body { margin:0; background:linear-gradient(180deg,#faf8f3 0%, #f5f2eb 100%); color:var(--ink); font:19px/1.85 Georgia, 'Times New Roman', serif; text-rendering:optimizeLegibility; }
    img { max-width:100%; height:auto; }
    a { color:var(--accent); text-decoration:none; }
    a:hover { text-decoration:underline; }
    .skip-link { position:absolute; left:16px; top:-56px; z-index:30; padding:10px 14px; border-radius:10px; background:#fff; color:var(--ink); border:2px solid var(--accent); box-shadow:var(--shadow); font:600 13px/1.2 Arial, sans-serif; }
    .skip-link:focus-visible { top:16px; }
    a:focus-visible, button:focus-visible, [role="link"]:focus-visible { outline:3px solid rgba(20,81,160,.28); outline-offset:3px; box-shadow:0 0 0 2px rgba(13,58,117,.12); }
    .wrap { max-width:1240px; margin:0 auto; padding:28px 18px 72px; }
    .top { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; font:600 12px/1.4 Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; }
    .brand { color:var(--accent-dark); letter-spacing:.12em; }
    .utility-links { display:flex; gap:10px; flex-wrap:wrap; }
    .pill-link { display:inline-flex; align-items:center; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:#fff; }
    .card { background:var(--panel); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:24px; overflow:hidden; }
    .hero { width:100%; aspect-ratio:16/8.2; object-fit:cover; background:#ece8de; border-bottom:1px solid var(--line); }
    main:focus { outline:none; }
    .content { padding:28px 28px 34px; }
    .breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 18px; color:var(--muted); font:600 12px/1.4 Arial, sans-serif; letter-spacing:.04em; text-transform:uppercase; }
    .breadcrumbs .sep { opacity:.55; }
    .breadcrumbs a { color:var(--muted); }
    .kicker-row { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; font:700 11px/1.2 Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; }
    .kicker-row span { display:inline-flex; align-items:center; padding:8px 11px; border-radius:999px; background:#eef4fc; color:var(--accent-dark); border:1px solid #d7e4f8; }
    .hero-head { display:grid; gap:14px; margin-bottom:18px; }
    h1 { font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.04; margin:0; max-width:980px; }
    .dek { font-size:1.12rem; color:#2f2b26; margin:0; max-width:820px; }
    .editorial-strap { display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--accent-ink); font:700 13px/1.5 Arial, sans-serif; background:var(--accent-soft); border:1px solid #d6e4f9; padding:12px 14px; border-radius:16px; }
    .editorial-strap strong { color:var(--accent-dark); }
    .meta-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 28px; }
    .meta-chip { background:var(--panel-soft); border:1px solid var(--line); border-radius:16px; padding:12px 14px; min-height:78px; }
    .meta-chip span { display:block; color:var(--muted); font:600 11px/1.4 Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-bottom:7px; }
    .meta-chip strong { display:block; font:600 15px/1.5 Arial, sans-serif; color:var(--ink); }
    .article-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:28px; align-items:start; }
    .main-story { min-width:0; }
    .sidebar { display:grid; gap:18px; position:sticky; top:22px; }
    .editorial-panel { margin:0; padding:18px 18px 16px; border-radius:18px; background:var(--panel-soft); border:1px solid var(--line); box-shadow:0 10px 30px rgba(13,18,25,.04); }
    .editorial-panel h2 { margin:0 0 10px; font:700 1rem/1.3 Arial, sans-serif; color:var(--ink); }
    .editorial-panel p, .editorial-panel li { color:#2d2a26; font:400 15px/1.7 Arial, sans-serif; }
    .body-label { color:var(--muted); font:700 12px/1.3 Arial, sans-serif; letter-spacing:.1em; text-transform:uppercase; margin:0 0 14px; }
    .body { font-size:1.04em; max-width:70ch; }
    .body p { margin:0 0 1.28em; }
    .body blockquote { margin:1.4em 0; padding:0 0 0 18px; border-left:3px solid #cfdcf2; color:#2b3947; font-style:italic; }
    .preview-video { margin:0 0 24px; }
    .preview-video-frame { position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:#0b1220; }
    .preview-video-frame iframe, .preview-video-frame video { width:100%; height:100%; border:0; display:block; }
    .preview-video figcaption, .preview-inline-figure figcaption { color:var(--muted); font:400 14px/1.55 Arial, sans-serif; margin-top:8px; }
    .preview-gallery { display:grid; grid-template-columns:1fr; gap:18px; margin:26px 0 0; }
    .preview-inline-figure { margin:0; }
    .preview-inline-figure img { width:100%; border-radius:16px; display:block; background:#ece8de; }
    .highlights ul { margin:0; padding-left:20px; }
    .highlights li { margin:0 0 8px; }
    .source-link { margin-top:22px; color:#333; font:400 15px/1.6 Arial, sans-serif; }
    .story-tools { display:grid; gap:10px; }
    .story-tool-btn, .story-link-btn { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:12px 14px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--ink); font:600 14px/1.2 Arial, sans-serif; cursor:pointer; text-align:center; }
    .story-tool-btn.primary, .story-link-btn.primary { background:var(--accent); color:#fff; border-color:var(--accent); }
    .story-tool-status { color:var(--muted); font:500 12px/1.4 Arial, sans-serif; min-height:18px; }
    .related-list { display:grid; gap:12px; }
    .related-item { display:block; padding:14px 14px 12px; border:1px solid var(--line); border-radius:16px; background:#fff; }
    .related-item:hover { text-decoration:none; border-color:#c9d8ee; box-shadow:0 8px 24px rgba(20,81,160,.08); }
    .related-kicker { color:var(--accent-dark); font:700 11px/1.3 Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }
    .related-title { color:var(--ink); font:700 15px/1.4 Arial, sans-serif; margin-bottom:4px; }
    .related-meta { color:var(--muted); font:500 12px/1.5 Arial, sans-serif; }
    .footer-links { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; font:600 14px/1.4 Arial, sans-serif; }
    .btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:999px; border:1px solid var(--line); background:#fff; }
    .btn.primary { background:var(--accent); color:#fff; border-color:var(--accent); }
    .article-footer-note { margin-top:14px; color:var(--muted); font:500 13px/1.6 Arial, sans-serif; }
    .book-context-box { margin:34px 0 6px; padding:24px; border:1px solid #dcc7b2; border-radius:20px; background:linear-gradient(135deg,#fbf6ee,#f2e7d9); color:#2b2723; }
    .book-context-kicker { margin-bottom:8px; color:#95563a; font:800 11px/1.3 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
    .book-context-box h2 { margin:0 0 10px; font:700 clamp(22px,3vw,30px)/1.1 Georgia,'Times New Roman',serif; color:#2b2723; }
    .book-context-box p { margin:0; color:#5e554d; font:400 15px/1.7 Arial,sans-serif; }
    .book-context-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
    .book-context-btn { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 14px; border:1px solid #b88d70; border-radius:999px; color:#6f3f2d; background:#fffaf4; font:700 13px/1.2 Arial,sans-serif; }
    .book-context-btn:hover { text-decoration:none; }
    .book-context-btn.primary { color:#fff; background:#8d4f36; border-color:#8d4f36; }
    @media (max-width: 980px) {
      .article-grid { grid-template-columns:1fr; }
      .sidebar { position:static; order:2; }
      .body { max-width:none; }
      .meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media (max-width: 640px) {
      body { font-size:17px; }
      .content { padding:22px 16px 28px; }
      .wrap { padding:16px 12px 44px; }
      .top { align-items:flex-start; }
      .meta-grid { grid-template-columns:1fr; }
      .hero { aspect-ratio:16/10; }
      .story-tool-btn, .story-link-btn { width:100%; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
    }