:root{--t2-primary:#b3402a;--t2-logo:#17202a;--t2-nav-active:#17202a;--t2-font:'Inter',Arial,sans-serif}

/* Theme 2 — Modern clean (Web Designer mockups theme2-modern-*.html, picked 2026-10-17) */
/* Exact mockup tokens: bg #fff, ink #14202e, muted #5a6b7d / #6b7a8a, lines #e6edf3/#e2eaf1/#dde6ee,
   soft #f7fafc, pill #f3f7fb, sample #eef4fb, main 1240px / 28px 4vw, grid 2fr 1fr gap 28px,
   cards 3-col gap 20px radius 16px, hero radius 18px, aside radius 16px, nav pills radius 20px,
   lead h1 40px/1.3 (29px mobile), deck 16px/1.9, breakpoint 700px. Primary/font differ per site below. */
:root{--fg:#14202e;--muted:#5a6b7d;--line:#e2eaf1;--accent:var(--t2-primary);--bg:#fff;--soft:#f7fafc;--max:1240px}
body{font-family:var(--t2-font);background:#fff;color:#14202e}
[dir=rtl] body{font-family:var(--t2-font);line-height:1.9}
a:hover{color:var(--t2-primary)}
.wrap{max-width:1240px;padding-inline:4vw}
main{padding:28px 4vw;max-width:1240px}
main.wrap{padding-inline:4vw}
.stagebar{background:#eef4fb;color:#334155;text-align:center;font-size:12px;padding:7px;font-weight:600}
header.site{border-bottom:1px solid #e6edf3}
.brand{padding:20px 4vw}
.brand a.logo{font-family:var(--t2-font);font-size:38px;font-weight:900;color:var(--t2-logo);letter-spacing:0;line-height:1.1}
.brand .tag{font-size:13px;color:#6b7a8a}
nav.main{border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3;overflow-x:auto}
nav.main ul{gap:10px;padding-block:10px}
nav.main a{padding:7px 12px;border-radius:20px;background:#f3f7fb;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}
nav.main li:first-child a{background:var(--t2-nav-active);color:#fff}
.grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px}
aside.side,aside{background:#f7fafc;border-radius:16px;padding:18px}
aside.side h2,aside h2{font-size:18px;margin-top:0}
.lead{display:grid;grid-template-columns:1fr;gap:10px;border-bottom:1px solid #e6edf3;padding-bottom:24px}
.lead h2{font-family:var(--t2-font);font-size:40px;line-height:1.3;font-weight:900;margin:10px 0}
[dir=rtl] .lead h2{line-height:1.3}
.lead p{font-size:16px;line-height:1.9;color:#5a6b7d}
.ratio{border-radius:18px;background:#f7fafc}
.lead .ratio{height:300px;width:100%}.lead .ratio img{width:100%;height:100%;object-fit:cover}
.kicker{color:var(--t2-primary);font-weight:800;font-size:13px;letter-spacing:0;text-transform:none}
.pill{background:#eef4fb;color:var(--t2-primary);border-radius:20px;padding:2px 9px;font-size:11.5px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.card{border:1px solid #e2eaf1;border-radius:16px;overflow:hidden;background:#fff;padding-bottom:14px}
.card .ratio{border-radius:0}
.card h3{font-family:var(--t2-font);font-size:18px;line-height:1.6;padding-inline:14px}
.card p,.card .meta{padding-inline:14px}
.card p{color:#5a6b7d;line-height:1.8;font-size:14px}
.meta{color:#5a6b7d;font-size:13px}
.meta time,.time{color:var(--t2-primary);font-weight:700}
h1{font-family:var(--t2-font);font-size:40px;line-height:1.3;font-weight:900}
h2{font-family:var(--t2-font)}
.dek,.lead .dek{font-size:16px;line-height:1.9;color:#5a6b7d}
.body{font-size:16px;line-height:1.9;color:#14202e}
.body h2{font-family:var(--t2-font)}
.body blockquote{background:#eef4fb;border-inline-start:4px solid var(--t2-primary);border-radius:12px}
.box-angle{background:#f7fafc;border:1px solid #e2eaf1;border-inline-start:4px solid var(--t2-primary);border-radius:16px}
.sources{border-top:2px solid var(--t2-primary)}
.ad{background:#f7fafc;border:1px dashed #dde6ee;border-radius:16px;color:#6b7a8a}
footer.site{border-top:1px solid #e6edf3;background:#fff;color:#7a8a99;font-size:12px;text-align:center}
.crumbs{color:#6b7a8a}
.byline{border-color:#e2eaf1;color:#5a6b7d}
@media(max-width:900px){.grid{grid-template-columns:1fr}aside.side{display:block}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.grid,.cards{grid-template-columns:1fr}.lead h2,h1{font-size:29px;line-height:1.3}header.site .brand{flex-direction:column;text-align:center;justify-content:center}.brand a.logo{font-size:34px}main{padding:20px 4vw}.lead .ratio{height:220px}}

.brand a.logo em{color:#b3402a}

/* Final logo 2026-10-17: torontodaily logo1 skyline-grid light */
.brand a.logo{display:inline-flex;align-items:center;line-height:1}
.brand img.logo-img{height:56px;width:auto;max-width:min(340px,78vw);object-fit:contain;display:block}
@media(max-width:700px){.brand img.logo-img{height:44px}}