/* ArbiSEO Blog UI */
html { scroll-behavior:smooth; }
.arb-blog-ui { background:#fff; color:var(--arb-ink); font-family:"Cairo",sans-serif; -webkit-font-smoothing:antialiased; }
.arb-blog-ui * { box-sizing:border-box; }
.arb-blog-ui button,.arb-blog-ui input,.arb-blog-ui select,.arb-blog-ui textarea { font:inherit; }
.arb-shell { width:min(1160px, calc(100% - 40px)); margin-inline:auto; }
.arb-eyebrow,
.arb-section-kicker { color:var(--arb-primary); font-size:13px; font-weight:850; letter-spacing:.01em; }
.arb-eyebrow { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid rgba(var(--arb-primary-rgb),.13); background:rgba(var(--arb-primary-rgb),.05); border-radius:999px; }
.arb-eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--arb-primary); box-shadow:0 0 0 5px rgba(var(--arb-primary-rgb),.08); }

/* Archive Hero */
.arb-archive-hero { position:relative; overflow:hidden; padding:74px 0 78px; background:linear-gradient(140deg,#fff 20%,#f8f8ff 68%,#f1f2ff 100%); border-bottom:1px solid #eeeeF8; }
.arb-archive-hero::before { content:""; position:absolute; width:460px; height:460px; border-radius:50%; inset-inline-start:-160px; top:-220px; background:radial-gradient(circle,rgba(var(--arb-primary-rgb),.12),transparent 66%); filter:blur(8px); }
.arb-archive-hero .arb-shell { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); align-items:center; gap:68px; }
.arb-archive-hero__copy h1 { max-width:760px; margin:20px 0 18px; font-size:clamp(34px,4.2vw,59px); line-height:1.15; letter-spacing:-.045em; font-weight:950; color:#16162a; }
.arb-archive-hero__copy h1::first-line { color:#16162a; }
.arb-archive-hero__copy p { max-width:680px; margin:0; color:#646679; font-size:17px; line-height:1.95; }
.arb-archive-hero__visual { min-height:310px; position:relative; display:grid; place-items:center; }
.arb-orbit { position:absolute; border:1px solid rgba(var(--arb-primary-rgb),.10); border-radius:50%; }
.arb-orbit--one { width:310px; height:310px; }
.arb-orbit--two { width:230px; height:230px; border-style:dashed; animation:arbSpin 24s linear infinite; }
@keyframes arbSpin { to { transform:rotate(360deg); } }
.arb-mini-panel { position:relative; width:280px; min-height:190px; padding:18px; border:1px solid rgba(56,53,105,.10); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 24px 75px rgba(44,38,120,.14); transform:rotate(-2deg); }
.arb-mini-panel::after { content:""; position:absolute; inset:16px; border:1px dashed rgba(var(--arb-primary-rgb),.10); border-radius:16px; pointer-events:none; }
.arb-mini-panel__top { display:flex; gap:6px; margin-bottom:24px; }
.arb-mini-panel__top i { width:7px; height:7px; border-radius:50%; background:#d8d8e8; }
.arb-mini-panel__lines { display:grid; gap:9px; }
.arb-mini-panel__lines b,.arb-mini-panel__lines span { height:7px; border-radius:99px; background:#e9e9f2; }
.arb-mini-panel__lines b { width:44%; background:rgba(var(--arb-primary-rgb),.24); }
.arb-mini-panel__lines span:nth-child(2){ width:74%; }
.arb-mini-panel__lines span:nth-child(3){ width:58%; }
.arb-mini-chart { height:78px; display:flex; gap:8px; align-items:flex-end; margin-top:24px; padding:0 4px; }
.arb-mini-chart i { flex:1; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,var(--arb-primary),#7376F0); box-shadow:0 5px 10px rgba(var(--arb-primary-rgb),.12); }
.arb-float-pill { position:absolute; padding:8px 12px; border-radius:10px; background:#fff; color:#35354c; font-size:12.5px; font-weight:800; box-shadow:0 12px 34px rgba(48,43,113,.11); border:1px solid rgba(56,53,105,.08); }
.arb-float-pill--1 { inset-inline-start:3%; top:28%; }
.arb-float-pill--2 { inset-inline-end:0; top:20%; color:var(--arb-primary); }
.arb-float-pill--3 { inset-inline-end:7%; bottom:17%; }

/* Section headings */
.arb-section-heading,.arb-results-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.arb-section-heading h2,.arb-results-head h2 { margin:5px 0 0; font-size:clamp(26px,3vw,38px); line-height:1.2; letter-spacing:-.025em; color:#16162a; }
.arb-section-heading__line { flex:1; height:1px; background:linear-gradient(90deg,transparent,#e4e4f1); }

/* Featured */
.arb-featured-section { padding:78px 0 54px; }
.arb-featured-grid { display:grid; grid-template-columns:1.35fr .9fr; grid-template-rows:repeat(2,minmax(210px,1fr)); gap:18px; min-height:510px; }
.arb-featured-card { position:relative; overflow:hidden; border-radius:26px; background:#202033; box-shadow:0 18px 48px rgba(30,28,68,.12); isolation:isolate; }
.arb-featured-card--1 { grid-row:1 / span 2; }
.arb-featured-grid--1 { grid-template-columns:1fr; grid-template-rows:minmax(380px,510px); }
.arb-featured-grid--1 .arb-featured-card--1 { grid-row:auto; }
.arb-featured-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:minmax(330px,440px); min-height:0; }
.arb-featured-grid--2 .arb-featured-card--1 { grid-row:auto; }
.arb-featured-card__media,.arb-featured-card__media img,.arb-thumb-placeholder { position:absolute; inset:0; width:100%; height:100%; display:block; }
.arb-featured-card__media img { object-fit:cover; transition:transform .5s cubic-bezier(.2,.75,.25,1); }
.arb-featured-card:hover .arb-featured-card__media img { transform:scale(1.045); }
.arb-thumb-placeholder { display:grid; place-items:center; background:linear-gradient(135deg,#F0F1FF,#DDE0FF); color:var(--arb-primary); font-size:24px; }
.arb-featured-card__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 22%,rgba(10,10,24,.25) 50%,rgba(10,10,24,.92) 100%); }
.arb-featured-card--2 .arb-featured-card__shade,.arb-featured-card--3 .arb-featured-card__shade { background:linear-gradient(180deg,rgba(10,10,24,.02),rgba(10,10,24,.82)); }
.arb-featured-card__content { position:absolute; z-index:2; inset-inline:28px; bottom:26px; color:#fff; }
.arb-featured-card--2 .arb-featured-card__content,.arb-featured-card--3 .arb-featured-card__content { inset-inline:21px; bottom:19px; }
.arb-category-pill { display:inline-flex; align-items:center; min-height:27px; padding:0 10px; margin-bottom:10px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.18); color:#fff !important; font-size:12.5px; font-weight:800; text-decoration:none !important; backdrop-filter:blur(8px); }
.arb-featured-card h3 { margin:0 0 14px; max-width:760px; color:#fff; font-size:clamp(20px,2.6vw,34px); line-height:1.35; }
.arb-featured-card--2 h3,.arb-featured-card--3 h3 { font-size:19px; margin-bottom:10px; }
.arb-featured-card h3 a { color:inherit; text-decoration:none; }
.arb-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:#77798c; font-size:13px; }
.arb-featured-card .arb-card-meta { color:rgba(255,255,255,.78); }
.arb-card-avatar { display:inline-flex; }
.arb-card-avatar img { width:32px; height:32px; border-radius:50%; object-fit:cover; border:2px solid #fff; }
.arb-card-author { font-weight:800; }
.arb-meta-dot { width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.55; }

/* Filters */
.arb-posts-section { padding:42px 0 90px; }
.arb-filter-panel { position:relative; margin-bottom:50px; padding:16px; border:1px solid #e8e8f1; border-radius:24px; background:#fff; box-shadow:0 16px 50px rgba(35,31,91,.07); }
.arb-filter-search { position:relative; display:flex; align-items:center; min-height:58px; padding-inline:18px; border:1px solid #ececf5; border-radius:16px; background:#f9f9fd; }
.arb-filter-search svg { width:21px; height:21px; flex:0 0 auto; color:var(--arb-primary); margin-inline-end:10px; }
.arb-filter-search input { width:100%; min-height:54px; padding:0; border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; color:#1f2031; font-size:15px; }
.arb-filter-search input::placeholder { color:#9899a8; }
.arb-filter-controls { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto auto; align-items:end; gap:10px; margin-top:12px; }
.arb-filter-controls label { display:block; min-width:0; }
.arb-filter-controls label > span { display:block; margin:0 3px 6px; color:#6f7080; font-size:12.5px; font-weight:800; }
.arb-filter-controls select { width:100%; min-height:46px; padding:0 12px; border:1px solid #e9e9f2 !important; border-radius:11px; background:#fff; color:#363748; font-size:13.5px; box-shadow:none !important; }
.arb-filter-submit,.arb-filter-reset { min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border-radius:10px; font-size:13px; font-weight:850; text-decoration:none !important; white-space:nowrap; }
.arb-filter-submit { border:0; background:var(--arb-primary); color:#fff; cursor:pointer; box-shadow:0 8px 18px rgba(var(--arb-primary-rgb),.18); }
.arb-filter-reset { border:1px solid #e8e8f1; color:#555668; background:#fff; }
.arb-topic-chips { display:flex; flex-wrap:wrap; gap:7px; padding-top:13px; margin-top:13px; border-top:1px solid #f0f0f6; }
.arb-topic-chips a { display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#f7f7fb; color:#646576; font-size:12.5px; font-weight:750; text-decoration:none !important; transition:.2s ease; }
.arb-topic-chips a:hover,.arb-topic-chips a.is-active { background:rgba(var(--arb-primary-rgb),.09); color:var(--arb-primary); }
.arb-results-count { display:inline-flex; align-items:center; min-height:36px; padding:0 13px; border-radius:999px; background:rgba(var(--arb-primary-rgb),.07); color:var(--arb-primary); font-size:12.5px; font-weight:800; }

/* Cards grid */
.arb-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.arb-post-card { overflow:hidden; border:1px solid #e9e9f2; border-radius:22px; background:#fff; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.arb-post-card:hover { transform:translateY(-5px); border-color:rgba(var(--arb-primary-rgb),.18); box-shadow:0 22px 52px rgba(35,31,91,.10); }
.arb-post-card__media { position:relative; display:block; aspect-ratio:16 / 9.5; overflow:hidden; background:#F0F1FF; }
.arb-post-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.arb-post-card:hover .arb-post-card__media img { transform:scale(1.04); }
.arb-read-time { position:absolute; inset-inline-end:12px; bottom:12px; min-height:30px; display:inline-flex; align-items:center; padding:0 10px; border-radius:999px; background:rgba(20,20,38,.82); color:#fff; font-size:12.5px; font-weight:750; backdrop-filter:blur(8px); }
.arb-post-card__body { padding:20px; }
.arb-category-text { color:var(--arb-primary) !important; font-size:12.5px; font-weight:850; text-decoration:none !important; }
.arb-post-card h3 { margin:7px 0 9px; font-size:19px; line-height:1.45; color:#1d1d31; }
.arb-post-card h3 a { color:inherit; text-decoration:none; }
.arb-post-card__body > p { min-height:62px; margin:0 0 18px; color:#686a7b; font-size:14.5px; line-height:1.85; }
.arb-post-card__foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:15px; border-top:1px solid #f0f0f5; }
.arb-post-card .arb-card-meta { flex-wrap:nowrap; min-width:0; }
.arb-post-card .arb-card-author { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.arb-card-arrow { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:10px; background:#f7f7fb; color:var(--arb-primary) !important; text-decoration:none !important; transition:.2s ease; }
.arb-card-arrow svg { width:18px; height:18px; }
.arb-post-card:hover .arb-card-arrow { background:var(--arb-primary); color:#fff !important; }

/* Pagination */
.arb-pagination { margin-top:42px; }
.arb-pagination .page-numbers { list-style:none; margin:0; padding:0; display:flex; justify-content:center; gap:7px; }
.arb-pagination .page-numbers li { margin:0; }
.arb-pagination a,.arb-pagination span { min-width:38px; height:38px; display:grid; place-items:center; padding:0 11px; border:1px solid #e7e7f0; border-radius:11px; color:#555668; text-decoration:none !important; font-size:13px; font-weight:750; }
.arb-pagination .current,.arb-pagination a:hover { border-color:var(--arb-primary); background:var(--arb-primary); color:#fff; }
.arb-pagination .prev,.arb-pagination .next { min-width:auto; }
.arb-empty-state { padding:70px 25px; text-align:center; border:1px dashed #dedef0; border-radius:24px; background:#fafaff; }
.arb-empty-state > span { width:64px; height:64px; display:grid; place-items:center; margin:0 auto 16px; border-radius:20px; background:rgba(var(--arb-primary-rgb),.08); color:var(--arb-primary); font-size:30px; }
.arb-empty-state h2 { margin:0 0 8px; font-size:27px; }
.arb-empty-state p { margin:0 0 20px; color:#747586; }
.arb-empty-state a { display:inline-flex; padding:10px 16px; border-radius:12px; background:var(--arb-primary); color:#fff !important; text-decoration:none !important; }

/* Single Hero */
.arb-reading-progress { position:fixed; z-index:9999; top:0; inset-inline:0; height:3px; pointer-events:none; }
.admin-bar .arb-reading-progress { top:32px; }
.arb-reading-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--arb-primary),#7478EF); box-shadow:0 0 14px rgba(var(--arb-primary-rgb),.35); }
.arb-single-page,.arb-article-layout { overflow:visible; }
.arb-single-hero { padding:48px 0 50px; background:linear-gradient(145deg,#fff,#f8f8ff 70%,#f0f1ff); border-bottom:1px solid #eeeef8; }
.arb-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:34px; color:#8a8b98; font-size:13px; }
.arb-breadcrumbs a { color:#7c7d8c; text-decoration:none; }
.arb-breadcrumbs a:hover { color:var(--arb-primary); }
.arb-bc-sep { opacity:.45; }
.arb-rankmath-breadcrumbs p { margin:0; }
.arb-single-hero__copy { max-width:900px; margin-inline:auto; text-align:center; }
.arb-category-pill--solid { background:var(--arb-primary); border-color:var(--arb-primary); box-shadow:0 8px 20px rgba(var(--arb-primary-rgb),.16); }
.arb-single-hero h1 { margin:12px auto 18px; max-width:920px; font-size:clamp(34px,5.1vw,64px); line-height:1.24; letter-spacing:-.045em; color:#151528; font-weight:950; }
.arb-single-lead { max-width:780px; margin:0 auto 27px; color:#5f6172; font-size:17px; line-height:1.95; }
.arb-single-meta { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:17px; color:#696a79; font-size:13px; }
.arb-single-author { display:inline-flex; align-items:center; gap:10px; color:#303041 !important; text-decoration:none !important; }
.arb-single-author img { width:42px; height:42px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 4px #fff,0 4px 16px rgba(32,31,68,.11); }
.arb-single-author span { display:grid; text-align:start; }
.arb-single-author b { font-size:13px; }
.arb-single-author small { color:#8e8f9d; font-size:12.5px; margin-top:2px; }
.arb-single-meta__item { display:inline-flex; align-items:center; gap:7px; }
.arb-single-meta__item svg { width:17px; height:17px; color:var(--arb-primary); }
.arb-single-cover { margin-top:38px; margin-bottom:42px; }
.arb-single-cover img { width:100%; max-height:620px; object-fit:cover; border-radius:28px; box-shadow:0 24px 70px rgba(35,31,91,.11); }

/* Single three-column layout */
.arb-article-layout { display:grid; grid-template-columns:250px minmax(0,1fr) 255px; gap:34px; align-items:start; padding-bottom:92px; }
.arb-toc-sidebar,.arb-related-sidebar { position:-webkit-sticky; position:sticky; top:var(--arb-sticky-offset,104px); align-self:start; height:max-content; }
.admin-bar .arb-toc-sidebar,.admin-bar .arb-related-sidebar { top:var(--arb-sticky-offset,136px); }
.arb-sticky-card { position:relative; top:auto; border:1px solid #e9e9f2; border-radius:20px; background:#fff; box-shadow:0 14px 42px rgba(35,31,91,.06); }
.arb-toc-card { padding:14px; }
.arb-toc-toggle { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 9px; border:0; background:transparent; color:#28283d; font-size:14px; font-weight:850; cursor:pointer; }
.arb-toc-toggle > span { display:flex; align-items:center; gap:8px; }
.arb-toc-toggle svg { width:19px; height:19px; color:var(--arb-primary); }
.arb-toc-toggle i { font-style:normal; color:#9a9baa; transition:transform .2s ease; }
.arb-toc-card.is-collapsed .arb-toc-toggle i { transform:rotate(180deg); }
.arb-toc { max-height:calc(100vh - 245px); overflow:auto; overscroll-behavior:contain; padding:9px 6px 8px; border-top:1px solid #f0f0f5; scrollbar-width:thin; }
.arb-toc-card.is-collapsed .arb-toc { display:none; }
.arb-toc-loading { margin:8px; color:#8f909e; font-size:12.5px; }
.arb-toc-list { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.arb-toc-list li { margin:0; }
.arb-toc-list a { display:block; padding:8px 10px; border-radius:9px; color:#6f7080; font-size:13px; line-height:1.7; text-decoration:none !important; border-inline-start:2px solid transparent; transition:.18s ease; }
.arb-toc-list li.is-h3 a { padding-inline-start:20px; font-size:12.75px; color:#7e7f8f; }
.arb-toc-list li.is-h4 a { padding-inline-start:28px; font-size:12.5px; }
.arb-toc-list a:hover,.arb-toc-list a.is-active { color:var(--arb-primary); background:rgba(var(--arb-primary-rgb),.055); border-inline-start-color:var(--arb-primary); }
.arb-toc-share { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 7px 3px; border-top:1px solid #f0f0f5; }
.arb-toc-share > span { color:#7f8090; font-size:12.5px; font-weight:750; }
.arb-share-mini { display:flex; gap:5px; }
.arb-share-mini a,.arb-share-mini button { width:30px; height:30px; display:grid; place-items:center; padding:0; border:1px solid #e7e7ef; border-radius:8px; background:#fff; color:#606172 !important; font-size:12.5px; font-weight:850; text-decoration:none !important; cursor:pointer; }
.arb-share-mini a:hover,.arb-share-mini button:hover { color:#fff !important; border-color:var(--arb-primary); background:var(--arb-primary); }

/* Article typography */
.arb-article-main { min-width:0; }
.arb-article-content { color:#2d2e3c; font-size:18px; line-height:2.02; }
.arb-article-content > *:first-child { margin-top:0; }
.arb-article-content p { margin:0 0 1.45em; }
.arb-article-content h2,.arb-article-content h3,.arb-article-content h4 { scroll-margin-top:calc(var(--arb-sticky-offset,104px) + 14px); color:#17172a; letter-spacing:-.02em; }
.arb-article-content h2 { position:relative; margin:2.15em 0 .85em; padding-inline-start:17px; font-size:30px; line-height:1.45; }
.arb-article-content h2::before { content:""; position:absolute; inset-inline-start:0; top:.25em; width:5px; height:1.15em; border-radius:999px; background:linear-gradient(180deg,var(--arb-primary),#777AEF); }
.arb-article-content h3 { margin:1.9em 0 .75em; font-size:24px; line-height:1.5; }
.arb-article-content h4 { margin:1.6em 0 .7em; font-size:19px; }
.arb-article-content ul,.arb-article-content ol { margin:0 0 1.6em; padding-inline-start:1.4em; }
.arb-article-content li { margin:.48em 0; }
.arb-article-content blockquote { margin:2em 0; padding:22px 24px; border:0; border-inline-start:4px solid var(--arb-primary); border-radius:16px; background:linear-gradient(135deg,rgba(var(--arb-primary-rgb),.07),rgba(var(--arb-primary-rgb),.025)); color:#36364a; }
.arb-article-content blockquote p:last-child { margin-bottom:0; }
.arb-article-content img { max-width:100%; height:auto; border-radius:18px; }
.arb-article-content figure { margin:2em 0; }
.arb-article-content figcaption { margin-top:8px; color:#8a8b99; font-size:12.5px; text-align:center; }
.arb-article-content table { width:100%; margin:2em 0; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #e8e8f1; border-radius:16px; font-size:14px; }
.arb-article-content th,.arb-article-content td { padding:12px 14px; border-bottom:1px solid #eeeeF4; text-align:start; }
.arb-article-content th { background:#f7f7fc; color:#303042; }
.arb-article-content tr:last-child td { border-bottom:0; }
.arb-article-content a { color:var(--arb-primary); font-weight:700; text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:4px; text-decoration-color:rgba(var(--arb-primary-rgb),.35); transition:.18s ease; }
.arb-article-content a:hover { text-decoration-color:var(--arb-primary); }
.arb-article-content a.arb-internal-link { padding:2px 5px; margin:0 1px; border-radius:6px; background:linear-gradient(180deg,transparent 52%,rgba(var(--arb-primary-rgb),.10) 52%); }

/* Related sidebar */
.arb-related-card { padding:18px; max-height:calc(100vh - 128px); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.arb-related-card__head { margin-bottom:12px; }
.arb-related-card__head h2 { margin:4px 0 0; font-size:20px; color:#1f1f32; }
.arb-related-list { display:grid; gap:0; }
.arb-related-list article { display:grid; grid-template-columns:68px minmax(0,1fr); gap:10px; align-items:center; padding:12px 0; border-top:1px solid #efeff5; }
.arb-related-thumb { position:relative; display:block; width:68px; aspect-ratio:1; overflow:hidden; border-radius:12px; background:#F1F2FF; }
.arb-related-thumb img,.arb-related-thumb .arb-thumb-placeholder { width:100%; height:100%; object-fit:cover; }
.arb-related-list article > div > span { color:#8f909e; font-size:12.5px; }
.arb-related-list h3 { margin:3px 0 0; font-size:14px; line-height:1.65; }
.arb-related-list h3 a { color:#383849; text-decoration:none; }
.arb-related-list h3 a:hover { color:var(--arb-primary); }

/* Share + author */
.arb-article-sharebox { margin-top:48px; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-radius:20px; background:linear-gradient(135deg,#2529A7,var(--arb-primary)); color:#fff; box-shadow:0 18px 48px rgba(var(--arb-primary-rgb),.18); }
.arb-article-sharebox .arb-section-kicker { color:#E1E2FF; }
.arb-article-sharebox h3 { margin:4px 0 0; color:#fff; font-size:20px; }
.arb-share-buttons { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.arb-share-buttons a,.arb-share-buttons button { min-height:38px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid rgba(255,255,255,.20); border-radius:9px; background:rgba(255,255,255,.09); color:#fff !important; font-size:12.5px; font-weight:800; text-decoration:none !important; cursor:pointer; }
.arb-share-buttons a:hover,.arb-share-buttons button:hover { background:#fff; color:var(--arb-primary) !important; }
.arb-author-box { margin-top:28px; display:grid; grid-template-columns:92px minmax(0,1fr); gap:20px; padding:24px; border:1px solid #e9e9f1; border-radius:20px; background:#fff; box-shadow:0 14px 40px rgba(35,31,91,.05); }
.arb-author-box__avatar img { width:92px; height:92px; object-fit:cover; border-radius:18px; }
.arb-author-box h3 { margin:3px 0 6px; font-size:21px; }
.arb-author-box p { margin:0 0 8px; color:#707182; font-size:14px; line-height:1.85; }
.arb-author-box a { color:var(--arb-primary) !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.arb-tags { margin-top:24px; padding:17px 0; border-top:1px solid #ededf3; border-bottom:1px solid #ededf3; }
.arb-tags strong { display:block; margin-bottom:9px; color:#424253; font-size:12.5px; }
.arb-tags > div { display:flex; flex-wrap:wrap; gap:7px; }
.arb-tags a { padding:7px 10px; border-radius:8px; background:#f7f7fb; color:#676879 !important; font-size:12.5px; text-decoration:none !important; }
.arb-tags a:hover { background:rgba(var(--arb-primary-rgb),.08); color:var(--arb-primary) !important; }
.arb-copy-toast { position:fixed; z-index:9999; inset-inline-start:50%; bottom:28px; transform:translate(-50%,18px); padding:10px 16px; border-radius:12px; background:#181829; color:#fff; font-size:12.5px; box-shadow:0 12px 32px rgba(0,0,0,.18); opacity:0; visibility:hidden; transition:.2s ease; }
.arb-copy-toast.is-visible { opacity:1; visibility:visible; transform:translate(-50%,0); }

/* Comments safety */
.arb-article-main .comments-area,
.arb-article-main #comments,
.arb-article-main .ct-comments { margin-top:38px; }

@media (max-width: 1120px) {
  .arb-article-layout { grid-template-columns:220px minmax(0,1fr); }
  .arb-related-sidebar { grid-column:1 / -1; position:static; top:auto; }
  .arb-related-card { max-height:none; overflow:visible; }
  .arb-related-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  .arb-related-list article { display:block; border:1px solid #efeff5; padding:10px; border-radius:14px; }
  .arb-related-thumb { width:100%; aspect-ratio:16/9; margin-bottom:8px; }
}

@media (max-width: 1080px) {
  .arb-filter-controls { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .arb-archive-hero .arb-shell { grid-template-columns:1fr; gap:25px; }
  .arb-archive-hero__visual { min-height:260px; }
  .arb-featured-grid { grid-template-columns:1fr 1fr; grid-template-rows:360px 240px; min-height:0; }
  .arb-featured-card--1 { grid-column:1/-1; grid-row:auto; }
  .arb-filter-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .arb-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .arb-article-layout { grid-template-columns:1fr; }
  .arb-toc-sidebar { order:0; }
  .arb-article-main { order:1; }
  .arb-related-sidebar { order:2; grid-column:auto; }
  .arb-toc-sidebar,.arb-related-sidebar { position:static; top:auto; }
  .arb-sticky-card { position:relative; }
  .arb-toc,.arb-related-card { max-height:none; overflow:visible; }
  .arb-related-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .arb-shell { width:min(100% - 24px,1160px); }
  .arb-archive-hero { padding:50px 0 48px; }
  .arb-archive-hero__copy h1 { font-size:36px; }
  .arb-archive-hero__copy p { font-size:16px; }
  .arb-archive-hero__visual { min-height:225px; }
  .arb-mini-panel { width:230px; min-height:165px; }
  .arb-orbit--one { width:245px; height:245px; }
  .arb-orbit--two { width:190px; height:190px; }
  .arb-featured-section { padding:52px 0 30px; }
  .arb-section-heading,.arb-results-head { align-items:flex-start; margin-bottom:20px; }
  .arb-section-heading__line { display:none; }
  .arb-featured-grid { display:grid; grid-template-columns:1fr; grid-template-rows:none; }
  .arb-featured-card,.arb-featured-card--1 { min-height:270px; grid-column:auto; grid-row:auto; }
  .arb-featured-card--2,.arb-featured-card--3 { min-height:230px; }
  .arb-featured-card__content { inset-inline:20px; bottom:20px; }
  .arb-featured-card h3,.arb-featured-card--2 h3,.arb-featured-card--3 h3 { font-size:21px; }
  .arb-posts-section { padding-top:25px; }
  .arb-filter-panel { padding:11px; border-radius:18px; }
  .arb-filter-controls { grid-template-columns:1fr 1fr; }
  .arb-filter-submit,.arb-filter-reset { width:100%; }
  .arb-post-grid { grid-template-columns:1fr; }
  .arb-post-card__body > p { min-height:0; }
  .arb-single-hero { padding:34px 0 40px; }
  .arb-breadcrumbs { margin-bottom:24px; }
  .arb-single-hero h1 { font-size:36px; }
  .arb-single-lead { font-size:16px; }
  .arb-single-cover { margin-top:20px; margin-bottom:26px; }
  .arb-single-cover img { border-radius:18px; }
  .arb-article-layout { gap:24px; padding-bottom:60px; }
  .arb-toc-card { border-radius:16px; }
  .arb-article-content { font-size:16.5px; line-height:2; }
  .arb-article-content h2 { font-size:25px; }
  .arb-article-content h3 { font-size:21px; }
  .arb-article-content table { display:block; overflow-x:auto; }
  .arb-article-sharebox { display:block; padding:20px; }
  .arb-share-buttons { margin-top:16px; justify-content:flex-start; }
  .arb-author-box { grid-template-columns:70px minmax(0,1fr); padding:18px; gap:14px; }
  .arb-author-box__avatar img { width:70px; height:70px; border-radius:14px; }
  .arb-related-list { grid-template-columns:1fr; }
  .arb-related-list article { display:grid; grid-template-columns:78px 1fr; }
  .arb-related-thumb { width:78px; aspect-ratio:1; margin:0; }
  .admin-bar .arb-reading-progress { top:46px; }
}

@media (max-width: 420px) {
  .arb-filter-controls { grid-template-columns:1fr; }
  .arb-single-meta { gap:12px; }
  .arb-single-meta__item { font-size:12.5px; }
  .arb-author-box { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .arb-orbit--two { animation:none; }
  .arb-post-card,.arb-featured-card__media img,.arb-copy-toast { transition:none; }
}
