.tdr-hero,.tdr-guide-hero{isolation:isolate;background:var(--td-ink);color:#fff;position:relative;overflow:hidden}.tdr-hero{padding:calc(var(--td-header-offset) + clamp(56px, 6.5vw, 88px)) 0 clamp(64px, 7vw, 104px)}.tdr-guide-hero{padding:calc(var(--td-header-offset) + clamp(44px, 5vw, 72px)) 0 clamp(56px, 6vw, 84px)}.tdr-hero>.td-shell,.tdr-guide-hero>.td-shell{z-index:1;position:relative}.tdr-hero .td-hero-backdrop:after,.tdr-guide-hero .td-hero-backdrop:after{background:linear-gradient(90deg,#102a43eb 0%,#102a43bd 52%,#102a4361 100%)}.tdr-hero .td-label,.tdr-guide-hero .td-label{color:var(--td-accent-bright)}.tdr-hero h1,.tdr-guide-hero h1{max-width:18ch;font-family:var(--td-font-display);letter-spacing:0;text-wrap:balance;margin:22px 0 0;font-size:clamp(2.25rem,4.2vw,3.5rem);font-weight:600;line-height:1.04}.tdr-guide-hero h1{max-width:20ch;font-size:clamp(2.1rem,3.8vw,3.2rem)}.tdr-hero-lede,.tdr-guide-lede{max-width:52ch;color:var(--td-on-ink);font-size:var(--td-t-base);margin:22px 0 0;line-height:1.62}.tdr-breadcrumbs{color:var(--td-on-ink-dim);font-size:var(--td-t-xs);align-items:center;gap:8px;margin-bottom:30px;display:flex}.tdr-breadcrumbs a:hover{color:#fff}.tdr-byline,.tdr-guide-date,.tdr-guide-meta{font-family:var(--td-font-label);font-size:var(--td-t-xs);letter-spacing:.03em}.tdr-byline{color:var(--td-on-ink-dim);flex-wrap:wrap;gap:8px;margin:24px 0 0;display:flex}.tdr-guides,.tdr-paths,.tdr-answer{padding:var(--td-sect) 0;border-bottom:1px solid var(--td-line)}.tdr-guide-list{border-top:1px solid var(--td-line);margin-top:clamp(40px,5vw,64px)}.tdr-guide-list article{border-bottom:1px solid var(--td-line);grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:clamp(28px,4vw,56px);padding:clamp(28px,4vw,44px) 0;display:grid}.tdr-guide-image{border-radius:8px;min-height:220px;display:block;position:relative;overflow:hidden}.tdr-guide-image img{object-fit:cover;transition:transform .42s var(--td-ease)}.tdr-guide-list article:hover .tdr-guide-image img{transform:scale(1.025)}.tdr-guide-copy{align-self:center}.tdr-guide-meta{color:var(--td-accent);text-transform:uppercase;gap:12px;margin:0;display:flex}.tdr-guide-meta span{color:var(--td-text-muted)}.tdr-guide-copy h3{max-width:24ch;font-family:var(--td-font-display);font-size:var(--td-t-xl);letter-spacing:0;margin:14px 0 0;font-weight:600;line-height:1.12}.tdr-guide-copy h3 a:hover{color:var(--td-accent)}.tdr-guide-copy>p:not(.tdr-guide-meta,.tdr-guide-date){max-width:56ch;color:var(--td-text-muted);font-size:var(--td-t-sm);margin:16px 0 0;line-height:1.65}.tdr-guide-date{color:var(--td-text-muted);margin:18px 0}.tdr-path-list{border-top:1px solid var(--td-line);margin-top:clamp(36px,4vw,52px)}.tdr-path-list a{border-bottom:1px solid var(--td-line);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 0;display:grid}.tdr-path-list span{color:var(--td-accent);font-family:var(--td-font-label);font-size:var(--td-t-xs);text-transform:uppercase}.tdr-path-list strong{font-size:var(--td-t-base);font-weight:600}.tdr-path-list svg{color:var(--td-accent);transition:transform .24s var(--td-ease)}.tdr-path-list a:hover svg{transform:translate(4px)}.tdr-answer h2{max-width:34ch;font-family:var(--td-font-display);letter-spacing:0;margin:18px 0 0;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:500;line-height:1.25}.tdr-article-grid{padding-top:var(--td-sect);padding-bottom:var(--td-sect);grid-template-columns:minmax(220px,280px) minmax(0,720px);justify-content:space-between;gap:clamp(40px,7vw,96px);display:grid}.tdr-takeaways{top:calc(var(--td-header-offset) + 28px);border-top:2px solid var(--td-accent);align-self:start;padding-top:18px;position:sticky}.tdr-takeaways ul{gap:16px;margin:22px 0 0;padding:0;list-style:none;display:grid}.tdr-takeaways li{color:var(--td-text-muted);font-size:var(--td-t-xs);grid-template-columns:18px minmax(0,1fr);gap:10px;line-height:1.55;display:grid}.tdr-takeaways svg{color:var(--td-accent);margin-top:2px}.tdr-article>section{scroll-margin-top:calc(var(--td-header-offset) + 24px);padding:0 0 clamp(44px,5vw,64px)}.tdr-article>section+section{border-top:1px solid var(--td-line);padding-top:clamp(44px,5vw,64px)}.tdr-article h2{font-family:var(--td-font-display);font-size:var(--td-t-xl);letter-spacing:0;margin:0 0 22px;font-weight:600;line-height:1.15}.tdr-article>section>p{color:var(--td-text-muted);margin:0 0 18px;line-height:1.75}.tdr-article>section>ul{color:var(--td-text);gap:10px;margin:24px 0 0;padding-left:22px;display:grid}.tdr-steps{border-top:1px solid var(--td-line);margin:30px 0 0;padding:0;list-style:none;display:grid}.tdr-steps li{border-bottom:1px solid var(--td-line);grid-template-columns:44px minmax(0,1fr);gap:20px;padding:22px 0;display:grid}.tdr-steps>li>span{color:var(--td-accent);font-family:var(--td-font-label);font-size:var(--td-t-xs);padding-top:3px}.tdr-steps h3{font-family:var(--td-font-display);font-size:var(--td-t-lg);letter-spacing:0;margin:0;font-weight:600}.tdr-steps p{color:var(--td-text-muted);font-size:var(--td-t-sm);margin:7px 0 0;line-height:1.6}.tdr-related{margin:0}.tdr-close{padding:var(--td-sect) 0;background:var(--td-ink);color:#fff}.tdr-close .td-label{color:var(--td-accent-bright)}.tdr-close h2{max-width:18ch;font-family:var(--td-font-display);font-size:var(--td-t-2xl);letter-spacing:0;margin:18px 0 0;font-weight:600;line-height:1.08}.tdr-close>.td-shell>p:not(.td-label){max-width:50ch;color:var(--td-on-ink);margin:20px 0 0}.tdr-close .hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.tdr-close .td-btn-solid{background:var(--td-accent-bright);color:var(--td-ink)}.tdr-close .td-btn-ghost{border-color:var(--td-line-ink-strong);color:#fff}@media (max-width:820px){.tdr-guide-list article,.tdr-article-grid{grid-template-columns:minmax(0,1fr)}.tdr-guide-image{min-height:260px}.tdr-takeaways{position:static}}@media (max-width:640px){.tdr-hero h1,.tdr-guide-hero h1{font-size:clamp(1.85rem,9vw,2.35rem)}.tdr-guide-image{min-height:210px}.tdr-path-list a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.tdr-path-list span{grid-column:1/-1}.tdr-close .hero-actions .td-btn{flex:100%}}
