/* Tact's own page (2026-11-14, Cara's brief for search and link previews). The home page's paper,
   with Tact's card as the centre of it; below, only what the card doesn't already say. */
.tp .site-header{position:static;height:96px}
.tp main{padding-bottom:clamp(56px,8vw,110px)}
.tp-top{max-width:1180px;margin:0 auto;padding:clamp(8px,1.6vw,22px) 0 clamp(24px,2.8vw,36px)}
.tp-kicker{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tp-kicker img{width:26px;height:26px;border-radius:7px;box-shadow:0 0 0 1px #2c303422}
.tp h1{font:400 clamp(36px,5vw,66px)/1.04 var(--serif);letter-spacing:-.025em;margin:14px 0 0;max-width:15em;text-wrap:balance}
.tp-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink);max-width:40em;margin-top:20px!important;text-wrap:pretty}
.tp .tl-card{max-width:1180px;margin:0 auto}
.tp .tl-head{font-size:clamp(28px,2.6vw,36px)}
.tp-more{max-width:1180px;margin:clamp(40px,5vw,64px) auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.tp-more h2{font:400 clamp(24px,2.2vw,30px)/1.15 var(--serif);letter-spacing:-.015em;margin-bottom:12px}
.tp-more p{font-size:17px;line-height:1.6;max-width:34em;text-wrap:pretty}
.tp-facts{max-width:1180px;margin:clamp(40px,5vw,64px) auto 0;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(6,minmax(0,auto));justify-content:space-between;gap:18px 28px}
.tp-facts div{min-width:0}
.tp-facts dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tp-facts dd{margin:5px 0 0;font-size:16px}
.tp-also{max-width:1180px;margin:clamp(34px,4vw,52px) auto 0;font-size:15px;color:var(--muted)}
.tp-also a{color:var(--ink)}
@media(max-width:1000px){.tp-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.tp-more{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .tp .site-header{height:84px}
 .tp-top{padding-top:8px}
 .tp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tp-more p{font-size:16px}
}