/* Weekly publication grammar, extracted unchanged from the founder-supplied
   September 12 reference. C11 owns authority; C35 owns bindings. Shared masthead,
   ground and navigation remain in wordmark.css, page-bg.css and tabs.css. */
:root{
    --bg:#161A14; --surface:#1E2419; --elevated:#252D20; --border:#2C3325;
    --text:#E3DFD3; --text-2:#A39E90; --text-3:#635F54;
    --amber:#8BAF80; --gold:#B8C4AE; --bronze:#9C8A6A; --indigo:#1A1B4B; --twilight:#2A3168;
    --danger:#B07272; --healthy:#8BAF80; --warning:#C4A55A; --info:#A39E90;
    --font-hero:'Satoshi',system-ui,sans-serif; --font-body:'Switzer',system-ui,sans-serif;
    --r:10px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{
    color:var(--text); font-family:var(--font-body);
    line-height:1.6; font-size:16px; letter-spacing:0.005em;
  }
  .wrap{max-width:680px; margin:0 auto; padding:0 18px 64px}
  .num{font-family:var(--font-body); font-variant-numeric:tabular-nums; font-weight:500; letter-spacing:0.01em}
  .neg{color:var(--danger)}
  .pos{color:var(--amber)}

  /* Header */
  header{padding:40px 0 22px; text-align:center}
  /* Wordmark treatment lives in /wordmark.css — one shared component with
     briefings, the watchlist shell and member profiles; no local copy here. */
  .tagline{margin-top:8px; color:var(--text-2); font-size:12.5px; letter-spacing:0.24em; text-transform:uppercase; font-weight:500}
  /* P6 (D-FABLE-WATCHLIST-INTL-1): language views — the .langnav grammar the
     /watchlist surface established, restated for this static page. */
  nav.langnav{margin-top:10px; font-size:11px; letter-spacing:0.18em; color:var(--text-3)}
  nav.langnav a{color:var(--text-3); text-decoration:none; padding-bottom:3px; border-bottom:2px solid transparent; white-space:nowrap}
  nav.langnav a:hover{color:var(--text)}
  nav.langnav a[aria-current="true"]{color:var(--amber); border-bottom-color:var(--amber)}
  .rule{height:1px; width:54px; margin:18px auto 0; background:linear-gradient(90deg,transparent,var(--amber),transparent)}

  /* Date picker */
  .picker{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:22px; flex-wrap:wrap}
  .picker label{font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--text-3)}
  select{
    background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px;
    padding:8px 34px 8px 12px; font-family:var(--font-body); font-size:13px; cursor:pointer;
    appearance:none; -webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A39E90' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 12px center;
  }
  select:hover{border-color:var(--amber)}

  /* Reveal animation */
  .reveal{opacity:0; transform:translateY(12px); animation:rise .6s cubic-bezier(.22,.61,.36,1) forwards}
  @keyframes rise{to{opacity:1; transform:none}}
  @media (prefers-reduced-motion:reduce){.reveal{animation:none; opacity:1; transform:none}}

  /* Cards & sections */
  .tldr{background:linear-gradient(180deg,rgba(139,175,128,0.10),rgba(139,175,128,0.02));
    border:1px solid rgba(139,175,128,0.28); border-radius:var(--r); padding:20px 20px 8px; margin-top:8px}
  .tldr .lbl{font-family:var(--font-hero); font-weight:700; font-size:11px; letter-spacing:0.22em; color:var(--amber); text-transform:uppercase}
  .tldr ul{list-style:none; margin-top:12px}
  .tldr li{position:relative; padding:0 0 14px 22px; font-size:15.5px}
  .tldr li::before{content:"✦"; position:absolute; left:0; top:1px; color:var(--amber); font-size:12px}

  section.topic{margin-top:30px}
  .tag{display:inline-block; font-family:var(--font-body); font-size:10.5px; letter-spacing:0.16em;
    color:var(--bg); background:var(--amber); padding:3px 8px; border-radius:5px; font-weight:500}
  h2{font-family:var(--font-hero); font-weight:700; font-size:clamp(21px,5.2vw,26px); margin-top:10px; line-height:1.2; letter-spacing:-0.01em}
  .topic-body{margin-top:10px}
  .topic-body p{margin-top:12px; color:#E2E8F0; font-size:15.5px}
  .topic-body p strong{color:var(--text); font-weight:600}
  .topic-body .em{color:var(--gold); font-weight:600}
  .lead{color:var(--text)!important; font-size:16px!important}
  .note{font-size:13px; color:var(--text-3); font-style:italic; margin-top:14px; padding-left:12px; border-left:2px solid var(--border)}

  /* Regime widget */
  .regime{background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:16px 18px; margin-top:18px}
  .regime .top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px}
  .regime .ttl{font-family:var(--font-hero); font-weight:600; font-size:13px; letter-spacing:0.04em; color:var(--text-2)}
  .regime .read{font-family:var(--font-body); font-variant-numeric:tabular-nums; font-size:12px; color:var(--text-3)}
  .bar{display:flex; height:10px; border-radius:6px; overflow:hidden; background:var(--elevated)}
  .seg{height:100%}
  .legend{display:flex; flex-wrap:wrap; gap:12px; margin-top:10px}
  .legend span{font-family:var(--font-body); font-size:11.5px; color:var(--text-2); display:flex; align-items:center; gap:5px}
  .dot{width:8px; height:8px; border-radius:2px; display:inline-block}

  /* Scenario cards */
  .scen{display:grid; gap:10px; margin-top:16px}
  .card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:14px 16px; transition:border-color .15s,transform .15s}
  .card:hover{border-color:rgba(139,175,128,0.50); transform:translateY(-1px)}
  .card .ch{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
  .card .cn{font-family:var(--font-hero); font-weight:600; font-size:15px}
  .card .cp{font-family:var(--font-body); font-variant-numeric:tabular-nums; font-size:11.5px; color:var(--amber); white-space:nowrap}
  .card .cd{font-size:13.5px; color:var(--text-2); margin-top:6px}
  .card .cm{font-size:13px; color:#CBD5E1; margin-top:8px}
  .card .cm b{color:var(--text); font-weight:600}

  /* Watchlist */
  .watch{margin-top:16px; border-top:1px solid var(--border)}
  .wi{display:flex; gap:14px; padding:13px 0; border-bottom:1px solid var(--border); align-items:flex-start}
  .wi .wd{font-family:var(--font-body); font-variant-numeric:tabular-nums; font-weight:500; font-size:11px; color:var(--amber); min-width:62px; padding-top:1px; letter-spacing:0.02em}
  .wi .wt{font-weight:600; font-size:14.5px; font-family:var(--font-hero)}
  .wi .wx{font-size:13px; color:var(--text-2); margin-top:2px}

  /* Confidence meter (entropy → signal quality) */
  .conf-meter{margin-top:10px; margin-bottom:2px}
  .conf-lbl{font-family:var(--font-body); font-size:10px; letter-spacing:0.16em; color:var(--text-3); display:block; margin-bottom:5px}
  .conf-track{height:2px; background:var(--elevated); border-radius:1px; overflow:hidden}
  .conf-fill{height:100%; border-radius:1px}

  footer{margin-top:40px; padding-top:20px; border-top:1px solid var(--border); text-align:center}
  footer .disc{font-size:11.5px; color:var(--text-3); line-height:1.55; max-width:520px; margin:0 auto}
  footer .sig{margin-top:14px; font-family:var(--font-body); font-size:10.5px; letter-spacing:0.14em; color:var(--text-3); text-transform:uppercase}
  footer .sig b{color:var(--amber); font-weight:500}
  a{color:var(--amber); text-decoration:none}