/* /agenda-of-the-week/review.css — replaces review-only styles */
.aotw .lede{font-size:1.2rem;max-width:36rem}
.aotw .latest,.aotw .how,.aotw .example-next{margin-top:2.5rem}
.aotw .latest{padding:1.75rem;border-radius:28px;border:1px solid rgba(124,58,237,.25)}
.aotw .meeting-date{margin:0 0 .25rem;opacity:.7}
.aotw .findings{padding-left:1.1rem;margin:1rem 0 1.5rem}
.aotw .findings li{margin:.5rem 0}
.aotw .how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:1.25rem 0}
.aotw .how-grid>div{padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(124,58,237,.2)}
.aotw .how-grid h3{margin:0 0 .25rem;font-size:1rem;font-weight:800}
.aotw .how-grid p{margin:0;font-size:.95rem}
.aotw .legend,.aotw .fine{font-size:.9rem;opacity:.75}


/* App brief component styles, scoped to this static example only.
   From councillor styles.css: outline, decision blocks, notes, Coverage, no-vote.
   Theme colors use existing marketing tokens; no app/site-wide stylesheet import. */
.aotw-brief #brief { max-width:820px; margin:2rem 0; overflow-wrap:anywhere; }
.aotw-brief #detail-title { color:var(--heading); font-size:clamp(1.4rem,3vw,2.2rem); margin:14px 0 24px; }
.aotw-brief .back { margin:0 0 1.5rem; }
.aotw-brief .meeting-date { margin:0 0 .25rem; color:var(--muted); }
.aotw-brief .agenda-outline { max-width:820px; margin:0 0 18px; border:1px solid var(--line); border-radius:14px; background:var(--soft); }
.aotw-brief .agenda-outline summary { cursor:pointer; list-style:none; padding:14px 18px; min-height:44px; font-weight:700; font-size:1rem; color:var(--heading); display:flex; align-items:center; justify-content:space-between; gap:8px; }
.aotw-brief .agenda-outline summary::-webkit-details-marker { display:none; }
.aotw-brief .agenda-outline summary::marker { content:""; }
.aotw-brief .agenda-outline summary>.outline-label { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.aotw-brief .agenda-outline summary::after { content:"+"; flex-shrink:0; width:22px; height:22px; border-radius:50%; border:1.5px solid var(--heading); color:var(--heading); font-size:.9rem; font-weight:800; line-height:1; display:flex; align-items:center; justify-content:center; }
.aotw-brief .agenda-outline[open] summary::after { content:"\2212"; }
.aotw-brief .outline-count { color:var(--muted); font-weight:500; font-size:.78rem; }
.aotw-brief .outline-list { margin:0; padding:0 18px 16px 42px; list-style:none; }
.aotw-brief .outline-list li { padding:8px 0; border-top:1px solid var(--line); font-size:1rem; color:var(--ink); line-height:1.5; }
.aotw-brief .outline-list li:first-child { border-top:none; }
.aotw-brief .outline-item-num { color:var(--heading); font-weight:800; font-size:.78rem; margin-right:6px; }
.aotw-brief .outline-item-title { font-weight:700; color:var(--heading); }
.aotw-brief .decision-sections { max-width:820px; border-top:1px solid; border-image:linear-gradient(90deg,var(--coral),var(--violet)) 1; }
.aotw-brief .decision-block { display:grid; grid-template-columns:1fr; padding:27px 0; border-bottom:1px solid; border-image:linear-gradient(90deg,var(--coral),var(--violet)) 1; }
.aotw-brief .decision-block h3 { font-size:1.5rem; color:var(--heading); margin:0 0 8px; }
.aotw-brief .section-attribution:empty { display:none; }
.aotw-brief .decision-block li { color:var(--ink); font-size:1.06rem; line-height:1.72; margin-bottom:12px; }
.aotw-brief .decision-block ul { margin:0; padding-left:18px; }
.aotw-brief .item-ref { color:var(--muted); font-size:.86rem; }
.aotw-brief .memory-note,.aotw-brief .plan-note { color:var(--muted); font-size:.86rem; display:block; margin-top:2px; }
.aotw-brief .plan-source { font-style:normal; opacity:.75; font-size:.8rem; }
.aotw-brief .coverage-statement { margin:1.5rem 0; padding:1rem 1.1rem; border:1px solid var(--line); border-radius:16px; color:var(--muted); font-size:.9rem; line-height:1.5; }
.aotw-brief .coverage-statement h3 { color:var(--heading); font-size:.95rem; margin:0 0 .45rem; }
.aotw-brief .coverage-statement ul { margin:0; padding-left:1.15rem; }
.aotw-brief .no-vote-note { display:block; max-width:820px; border-radius:28px; margin:37px 0 64px; padding:18px 20px; background:var(--soft); border:1px solid var(--line); color:var(--ink); }
.aotw-brief .no-vote-note strong { color:var(--heading); }
.aotw-brief .no-vote-note span { font-size:.87rem; }
.aotw-brief .example-next { margin-top:2.5rem; }
.aotw-brief .fine { font-size:.9rem; opacity:.75; }
.aotw-brief a:focus-visible,.aotw-brief summary:focus-visible { outline:3px solid var(--heading); outline-offset:4px; }

/* Browser-review fixes (7 Oct 2026): narrow legibility/responsive additions after the supplied rules; supplied rules above are unchanged. */
.aotw,.aotw-brief { overflow-wrap:break-word; }
.aotw .how-grid { grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr)); }
.aotw-brief .outline-count { color:var(--ink); }
.aotw-brief .plan-source { opacity:1; }

/* Layout round 2 (7 Oct 2026): top detail bar, single h1, top download, two-thirds brief column with CTA aside. */
.aotw .how-grid { grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr)); }
.aotw .how-grid>div { min-width:0; overflow-wrap:anywhere; }
.aotw .how-grid h3,.aotw .how-grid p { overflow-wrap:anywhere; }
.aotw .read-more { margin:0; }
.aotw .read-link { color:var(--heading); text-decoration:none; font-weight:600; border-bottom:1px solid; border-image:linear-gradient(90deg,var(--coral),var(--violet)) 1; padding-bottom:.1em; }
.aotw .read-link:hover { opacity:.7; }
.aotw .read-link:focus-visible { outline:3px solid var(--heading); outline-offset:4px; }

.aotw-brief .brief-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:2.5rem; align-items:start; }
.aotw-brief .brief-main { min-width:0; }
.aotw-brief .brief-meta { display:flex; flex-wrap:wrap; gap:.5rem 2rem; align-items:baseline; margin:0 0 1.5rem; padding:.85rem 1.5rem; border:1px solid var(--line); border-radius:28px; background:var(--soft); }
.aotw-brief .meta-field { margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:.25rem .75rem; min-width:0; font-size:.95rem; line-height:1.5; }
.aotw-brief .meta-source { flex:1 1 100%; flex-wrap:nowrap; }
.aotw-brief .meta-source .meta-label { flex:none; }
.aotw-brief .meta-value { color:var(--heading); font-size:.8rem; font-weight:700; }
@media (max-width:520px) { .aotw-brief .meta-source { flex-wrap:wrap; } }
.aotw-brief .meta-label { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.aotw-brief .meta-field time { color:var(--heading); font-size:.8rem; font-weight:700; }
.aotw-brief .meta-field a { color:color-mix(in srgb,var(--violet) 70%,var(--heading)); font-size:.82rem; font-weight:500; line-height:1.5; text-decoration:none; overflow-wrap:anywhere; min-width:0; border-bottom:1px solid; border-image:linear-gradient(90deg,var(--coral),var(--violet)) 1; padding-bottom:.1em; }
.aotw-brief .meta-field a:hover { opacity:.7; }
.aotw-brief .meta-field a:focus-visible { outline:3px solid var(--heading); outline-offset:4px; }
.aotw-brief #brief { max-width:none; margin:0; }
.aotw-brief #detail-title { margin:0 0 1.25rem; line-height:1.15; font-weight:800; }
.aotw-brief .saved-brief > .pdf { margin:0 0 1.5rem; }
.aotw-brief .download-button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; padding:.65rem 1.4rem; border:1.5px solid transparent; border-radius:999px; color:var(--heading); font-size:.95rem; font-weight:600; text-decoration:none; background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(90deg,var(--coral),var(--violet)) no-repeat border-box; }
.aotw-brief .download-button:visited,.aotw-brief .download-button:active { color:var(--heading); background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(90deg,var(--coral),var(--violet)) no-repeat border-box; }
.aotw-brief .download-button:hover { opacity:.8; }
.aotw-brief .download-button:focus-visible { outline:3px solid var(--heading); outline-offset:4px; }
.aotw-brief .agenda-outline,.aotw-brief .decision-sections,.aotw-brief .no-vote-note { max-width:none; }
 
/* Tweaks round 3: dark navy CTA card (same treatment as About "Who's behind Aide"); text colors pinned so it reads the same in both themes. */
.aotw-brief .example-next { margin:0; }
.aotw .example-next,.aotw-brief .example-next { position:relative; overflow:hidden; min-width:0; padding:clamp(1.5rem,4vw,2.25rem); border:1px solid rgba(255,255,255,.14); border-radius:28px; background:linear-gradient(120deg,rgba(18,20,43,.96),rgba(26,26,46,.94)),#12142B; color:#f3f4f6; box-shadow:0 14px 34px rgba(18,20,43,.22); }
.aotw .example-next::before,.aotw-brief .example-next::before { content:""; position:absolute; inset:auto -20% -40% 45%; height:120%; width:70%; background:radial-gradient(circle at center,rgba(249,115,22,.22),transparent 60%); pointer-events:none; }
.aotw .example-next::after,.aotw-brief .example-next::after { content:""; position:absolute; inset:-35% auto auto -15%; height:90%; width:55%; background:radial-gradient(circle at center,rgba(124,58,237,.3),transparent 65%); pointer-events:none; }
.aotw .example-next>*,.aotw-brief .example-next>* { position:relative; z-index:1; }
.aotw .example-next h2,.aotw-brief .example-next h2 { margin:0 0 1rem; color:#fff; font-size:1.35rem; font-weight:800; line-height:1.25; }
.aotw .example-next p,.aotw-brief .example-next p { margin:0 0 .75rem; color:rgba(243,244,246,.86); }
.aotw .example-next p:last-child,.aotw-brief .example-next p:last-child { margin-bottom:0; }
.aotw .example-next .fine,.aotw-brief .example-next .fine { opacity:1; color:rgba(243,244,246,.78); }
.aotw .example-next .cta-button,.aotw-brief .example-next .cta-button { display:inline-flex; align-items:center; min-height:44px; }
.aotw .example-next a:focus-visible,.aotw-brief .example-next a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media (min-width:900px) {
  .aotw-brief .brief-layout { grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:3rem; }
  .aotw-brief .example-next { position:sticky; top:1.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .aotw-brief .example-next { position:static; }
}

/* Hub: latest-agenda card at 2/3 width with coral-to-violet gradient border; five explainer boxes */
.aotw .latest{border:1px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(90deg,var(--coral),var(--violet)) border-box;background-repeat:no-repeat;background-origin:padding-box,border-box;background-clip:padding-box,border-box}
@media (min-width:900px){.aotw .latest{width:66.667%;box-sizing:border-box}.aotw .how-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Week 2 (12 Oct 2026): hub shows the lead agenda at 2/3 width with the previous week's agenda in the remaining 1/3. */
.aotw .agenda-row{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2.5rem;align-items:start}
.aotw .agenda-row .latest{margin-top:0}
.aotw .previous{min-width:0;padding:1.5rem;border-radius:28px;border:1px solid var(--line);background:var(--soft)}
.aotw .previous h2{margin:0 0 1rem;font-size:1.2rem;line-height:1.3}
.aotw .previous .meeting-date{font-size:.95rem}
.aotw .latest .eyebrow,.aotw .previous .eyebrow{margin:0 0 .75rem}
@media (min-width:900px){.aotw .agenda-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.aotw .agenda-row .latest{width:auto}}