/* August content calendar. Kanban-tidy. [data-theme] forces mode. */
:root{
  color-scheme:light dark;
  --bg:light-dark(#FAFAFA,#0A090C);
  --card:light-dark(#FFFFFF,#141218);
  --band:light-dark(#F4F4F5,#100E13);
  --ink:light-dark(#1F1926,#EBE7EF);
  --muted:light-dark(#6B6577,#98919F);
  --line:light-dark(#E7E5EA,#241F29);
  --accent:light-dark(#A21CAF,#E879F9);
  --t1:light-dark(#FAE8FF,rgba(232,121,249,.13));--t1t:light-dark(#86198F,#F0ABFC);
  --t2:light-dark(#E0F2FE,rgba(56,189,248,.13));--t2t:light-dark(#075985,#7DD3FC);
  --t3:light-dark(#FEF3C7,rgba(251,191,36,.13));--t3t:light-dark(#92400E,#FCD34D);
  --t4:light-dark(#DCFCE7,rgba(74,222,128,.13));--t4t:light-dark(#166534,#86EFAC);
  --draft:light-dark(#D97706,#FBBF24);
  --sched:light-dark(#2563EB,#93B4FF);
  --pub:light-dark(#16A34A,#4ADE80);
  --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme="light"]{color-scheme:only light}
:root[data-theme="dark"]{color-scheme:only dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.wrap{max-width:1180px;margin:0 auto;padding:40px 24px 64px}
.head{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:baseline;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}
h1{font-size:23px;font-weight:660;letter-spacing:-.022em;margin:0}
.head p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.th{font-size:11.5px;font-weight:650;letter-spacing:.06em;padding:5px 11px;border-radius:999px}
.th.a{background:var(--t1);color:var(--t1t)}
.th.b{background:var(--t2);color:var(--t2t)}
.th.c{background:var(--t3);color:var(--t3t)}
.th.d{background:var(--t4);color:var(--t4t)}
.week{margin-bottom:14px;background:var(--band);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.wkhead{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.wkhead h2{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.wkhead span{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 15px;border-top:3px solid var(--line)}
.pc.a{border-top-color:var(--t1t)}.pc.b{border-top-color:var(--t2t)}
.pc.c{border-top-color:var(--t3t)}.pc.d{border-top-color:var(--t4t)}
.pc b{display:block;font-size:13.5px;font-weight:650;letter-spacing:-.008em;line-height:1.35;margin-bottom:10px}
.pcmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fmt{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:light-dark(#F4F4F5,#1E1A22);color:var(--muted)}
.own{width:22px;height:22px;border-radius:50%;background:light-dark(#F4F4F5,#1E1A22);color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:700;display:grid;place-content:center}
.st{font-size:10.5px;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px}
.st i{width:6px;height:6px;border-radius:50%}
.st.d1{color:var(--draft)}.st.d1 i{background:var(--draft)}
.st.d2{color:var(--sched)}.st.d2 i{background:var(--sched)}
.st.d3{color:var(--pub)}.st.d3 i{background:var(--pub)}
.date{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.backlog{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.backlog h2{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.bl{display:flex;flex-wrap:wrap;gap:9px}
.bl span{font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:6px 14px;background:transparent}
.foot{margin-top:22px;font-size:12px;color:var(--muted)}
@media (max-width:560px){.wrap{padding:26px 14px 44px}.cards{grid-template-columns:1fr}}
@media print{
  @page{size:landscape;margin:12mm}
  :root{color-scheme:only light}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:9pt}
  .wrap{padding:0;max-width:none}
  .week{break-inside:avoid;margin-bottom:8px}
  .backlog{break-before:page}
}