/* TNT Studio — shared components for entity, guide and article pages.
   Layered on tnt-cinematic.css tokens; no new fonts or colours. */
.tnt-crumbs{font:10px/1.6 var(--dr-font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--dr-gray-400);margin-bottom:22px}
.tnt-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.tnt-crumbs li+li:before{content:"/";margin-right:8px;color:var(--dr-gray-500)}
.tnt-crumbs a{color:var(--dr-gray-200);text-decoration:none}
.tnt-crumbs a:hover{color:var(--dr-accent-dim)}

.tnt-page-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:88px;padding:72px var(--tnt-gutter) 64px;border-bottom:1px solid var(--dr-glass-border)}
.tnt-page-hero__art{position:absolute;inset:0 0 0 38%;z-index:-2}
.tnt-page-hero__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05)}
.tnt-page-hero__art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0e11 0%,#0c0e11d9 18%,transparent 62%),linear-gradient(0deg,#0c0e11,transparent 35%)}
.tnt-page-hero h1{font-family:var(--tnt-display);font-weight:400;text-transform:uppercase;line-height:1.04;letter-spacing:-.01em;font-size:clamp(52px,6.4vw,96px);margin:22px 0 22px;max-width:820px}
.tnt-page-hero h1 span{color:var(--dr-accent)}
.tnt-page-hero__lede{max-width:620px;font-size:17px;line-height:1.8;color:var(--dr-gray-100)}
.tnt-page-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}

.tnt-answer{max-width:860px;font-size:18px;line-height:1.85;color:var(--dr-gray-100)}
.tnt-answer strong{color:var(--dr-white)}
.tnt-prose{max-width:820px}
.tnt-prose p{color:var(--dr-gray-200);font-size:16px;line-height:1.85;margin:0 0 18px}
.tnt-prose h3{font-size:20px;margin:30px 0 10px;color:var(--dr-white)}
.tnt-prose ul,.tnt-prose ol{color:var(--dr-gray-200);margin:0 0 20px 22px;line-height:1.8}
.tnt-prose li{margin-bottom:8px}
.tnt-prose a,.tnt-answer a,.tnt-facts a{color:var(--dr-accent-dim);text-underline-offset:3px}
.tnt-note{border-left:2px solid var(--dr-accent);background:var(--dr-glass-bg);padding:16px 20px;color:var(--dr-gray-200);font-size:14px;line-height:1.75;margin:22px 0;max-width:820px}

.tnt-facts{display:grid;grid-template-columns:minmax(150px,220px) 1fr;border-top:1px solid var(--dr-dark-4);max-width:900px;margin:0}
.tnt-facts dt,.tnt-facts dd{padding:16px 0;border-bottom:1px solid var(--dr-glass-border);margin:0}
.tnt-facts dt{font:10px/1.9 var(--dr-font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--dr-accent-dim);padding-right:20px}
.tnt-facts dd{color:var(--dr-gray-100);font-size:15px;line-height:1.7}

.tnt-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.tnt-modes .dr-card h3{font-size:19px;margin:0 0 8px}
.tnt-status{display:inline-block;font:9px/1.6 var(--dr-font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--dr-dark-4);border-radius:3px;margin-bottom:16px;color:var(--dr-gray-200)}
.tnt-status--live{border-color:var(--dr-accent);color:var(--dr-accent-dim)}

.tnt-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.tnt-gallery figure{margin:0;background:var(--dr-glass-bg);border:1px solid var(--dr-glass-border);border-radius:4px;overflow:hidden}
.tnt-gallery img{display:block;width:100%;height:auto;aspect-ratio:960/506;object-fit:cover}
.tnt-gallery figcaption{padding:12px 14px;font-size:13px;color:var(--dr-gray-300);line-height:1.6}

.tnt-video{max-width:960px;background:#05070a;border:1px solid var(--dr-glass-border);border-radius:4px;overflow:hidden}
.tnt-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#05070a}
.tnt-video p{padding:12px 16px;margin:0;font-size:13px;color:var(--dr-gray-300);background:var(--dr-glass-bg)}

.tnt-faq{max-width:900px;border-top:1px solid var(--dr-dark-4)}
.tnt-faq details{border-bottom:1px solid var(--dr-glass-border)}
.tnt-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font-size:17px;font-weight:700;color:var(--dr-white)}
.tnt-faq summary::-webkit-details-marker{display:none}
.tnt-faq summary:after{content:"+";position:absolute;right:6px;top:16px;font-size:24px;color:var(--dr-accent-dim)}
.tnt-faq details[open] summary:after{content:"–"}
.tnt-faq .tnt-faq__a{padding:0 0 22px;color:var(--dr-gray-200);line-height:1.8;font-size:15px}
.tnt-faq .tnt-faq__a p{margin:0 0 12px}

.tnt-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tnt-links a{display:block;text-decoration:none;color:inherit}
.tnt-links a:hover .dr-card{border-color:var(--dr-accent)}

.tnt-toc{background:var(--dr-glass-bg);border:1px solid var(--dr-glass-border);border-radius:4px;padding:20px 24px;margin:0 0 36px;max-width:820px}
.tnt-toc p{font:10px var(--dr-font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--dr-accent-dim);margin:0 0 10px}
.tnt-toc ol{margin:0 0 0 20px;color:var(--dr-gray-200);line-height:1.9;font-size:15px}
.tnt-toc a{color:var(--dr-gray-100);text-decoration:none}
.tnt-toc a:hover{color:var(--dr-accent-dim)}

/* Articles */
.tnt-article{max-width:820px;margin:0 auto;padding:130px var(--tnt-gutter,24px) 40px}
.tnt-article h1{font-family:var(--tnt-display);font-weight:400;text-transform:uppercase;font-size:clamp(38px,5vw,64px);line-height:1.08;margin:6px 0 20px}
.tnt-article h2{font-family:var(--tnt-display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,36px);line-height:1.15;margin:48px 0 16px;color:var(--dr-white)}
.tnt-article h3{font-size:19px;margin:30px 0 10px;color:var(--dr-white)}
.tnt-article p,.tnt-article li{color:var(--dr-gray-200);font-size:16.5px;line-height:1.85}
.tnt-article p{margin:0 0 18px}
.tnt-article ul,.tnt-article ol{margin:0 0 22px 22px}
.tnt-article li{margin-bottom:8px}
.tnt-article a{color:var(--dr-accent-dim);text-underline-offset:3px}
.tnt-article strong{color:var(--dr-white)}
.tnt-article table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:14.5px}
.tnt-article th,.tnt-article td{border-bottom:1px solid var(--dr-glass-border);padding:12px 10px;text-align:left;vertical-align:top;color:var(--dr-gray-200)}
.tnt-article th{font:10px var(--dr-font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--dr-accent-dim)}
.tnt-article__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:11px/1.8 var(--dr-font-mono,monospace);letter-spacing:.06em;color:var(--dr-gray-400);padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid var(--dr-glass-border)}
.tnt-article__meta a{color:var(--dr-gray-200)}
.tnt-article__lede{font-size:19px!important;color:var(--dr-gray-100)!important}
.tnt-disclosure{border:1px solid var(--dr-dark-4);background:var(--dr-glass-bg);border-radius:4px;padding:16px 20px;font-size:14px!important;color:var(--dr-gray-300)!important;margin:0 0 30px!important}
.tnt-author{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--dr-glass-border);margin-top:48px;padding-top:26px}
.tnt-author img{width:56px;height:56px;border-radius:50%;flex-shrink:0}
.tnt-author p{margin:0 0 6px!important;font-size:14.5px!important}
.tnt-related{border-top:1px solid var(--dr-glass-border);margin-top:40px;padding-top:24px}
.tnt-related ul{list-style:none;margin:0!important;padding:0}

.tnt-cards-list{display:grid;gap:18px;max-width:900px}
.tnt-cards-list .dr-card h2{font-family:var(--dr-font-body);text-transform:none;font-size:22px;font-weight:700;margin:6px 0 10px;line-height:1.3}
.tnt-cards-list .dr-card h2 a{color:var(--dr-white);text-decoration:none}
.tnt-cards-list .dr-card h2 a:hover{color:var(--dr-accent-dim)}
.tnt-cards-list .dr-card p{color:var(--dr-gray-300);margin:0}
.tnt-cards-list time,.tnt-kicker{font:10px var(--dr-font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--dr-gray-400)}

@media(max-width:900px){.tnt-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
 .tnt-page-hero{margin-top:72px;padding:44px var(--tnt-gutter) 48px}
 .tnt-page-hero__art{inset:auto 0 0 0;height:55%;opacity:.55}
 .tnt-page-hero h1{font-size:clamp(46px,12vw,68px)}
 .tnt-facts{grid-template-columns:1fr}.tnt-facts dt{padding-bottom:0;border-bottom:0}
 .tnt-gallery{grid-template-columns:1fr}
 .tnt-article{padding-top:104px}
}
html[data-theme=light] .tnt-page-hero__art:after{background:linear-gradient(90deg,#f1f0e9 0%,#f1f0e9e6 22%,transparent 66%),linear-gradient(0deg,#f1f0e9,transparent 35%)}
html[data-theme=light] .tnt-page-hero__art img{opacity:.8}
.tnt-frame.tnt-prose{max-width:var(--tnt-width)}
.tnt-frame.tnt-prose>*{max-width:820px}
.tnt-article .tnt-crumbs li{font-size:inherit;line-height:inherit;margin:0;color:inherit}
.tnt-article .tnt-crumbs a{color:var(--dr-gray-200);text-decoration:none}
.tnt-article .tnt-crumbs ol{margin:0}
@media(max-width:700px){.tnt-article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tnt-article th,.tnt-article td{min-width:120px}}
/* Updates hero: longer, entity-clear H1 needs a smaller scale than the old one-word title. */
body.tnt-updates .updates-hero__title{font-size:clamp(44px,7vw,104px)!important;line-height:.95;overflow-wrap:break-word}
@media(max-width:700px){body.tnt-updates .updates-hero__title{font-size:clamp(38px,11.5vw,64px)!important}}
.share-btn{max-width:100%}