/* This week in <town>: weekly roundup pages (/tn/<town>/this-week/). Uses the live palette from style.css. */
.tw{max-width:820px;margin:0 auto}
.tw .page-title{margin-bottom:6px}
.tw-dates{font:700 15px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.tw-lede{margin:0 0 6px}
.tw-jump{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding:0;list-style:none}
.tw-jump a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--rule);background:#fffaf0;border-radius:999px;text-decoration:none;color:var(--ink);font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif}
.tw-jump a:hover{background:var(--yp);color:var(--yp-ink)}
.tw-sec{margin:30px 0 0;scroll-margin-top:12px}
.tw-sec>h2{margin:0 0 10px}
.tw .card{margin:0 0 14px}
.tw-day>h3{margin:0 0 2px;font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.tw-item{padding:10px 0 2px;border-top:1px solid var(--rule)}
.tw-day>h3+.tw-item,.tw-list>.tw-item:first-child{border-top:0;padding-top:4px}
.tw-item p{margin:0 0 4px}
.tw-when{font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.tw-what{font-size:18px;font-weight:700;line-height:1.3}
.tw-where,.tw-cost,.tw-note{font-size:16px}
.tw-src{font-size:13px;color:var(--muted)}
.tw-src a{color:var(--muted)}
.tw-pending{font-size:15px;background:var(--paper2);border-left:3px solid var(--rule);padding:4px 8px}
.tw-plain{margin:0;padding-left:20px}
.tw-plain li{margin:0 0 8px}
.tw-send{margin:28px 0 8px;padding:14px 18px;border:2px dashed var(--rule);background:#fffaf0}
.tw-send p{margin:0}
.tw-foot{margin-top:18px}
.tw-card .tw-dates{margin:2px 0 4px}
@media (max-width:600px){.tw-what{font-size:17px}.tw .card{padding:12px 14px}}
.tw-sub{margin:0 0 6px;font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
/* links inside sentences: keep the line flow (sitewide mobile rules turn .card links into padded blocks) */
.tw .card a,.tw .tw-send a,.tw .tw-src a{display:inline;padding:8px 0;min-height:0;max-width:none}
.tw .tw-what a{text-underline-offset:3px}
.tw .card a.act{display:inline-flex;padding:0 16px;min-height:44px}
.tw-sub+.tw-item{border-top:0;padding-top:4px}
.tw>.tw-dates{text-align:center}
.tw-jump{justify-content:center}
.tw .tw-foot a,.tw p.small a{display:inline;padding:8px 0;min-height:0}

/* v2 draft additions (appended to this-week.css in the draft build only) */
.tw2-share{margin:14px 0 10px;padding:10px 14px;border:1px dashed var(--rule);background:#fffaf0;text-align:center}
.tw2-share p{margin:0 0 6px}
.tw2-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0}
.tw .tw2-pill,.tw .card a.tw2-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font:700 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none}
.tw2-note{border-left:4px solid var(--rule);background:var(--paper2)}
.tw2-note p{margin:0 0 4px}
.tw2-go .card{border:2px solid var(--accent)}
.tw-item .tw2-pills{justify-content:flex-start}


.tw2-foot{margin:22px 0 8px;padding:14px 18px;border-top:2px solid var(--rule);text-align:center}
.tw2-foot p{margin:0 0 8px}
.tw2-has-thumb{display:flex;gap:12px;align-items:flex-start}
.tw2-thumb{flex:0 0 112px;margin:2px 0 0}
.tw2-thumb img{display:block;width:112px;height:auto;border:1px solid var(--rule)}
.tw2-thumb figcaption{font-size:11px;line-height:1.3;color:var(--muted);margin-top:3px}
.tw .tw2-thumb figcaption a{display:inline;padding:0;min-height:0;color:var(--muted)}
.tw2-body{flex:1;min-width:0}
.tw2-help h2{margin:0 0 8px}
.tw2-help p{margin:0 0 8px}
.tw2-invite{margin:6px 0 0}

/* 2026-10-30 draft additions (preview only) */
.tw3-band{margin:28px 0 4px;font-size:1.5rem;color:var(--accent)}
.tw3-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 8px}
.tw3-fig{margin:0}
.tw3-fig img{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.tw3-fig figcaption{font-size:11px;line-height:1.3;color:var(--muted);margin-top:3px}
.tw .tw3-fig figcaption a{display:inline;padding:0;min-height:0;color:var(--muted)}
.tw3-lab{display:inline-block;margin-right:4px;font:700 11px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.tw3-kids{background:var(--paper2);padding:8px 10px;border-radius:4px}
.tw3-slot{flex:0 0 104px;height:70px;border:2px dashed var(--rule);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);text-align:center}
.tw3-civic{border:2px solid var(--ink,#2b2318)}
.tw3-civic p{margin:0 0 8px}
.tw3-bits{border-left:4px solid var(--accent)}
.tw3-bits p{margin:0 0 8px}
#crossword details{margin-top:8px}
#crossword summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
