/* AccessoraX: Blog index (listing + pagination). Needs style.css tokens. */
.bx-wrap{max-width:var(--shell,1240px);margin:0 auto;padding-inline:24px}
.bx-hero{background:linear-gradient(180deg,#F4F7FD 0%,#fff 100%);border-bottom:1px solid var(--line);padding:clamp(36px,5vw,64px) 0 clamp(28px,4vw,44px)}
.bx-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;font-size:.85rem;color:var(--text-2)}
.bx-crumbs li+li::before{content:"/";margin-right:6px;color:var(--text-3)}
.bx-crumbs a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:2px}
.bx-hero h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.15;color:var(--ink);margin:0 0 12px;max-width:20ch}
.bx-sub{font-size:1.08rem;color:var(--text-2);max-width:62ch;margin:0}
.bx-main{padding-block:clamp(32px,4vw,56px) clamp(40px,5vw,72px)}
.bx-section-title{font-size:1.5rem;color:var(--ink);margin:0 0 22px}

.bx-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--e2);margin-bottom:clamp(36px,5vw,56px);position:relative}
.bx-featured-media{background:#05122a;min-height:260px}
.bx-featured-media img{width:100%;height:100%;object-fit:contain;display:block}
.bx-featured-body{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:10px}
.bx-flag{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.bx-featured-title{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.25;margin:0}
.bx-featured-title a,.bx-title a{color:var(--ink);text-decoration:none}
.bx-featured-title a::after,.bx-title a::after{content:"";position:absolute;inset:0}
.bx-readmore{font-weight:600;color:var(--blue-deep);margin-top:6px}
.bx-featured:hover .bx-readmore{text-decoration:underline}

.bx-cat{margin:0;font-size:.78rem;font-weight:600;color:var(--blue-deep);background:var(--blue-soft);align-self:flex-start;padding:3px 10px;border-radius:100px}
.bx-excerpt{margin:0;color:var(--text-2);font-size:.97rem;line-height:1.6}
.bx-meta{margin:0;font-size:.85rem;color:var(--text-3)}

.bx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.bx-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.bx-card:hover{box-shadow:var(--e3);transform:translateY(-3px)}
.bx-media{aspect-ratio:800/420;background:var(--mist);overflow:hidden}
.bx-media img{width:100%;height:100%;object-fit:cover;display:block}
.bx-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.bx-title{font-size:1.1rem;line-height:1.35;margin:0}
.bx-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bx-featured .bx-excerpt{display:block;overflow:visible;-webkit-line-clamp:unset}
.bx-meta{margin-top:auto}
.bx-card:focus-within,.bx-featured:focus-within{outline:3px solid var(--blue);outline-offset:2px}
.bx-card a:focus-visible,.bx-featured a:focus-visible{outline:none}
.bx-title a:hover,.bx-featured-title a:hover{text-decoration:underline}

.bx-pager{margin:clamp(36px,5vw,56px) 0}
.bx-pager ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0}
.bx-pg{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);font-weight:600;text-decoration:none}
a.bx-pg:hover{border-color:var(--blue);color:var(--blue-deep)}
.bx-pg.is-current{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}
.bx-pg.is-off{color:#6B7893;background:var(--mist)}
.bx-gap{color:var(--text-2);padding:0 4px}

.bx-cta{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,4vw,48px);text-align:center}
.bx-cta h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 10px}
.bx-cta p{color:var(--on-dark);max-width:56ch;margin:0 auto 22px}
.bx-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;background:#fff;color:var(--blue-deep);font-weight:700;border-radius:100px;text-decoration:none}
.bx-btn:hover{background:var(--blue-soft)}
.bx-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

@media (max-width:980px){.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-featured{grid-template-columns:1fr}.bx-featured-media{min-height:0;aspect-ratio:1200/630}}
@media (max-width:620px){.bx-grid{grid-template-columns:1fr;gap:20px}.bx-wrap{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){.bx-card{transition:none}.bx-card:hover{transform:none}}

.bx-pager a.bx-pg,.bx-btn,.bx-crumbs a:hover{text-decoration:none}
.bx-pager a.bx-pg:hover{text-decoration:underline}