.tnl-home{--tnl-red:#c5161d;--tnl-border:#e9e9e9;font-family:inherit;color:#1b1b1b;max-width:1240px;margin:0 auto;padding:16px;box-sizing:border-box}.tnl-home *{box-sizing:border-box}.tnl-home a{color:inherit;text-decoration:none}.tnl-home a:hover{color:var(--tnl-red)}.tnl-ticker{display:flex;align-items:center;background:#f7f7f7;margin-bottom:18px;min-width:0}.tnl-ticker strong{background:var(--tnl-red);color:#fff;padding:12px 16px;white-space:nowrap}.tnl-ticker-items{display:flex;gap:28px;overflow-x:auto;padding:10px 16px;scrollbar-width:thin}.tnl-ticker-items a{white-space:nowrap;font-size:14px}.tnl-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:30px}.tnl-hero-main,.tnl-hero-photo{min-width:0;min-height:350px;height:100%;display:block;position:relative;overflow:hidden;background:#e9e9e9}.tnl-hero-photo .tnl-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.tnl-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:65px 22px 22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88))}.tnl-hero-title{display:block;font-weight:700;font-size:clamp(22px,2.6vw,34px);line-height:1.4}.tnl-date{display:block;font-size:12px;color:#858585;margin-top:8px}.tnl-hero-overlay .tnl-date{color:#f2f2f2}.tnl-hero-side{display:grid;gap:10px;grid-template-rows:repeat(4,1fr)}.tnl-card{min-width:0;border:1px solid var(--tnl-border);background:#fff;overflow:hidden}.tnl-photo{display:block;overflow:hidden;aspect-ratio:16/9;background:#eee}.tnl-image{display:block;width:100%;height:100%;object-fit:cover}.tnl-noimage{width:100%;height:100%;display:grid;place-items:center;background:#e7eceb;color:#496359;font-weight:bold;min-height:100px}.tnl-card-content{padding:10px 12px}.tnl-card h3{font-size:17px;line-height:1.5;margin:0;font-weight:700}.tnl-compact{display:flex;align-items:center}.tnl-compact .tnl-photo{width:36%;flex-shrink:0;aspect-ratio:4/3}.tnl-compact .tnl-card-content{flex:1;padding:7px 10px}.tnl-compact h3{font-size:15px;line-height:1.4}.tnl-body{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:24px}.tnl-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.tnl-section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tnl-border);margin-bottom:12px;padding-bottom:8px}.tnl-section-heading h2{border-left:4px solid var(--tnl-red);padding-left:9px;margin:0;font-size:21px;line-height:1.4}.tnl-section-heading>a{color:var(--tnl-red);font-size:13px}.tnl-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tnl-lead{grid-column:1/-1}.tnl-small .tnl-photo{aspect-ratio:4/3}.tnl-small h3{font-size:14px}.tnl-sidebar{min-width:0}.tnl-aside-item{display:flex;gap:12px;padding:12px 5px;border-bottom:1px solid var(--tnl-border);font-size:15px;line-height:1.5}.tnl-number{display:grid;place-items:center;background:#ffedf0;color:var(--tnl-red);width:28px;height:28px;border-radius:50%;font-weight:bold;flex-shrink:0}@media(max-width:900px){.tnl-hero{grid-template-columns:1fr}.tnl-hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.tnl-body{grid-template-columns:1fr}.tnl-sidebar{margin-top:12px}}@media(max-width:600px){.tnl-home{padding:10px}.tnl-ticker strong{font-size:12px;padding:10px}.tnl-hero-main,.tnl-hero-photo{min-height:260px}.tnl-hero-side{grid-template-columns:1fr}.tnl-sections{grid-template-columns:1fr}.tnl-hero-title{font-size:23px}.tnl-section-heading h2{font-size:19px}}

/* v0.2: Isolated full-width page template for ColorMag Pro and other themes. */
.tnl-page-shell{display:block;clear:both;width:100%;max-width:1320px;padding:0 22px;margin:0 auto;float:none;box-sizing:border-box}
.tnl-page-shell *{box-sizing:border-box}
.tnl-page-shell .tnl-page-content{display:block;float:none;width:100%;max-width:none;margin:0;padding:0}
.tnl-page-shell .tnl-home{width:100%;max-width:1280px;padding:22px 0 48px;margin:0 auto}
.tnl-page-shell .tnl-sections{display:grid;min-width:0;align-content:start}
.tnl-page-shell .tnl-section{min-width:0}
.tnl-page-shell .tnl-section-grid{align-content:start}
.tnl-page-shell .tnl-sidebar{align-self:start}
.tnl-page-shell .tnl-card h3{overflow-wrap:anywhere}
.tnl-page-shell .tnl-hero-main{min-height:400px}
.tnl-page-shell .tnl-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.tnl-page-shell .tnl-body{grid-template-columns:minmax(0,2fr) minmax(280px,.85fr)}
.tnl-page-shell .tnl-hero-side .tnl-card{min-height:0}
.tnl-page-shell .tnl-hero-side .tnl-photo{height:100%;min-height:86px;aspect-ratio:auto}
.tnl-page-shell .tnl-section-grid .tnl-card-content{min-width:0}
.tnl-page-shell .tnl-section-heading h2{font-weight:700}
@media(max-width:990px){.tnl-page-shell .tnl-body{grid-template-columns:1fr}.tnl-page-shell .tnl-hero{grid-template-columns:1fr}.tnl-page-shell .tnl-hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:640px){.tnl-page-shell{padding:0 12px}.tnl-page-shell .tnl-home{padding-top:12px}.tnl-page-shell .tnl-sections{grid-template-columns:1fr}.tnl-page-shell .tnl-hero-side{grid-template-columns:1fr}.tnl-page-shell .tnl-hero-main{min-height:275px}.tnl-page-shell .tnl-body{gap:18px}}

/* v0.3: Three-column editorial grid. The latest-news sidebar occupies the
 * upper right; lower category sections use the full available page width. */
.tnl-page-shell .tnl-home{max-width:1280px}
.tnl-page-shell .tnl-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;align-items:start}
.tnl-page-shell .tnl-sections{display:contents}
.tnl-page-shell .tnl-section{min-width:0;align-self:start}
.tnl-page-shell .tnl-sidebar{grid-column:3;grid-row:1 / span 2;margin:0;min-width:0}
.tnl-page-shell .tnl-hero{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.tnl-page-shell .tnl-hero-main{min-height:420px}
.tnl-page-shell .tnl-hero-side{gap:8px}
.tnl-page-shell .tnl-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tnl-page-shell .tnl-lead{grid-column:1/-1}
.tnl-page-shell .tnl-section-heading{margin-bottom:12px;padding-bottom:8px}
.tnl-page-shell .tnl-section-heading h2{font-size:20px;line-height:1.5}
.tnl-page-shell .tnl-card-content{padding:10px 11px}
.tnl-page-shell .tnl-card h3{font-size:16px;line-height:1.48}
.tnl-page-shell .tnl-small h3{font-size:14px;line-height:1.45}
.tnl-page-shell .tnl-lead .tnl-photo{aspect-ratio:16/9}
.tnl-page-shell .tnl-small .tnl-photo{aspect-ratio:4/3}
.tnl-page-shell .tnl-aside-item{font-size:14px;padding:11px 4px}
.tnl-topics{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;background:#fff2f2;padding:10px 12px;margin:0 0 25px;border:1px solid #fae3e3}
.tnl-topics strong{color:var(--tnl-red);font-size:14px;margin-right:6px}
.tnl-home .tnl-topics a{padding:5px 10px;background:#fff;border:1px solid #f2dada;border-radius:3px;color:#333;font-size:13px}
.tnl-home .tnl-topics a:hover{color:var(--tnl-red);border-color:var(--tnl-red)}
@media(min-width:992px){.tnl-page-shell .tnl-section:nth-child(n+5){grid-column:auto}}
@media(max-width:991px){
 .tnl-page-shell .tnl-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
 .tnl-page-shell .tnl-sidebar{grid-column:1/-1;grid-row:auto}
 .tnl-page-shell .tnl-hero{grid-template-columns:1fr}
 .tnl-page-shell .tnl-hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .tnl-page-shell .tnl-hero-main{min-height:330px}
}
@media(max-width:640px){
 .tnl-page-shell .tnl-body{grid-template-columns:1fr;gap:24px}
 .tnl-page-shell .tnl-hero-side{grid-template-columns:1fr}
 .tnl-page-shell .tnl-hero-main{min-height:275px}
 .tnl-page-shell .tnl-hero-side .tnl-photo{width:37%;height:auto;min-height:0;aspect-ratio:4/3}
 .tnl-page-shell .tnl-hero-side .tnl-card{display:flex}
 .tnl-page-shell .tnl-hero-side .tnl-card-content{flex:1}
 .tnl-page-shell .tnl-section-heading h2{font-size:19px}
 .tnl-topics{gap:6px}
}
