/* Shared rules for native WordPress article blocks. */
.ai-main p.ai-label,.ai-takeaways p.ai-label{font:800 12px/1.2 Roboto,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#008080;margin:0 0 14px}
.ai-main ul.wp-block-list,.ai-main ol.wp-block-list{max-width:790px;margin:24px 0;padding-left:25px;color:#30353a;font:17px/1.58 Roboto,Arial,sans-serif}
.ai-main ul.wp-block-list{list-style:disc outside}
.ai-main ol.wp-block-list{list-style:decimal outside}
.ai-main .wp-block-list li{padding:4px 0 7px 5px}
.ai-main .wp-block-list li::marker{color:#008080;font-weight:800}
.ai-toc .wp-block-paragraph{margin:0}
.ai-main .wp-block-group{min-width:0}
.ai-main .wp-block-group__inner-container,.ai-takeaways .wp-block-group__inner-container{display:contents}
.ai-guide{container-type:inline-size}
.ai-guide .ai-trending{width:100cqw;max-width:none;margin-left:calc(50% - 50cqw);margin-right:0;box-sizing:border-box}
.ai-main .wp-block-details summary{list-style:none}
.editor-styles-wrapper{--green:#008080;--blue:#003399;--navy:#040f49;--ink:#111;--muted:#565d66;--line:#dfe3e8;--soft:#f4f7fa;font-family:Roboto,Arial,sans-serif}
.editor-styles-wrapper .ai-deck{margin:0 0 28px;font:21px/1.48 Roboto,Arial,sans-serif;color:#333}
.editor-styles-wrapper .ai-main{max-width:700px}
.editor-styles-wrapper .ai-toc{position:static;margin:24px 0;max-width:700px}
.editor-styles-wrapper .ai-takeaways{grid-template-columns:1fr;max-width:700px;margin:24px 0 34px}
.editor-styles-wrapper .ai-main .ai-label{font:800 12px/1.2 Roboto,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#008080;margin-bottom:14px}
.editor-styles-wrapper .ai-main h2{font:700 clamp(30px,4vw,48px)/1.05 Roboto,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 22px}
.editor-styles-wrapper .ai-main p{font:18px/1.62 Roboto,Arial,sans-serif;color:#30353a}
.editor-styles-wrapper .ai-main p+p{margin-top:18px}
.editor-styles-wrapper .ai-main section+section{margin-top:64px}
.editor-styles-wrapper .ai-main .ai-close p{color:#fff}
/* First article refinement pass: readable navigation and balanced type. */
.ai-guide .ai-layout{grid-template-columns:220px minmax(0,700px) 230px;gap:28px}
.ai-guide .ai-toc{padding:18px;max-height:calc(100dvh - 116px);overflow-y:auto;scrollbar-width:thin}
.ai-guide .ai-toc{counter-reset:dd-toc}
.ai-guide .ai-toc a{counter-increment:dd-toc;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;font-size:13px;line-height:1.4;text-decoration:none;padding:6px 0}
.ai-guide .ai-toc a::before{content:counter(dd-toc,decimal-leading-zero);color:#008080;font-weight:800;font-size:12px;line-height:1.5}
.ai-guide .ai-toc a:hover,.ai-guide .ai-toc a:focus-visible{color:#006bdf;text-decoration:underline;text-underline-offset:3px}
.ai-guide .ai-trending{padding:24px 32px;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:center}
.ai-guide .ai-trending ol{display:grid;width:100%;min-width:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}
.ai-guide .ai-trending li{min-width:0;padding:7px 18px;overflow-wrap:break-word}
.ai-guide .ai-share-anchor{position:sticky;top:95px;width:0;height:0;max-width:none;margin:0;z-index:10}
.ai-guide .ai-share-rail{position:relative;left:calc(-1 * (max(76px,4vw) + max(0px,(100cqw - 1500px)/2)) + 4px);transform:none;display:grid;grid-template-columns:38px;gap:4px;width:max-content;height:auto;padding:6px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(4,15,73,.08)}
@media(min-width:1101px){.ai-guide .ai-wrap{padding-left:max(76px,4vw);padding-right:max(76px,4vw)}}
@media(max-width:1100px){.ai-guide .ai-share-anchor{position:static;width:auto;height:auto;margin:0 0 24px}.ai-guide .ai-share-rail{position:static;left:auto;display:flex;flex-wrap:wrap}}
@media(max-width:900px){.ai-guide .ai-trending{grid-template-columns:1fr;padding:24px;gap:20px}.ai-guide .ai-trending ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ai-guide .ai-trending ol{grid-template-columns:1fr}}

.ai-guide .ai-main h2,.editor-styles-wrapper .ai-main h2{font-size:36px;line-height:1.12}
.ai-guide .ai-main section,.ai-guide .ai-main h2,.ai-guide .ai-takeaways{scroll-margin-top:96px}
@media(max-width:1000px){.ai-guide .ai-layout{grid-template-columns:1fr}.ai-guide .ai-toc{position:static;max-height:none;overflow:visible}}
@media(max-width:620px){.ai-guide .ai-main h2,.editor-styles-wrapper .ai-main h2{font-size:30px}}