/* Website presentation of the approved Weekly Wisdom components.
   App feeds continue to use their original, edition-specific stylesheets. */
.weekly-article {
  --ww-panel: #102438;
  --ww-text: #f2f7ff;
  --ww-copy: #c7d3df;
  --ww-muted: #9db0c7;
  --ww-line: rgba(174, 207, 239, .14);
  --ww-mint: #73ecd9;
  --ww-mint-soft: rgba(115, 236, 217, .1);
  --ww-blue-soft: rgba(130, 196, 255, .11);
  max-width: 850px;
  margin: 0 auto 72px;
  color: var(--ww-text);
  overflow-wrap: anywhere;
}
html[data-theme="light"] .weekly-article {
  --ww-panel: #f3f8f5;
  --ww-text: #10251f;
  --ww-copy: #425a51;
  --ww-muted: #60736b;
  --ww-line: rgba(23, 75, 61, .13);
  --ww-mint: #08765c;
  --ww-mint-soft: rgba(21, 152, 120, .09);
  --ww-blue-soft: rgba(59, 131, 186, .09);
}
html:lang(hi) .weekly-article-page .blog-hero h1,
html:lang(mr) .weekly-article-page .blog-hero h1 { line-height: 1.3; }
.weekly-article h2 { color: var(--ww-text); font-size: 1.3rem; line-height: 1.5; margin: 32px 0 12px; }
.weekly-article p, .weekly-article li { color: var(--ww-copy); font-size: 1rem; line-height: 1.8; }
.weekly-article p { margin: 0 0 16px; }
.weekly-article strong { color: var(--ww-text); }
.weekly-article li { margin-bottom: 9px; }
.weekly-article li::marker { color: var(--ww-mint); }
.weekly-article .big-idea { background: linear-gradient(145deg,var(--ww-mint-soft),var(--ww-blue-soft)); border: 1px solid var(--ww-line); border-radius: 18px; margin-bottom: 28px; padding: 24px; }
.weekly-article .big-idea-label, .weekly-article .path-label, .weekly-article .decision-question > span, .weekly-article .scenario-stack section > span { display: block; color: var(--ww-mint); font-size: .75rem; font-weight: 850; line-height: 1.6; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 8px; }
.weekly-article .big-idea p, .weekly-article .decision-question p { color: var(--ww-text); font-size: 1.18rem; font-weight: 750; line-height: 1.6; margin: 0; }
.weekly-article .number-grid, .weekly-article .path-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0 22px; }
.weekly-article .number-card, .weekly-article .path-card, .weekly-article .scenario-stack section { background: var(--ww-panel); border: 1px solid var(--ww-line); border-radius: 15px; min-width: 0; padding: 18px; }
.weekly-article .number-card.accent, .weekly-article .path-card.featured { background: linear-gradient(145deg,var(--ww-mint-soft),var(--ww-blue-soft)); }
.weekly-article .number-label { display: block; color: var(--ww-muted); font-size: .75rem; font-weight: 800; line-height: 1.5; margin-bottom: 8px; text-transform: uppercase; }
.weekly-article .number-card strong { display: block; font-size: 1.55rem; line-height: 1.25; letter-spacing: -.02em; }
.weekly-article .number-card small { display: block; color: var(--ww-muted); font-size: .8rem; line-height: 1.6; margin-top: 7px; }
.weekly-article .path-card h3 { color: var(--ww-text); font-size: 1.06rem; line-height: 1.5; margin: 0 0 8px; }
.weekly-article .path-card ul { padding-left: 20px; margin: 0; }
.weekly-article .path-card li { font-size: .92rem; }
.weekly-article .plain-note { background: var(--ww-mint-soft); border: 1px solid var(--ww-line); border-left: 4px solid var(--ww-mint); border-radius: 5px 15px 15px 5px; padding: 18px; margin: 20px 0; }
.weekly-article .plain-note p { font-size: .95rem; margin: 0; }
.weekly-article .decision-question, .weekly-article .takeaway { background: linear-gradient(145deg,var(--ww-mint-soft),var(--ww-blue-soft)); border: 1px solid var(--ww-line); border-radius: 18px; margin: 20px 0; padding: 24px; }
.weekly-article .takeaway h2 { color: var(--ww-mint); margin: 0 0 10px; }
.weekly-article .takeaway p { margin: 0; }
.weekly-article .rent-timeline { border: 1px solid var(--ww-line); border-radius: 16px; background: var(--ww-panel); overflow: hidden; margin: 18px 0 22px; }
.weekly-article .rent-row { display: grid; grid-template-columns: 52px minmax(0,1fr) minmax(0,1fr); gap: 10px; align-items: center; border-top: 1px solid var(--ww-line); padding: 14px 16px; font-size: .95rem; font-variant-numeric: tabular-nums; }
.weekly-article .rent-row:first-child { border-top: 0; }
.weekly-article .rent-row.rent-head { color: var(--ww-muted); font-size: .75rem; font-weight: 850; line-height: 1.5; text-transform: uppercase; }
.weekly-article .rent-row b { color: var(--ww-mint); }
.weekly-article .rent-row.highlight { background: linear-gradient(135deg,var(--ww-blue-soft),var(--ww-mint-soft)); }
.weekly-article .scenario-stack { display: grid; gap: 10px; margin: 18px 0 22px; }
.weekly-article .scenario-stack b { display: block; color: var(--ww-text); }
.weekly-article .scenario-stack p { color: var(--ww-muted); font-size: .92rem; margin: 6px 0 0; }
.weekly-article .rule-list { counter-reset: rules; display: grid; gap: 10px; list-style: none; margin: 16px 0 22px; padding: 0; }
.weekly-article .rule-list li { display: flex; gap: 12px; align-items: flex-start; background: var(--ww-panel); border: 1px solid var(--ww-line); border-radius: 14px; margin: 0; padding: 16px; }
.weekly-article .rule-list li::before { content: counter(rules); counter-increment: rules; display: flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; background: var(--ww-mint); color: #05231d; border-radius: 50%; font-size: .8rem; font-weight: 900; }
html[data-theme="light"] .weekly-article .rule-list li::before { color: #fff; }
@media (max-width: 540px) {
  .weekly-article .path-grid { grid-template-columns: 1fr; }
  .weekly-article .number-card { padding: 14px; }
  .weekly-article .number-card strong { font-size: 1.25rem; }
  .weekly-article .rent-row { grid-template-columns: 34px minmax(0,1fr) minmax(0,1fr); gap: 8px; padding: 12px 10px; font-size: .82rem; }
  .weekly-article .rent-row.rent-head { font-size: .66rem; }
}
@media (max-width: 340px) { .weekly-article .number-grid { grid-template-columns: 1fr; } }