:root{
    --t9theme-yellow:#fde505;
    --t9theme-yellow-strong:#ffd400;
    --t9theme-bg:#060606;
    --t9theme-panel:#111111;
    --t9theme-panel-2:#171717;
    --t9theme-line:rgba(253,229,5,.18);
    --t9theme-text:#f7f7f7;
    --t9theme-muted:#a8a8a8;
    --t9theme-radius:22px;
    --t9theme-shadow:0 24px 70px rgba(0,0,0,.26);
}

body.t9s-theme-blog-archive{
    background:var(--t9theme-bg);
}

body.t9s-theme-blog-archive .site-content,
body.t9s-theme-blog-archive .content-area,
body.t9s-theme-blog-archive .site-main{
    width:100%;
    max-width:none;
    padding:0;
    margin:0;
}

body.t9s-theme-blog-archive #right-sidebar,
body.t9s-theme-blog-archive #left-sidebar,
body.t9s-theme-blog-archive .widget-area{
    display:none!important;
}

.t9theme-archive-main{
    color:var(--t9theme-text);
    background:
        radial-gradient(circle at 15% 0%, rgba(253,229,5,.07), transparent 30%),
        var(--t9theme-bg);
    min-height:70vh;
}

.t9theme-wrap{
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
}

.t9theme-archive-hero{
    padding:70px 0 46px;
    border-bottom:1px solid var(--t9theme-line);
}

.t9theme-breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    margin-bottom:30px;
    color:#777;
    font-size:13px;
}

.t9theme-breadcrumb a{
    color:#aaa;
    text-decoration:none;
}

.t9theme-breadcrumb a:hover,
.t9theme-breadcrumb a:focus-visible{
    color:var(--t9theme-yellow);
}

.t9theme-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:40px;
}

.t9theme-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 14px;
    color:var(--t9theme-yellow);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.t9theme-kicker::before{
    content:"";
    width:24px;
    height:2px;
    background:var(--t9theme-yellow);
}

.t9theme-archive-hero h1{
    margin:0;
    max-width:800px;
    color:#fff;
    font-size:clamp(42px, 7vw, 78px);
    line-height:.98;
    letter-spacing:-.045em;
    font-weight:800;
}

.t9theme-hero-copy>p{
    max-width:760px;
    margin:24px 0 0;
    color:#b8b8b8;
    font-size:17px;
    line-height:1.75;
}

.t9theme-count{
    min-width:170px;
    padding:22px 24px;
    border:1px solid var(--t9theme-line);
    border-radius:18px;
    background:rgba(17,17,17,.86);
    box-shadow:var(--t9theme-shadow);
}

.t9theme-count strong{
    display:block;
    color:var(--t9theme-yellow);
    font-size:34px;
    line-height:1;
}

.t9theme-count span{
    display:block;
    margin-top:8px;
    color:#999;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.t9theme-topics{
    position:sticky;
    top:0;
    z-index:8;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(6,6,6,.92);
    backdrop-filter:blur(12px);
}

.admin-bar .t9theme-topics{
    top:32px;
}

.t9theme-topics-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:16px 0;
    scrollbar-width:thin;
}

.t9theme-topic{
    flex:0 0 auto;
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    color:#d2d2d2;
    background:#101010;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    transition:border-color .18s ease, color .18s ease, background .18s ease;
}

.t9theme-topic:hover,
.t9theme-topic:focus-visible,
.t9theme-topic.is-active{
    color:#050505;
    border-color:var(--t9theme-yellow);
    background:var(--t9theme-yellow);
}

.t9theme-archive-content{
    padding:64px 0 80px;
}

.t9theme-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,420px);
    gap:40px;
    align-items:end;
    margin-bottom:34px;
}

.t9theme-section-head h2,
.t9theme-empty h2,
.t9theme-archive-cta h2{
    margin:0;
    color:#fff;
    font-size:clamp(28px,4vw,44px);
    line-height:1.08;
    letter-spacing:-.03em;
}

.t9theme-section-head>p{
    margin:0;
    color:#999;
    line-height:1.7;
}

.t9theme-post-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.t9theme-post-card{
    display:grid;
    grid-template-columns:minmax(210px, .82fr) minmax(0, 1.18fr);
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.075);
    border-radius:var(--t9theme-radius);
    background:linear-gradient(145deg,#121212,#0e0e0e);
    box-shadow:0 14px 44px rgba(0,0,0,.16);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.t9theme-post-card:hover{
    transform:translateY(-3px);
    border-color:rgba(253,229,5,.35);
    box-shadow:0 24px 60px rgba(0,0,0,.26);
}

.t9theme-post-media{
    display:block;
    min-height:100%;
    overflow:hidden;
    background:#0a0a0a;
}

.t9theme-post-image{
    display:block;
    width:100%;
    height:100%;
    min-height:260px;
    object-fit:cover;
    transition:transform .35s ease;
}

.t9theme-post-card:hover .t9theme-post-image{
    transform:scale(1.025);
}

.t9theme-media-fallback{
    display:flex;
    min-height:260px;
    height:100%;
    padding:24px;
    flex-direction:column;
    justify-content:flex-end;
    background:
        radial-gradient(circle at 75% 20%, rgba(253,229,5,.22), transparent 36%),
        linear-gradient(145deg,#1a1a1a,#090909);
}

.t9theme-media-fallback span{
    color:var(--t9theme-yellow);
    font-size:54px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.06em;
}

.t9theme-media-fallback small{
    margin-top:8px;
    color:#aaa;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.t9theme-post-body{
    display:flex;
    min-width:0;
    padding:26px 28px;
    flex-direction:column;
}

.t9theme-post-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    color:#777;
    font-size:12px;
}

.t9theme-post-meta a{
    color:var(--t9theme-yellow);
    text-decoration:none;
    font-weight:800;
}

.t9theme-post-card h3{
    margin:16px 0 12px;
    color:#fff;
    font-size:clamp(20px,2vw,27px);
    line-height:1.14;
    letter-spacing:-.025em;
}

.t9theme-post-card h3 a{
    color:inherit;
    text-decoration:none;
}

.t9theme-post-body>p{
    margin:0 0 22px;
    color:#aaa;
    line-height:1.65;
    font-size:14px;
}

.t9theme-read{
    display:inline-flex;
    gap:8px;
    align-items:center;
    margin-top:auto;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.t9theme-read span{
    color:var(--t9theme-yellow);
    transition:transform .18s ease;
}

.t9theme-read:hover span,
.t9theme-read:focus-visible span{
    transform:translateX(4px);
}

.t9theme-pagination{
    margin-top:42px;
}

.t9theme-pagination .nav-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.t9theme-pagination .page-numbers{
    display:inline-flex;
    min-width:42px;
    min-height:42px;
    padding:9px 13px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:#111;
    color:#ddd;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.t9theme-pagination .page-numbers.current,
.t9theme-pagination a.page-numbers:hover,
.t9theme-pagination a.page-numbers:focus-visible{
    border-color:var(--t9theme-yellow);
    background:var(--t9theme-yellow);
    color:#050505;
}

.t9theme-empty{
    padding:60px 30px;
    text-align:center;
    border:1px solid var(--t9theme-line);
    border-radius:var(--t9theme-radius);
    background:#111;
}

.t9theme-empty .t9theme-kicker{
    justify-content:center;
}

.t9theme-empty p{
    max-width:600px;
    margin:18px auto 28px;
    color:#aaa;
}

.t9theme-archive-cta{
    padding:0 0 88px;
}

.t9theme-cta-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:40px;
    padding:38px 42px;
    border:1px solid rgba(253,229,5,.28);
    border-radius:var(--t9theme-radius);
    background:
        radial-gradient(circle at 85% 20%, rgba(253,229,5,.11), transparent 34%),
        #111;
}

.t9theme-cta-card p{
    max-width:650px;
    margin:14px 0 0;
    color:#aaa;
    line-height:1.65;
}

.t9theme-cta-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.t9theme-button{
    display:inline-flex;
    min-height:46px;
    padding:12px 18px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--t9theme-yellow);
    border-radius:12px;
    background:var(--t9theme-yellow);
    color:#050505;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
}

.t9theme-button:hover,
.t9theme-button:focus-visible{
    background:#fff16b;
    color:#050505;
}

.t9theme-button--ghost{
    border-color:rgba(255,255,255,.14);
    background:transparent;
    color:#fff;
}

.t9theme-button--ghost:hover,
.t9theme-button--ghost:focus-visible{
    border-color:var(--t9theme-yellow);
    background:transparent;
    color:var(--t9theme-yellow);
}

@media (max-width:1080px){
    .t9theme-post-grid{
        grid-template-columns:1fr;
    }
    .t9theme-post-card{
        grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);
    }
}

@media (max-width:782px){
    .admin-bar .t9theme-topics{top:46px}
    .t9theme-wrap{width:min(100% - 30px,1180px)}
    .t9theme-archive-hero{padding:48px 0 34px}
    .t9theme-hero-grid,
    .t9theme-section-head,
    .t9theme-cta-card{
        grid-template-columns:1fr;
    }
    .t9theme-count{min-width:0;width:max-content}
    .t9theme-archive-content{padding:48px 0 62px}
    .t9theme-section-head{gap:18px}
    .t9theme-post-card{grid-template-columns:1fr}
    .t9theme-post-image,.t9theme-media-fallback{min-height:220px;max-height:300px}
    .t9theme-post-body{padding:23px 22px 25px}
    .t9theme-cta-card{padding:28px 24px;gap:26px}
    .t9theme-cta-actions{justify-content:flex-start}
}

@media (max-width:480px){
    .t9theme-archive-hero h1{font-size:42px}
    .t9theme-hero-copy>p{font-size:15px}
    .t9theme-topic{padding:9px 13px}
    .t9theme-post-card h3{font-size:22px}
    .t9theme-button{width:100%}
    .t9theme-cta-actions{width:100%}
}

@media (prefers-reduced-motion:reduce){
    .t9theme-post-card,.t9theme-post-image,.t9theme-read span{transition:none!important}
}