.agt-block{margin:24px 0;padding:22px;border:1px solid #e3e8ef;border-radius:16px;background:#fff;color:#172033;box-sizing:border-box}.agt-block *{box-sizing:border-box}.agt-kicker{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#667085}.agt-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.agt-summary-head strong{font-size:20px;line-height:1.45}.agt-summary-head p{margin:5px 0 0;color:#667085}.agt-summary-head a,.agt-table a,.agt-example-links a{color:#3659b8;text-decoration:none;font-weight:700}.agt-metrics{display:grid;gap:12px}.agt-metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}.agt-metrics-2{grid-template-columns:repeat(2,minmax(0,1fr))}.agt-metrics-1{grid-template-columns:minmax(0,1fr)}.agt-metrics article{padding:16px;border-radius:12px;background:#f7f9fc}.agt-metrics span{display:block;font-size:13px;color:#667085}.agt-metrics strong{display:block;margin:7px 0 4px;font-size:20px;line-height:1.35}.agt-metrics small{display:block;color:#7b8494;line-height:1.45}.agt-note{margin:14px 0 0;font-size:13px;line-height:1.7;color:#667085}.agt-table-wrap{overflow-x:auto}.agt-table{width:100%;border-collapse:collapse}.agt-table th,.agt-table td{padding:12px 10px;border-bottom:1px solid #e9edf3;text-align:left;white-space:nowrap}.agt-table th{font-size:12px;color:#667085}.agt-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agt-example-card{padding:17px;border:1px solid #e3e8ef;border-radius:14px;background:#fbfcfe}.agt-example-slot{display:inline-block;margin-bottom:10px;padding:4px 8px;border-radius:999px;background:#eef2fb;font-size:12px;font-weight:700;color:#4f63a3}.agt-example-head{display:flex;align-items:baseline;gap:7px}.agt-example-head strong{font-size:18px}.agt-example-head small,.agt-example-card>p{color:#667085}.agt-example-card>p{margin:5px 0 14px;font-size:13px}.agt-example-event{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.agt-example-event span{font-size:13px;color:#667085}.agt-example-event strong{font-size:18px}.agt-example-path{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.agt-example-path div{padding:9px 5px;text-align:center;border-radius:9px;background:#f3f5f8}.agt-example-path span{display:block;font-size:11px;color:#7b8494}.agt-example-path strong{display:block;margin-top:3px;font-size:14px}.agt-example-links{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.agt-empty{margin:20px 0;padding:14px 16px;border:1px dashed #cfd6e2;border-radius:12px;color:#667085;background:#fafbfc}@media(max-width:760px){.agt-block{padding:17px}.agt-summary-head{display:block}.agt-summary-head a{display:inline-block;margin-top:10px}.agt-metrics-3,.agt-metrics-2,.agt-example-grid{grid-template-columns:1fr}.agt-table th,.agt-table td{padding:10px 8px}.agt-example-path{grid-template-columns:repeat(3,1fr)}}

/* Guide hub index */
.agt-guide-index{display:grid;gap:14px;margin:18px 0 28px}
.agt-guide-index-item{border:1px solid #e5eaf2;border-radius:16px;background:#fff;padding:20px 22px}
.agt-guide-index-item h2{font-size:1.12rem;line-height:1.4;margin:0 0 8px}
.agt-guide-index-item h2 a{text-decoration:none}
.agt-guide-index-item p{margin:0 0 10px;color:#526071;line-height:1.7}
.agt-guide-index-meta{display:flex;gap:10px;align-items:center;font-size:.84rem;color:#7b8797}
.agt-guide-draft{display:inline-block;padding:2px 8px;border-radius:999px;background:#f1f4f8;color:#5b6675}
@media (max-width:640px){.agt-guide-index-item{padding:16px}.agt-guide-index-item h2{font-size:1.02rem}}

/* v1.1.0 Blog public article + hub */
.abt-blog-shell{max-width:1120px;margin:0 auto;padding:38px 24px 88px;color:#e9eef4;box-sizing:border-box}
.abt-blog-article{max-width:900px;margin:0 auto}
.abt-blog-kicker{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.abt-blog-kicker a{text-decoration:none;color:#8e9dad}
.abt-blog-header{margin:0 0 34px;padding:0 0 26px;border-bottom:1px solid #242b32}
.abt-blog-title{margin:0;font-size:clamp(34px,4.1vw,52px);line-height:1.16;letter-spacing:-.035em;color:#f7f9fb}
.abt-blog-lead{max-width:820px;margin:18px 0 0;font-size:17px;line-height:1.8;color:#c6ced7}
.abt-blog-content{font-size:16px;line-height:1.85;color:#d6dde5}
.abt-blog-content>p,.abt-blog-content>ul,.abt-blog-content>ol{margin:0 0 22px}
.abt-blog-content h2{margin:54px 0 18px;font-size:28px;line-height:1.35;letter-spacing:-.02em;color:#f5f7f9}
.abt-blog-content h3{margin:34px 0 12px;font-size:20px;line-height:1.45;color:#eef2f5}
.abt-blog-content strong{color:#f8fafc}
.abt-blog-content a{color:#8dcdb1;text-underline-offset:3px}
.abt-blog-content li{margin:7px 0}
.abt-blog-content hr{margin:46px 0 24px;border:0;border-top:1px solid #242b32}
.abt-blog-content small{color:#8e9aa7}
.abt-blog-meta{margin-top:42px;padding-top:18px;border-top:1px solid #242b32;font-size:13px;color:#77838e}

/* Shortcode cards: dark on public Blog, unchanged in wp-admin. */
.abt-blog-article .agt-block{background:#10151a;color:#e9eef4;border-color:#29323b}
.abt-blog-article .agt-kicker,.abt-blog-article .agt-summary-head p,.abt-blog-article .agt-metrics span,.abt-blog-article .agt-metrics small,.abt-blog-article .agt-note,.abt-blog-article .agt-table th,.abt-blog-article .agt-example-head small,.abt-blog-article .agt-example-card>p,.abt-blog-article .agt-example-event span,.abt-blog-article .agt-example-path span{color:#8f9aa6}
.abt-blog-article .agt-summary-head a,.abt-blog-article .agt-table a,.abt-blog-article .agt-example-links a{color:#8dcdb1}
.abt-blog-article .agt-metrics article,.abt-blog-article .agt-example-path div{background:#171d23}
.abt-blog-article .agt-table th,.abt-blog-article .agt-table td{border-color:#283139}
.abt-blog-article .agt-example-card{background:#12181e;border-color:#29323b}
.abt-blog-article .agt-example-slot{background:#1c2931;color:#9fc8b5}
.abt-blog-article .agt-example-event{border-color:#283139}

/* Blog hub list */
.agt-blog-index{display:grid;gap:14px;margin:18px 0 28px}
.agt-blog-index-item{border:1px solid #29323b;border-radius:16px;background:#10151a;padding:20px 22px}
.agt-blog-index-item h2{font-size:1.12rem;line-height:1.4;margin:0 0 8px}
.agt-blog-index-item h2 a{text-decoration:none;color:#eef2f5}
.agt-blog-index-item p{margin:0 0 10px;color:#9ca8b4;line-height:1.7}
.agt-blog-index-meta{display:flex;gap:10px;align-items:center;font-size:.84rem;color:#77838e}
.agt-blog-draft{display:inline-block;padding:2px 8px;border-radius:999px;background:#20272e;color:#aeb7c0}
.abt-blog-article .agt-empty{background:#10151a;border-color:#3a4651;color:#98a4af}

@media(max-width:760px){
  .abt-blog-shell{padding:26px 18px 64px}
  .abt-blog-title{font-size:34px}
  .abt-blog-lead{font-size:15px;line-height:1.75}
  .abt-blog-content{font-size:15.5px;line-height:1.8}
  .abt-blog-content h2{margin-top:44px;font-size:24px}
  .abt-blog-content h3{font-size:19px}
  .agt-blog-index-item{padding:16px}
}

/* v1.2.0 Blog trust/readability refinements */
.abt-blog-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 18px;font-size:12px;color:#77838e}
.abt-blog-breadcrumb a{color:#8e9dad;text-decoration:none}.abt-blog-breadcrumb a:hover{text-decoration:underline}
.abt-blog-intro{margin:0 0 8px}.abt-blog-intro p:first-child{font-size:17px;line-height:1.8;color:#e0e6ec}.abt-blog-intro p{margin:0 0 18px}
.abt-blog-toc{margin:10px 0 34px;padding:18px 20px;border:1px solid #29323b;border-radius:14px;background:#10151a}
.abt-blog-toc>strong{display:block;margin-bottom:10px;color:#eef2f5}.abt-blog-toc ol{margin:0;padding-left:22px;columns:2;column-gap:34px}.abt-blog-toc li{break-inside:avoid;margin:5px 0}.abt-blog-toc a{color:#a9d8c4;text-decoration:none}.abt-blog-toc a:hover{text-decoration:underline}
.agt-compare-scope{margin:0 0 14px;font-size:13px;color:#667085}.abt-blog-article .agt-compare-scope{color:#a2adb8}
.agt-example-range{display:block;margin:-4px 0 9px;color:#7b8494}.abt-blog-article .agt-example-range{color:#8f9aa6}
.abt-blog-content h2[id]{scroll-margin-top:90px}
@media(max-width:760px){.abt-blog-toc ol{columns:1}.abt-blog-intro p:first-child{font-size:16px}.abt-blog-breadcrumb{margin-bottom:14px}}

/* v1.4.2 Blog hub: question-led titles + list-first spacing */
.abt-blog-hub-shell .abt-blog-header{margin-bottom:20px;padding-bottom:18px}
.abt-blog-hub-shell .agt-blog-index{margin-top:0}
@media(max-width:760px){.abt-blog-hub-shell .abt-blog-header{margin-bottom:16px;padding-bottom:14px}}
