.t .hn-section{padding:clamp(56px,7vw,96px) 0;background:var(--tagon-white);}
.t .hn-section,.t .hn-section *{box-sizing:border-box;min-width:0;}
.t .hn-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto;display:grid;gap:32px;}
.t .hn-head{display:grid;gap:14px;align-items:end;}
.t .hn-head .t-eb{margin:0;color:var(--tagon-blue);}
.t .hn-head h2{font:600 clamp(30px,3.5vw,46px)/1.15 var(--tagon-font-heading);letter-spacing:-.035em;max-width:22ch;margin:0;color:var(--tagon-ink);}
.t .hn-layout{display:grid;gap:20px;}
.t .hn-side{display:grid;gap:24px;align-content:start;}
.t .hn-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--tagon-rule);border-radius:24px;background:var(--tagon-mist);color:var(--tagon-ink);isolation:isolate;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.t .hn-card-copy{display:grid;gap:12px;}
.t .hn-category{font:700 11px/1.5 var(--tagon-font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--tagon-blue);margin:0;}
.t .hn-card h3{font:600 20px/1.3 var(--tagon-font-heading);letter-spacing:-.025em;margin:0;overflow-wrap:anywhere;}
.t .hn-card h3 a{color:inherit;text-decoration:none;}
.t .hn-card h3 a::after{content:"";position:absolute;inset:0;border-radius:24px;z-index:2;}
.t .hn-card h3 a:focus-visible{outline:none;}
.t .hn-card h3 a:focus-visible::after{outline:3px solid var(--tagon-blue);outline-offset:4px;}
.t .hn-excerpt{font:400 18px/1.5 var(--tagon-font-body);margin:0;}
.t .hn-image{margin:0;margin-top:auto;aspect-ratio:16/9;overflow:clip;border-radius:16px;background:var(--tagon-white);}
.t .hn-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease;}
.t .hn-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 14px/1.4 var(--tagon-font-body);}
.t .hn-card-arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--tagon-white);color:var(--tagon-blue);font-size:20px;transition:background-color .2s ease;}
.t .hn-card--featured{background:var(--tagon-blue);color:var(--tagon-white);padding:26px;gap:20px;height:100%;}
.t .hn-card--featured .hn-category{color:var(--tagon-cream);}
.t .hn-card--featured h3{font-size:clamp(24px,2.3vw,30px);line-height:1.2;}
.t .hn-card--featured .hn-card-arrow{background:var(--tagon-cream);}
.t .hn-rail{display:flex;gap:16px;overflow-x:auto;padding:5px 5px 16px;margin:-5px -5px -16px;scroll-snap-type:x mandatory;scroll-padding:5px;scrollbar-width:thin;scrollbar-color:var(--tagon-blue) var(--tagon-mist);overscroll-behavior-inline:contain;}
.t .hn-rail>.hn-card{flex:0 0 min(85%,290px);scroll-snap-align:start;}
.t .hn-rail:focus-visible{outline:3px solid var(--tagon-blue);outline-offset:4px;border-radius:20px;}
.t .hn-follow{display:grid;gap:18px;padding:4px 4px 0;}
.t .hn-follow>p{font:400 19px/1.5 var(--tagon-font-body);color:var(--tagon-grey);margin:0;max-width:42ch;}
.t .hn-all{display:inline-flex;align-items:center;justify-self:start;gap:14px;min-height:44px;color:var(--tagon-blue);font:700 17px/1.4 var(--tagon-font-body);text-decoration:underline;text-underline-offset:5px;}
.t .hn-all:focus-visible,.t .hn-buttons button:focus-visible{outline:3px solid var(--tagon-blue);outline-offset:4px;}
.t .hn-navigation{display:flex;align-items:center;gap:20px;margin-top:4px;}
.t .hn-navigation[hidden]{display:none;}
.t .hn-buttons{display:flex;gap:10px;flex:none;}
.t .hn-buttons button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--tagon-rule);border-radius:50%;background:var(--tagon-mist);color:var(--tagon-blue);font-size:20px;cursor:pointer;}
.t .hn-buttons button:disabled{opacity:.35;cursor:default;}
.t .hn-buttons button:not(:disabled):hover{background:var(--tagon-blue);color:var(--tagon-cream);border-color:var(--tagon-blue);}
.t .hn-progress{height:4px;flex:1;border-radius:999px;background:var(--tagon-rule);overflow:clip;}
.t .hn-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--tagon-blue);}
.t .hn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
@media(hover:hover){.t .hn-card:hover{background:var(--tagon-blue);color:var(--tagon-white);border-color:var(--tagon-blue);}.t .hn-card:hover .hn-category{color:var(--tagon-cream);}.t .hn-card:hover .hn-card-arrow{background:var(--tagon-cream);}.t .hn-card:hover .hn-image img{transform:scale(1.035);}}
.t .hn-card:focus-within{border-color:var(--tagon-blue);}
@media(min-width:640px){.t .hn-wrap{width:min(1200px,calc(100% - 64px));}.t .hn-head{grid-template-columns:.65fr 1fr;gap:24px;}.t .hn-head h2{justify-self:end;}.t .hn-rail>.hn-card{flex-basis:290px;}}
@media(min-width:1024px){.t .hn-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;}.t .hn-card--featured{padding:28px;}.t .hn-rail>.hn-card{flex-basis:280px;}.t .hn-card--featured .hn-image{margin-top:auto;}}
@media(prefers-reduced-motion:reduce){.t .hn-card,.t .hn-image img,.t .hn-card-arrow{transition:none;}.t .hn-card:hover .hn-image img{transform:none;}}

.t .hn-layout.is-ready .hn-rail{scrollbar-width:none;}
.t .hn-layout.is-ready .hn-rail::-webkit-scrollbar{display:none;}
/* Cream hover keeps the latest articles within Tagon's secondary palette. */
@media(hover:hover){
 .t .hn-card:hover{background:var(--tagon-cream);color:var(--tagon-ink);border-color:var(--tagon-cream);}
 .t .hn-card:hover .hn-category{color:var(--tagon-blue);}
 .t .hn-card:hover .hn-card-arrow{background:var(--tagon-blue);color:var(--tagon-cream);}
 .t .hn-buttons button:not(:disabled):hover{background:var(--tagon-cream);color:var(--tagon-blue);border-color:var(--tagon-cream);}
}
/* Keep the article link underline on its label, clear of the arrow. */
.t .hn-all{text-decoration:none;}
.t .hn-all-label{text-decoration:underline;text-underline-offset:5px;}