/* ClickBee Published Article R144: original reader cascade, combined. */

/* Source: article-reader.css */
/* ClickBee Articles 13.2 — clean white, Telegraph-inspired reading page */
:root{color-scheme:light;--bg:#fff;--text:#232323;--muted:#73777d;--rule:#e8e9ed;--accent:#3558c7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:18px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}a{color:var(--accent)}img,video,iframe{max-width:100%}
.ar-top{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--rule);background:#fff;position:sticky;top:0;z-index:10}.ar-brand{color:#262626;text-decoration:none;font-size:16px;font-weight:770;letter-spacing:-.025em}.ar-top nav{display:flex;gap:20px;font-size:13px}.ar-top nav a{color:#686a71;text-decoration:none}.ar-top nav a:hover{text-decoration:underline}
.ar-wrap{width:min(calc(100% - 42px),740px);margin:64px auto 100px}.ar-hero{text-align:left;margin:0 0 46px}.ar-kicker{color:#82878b;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ar-title{margin:12px 0 14px;color:#1d1d1d;font-size:clamp(37px,6vw,58px);font-weight:780;line-height:1.13;letter-spacing:-.053em}.ar-summary{margin:0;color:#72767d;font-size:clamp(18px,2.4vw,22px);line-height:1.55}.ar-meta{font-size:12px;color:#999da3;margin-top:19px}.ar-content>*{margin:25px 0}.ar-content p{white-space:pre-wrap}.ar-content h2,.ar-content h3,.ar-content h4{color:#202020;line-height:1.25;letter-spacing:-.03em;margin:43px 0 13px}.ar-content h2{font-size:34px}.ar-content h3{font-size:27px}.ar-content h4{font-size:22px}.ar-content blockquote{border-left:3px solid #c3c6cb;padding:6px 0 6px 23px;color:#575b61;font-size:21px;font-style:italic}.ar-content ul,.ar-content ol{padding-left:28px}.ar-content li{margin:6px 0}.ar-content figure{margin:36px 0}.ar-content figure img{max-width:100%;height:auto;max-height:750px;border-radius:5px;object-fit:contain}.ar-content figure[data-align=center]{text-align:center}.ar-content figure[data-align=right]{text-align:right}.ar-content figure figcaption{color:#8a8d94;font-size:13px;margin-top:6px}.ar-video{width:100%;aspect-ratio:16/9;border:0;border-radius:5px;background:#101010}.ar-divider{border:0;border-top:1px solid var(--rule);margin:40px 0}.ar-callout{background:#f7f8fa;border:1px solid #e9eaed;border-radius:6px;padding:20px}.ar-callout[data-tone=success]{border-left:3px solid #2e9f6c}.ar-callout[data-tone=warning]{border-left:3px solid #d79b39}.ar-callout[data-tone=info]{border-left:3px solid #6287d8}.ar-button{display:table;border-radius:5px;padding:11px 20px;background:#202020;color:#fff;text-decoration:none;font-size:14px;font-weight:650}.ar-button[data-align=center]{margin-left:auto;margin-right:auto}.ar-button[data-align=right]{margin-left:auto}.ar-code{background:#f7f8fa;border:1px solid #e7e8ed;padding:18px;border-radius:6px;overflow-x:auto;color:#292929;line-height:1.55;font-size:14px}.ar-table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px}.ar-table td{border:1px solid #e2e3e5;padding:9px}.ar-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ar-cols>*{min-width:0}
.ar-empty{text-align:center;margin:76px auto 30px;padding:20px;max-width:680px}.ar-empty p,.ar-loading{color:var(--muted)}.ar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;max-width:1000px;margin:20px auto 60px;padding:0 22px}.ar-tile{display:block;padding:22px;color:#272727;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;background:#fff}.ar-tile:hover{box-shadow:0 8px 25px #0001}.ar-tile h2{font-size:22px;line-height:1.3}.ar-tile p{font-size:14px;color:#777}.ar-footer{border-top:1px solid var(--rule);padding:26px;text-align:center;color:#96999f;font-size:12px}
@media(max-width:680px){.ar-top{padding:0 16px}.ar-top nav{gap:12px}.ar-wrap{width:calc(100% - 36px);margin:32px auto 60px}.ar-title{font-size:37px}.ar-content h2{font-size:27px}.ar-cols{grid-template-columns:1fr}.ar-hero{margin-bottom:33px}}

/* V13.3: title, byline, then story; no introduction/cover panel. */
.ar-author{font-size:17px;color:#555a62;margin-top:14px;line-height:1.5}.ar-hero{margin-bottom:36px}.ar-content>p{margin:0 0 19px;line-height:1.8}

/* V13.4 standalone public story: no ClickBee chrome; consistent article typography. */
@font-face{font-family:'SF Pro Display';font-style:normal;font-weight:400;font-display:swap;src:url('../webfonts/SF-Pro-Display-Regular.otf') format('opentype')}
@font-face{font-family:'SF Pro Display';font-style:normal;font-weight:700;font-display:swap;src:url('../webfonts/SF-Pro-Display-Bold.otf') format('opentype')}
:root{--ar-font-sans:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--ar-font-serif:Georgia,'Times New Roman',serif;--ar-font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--ar-font-rounded:'Trebuchet MS','Arial Rounded MT Bold',sans-serif}
body{font-family:var(--ar-font-sans)}.ar-wrap{margin-top:65px}.ar-hero .ar-kicker{display:none}
.ar-block-font-serif{font-family:var(--ar-font-serif)}.ar-block-font-mono{font-family:var(--ar-font-mono)}.ar-block-font-rounded{font-family:var(--ar-font-rounded)}
.ar-block-font-sans{font-family:var(--ar-font-sans)}
.ar-list{border:0}.ar-tile{border:1px solid #dfe3eb;box-shadow:0 2px 9px #252b3910;border-radius:12px}.ar-tile:hover{border-color:#98ace4;box-shadow:0 10px 24px #1628471e}

/* V13.4.1 multi-column content */
.ar-cols{grid-template-columns:repeat(var(--ar-cols,2),minmax(0,1fr));gap:22px;align-items:start}.ar-cols>*{min-width:0}.ar-cols p{font-size:0.95em}.ar-tile{border:1px solid #dfe3eb!important;border-radius:12px;background:#fff;box-shadow:0 2px 9px #1d253210}
@media(max-width:780px){.ar-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ar-cols{grid-template-columns:1fr}}

/* V13.7 publication metadata and configurable block appearance */
.ar-byline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#777e87;font-size:14px;line-height:1.45;margin-top:17px}
.ar-byline .ar-author{margin:0;font-size:inherit;color:#505761}.ar-byline-dot{color:#afb3bc;font-size:21px;line-height:1}
.ar-button{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ar-button:hover{transform:translateY(-1px)}.ar-button[style*="--ar-hover-background"]:hover{background-color:var(--ar-hover-background)}
.ar-content .ar-ssr-block{max-width:100%;overflow-wrap:anywhere}
.ar-content .ar-ssr-block.ar-button{max-width:100%;text-align:center;vertical-align:middle}
.ar-content figure img{max-width:100%}

/* Authenticated owner-only edit action, not part of the article headline */
.ar-owner-actions[hidden]{display:none!important}
.ar-owner-actions{margin:48px 0 0;text-align:right;border-top:1px solid #e8eaed;padding:16px 0}
.ar-owner-actions a{font-size:13px;border:1px solid #d3d8dd;border-radius:9px;padding:8px 13px;text-decoration:none;background:#fff;color:#292c34}
.ar-owner-actions a:hover{background:#f4f6f8}


/* ARTICLES_READER_POLISH_V139: quiet, responsive editorial page */
:root{color-scheme:light;--ar-ink:#20242a;--ar-muted:#6a717a;--ar-separator:#e9ebef}
html{background:#fff}body{background:#fff;color:var(--ar-ink);font-family:var(--ar-font-sans),-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:18px;line-height:1.78;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ar-wrap{width:min(100% - 48px,760px);margin:22px auto 90px;padding:0}
.ar-hero{margin:0 0 28px;padding:0 0 21px;border-bottom:1px solid var(--ar-separator);text-align:left}
.ar-headline-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.ar-title{flex:1;min-width:0;max-width:100%;margin:0 0 12px;font-size:clamp(34px,4.9vw,52px);font-weight:740;line-height:1.14;letter-spacing:-.04em;color:#1d242c;overflow-wrap:break-word}
.ar-byline{display:flex;align-items:center;gap:9px;margin:3px 0 0;font-size:14px;letter-spacing:0;line-height:1.5;color:var(--ar-muted)}
.ar-byline .ar-author{color:#4c555f;font-weight:570}
.ar-byline-dot{color:#a4abb3;font-weight:600}
.ar-headline-actions[hidden]{display:none!important}
.ar-headline-actions{display:flex;align-items:flex-end;flex-direction:column;gap:7px;flex:0 0 auto;padding-top:6px}
.ar-headline-actions .ar-edit-action{border:1px solid #dce1e7;background:#fff;color:#303945;border-radius:9px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background-color .12s,border-color .12s}
.ar-headline-actions .ar-edit-action:hover{background:#f6f7f9;border-color:#b9c1cc}
.ar-headline-actions .ar-promote-action{font-size:12px;line-height:1.45;color:#5869a4;text-decoration:none;white-space:nowrap}
.ar-headline-actions .ar-promote-action:hover{text-decoration:underline;color:#2b428c}
.ar-content{font-size:18px;line-height:1.8;letter-spacing:-.005em}
.ar-content>*{margin:0 0 24px}
.ar-content p,.ar-content .ar-ssr-block{overflow-wrap:break-word}
.ar-content>p{margin:0 0 21px;line-height:1.8}
.ar-content h2,.ar-content h3,.ar-content h4{letter-spacing:-.035em;line-height:1.26;color:#252932;margin:34px 0 12px}
.ar-content h2{font-size:30px}.ar-content h3{font-size:25px}.ar-content h4{font-size:21px}
.ar-content blockquote{border-left:3px solid #d5d9e0;margin:30px 0;padding:5px 0 5px 19px;color:#525b68;font-size:20px;font-style:normal}
.ar-content figure{margin:30px 0}.ar-content img,.ar-content video{display:block;height:auto;max-width:100%}.ar-content figure img{border-radius:10px}
.ar-content figure figcaption{margin-top:9px;font-size:13px;color:#7c838d;line-height:1.5}
.ar-content iframe{display:block;max-width:100%;width:100%;aspect-ratio:16/9;min-height:240px;border:0;border-radius:10px;background:#131820}
.ar-content table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;font-size:14px;line-height:1.5}
.ar-content table td{padding:10px 12px;border:1px solid #e4e7eb}
.ar-content pre{overflow-x:auto;max-width:100%;padding:18px;background:#f7f8fa;border:1px solid #e9ebef;border-radius:9px;font-size:14px;line-height:1.55}
.ar-content aside{padding:18px 20px;border:1px solid #e8ebf0;border-radius:10px;background:#f8f9fb}
.ar-content .ar-cols{margin:27px 0;align-items:start;min-width:0}
.ar-content .ar-cols>div{min-width:0;overflow-wrap:anywhere}
.ar-content .ar-button{display:inline-flex;width:auto;max-width:100%;align-items:center;justify-content:center;padding:11px 18px;border-radius:9px;font-size:14px;line-height:1.4;text-decoration:none}
.ar-owner-actions{display:none!important}
@media(max-width:640px){.ar-wrap{width:calc(100% - 34px);margin:16px auto 54px}.ar-headline-row{gap:11px;flex-wrap:wrap}.ar-headline-row .ar-title{flex-basis:100%;margin-bottom:2px;font-size:clamp(32px,8.5vw,41px);line-height:1.16}.ar-headline-actions{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:0;margin:5px 0 10px}.ar-headline-actions .ar-promote-action{white-space:normal}.ar-hero{padding-bottom:18px;margin-bottom:23px}.ar-content{font-size:17px;line-height:1.75}.ar-content>p{line-height:1.77;margin-bottom:18px}.ar-content h2{font-size:26px}.ar-content h3{font-size:22px}.ar-content figure{margin:25px 0}.ar-content blockquote{font-size:18px}.ar-content iframe{min-height:185px}}
@media(prefers-reduced-motion:reduce){.ar-headline-actions .ar-edit-action{transition:none}}

/* V14: no decorative separator between byline and opening paragraph. */
.ar-hero{border-bottom:0!important;padding-bottom:0!important;margin-bottom:18px!important}
@media(max-width:640px){.ar-hero{margin-bottom:16px!important}}

/* CB_ARTICLE_SHARE_URL_CSS_V18 */
.ar-share-url{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:9px 11px;border:1px solid #e9edf3;border-radius:10px;background:#fafbfe;min-width:0}
.ar-share-url-label{flex-shrink:0;color:#7a8492;font-size:11px;font-weight:680;letter-spacing:.015em}
.ar-share-url-link{font-size:12px;min-width:0;flex:1;color:#5565a4;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-share-url-link:hover{text-decoration:underline;text-underline-offset:2px}
.ar-share-copy{flex-shrink:0;border:1px solid #dce2ef;background:#fff;border-radius:7px;padding:6px 9px;color:#333f5e;font-weight:600;font-size:11px;font-family:inherit;cursor:pointer}
.ar-share-copy:hover{background:#f2f4fb}
@media(max-width:520px){.ar-share-url{gap:7px;margin-bottom:12px;padding:8px}.ar-share-url-label{display:none}.ar-share-url-link{font-size:11px}}


/* CB_ARTICLE_READER_OWNER_V20 — white article layout and strictly owner-only UI */
html,body{max-width:100%;overflow-x:clip}
#articleRoot,.ar-wrap,.ar-content{min-width:0;max-width:100%}
.ar-wrap{width:min(calc(100% - 40px),760px);margin:16px auto 64px}
.ar-hero{border-bottom:0!important;padding-bottom:0!important;margin:0 0 23px}
.ar-headline-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:clamp(10px,2vw,22px);width:100%}
.ar-title{grid-column:1;min-width:0;max-width:100%;overflow-wrap:anywhere;margin:0 0 11px}
.ar-headline-actions{grid-column:2;grid-row:1;align-items:flex-end;text-align:right;justify-content:flex-start;display:flex;flex-direction:column;gap:8px;margin:0;padding:2px 0 0;max-width:150px;min-width:0}
.ar-headline-actions[hidden]{display:none!important}
.ar-headline-actions .ar-edit-action{white-space:nowrap;min-width:0;max-width:100%;justify-content:center}
.ar-headline-actions .ar-promote-action{white-space:normal;overflow-wrap:normal;text-align:right;max-width:100%}
.ar-byline{margin-top:5px;gap:8px}
.ar-content{overflow-wrap:anywhere}
.ar-content>*{max-width:100%;min-width:0}
.ar-content img,.ar-content video,.ar-content iframe{max-width:100%;height:auto}
.ar-content video{width:100%;object-fit:contain}
.ar-content iframe{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;border:0}
.ar-content figure{max-width:100%;min-width:0;margin-left:0;margin-right:0}
.ar-content figure img{display:block;max-width:100%;height:auto}
.ar-content figure figcaption{overflow-wrap:anywhere}
.ar-content pre,.ar-content table{width:100%;max-width:100%;display:block;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ar-content pre{white-space:pre;overflow-wrap:normal}
.ar-content pre code{overflow-wrap:normal;white-space:pre}
.ar-content table{border-collapse:collapse}
.ar-content table td{min-width:65px;overflow-wrap:anywhere}
.ar-content .ar-ssr-block,.ar-content blockquote,.ar-content aside,.ar-content ul,.ar-content ol{max-width:100%;min-width:0}
.ar-content .ar-button{max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}
.ar-content .ar-cols{display:grid;grid-template-columns:repeat(var(--ar-cols,2),minmax(0,1fr));gap:clamp(10px,2vw,22px);width:100%;max-width:100%;min-width:0}
.ar-content .ar-cols>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ar-content .ar-cols .ar-cols{max-width:100%}
/* No publicly rendered URL panel: if an earlier cached HTML leaves one behind,
   hide it until the cache refreshes (PHP patch removes it altogether). */
.ar-share-url{display:none!important}
.ar-owner-share-popup{display:flex;align-items:center;gap:12px;justify-content:space-between;width:min(calc(100% - 40px),760px);max-width:100%;margin:12px auto 0;padding:11px 13px;border:1px solid #e3e8f0;border-radius:12px;background:#f9fafc;box-shadow:0 5px 19px rgba(30,43,65,.09);color:#303945;box-sizing:border-box}
.ar-owner-share-popup+.ar-wrap{margin-top:12px}
.ar-owner-share-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ar-owner-share-text strong{font-size:11px;font-weight:700;color:#667180;line-height:1.4}
.ar-owner-share-link{font-size:12px;color:#455c91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;min-width:0;display:block;max-width:100%}
.ar-owner-share-link:hover{text-decoration:underline}
.ar-owner-share-buttons{display:flex;align-items:center;gap:7px;flex:none}
.ar-owner-share-buttons button{font:600 12px/1.2 var(--ar-font-sans),sans-serif;border:1px solid #dbe2ec;background:#fff;color:#303b4e;min-height:32px;padding:7px 10px;border-radius:8px;cursor:pointer}
.ar-owner-share-buttons button:hover{background:#f0f3f9}
.ar-owner-share-buttons .ar-owner-close{font-size:20px;font-weight:400;line-height:1;min-width:32px;padding:4px}
@media(max-width:780px){.ar-content .ar-cols{grid-template-columns:repeat(min(2,var(--ar-cols,2)),minmax(0,1fr))}}
@media(max-width:560px){
 .ar-wrap{width:calc(100% - 28px);margin:11px auto 48px}
 .ar-headline-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:9px;align-items:start}
 .ar-title{grid-column:1;grid-row:1;flex-basis:auto!important;font-size:clamp(27px,7vw,36px);line-height:1.16;letter-spacing:-.033em;margin:0 0 7px;min-width:0}
 .ar-headline-actions{grid-column:2;grid-row:1;align-items:flex-end;flex-direction:column;text-align:right;gap:6px;max-width:108px;margin:0;padding:1px 0 0}
 .ar-headline-actions .ar-edit-action{font-size:11px;padding:6px 8px;border-radius:8px}
 .ar-headline-actions .ar-promote-action{font-size:11px;line-height:1.35;white-space:normal;max-width:108px}
 .ar-hero{margin-bottom:18px}
 .ar-content{font-size:16px;line-height:1.72}
 .ar-content .ar-cols{grid-template-columns:minmax(0,1fr);gap:16px}
 .ar-content .ar-cols>div{min-width:0;width:100%}
 .ar-content blockquote{font-size:18px;padding-left:14px}
 .ar-content figure{margin:20px 0}
 .ar-content iframe{width:100%;min-height:0;aspect-ratio:16/9}
 .ar-content table td{min-width:65px;padding:8px 9px}
 .ar-content pre{padding:12px;font-size:13px}
 .ar-owner-share-popup{width:calc(100% - 28px);padding:9px 10px;margin:8px auto 0;gap:7px}
 .ar-owner-share-link{font-size:11px}
 .ar-owner-share-buttons{gap:5px}
 .ar-owner-share-buttons button{min-height:30px;padding:5px 7px}
 .ar-owner-share-buttons .ar-owner-close{min-width:29px}
}


/* Source: article-reader-app-v26.css */
/* CB_ARTICLE_READER_APP_V26 — contemporary app shell for rich articles */
:root{--ar-app-ink:#1e293b;--ar-app-soft:#6a778b;--ar-app-stroke:#e3eaf3;--ar-app-accent:#4167c7}
html{scroll-padding-top:30px;background:#f3f6fb}
body{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at center top,#edf2fe 0,#f5f7fb 450px,#f5f7fb 100%);color:var(--ar-app-ink);-webkit-font-smoothing:antialiased}
.ar-wrap{max-width:860px!important;width:min(calc(100% - 40px),860px)!important;min-height:75vh;margin:clamp(16px,3vw,38px) auto 80px!important;padding:clamp(27px,5vw,60px) clamp(24px,7.2vw,78px) 74px!important;background:#fff;border:1px solid var(--ar-app-stroke);border-radius:23px;box-shadow:0 23px 80px rgba(28,45,75,.07)}
.ar-hero{padding:0!important;margin-bottom:24px!important;border:0!important}
.ar-title{font-size:clamp(34px,5vw,52px);line-height:1.14;letter-spacing:-.044em}
.ar-content{font-size:clamp(16px,1.6vw,19px);line-height:1.82}
.ar-content a:not(.ar-button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;transition:background .15s ease,color .15s ease}
.ar-content a:not(.ar-button):hover{background:#eef3ff;color:#244ba7;border-radius:3px}
.ar-content a:not(.ar-button):focus-visible{outline:3px solid #8aaef4;outline-offset:3px}
.ar-content figure img{width:auto;height:auto;max-width:100%;border-radius:12px}
.ar-content blockquote{border-left:4px solid #95a8d1;padding:14px 18px;background:#f6f8fc;border-radius:0 12px 12px 0}
.ar-content pre,.ar-code{border-radius:12px!important;border:1px solid #dce5f2!important;background:#f6f8fc!important;box-shadow:inset 0 1px #fff;overscroll-behavior-x:contain}
.ar-content table{border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ar-content .ar-cols{gap:clamp(12px,3vw,24px)}
.ar-content iframe{aspect-ratio:16/9;max-width:100%;border-radius:12px}
#ar-reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:999;background:transparent;pointer-events:none}
#ar-reading-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4f6dd0,#7b98e4);transform-origin:left;transition:width .1s linear}
.ar-reader-tools{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;padding:6px;z-index:15;border-radius:16px;border:1px solid #e0e6f0;background:rgba(255,255,255,.94);box-shadow:0 10px 35px #23334a21;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ar-reader-tools button{min-height:39px;padding:8px 13px;border:0;border-radius:11px;color:#35445b;background:transparent;font:600 12px/1.1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:background .16s ease,transform .16s ease}
.ar-reader-tools button:hover{background:#eff4fe;color:#2c53a2}.ar-reader-tools button:active{transform:scale(.96)}
.ar-reader-tools button:focus-visible{outline:2px solid #6485d8;outline-offset:2px}
@media(max-width:720px){html,body{background:#fff}.ar-wrap{width:100%!important;min-height:100dvh;margin:0 auto 48px!important;padding:clamp(22px,6vw,34px) clamp(17px,5.7vw,28px) 94px!important;border:0;border-radius:0;box-shadow:none}.ar-title{font-size:clamp(32px,8.1vw,43px)}.ar-content{font-size:17px;line-height:1.78}.ar-reader-tools{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(11px + env(safe-area-inset-bottom,0px));border-radius:14px}.ar-reader-tools button{min-height:41px}}
@media(max-width:380px){.ar-reader-tools button{padding:8px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ar-reader-tools button,#ar-reading-progress>span,.ar-content a:not(.ar-button){transition:none!important}}

/* CB_ARTICLE_READER_OPEN_V28 — no boxed page; continuous white page top to bottom. */
html,body{background:#fff!important;background-image:none!important}
#articleRoot{background:#fff!important}
.ar-wrap{
  max-width:860px!important;width:min(calc(100% - 36px),860px)!important;
  min-height:100dvh!important;margin:0 auto!important;
  padding:clamp(30px,4.7vw,62px) clamp(3px,5.3vw,55px) 105px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;
}
@media(max-width:720px){
 .ar-wrap{width:100%!important;margin:0 auto!important;padding:clamp(21px,5.6vw,33px) clamp(17px,5.7vw,28px) 95px!important}
}


/* Source: article-link-default-v23.css */
/* ClickBee Article Links V23: minimalist developer-documentation typography.
   Applies to actual text links in published story content only.
   Leaves authored button blocks, article-owner controls, and editor UI untouched. */
.ar-content a[href]:not(.ar-button) {
  color: #2457c5;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: rgba(36, 87, 197, .36);
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-skip-ink: auto;
  border-radius: 3px;
  background-color: transparent;
  transition: color .16s ease, text-decoration-color .16s ease, background-color .16s ease;
}
.ar-content a[href]:not(.ar-button):visited {
  color: #2457c5;
}
.ar-content a[href]:not(.ar-button):hover {
  color: #173d96;
  text-decoration-color: currentColor;
  background-color: rgba(49, 98, 219, .075);
}
.ar-content a[href]:not(.ar-button):focus-visible {
  color: #173d96;
  text-decoration-color: currentColor;
  background-color: #edf2ff;
  outline: 2px solid #4b72dc;
  outline-offset: 3px;
}
.ar-content a[href]:not(.ar-button):active {
  color: #153780;
}
@media (prefers-reduced-motion: reduce) {
  .ar-content a[href]:not(.ar-button) { transition: none; }
}


/* Source: article-layout-v30.css */
/* CB_ARTICLE_LAYOUT_V30 — same visible block geometry in Studio and published reader.
   Chrome (resize grips, toolbar, source fields) is editor-only. No external fonts. */
:root{--cb-article-ink:#252932;--cb-article-muted:#68717c;--cb-article-border:#e6eaf0;--cb-article-font:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
/* Matched line metrics for article content at a given viewport width. */
.as-page #blocks,.ar-content{box-sizing:border-box;display:flex!important;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;column-gap:0!important;row-gap:0!important;min-width:0;max-width:100%;font-family:var(--cb-article-font);font-size:18px;line-height:1.8;letter-spacing:-.005em}
.as-page #blocks>.as-block,.ar-content>.ar-ssr-block{box-sizing:border-box;flex:0 0 100%;width:100%;max-width:100%;min-width:0;position:relative}
.as-page #blocks>.as-block.as-has-width-v30,.ar-content>.ar-ssr-block[data-ar-width]{flex:0 0 var(--cb-block-width)!important;width:var(--cb-block-width)!important;max-width:var(--cb-block-width)!important;min-width:0!important}
/* Existing inline buttons still flow naturally when not manually sized. */
.as-page #blocks>.as-block[data-as-type="button"]:not(.as-has-width-v30),.ar-content>.ar-button:not([data-ar-width]){flex:0 0 auto!important;width:fit-content!important;max-width:100%!important}
.as-page #blocks>.as-block{padding:4px 12px!important;margin:0 0 18px!important;border:1px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:1}
.as-page #blocks>.as-block:hover,.as-page #blocks>.as-block:focus-within{border-color:#e8eaf0!important}
.as-page #blocks>.as-block[data-as-type="button"]{padding-top:8px!important}
.as-page #blocks>.as-block[data-as-type="paragraph"]{margin-bottom:18px!important}
/* A block's insertion affordance is editor chrome, positioned in that block, not a flex sibling. */
.as-page #blocks>.as-block>.as-insert-slot{position:absolute!important;left:50%!important;bottom:-17px!important;transform:translateX(-50%)!important;width:32px!important;max-width:32px!important;min-height:25px!important;z-index:12;pointer-events:auto}
.as-page #blocks>.as-block>.as-insert-slot .as-insert-plus{width:26px!important;height:26px!important;opacity:.5}
.as-page #blocks>.as-block>.as-insert-slot .as-insert-plus:hover{opacity:1}
/* Resize via the right edge. The grip is keyboard accessible and usable by touch. */
.as-page .as-resize-grip-v30{position:absolute;box-sizing:border-box;right:-7px;top:15%;height:70%;min-height:36px;width:18px;z-index:38;cursor:ew-resize;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .14s}
.as-page .as-resize-grip-v30::before{content:"";width:4px;height:35px;border-radius:10px;background:#c3cfdf;box-shadow:0 0 0 2px white}
.as-page #blocks>.as-block:hover>.as-resize-grip-v30,.as-page #blocks>.as-block:focus-within>.as-resize-grip-v30,.as-page #blocks>.as-block.as-is-resizing-v30>.as-resize-grip-v30{opacity:1}
.as-page .as-resize-grip-v30:focus-visible{opacity:1;outline:2px solid #5573ca;outline-offset:2px;border-radius:5px}
.as-page .as-resize-readout-v30{display:none;position:absolute;right:15px;top:0;background:#202939;color:#fff;font:600 10px/1.3 system-ui;padding:5px 7px;border-radius:6px}
.as-page #blocks>.as-block.as-is-resizing-v30{outline:1px dashed #7a97dd!important;outline-offset:0}
.as-page #blocks>.as-block.as-is-resizing-v30 .as-resize-readout-v30{display:block}
/* Matched surface defaults. Inline colour, spacing and border design choices override these. */
.as-page #blocks>.as-block[data-as-type="paragraph"]>.as-rich-edit,.ar-content>p.ar-ssr-block{font-size:18px;line-height:1.8;letter-spacing:-.005em;color:var(--cb-article-ink);padding-top:0;padding-bottom:0}
.as-page #blocks>.as-block[data-as-type="quote"]>.as-rich-edit,.as-page .as-column-block[data-as-type="quote"]>.as-rich-edit,.ar-content blockquote.ar-ssr-block{font:italic 20px/1.55 Georgia,'Times New Roman',serif;color:#525b68;border-left:3px solid #d5d9e0;background:transparent;padding:8px 12px 8px 20px;min-height:40px;border-radius:0;overflow-wrap:anywhere}
.as-page #blocks>.as-block[data-as-type="callout"]>.as-rich-edit,.as-page .as-column-block[data-as-type="callout"]>.as-rich-edit,.ar-content aside.ar-ssr-block{font:400 16px/1.62 var(--cb-article-font);color:#354154;background:#f8f9fb;border:1px solid #e8ebf0;padding:18px 20px;border-radius:10px;box-sizing:border-box;min-height:48px;overflow-wrap:anywhere}
.as-page #blocks>.as-block[data-as-type="code"]>.as-rich-edit,.as-page .as-column-block[data-as-type="code"]>.as-rich-edit,.ar-content pre.ar-ssr-block{font:400 14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#313b48;background:#f7f8fa;border:1px solid #e9ebef;border-radius:9px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}
.as-page #blocks>.as-block[data-as-type="heading"]>.as-rich-edit,.as-page .as-column-block[data-as-type="heading"]>.as-rich-edit{font-weight:750;color:#252932;letter-spacing:-.035em;line-height:1.26}
.as-page #blocks>.as-block[data-as-heading="2"]>.as-rich-edit,.as-page .as-column-block[data-as-heading="2"]>.as-rich-edit,.ar-content h2.ar-ssr-block{font-size:30px;line-height:1.26}
.as-page #blocks>.as-block[data-as-heading="3"]>.as-rich-edit,.as-page .as-column-block[data-as-heading="3"]>.as-rich-edit,.ar-content h3.ar-ssr-block{font-size:25px;line-height:1.26}
.as-page #blocks>.as-block[data-as-heading="4"]>.as-rich-edit,.as-page .as-column-block[data-as-heading="4"]>.as-rich-edit,.ar-content h4.ar-ssr-block{font-size:21px;line-height:1.26}
/* Interactive editing cells mirror the published table grid. */
.as-page .as-table-editor{width:100%;max-width:100%;overflow-x:auto}
.as-page .as-table-row{display:flex!important;gap:0!important;margin:0!important}
.as-page .as-table-row>.as-table-cell-direct{box-sizing:border-box;flex:1 1 0;min-width:55px;min-height:42px;font-size:14px!important;line-height:1.5!important;padding:10px 12px!important;border:1px solid #e4e7eb!important;border-radius:0!important;background:transparent!important}
.as-page .as-table-row+.as-table-row>.as-table-cell-direct{border-top:0!important}
.ar-content table.ar-ssr-block{display:table;table-layout:fixed;width:100%;border-collapse:collapse;overflow-x:auto;max-width:100%;font-size:14px;line-height:1.5}
.ar-content table.ar-ssr-block td{padding:10px 12px;border:1px solid #e4e7eb;overflow-wrap:anywhere}
/* Lists: preserve actual bullets, visible checkboxes and matching spacing. */
.as-page .as-list-editor,.ar-content ul.ar-ssr-block,.ar-content ol.ar-ssr-block{font-size:18px;line-height:1.75;color:var(--cb-article-ink)}
.as-page .as-list-row{margin:0!important;min-height:31px;gap:9px;align-items:baseline}
.as-page .as-list-row .as-list-index{line-height:1.7!important;width:25px;flex:0 0 25px}
.as-page .as-list-row .as-inline-rich{flex:1;box-sizing:border-box;width:auto!important;min-height:31px!important;border:0!important;padding:0!important;font-size:inherit!important;line-height:1.75!important;background:transparent!important}
.as-page .as-list-editor .as-add-item{font-size:11px}
/* Columns share the same responsive breakpoints and gutter metrics. */
.as-page .as-column-layout,.ar-content .ar-cols{display:grid;grid-template-columns:repeat(var(--as-cols,var(--ar-cols,2)),minmax(0,1fr));gap:22px;align-items:start;min-width:0;max-width:100%;box-sizing:border-box}
.as-page .as-column-cell,.ar-content .ar-cols>div{min-width:0;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.as-page .as-column-block{border:0!important;padding:0!important;margin:0 0 18px!important}
/* Each media block has exactly one visual media surface. */
.as-page .as-live-media,.ar-content figure.ar-ssr-block{max-width:100%;min-width:0}
.as-page .as-live-media img,.as-page .as-live-media video,.as-page .as-live-media iframe,.ar-content figure.ar-ssr-block img,.ar-content figure.ar-ssr-block video,.ar-content iframe.ar-ssr-block{max-width:100%;height:auto;border-radius:10px}
.as-page .as-live-media iframe,.ar-content iframe.ar-ssr-block{width:100%;aspect-ratio:16/9;min-height:0;border:0}
.as-page .as-media-caption-direct,.ar-content figure figcaption{font:400 13px/1.5 var(--cb-article-font);color:#7c838d}
/* Buttons carry saved appearance inline; editing URL/controls are excluded from parity. */
.as-page .as-button-direct-v29,.ar-content .ar-button{font-family:var(--cb-article-font);font-size:14px;line-height:1.4;max-width:100%;text-align:center}
/* Don't hide editor controls, but keep design chrome outside the content surface. */
.as-page .as-block-head,.as-page .as-grab-edge{z-index:40}
/* Match text width between writer and reader while retaining an open top-to-bottom canvas. */
.as-page .as-editor{max-width:792px!important;box-sizing:border-box!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ar-wrap{max-width:760px}
@media(max-width:780px){.as-page .as-editor{max-width:100%!important}.as-page #blocks>.as-block{padding-left:8px!important;padding-right:8px!important}.as-page .as-resize-grip-v30{right:-4px}}
@media(max-width:620px){.as-page #blocks>.as-block,.as-page #blocks>.as-block.as-has-width-v30,.ar-content>.ar-ssr-block,.ar-content>.ar-ssr-block[data-ar-width]{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.as-page #blocks>.as-block[data-as-type="button"]:not(.as-has-width-v30),.ar-content>.ar-button:not([data-ar-width]){flex:0 0 auto!important;width:fit-content!important}.as-page .as-resize-grip-v30{opacity:.7;right:0}.as-page .as-column-layout,.ar-content .ar-cols{grid-template-columns:minmax(0,1fr)!important;gap:16px}.as-page #blocks,.ar-content{font-size:16px;line-height:1.72}.as-page #blocks>.as-block[data-as-type="paragraph"]>.as-rich-edit,.ar-content>p.ar-ssr-block{font-size:16px;line-height:1.72}}
@media(prefers-reduced-motion:reduce){.as-page .as-resize-grip-v30{transition:none}}
/* V30 parity corrections: the public reader and canvas use the same vertical rhythm. */
.ar-content>.ar-ssr-block{margin-top:0;margin-bottom:18px}
.ar-content>.ar-ssr-block[data-ar-width]{margin-left:0;margin-right:0}
.as-page #blocks>.as-block[data-as-type="callout"][data-as-tone="info"]>.as-rich-edit,.ar-content aside.ar-ssr-block[data-ar-tone="info"]{background-color:#eff6ff;color:#1e4877;border-color:#b9d6f6}
.as-page #blocks>.as-block[data-as-type="callout"][data-as-tone="success"]>.as-rich-edit,.ar-content aside.ar-ssr-block[data-ar-tone="success"]{background-color:#effcf5;color:#18663b;border-color:#b7e6c8}
.as-page #blocks>.as-block[data-as-type="callout"][data-as-tone="warning"]>.as-rich-edit,.ar-content aside.ar-ssr-block[data-ar-tone="warning"]{background-color:#fff9eb;color:#80561c;border-color:#f0d5a0}
.as-page #blocks>.as-block[data-as-type="callout"][data-as-tone="default"]>.as-rich-edit,.ar-content aside.ar-ssr-block[data-ar-tone="default"]{background-color:#f8f9fb;color:#354154;border-color:#e8ebf0}
/* Explicit colours saved in b.design are set inline and override the tone palette. */
/* Content measure parity: 760px desktop, identical gutters at mobile widths. */
.as-page{padding-left:0!important;padding-right:0!important}
.as-page .as-editor{width:100%!important;max-width:792px!important;padding-left:16px!important;padding-right:16px!important}
.as-page #blocks>.as-block{padding-left:0!important;padding-right:0!important}
@media(max-width:780px){.as-page .as-editor{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:560px){.as-page .as-editor{padding-left:14px!important;padding-right:14px!important}}


/* Source: article-parity-v31.css */
/* Articles V31: anchored design popover and editor/reader block parity.
   Always loaded AFTER the v30 shared stylesheet. Content styles remain overrideable
   by the verified per-block inline design values. */
.as-page dialog.as-design-dialog[open]{
 position:fixed!important;
 inset:auto!important;
 top:var(--cb31-dialog-top,8px)!important;
 left:var(--cb31-dialog-left,8px)!important;
 right:auto!important;bottom:auto!important;
 margin:0!important;
 width:var(--cb31-dialog-width,min(408px,calc(100vw - 16px)))!important;
 max-width:calc(100vw - 16px)!important;
 max-height:var(--cb31-dialog-maxheight,calc(100dvh - 16px))!important;
 transform:none!important;
 box-sizing:border-box!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior:contain!important;
 border-radius:12px!important;
}
.as-page .as-design-dialog-head{padding:11px 14px!important}
.as-page dialog.as-design-dialog .as-design-body{padding:10px 14px 16px!important}
.as-page dialog.as-design-dialog .as-design-grid{gap:9px!important}
@media(max-width:450px){
 .as-page dialog.as-design-dialog .as-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .as-page dialog.as-design-dialog .as-design-body{padding:9px!important}
 .as-page dialog.as-design-dialog .as-design-control select{min-width:0!important}
}
/* A unified content surface; editor-only toolbars and invisible insert controls
   do not become part of the published block's geometry. */
.as-page #blocks>.as-block,.ar-content>.ar-ssr-block{min-width:0;box-sizing:border-box;align-self:start}
.as-page .as-rich-edit,.ar-content .ar-ssr-block{overflow-wrap:anywhere}
.as-page #blocks>.as-block[data-as-type="callout"]>.as-rich-edit,
.as-page .as-column-block[data-as-type="callout"]>.as-rich-edit,
.ar-content aside.ar-ssr-block{
 box-sizing:border-box;min-width:0;white-space:pre-wrap;
 font-family:var(--cb-article-font);font-size:16px;line-height:1.62;
 border:1px solid #e8ebf0;border-radius:10px;padding:18px 20px;
 background:#f8f9fb;color:#354154;
}
/* All tone variants work for nested columns as well as top-level callouts. */
.as-page [data-as-type="callout"][data-as-tone="info"]>.as-rich-edit,
.ar-content aside.ar-ssr-block[data-ar-tone="info"]{background-color:#eff6ff;color:#1e4877;border-color:#b9d6f6}
.as-page [data-as-type="callout"][data-as-tone="success"]>.as-rich-edit,
.ar-content aside.ar-ssr-block[data-ar-tone="success"]{background-color:#effcf5;color:#18663b;border-color:#b7e6c8}
.as-page [data-as-type="callout"][data-as-tone="warning"]>.as-rich-edit,
.ar-content aside.ar-ssr-block[data-ar-tone="warning"]{background-color:#fff9eb;color:#80561c;border-color:#f0d5a0}
.as-page [data-as-type="quote"]>.as-rich-edit,
.ar-content blockquote.ar-ssr-block{
 box-sizing:border-box;min-width:0;margin-inline:0;
 font:italic 20px/1.55 Georgia,'Times New Roman',serif;
 border-left:3px solid #d5d9e0;background:transparent;color:#525b68;
 padding:8px 12px 8px 20px;border-radius:0;white-space:pre-wrap;
}
.as-page [data-as-type="code"]>.as-rich-edit,
.ar-content pre.ar-ssr-block{
 font:400 14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
 background:#f7f8fa;color:#313b48;border:1px solid #e9ebef;
 border-radius:9px;padding:18px;white-space:pre-wrap;
 min-width:0;box-sizing:border-box;
}
.ar-content .ar-cols .ar-ssr-block{box-sizing:border-box;max-width:100%;min-width:0}
.as-page .as-column-block[data-as-type="heading"]>.as-rich-edit,
.ar-content .ar-cols h2.ar-ssr-block,.ar-content .ar-cols h3.ar-ssr-block,.ar-content .ar-cols h4.ar-ssr-block{
 font-weight:750;letter-spacing:-.035em;line-height:1.26;color:#252932;margin-block:0 18px;
}
.as-page [data-as-heading="2"]>.as-rich-edit,.ar-content .ar-cols h2.ar-ssr-block{font-size:30px}
.as-page [data-as-heading="3"]>.as-rich-edit,.ar-content .ar-cols h3.ar-ssr-block{font-size:25px}
.as-page [data-as-heading="4"]>.as-rich-edit,.ar-content .ar-cols h4.ar-ssr-block{font-size:21px}
/* Match nested media and table geometry. Inline design attributes still win. */
.as-page .as-live-media,.ar-content figure.ar-ssr-block{min-width:0;max-width:100%;box-sizing:border-box}
.as-page .as-live-media img,.as-page .as-live-media video,
.ar-content figure.ar-ssr-block img,.ar-content figure.ar-ssr-block video{
 display:block;max-width:100%;height:auto;border-radius:10px
}
.as-page .as-table-row>.as-table-cell-direct,.ar-content .ar-ssr-block td{
 border:1px solid #e4e7eb;padding:10px 12px;font-size:14px;line-height:1.5;
 overflow-wrap:anywhere;box-sizing:border-box;
}
.ar-content .ar-cols .ar-ssr-block:not(.ar-button){margin-block:0 18px}
.ar-content .ar-cols .ar-ssr-block.ar-button{max-width:100%}
.ar-content .ar-cols .ar-ssr-block:not([data-ar-width]){width:auto}
/* A resized item should show its content without extra margins that differ between views. */
.ar-content>.ar-ssr-block[data-ar-width]{margin-inline:0}
.as-page .as-column-block[data-as-type="quote"],.as-page .as-column-block[data-as-type="callout"]{min-width:0}
@media(max-width:620px){
 .as-page [data-as-type="quote"]>.as-rich-edit,.ar-content blockquote.ar-ssr-block{font-size:18px}
 .as-page .as-column-block[data-as-type="callout"]>.as-rich-edit,.ar-content .ar-cols aside.ar-ssr-block{padding:16px}
}


/* Source: article-claim-v28.css */
/* V28 Guest account claim dialog: standalone branding-free publishing prompt */
.as-account-dialog{box-sizing:border-box;width:min(435px,calc(100% - 28px));max-height:min(85dvh,730px);padding:0;border:1px solid #e4e7ed;border-radius:18px;box-shadow:0 30px 95px #141b3040;background:#fff;color:#1b2331;font:15px/1.5 system-ui,-apple-system,sans-serif}
.as-account-dialog::backdrop{background:rgba(13,21,37,.49);backdrop-filter:blur(4px)}
.as-account-body{position:relative;padding:clamp(23px,5.6vw,34px)}
.as-account-chip{display:inline-block;padding:5px 10px;border-radius:100px;background:#eff5ff;color:#38579d;font-size:11px;font-weight:700}
.as-account-dialog h2{margin:14px 0 8px;font-size:clamp(23px,6vw,29px);letter-spacing:-.035em;line-height:1.18;color:#202938}
.as-account-dialog p{font-size:14px;line-height:1.6;color:#606e81;margin:0 0 14px}
.as-account-dialog form{display:flex;flex-direction:column;gap:9px;margin:20px 0 12px}
.as-account-dialog label{font-weight:650;font-size:12px;color:#404e60}
.as-account-dialog input{box-sizing:border-box;min-height:45px;padding:11px 13px;width:100%;border:1px solid #cad3e2;border-radius:10px;font:15px system-ui,-apple-system,sans-serif;background:#fff;color:#253044}
.as-account-dialog input:focus{outline:2px solid #8ab3f5;outline-offset:1px}
.as-account-dialog .as-account-primary{min-height:44px;margin-top:8px;border:0;border-radius:10px;background:#283b66;color:#fff;font:650 14px system-ui,-apple-system,sans-serif;cursor:pointer}
.as-account-dialog .as-account-primary:hover{background:#1b2b52}
.as-account-dialog .as-account-primary:disabled{opacity:.5;cursor:wait}
.as-account-dialog .as-account-secondary{display:inline-block;margin-top:10px;color:#53617b;font-size:13px;font-weight:600;text-underline-offset:3px}
.as-account-dialog .as-account-close{position:absolute;right:16px;top:14px;min-width:32px;min-height:32px;border:0;background:transparent;color:#6b7890;font-size:23px;cursor:pointer;border-radius:8px}
.as-account-dialog .as-account-close:hover{background:#f1f4f9}
.as-account-dialog .as-account-feedback{font-size:12px;min-height:0;margin:0}
.as-account-dialog .as-account-feedback[data-error="1"]{color:#b33535}
@media(prefers-reduced-motion:reduce){.as-account-dialog::backdrop{backdrop-filter:none}}


/* Source: article-visual-v34.css */
/* ClickBee V34. Editor and reader block geometry. Loaded AFTER earlier article CSS.
   Never override saved author colours/radii/shadows; inline design remains authoritative. */
.as-page #blocks,.ar-content{box-sizing:border-box;align-items:flex-start;align-content:flex-start}
.as-page #blocks>.as-block[data-as-block-align="left"]{margin-left:0!important;margin-right:0!important}
.as-page #blocks>.as-block[data-as-block-align="center"]{margin-left:auto!important;margin-right:auto!important}
.as-page #blocks>.as-block[data-as-block-align="right"]{margin-left:auto!important;margin-right:0!important}
/* Flex alignment must act on the resized OUTER block, not just a text node. */
.as-page #blocks>.as-block[data-as-block-align="center"]>.as-button-direct-v29,
.as-page #blocks>.as-block[data-as-block-align="center"]>.as-live-media{margin-left:auto;margin-right:auto}
.as-page #blocks>.as-block[data-as-block-align="right"]>.as-button-direct-v29,
.as-page #blocks>.as-block[data-as-block-align="right"]>.as-live-media{margin-left:auto;margin-right:0}
.as-page #blocks>.as-block[data-as-type="button"][data-as-block-align="center"]{text-align:center!important}
.as-page #blocks>.as-block[data-as-type="button"][data-as-block-align="right"]{text-align:right!important}
.as-page #blocks>.as-block[data-as-type="button"] .as-button-link-row-v29{max-width:min(240px,100%)}
/* Media resizes: native iframe/video interactions must not swallow resize pointers. */
.as-page #blocks>.as-block[data-as-type="youtube"],
.as-page #blocks>.as-block[data-as-type="video"],
.as-page #blocks>.as-block[data-as-type="image"]{isolation:isolate;overflow:visible!important}
.as-page #blocks>.as-block[data-as-type="youtube"]>.as-resize-grip-v30,
.as-page #blocks>.as-block[data-as-type="video"]>.as-resize-grip-v30,
.as-page #blocks>.as-block[data-as-type="image"]>.as-resize-grip-v30{
 position:absolute!important;z-index:120!important;right:-11px!important;top:20%!important;
 height:60%!important;min-height:50px!important;width:28px!important;
 cursor:ew-resize!important;touch-action:none!important;opacity:.9!important;
 user-select:none!important;pointer-events:auto!important;
}
.as-page #blocks>.as-block>.as-resize-grip-v30::before{background:#8193b3!important;width:5px!important;height:46px!important;border-radius:8px}
.as-page #blocks>.as-block>.as-resize-grip-v30:hover::before,
.as-page #blocks>.as-block>.as-resize-grip-v30:focus-visible::before{background:#3761bf!important}
.as-page #blocks>.as-block>.as-resize-grip-v30{touch-action:none!important;pointer-events:auto}
.as-page #blocks>.as-block .as-live-media{position:relative;z-index:0;max-width:100%;min-width:0}
.as-page #blocks>.as-block .as-live-media iframe,
.as-page #blocks>.as-block .as-live-media video{display:block;max-width:100%;width:100%}
/* Published placement: use the same flex-width and author-selected alignment. */
.ar-content>.ar-ssr-block[style*="text-align:center"],
.ar-content>.ar-ssr-block[style*="text-align: center"]{margin-left:auto!important;margin-right:auto!important}
.ar-content>.ar-ssr-block[style*="text-align:right"],
.ar-content>.ar-ssr-block[style*="text-align: right"]{margin-left:auto!important;margin-right:0!important}
.ar-content>.ar-button-placement-v29[style*="text-align:center"],
.ar-content>.ar-button-placement-v29[style*="text-align: center"]{flex:0 0 100%;width:100%;text-align:center!important}
.ar-content>.ar-button-placement-v29[style*="text-align:right"],
.ar-content>.ar-button-placement-v29[style*="text-align: right"]{flex:0 0 100%;width:100%;text-align:right!important}
.ar-content .ar-ssr-block{box-sizing:border-box;min-width:0}
/* Do not let tool chrome change paragraph/quote/callout sizing. */
.as-page #blocks>.as-block>.as-rich-edit,.ar-content>.ar-ssr-block{box-sizing:border-box}
@media(max-width:620px){
 .as-page #blocks>.as-block[data-as-type="button"]{max-width:100%!important}
 .as-page #blocks>.as-block>.as-resize-grip-v30{right:-3px!important;opacity:.9!important}
 .as-page #blocks>.as-block[data-as-type="youtube"]>.as-resize-grip-v30,
 .as-page #blocks>.as-block[data-as-type="video"]>.as-resize-grip-v30{right:0!important;width:30px!important}
}
@media(prefers-reduced-motion:reduce){.as-page #blocks>.as-block>.as-resize-grip-v30{transition:none!important}}


/* Source: article-content-width-v35.css */
/* V35 - independently sized visible elements. The surrounding layout slot
   continues to use the V30 block width. Pixel widths are bounded in the API. */
.as-page #blocks>.as-block,.as-page #blocks>.as-block .as-column-block{min-width:0}
.as-page .as-block > [data-as-content-width],
.as-page .as-column-block > [data-as-content-width]{box-sizing:border-box!important;max-width:100%!important;min-width:0}
.as-page .as-block > .as-button-direct-v29[data-as-content-width],
.as-page .as-column-block > .as-button-direct-v29[data-as-content-width]{display:inline-flex!important;justify-content:center;overflow-wrap:anywhere;white-space:normal}
.as-page .as-block > .as-live-media[data-as-content-width] iframe,
.as-page .as-block > .as-live-media[data-as-content-width] video,
.as-page .as-block > .as-live-media[data-as-content-width] img{width:100%!important;max-width:100%!important}
/* The outer reader shell is the layout item, not the button or media inside it. */
.ar-content > .ar-content-shell-v35{
 display:flex;flex-wrap:wrap;box-sizing:border-box;min-width:0;
 flex:0 0 var(--cb-block-width,100%)!important;
 width:var(--cb-block-width,100%)!important;
 max-width:var(--cb-block-width,100%)!important;
 margin-top:0;margin-bottom:18px;align-items:flex-start;
}
.ar-content > .ar-content-shell-v35[data-v35-align="center"]{justify-content:center!important}
.ar-content > .ar-content-shell-v35[data-v35-align="right"]{justify-content:flex-end!important}
.ar-content > .ar-content-shell-v35[data-v35-align="left"]{justify-content:flex-start!important}
.ar-content .ar-content-shell-v35 > .ar-ssr-block,
.ar-content .ar-content-shell-v35 > .ar-button-placement-v29,
.ar-content .ar-content-shell-v35 > .ar-cols{
 flex:0 1 auto!important;box-sizing:border-box!important;
 width:var(--cb-content-width-px)!important;
 max-width:100%!important;min-width:0!important;
 margin-left:0!important;margin-right:0!important;
}
.ar-content .ar-content-shell-v35 > .ar-button-placement-v29{display:flex!important;align-items:flex-start;justify-content:inherit!important}
.ar-content .ar-content-shell-v35 > .ar-button-placement-v29 > .ar-button{box-sizing:border-box;width:100%!important;max-width:100%!important}
.ar-content .ar-content-shell-v35 > iframe.ar-ssr-block{aspect-ratio:16/9;height:auto;border:0}
.ar-content .ar-content-shell-v35 > .ar-ssr-block img,
.ar-content .ar-content-shell-v35 > .ar-ssr-block video{max-width:100%;height:auto}
@media(max-width:620px){
 .ar-content > .ar-content-shell-v35{flex:0 0 100%!important;width:100%!important;max-width:100%!important}
}


/* Source: article-parity-v37.css */
/* CB_ARTICLE_PARITY_V37: same decorative icon structure and frame semantics on both surfaces. */
.as-page .as-block[data-as-type="quote"] > .as-rich-icon-v37,
.as-page .as-block[data-as-type="callout"] > .as-rich-icon-v37,
.as-page .as-column-block[data-as-type="quote"] > .as-rich-icon-v37,
.as-page .as-column-block[data-as-type="callout"] > .as-rich-icon-v37{position:absolute;top:18px;left:13px;z-index:2;line-height:1.3;font-size:1.15em;pointer-events:none;user-select:none;white-space:nowrap;color:inherit}
.as-page .as-rich-icon-v37[hidden]{display:none!important}
.as-page .as-block[data-as-type="quote"],.as-page .as-block[data-as-type="callout"],
.as-page .as-column-block[data-as-type="quote"],.as-page .as-column-block[data-as-type="callout"]{position:relative}
.as-page [data-as-type="quote"] [data-as-rich-editor],.as-page [data-as-type="callout"] [data-as-rich-editor]{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
.ar-content .ar-rich-icon-row-v37{display:flex;align-items:flex-start;gap:12px;min-width:0;width:100%}
.ar-content .ar-rich-icon-v37{display:inline-block;flex:0 0 auto;line-height:1.35;font-size:1.14em;white-space:nowrap;user-select:none;color:inherit}
.ar-content .ar-rich-icon-text-v37{display:block;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
/* Tables: preserve outer rounded frame with independently painted cell borders. */
.ar-content table[data-ar-type="table"]{box-sizing:border-box;display:block;max-width:100%;border-collapse:separate;border-spacing:0;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;isolation:isolate;background-clip:padding-box}
.ar-content table[data-ar-type="table"] td{background:transparent;box-sizing:border-box;min-width:0;vertical-align:top}
.ar-content table[data-ar-type="table"] tr:first-child td{border-top-width:0}
.ar-content table[data-ar-type="table"] tr td:first-child{border-left-width:0}
.ar-content table[data-ar-type="table"] tr:last-child td{border-bottom-width:0}
.ar-content table[data-ar-type="table"] tr td:last-child{border-right-width:0}
.as-page .as-table-editor{box-sizing:border-box;border-collapse:separate;border-spacing:0;overflow:auto;max-width:100%;background-clip:padding-box;isolation:isolate}
.as-page .as-table-editor td,.as-page .as-table-editor th{box-sizing:border-box;background:transparent}
/* Preserve author's actual design styles, including saved background and rounded corners. */
.ar-content pre[data-ar-type="code"],.ar-content aside[data-ar-type="callout"],
.ar-content blockquote[data-ar-type="quote"]{box-sizing:border-box;max-width:100%;background-clip:padding-box}
.ar-content pre[data-ar-type="code"]{display:block;overflow-x:auto;overscroll-behavior-x:contain;white-space:pre;tab-size:2}
.ar-content pre[data-ar-type="code"] code{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent!important;border:0;padding:0;white-space:inherit}
/* Keep media inside its actual designed frame. */
.ar-content figure[data-ar-type="image"],.ar-content figure[data-ar-type="video"]{box-sizing:border-box;overflow:hidden;background-clip:padding-box}
.ar-content figure[data-ar-type="image"] img,.ar-content figure[data-ar-type="video"] video{max-width:100%;border-radius:inherit}
.ar-content iframe[data-ar-type="youtube"]{box-sizing:border-box;overflow:hidden;max-width:100%}
@media(max-width:620px){.ar-content .ar-rich-icon-row-v37{gap:9px}.as-page .as-rich-icon-v37{font-size:1em}}

/* CB_ARTICLE_QUOTE_V42: V22 CSS plus V37 saved icon must never produce two symbols.
   A missing icon value means the original large quotation. 'quote' is the small option.
   'none' and other selected icons replace the quotation rather than stacking over it. */
.as-page [data-as-rich-editor].as-quote-direct::after,
.as-page .as-rich-edit.as-quote-direct::after{content:none!important;display:none!important}
.as-page .as-rich-icon-v37.as-quote-large-v42{
  font:normal 700 44px/1 Georgia,serif!important;
  line-height:1!important;white-space:nowrap;
}
.ar-content .ar-rich-icon-v37.ar-quote-large-v42{
  font:normal 700 44px/1 Georgia,serif!important;
  line-height:1!important;white-space:nowrap;
}
@media(max-width:600px){
 .as-page .as-rich-icon-v37.as-quote-large-v42,
 .ar-content .ar-rich-icon-v37.ar-quote-large-v42{font-size:40px!important}
}


/* Source: article-header-v38.css */
/* Article V38 – matching title geometry and independently laid-out owner actions.
   Creator toolbar is deliberately outside document flow: toggling authorization
   never changes the headline, date, or the first body block's vertical position. */
:root{--cb-article-column:800px;--cb-article-top:14px}
html body #articleRoot .ar-wrap{
 box-sizing:border-box!important;width:min(calc(100% - 36px),var(--cb-article-column))!important;
 max-width:var(--cb-article-column)!important;margin:0 auto!important;
 padding:var(--cb-article-top) 0 72px!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;background:#fff!important;
}
html body #articleRoot .ar-hero{
 margin:0 0 16px!important;padding:0!important;border:0!important;
 position:relative!important;text-align:left;
}
html body #articleRoot .ar-headline-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 218px!important;
 gap:14px!important;align-items:start!important;position:relative!important;
 width:100%!important;min-width:0!important;flex-wrap:nowrap!important;
}
html body #articleRoot .ar-headline-row .ar-title{
 grid-row:1!important;grid-column:1!important;align-self:start!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;flex:initial!important;
 font-size:clamp(34px,5vw,52px)!important;line-height:1.15!important;
 letter-spacing:-.04em!important;overflow-wrap:anywhere;
}
html body #articleRoot .ar-headline-actions{
 position:absolute!important;right:0!important;top:0!important;left:auto!important;
 width:218px!important;max-width:218px!important;min-width:0!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 grid-auto-rows:min-content!important;justify-content:stretch!important;
 justify-items:stretch!important;align-items:start!important;
 gap:6px!important;margin:0!important;padding:1px 0 0!important;
 text-align:right!important;box-sizing:border-box!important;
}
html body #articleRoot .ar-headline-actions[hidden]{display:none!important}
html body #articleRoot .ar-headline-actions .ar-edit-action{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;
 max-width:none!important;min-height:32px!important;
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 padding:6px 8px!important;margin:0!important;border-radius:8px!important;
 white-space:nowrap!important;text-align:center!important;line-height:1.2!important;
 font-size:11px!important;
}
html body #articleRoot .ar-headline-actions .ar-promote-action{
 grid-column:1/-1!important;justify-self:end!important;align-self:start!important;
 display:inline-block!important;max-width:100%!important;margin:0!important;padding:0!important;
 white-space:nowrap!important;text-align:right!important;font-size:11px!important;
 line-height:1.4!important;
}
html body #articleRoot .ar-byline{
 margin:10px 0 0!important;padding:0!important;min-width:0!important;
 line-height:1.5!important;
}
html body #articleRoot .ar-content{margin:0!important;padding:0!important}
/* Match the unboxed article creation page to the reader's top offset/column. */
html body .as-page{padding-top:var(--cb-article-top)!important}
html body .as-page .as-editor{max-width:var(--cb-article-column)!important}
html body .as-page .as-title-row{margin-top:0!important;padding-top:0!important}
html body .as-page .as-title-row .as-headline{
 margin-top:0!important;padding-top:0!important;
 line-height:1.15!important;font-size:clamp(34px,5vw,52px)!important;
}
html body .as-page .as-byline{margin-top:10px!important}
@media(max-width:640px){
 :root{--cb-article-top:10px}
 html body #articleRoot .ar-wrap{
  width:calc(100% - 28px)!important;max-width:100%!important;
  padding:var(--cb-article-top) 0 70px!important;
 }
 html body #articleRoot .ar-headline-row{
  grid-template-columns:minmax(0,1fr) minmax(130px,43%)!important;
  gap:8px!important;
 }
 html body #articleRoot .ar-headline-row .ar-title{
  font-size:clamp(26px,7vw,38px)!important;line-height:1.15!important;
 }
 html body #articleRoot .ar-headline-actions{
  width:43%!important;max-width:43%!important;gap:4px!important;
 }
 html body #articleRoot .ar-headline-actions .ar-edit-action{
  font-size:10px!important;min-height:30px!important;padding:5px 3px!important;
 }
 html body #articleRoot .ar-headline-actions .ar-promote-action{
  font-size:10px!important;white-space:normal!important;
 }
 html body .as-page .as-title-row .as-headline{
  font-size:clamp(26px,7vw,38px)!important;
 }
}
@media(max-width:340px){
 html body #articleRoot .ar-headline-row{grid-template-columns:minmax(0,1fr) minmax(128px,44%)!important;gap:5px!important}
 html body #articleRoot .ar-headline-actions{width:44%!important;max-width:44%!important;gap:3px!important}
 html body #articleRoot .ar-headline-actions .ar-edit-action{font-size:9px!important;padding-inline:2px!important}
}


/* Source: article-settings-v39.css */
/* ClickBee Articles V39: stable owner popup/header geometry and block-frame parity.
   Loaded after V37/V38 and all existing article styles. Author inline styles remain authoritative. */
:root { --cb-article-top-v39: 30px; }
html body #articleRoot .ar-wrap {
  box-sizing: border-box;
  margin: 0 auto 70px !important;
  padding-top: var(--cb-article-top-v39) !important;
}
html body #articleRoot .ar-owner-share-popup {
  position: fixed !important;
  inset: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto auto !important;
  z-index: 1100 !important;
  box-sizing: border-box !important;
  width: min(460px,calc(100vw - 24px)) !important;
  max-height: min(220px,calc(100dvh - 24px));
  overflow: auto;
  margin: 0 !important;
  box-shadow: 0 12px 32px rgba(28,42,65,.16) !important;
}
html body #articleRoot .ar-owner-share-popup + .ar-wrap {
  margin-top: 0 !important;
}
html body .as-page {
  box-sizing: border-box;
  padding-top: var(--cb-article-top-v39) !important;
}
html body .as-page .as-title-row,
html body #articleRoot .ar-hero { margin-top: 0 !important; }
/* Code: the saved background, border, radius, and text colour belong to
   the pre/editor surface, never an opaque child that hides them. */
.as-page [data-as-type="code"] > [data-as-rich-editor] {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow-x: auto;
  background-clip: padding-box;
}
.ar-content pre[data-ar-type="code"],
.ar-content pre.ar-ssr-block:has(>code) {
  box-sizing: border-box;
  max-width: 100%;
  background-clip: padding-box;
  overflow-x: auto;
}
.ar-content pre[data-ar-type="code"] > code,
.ar-content pre.ar-ssr-block > code {
  display: block;
  background: transparent !important;
  color: inherit !important;
  font: inherit;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: inherit;
  padding: 0 !important;
  margin: 0;
  white-space: inherit;
}
/* List & table input layers should reveal their parent design. */
.as-page [data-as-type="bullets"] > .as-list-editor,
.as-page [data-as-type="numbered"] > .as-list-editor,
.as-page [data-as-type="checklist"] > .as-list-editor,
.as-page [data-as-type="table"] > .as-table-editor,
.as-page [data-as-type="columns"] > .as-column-layout {
  box-sizing: border-box;
  background-clip: padding-box;
  max-width: 100%;
  min-width: 0;
}
.as-page .as-list-editor .as-inline-rich,
.as-page .as-table-editor .as-inline-rich,
.as-page .as-column-layout > .as-column-cell {
  background: transparent !important;
  color: inherit;
}
.as-page .as-list-editor .as-inline-rich,
.as-page .as-table-editor .as-inline-rich {
  font-family: inherit;
  line-height: inherit;
  max-width: 100%;
}
.as-page [data-as-type="table"] > .as-table-editor {
  overflow: auto;
  isolation: isolate;
  border-collapse: separate;
  border-spacing: 0;
}
.as-page .as-table-editor .as-table-row { box-sizing: border-box; }
.as-page .as-table-editor .as-inline-rich { min-width: 0; }
/* Reader tables keep a clipped outer rounded frame while their cells stay transparent. */
.ar-content table[data-ar-type="table"],
.ar-content .ar-content-shell-v35 table[data-ar-type="table"] {
  display: block;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
  overflow: auto;
  background-clip: padding-box;
  isolation: isolate;
  max-width: 100%;
}
.ar-content table[data-ar-type="table"] td,
.ar-content table[data-ar-type="table"] th {
  background: transparent;
  color: inherit;
}
/* Icons don't cover content or diverge from chosen foreground colours. */
.as-page [data-as-type="quote"] > .as-rich-icon-v37,
.as-page [data-as-type="callout"] > .as-rich-icon-v37 {
  pointer-events: none;
  user-select: none;
}
.ar-content .ar-rich-icon-row-v37 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}
.ar-content .ar-rich-icon-row-v37 .ar-rich-icon-text-v37 { min-width: 0; flex: 1; }
/* Styled media frames and their visible children share the saved clipping. */
.ar-content figure[data-ar-type="image"],
.ar-content figure[data-ar-type="video"],
.as-page [data-as-type="image"] > .as-live-media,
.as-page [data-as-type="video"] > .as-live-media {
  box-sizing: border-box;
  background-clip: padding-box;
  max-width: 100%;
}
.ar-content figure[data-ar-type="image"] img,
.ar-content figure[data-ar-type="video"] video { border-radius: inherit; }
@media (max-width: 640px) {
  :root { --cb-article-top-v39: 22px; }
  html body #articleRoot .ar-wrap { padding-top: var(--cb-article-top-v39) !important; }
  html body .as-page { padding-top: var(--cb-article-top-v39) !important; }
  html body #articleRoot .ar-owner-share-popup { max-height: min(240px,50dvh); }
}


/* Source: article-blocks-v40.css */
/* Articles V40: creator share popup centred, unchanged reader document geometry. */
html body #articleRoot .ar-owner-share-popup,
html body .ar-owner-share-popup{
  inset:auto !important;
  position:fixed !important;
  top:max(12px,env(safe-area-inset-top)) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(460px,calc(100vw - 24px)) !important;
  max-height:min(48dvh,300px) !important;
  overflow:auto !important;
  margin:0 !important;
  z-index:1500 !important;
  box-sizing:border-box !important;
}
/* The real code canvas (not a duplicate wrapper) owns the background. */
html body .as-page [data-as-type="code"] [data-as-rich-editor],
html body .as-page .as-column-block[data-as-type="code"] [data-as-rich-editor]{
  background:var(--cb-code-bg-v40) !important;
  box-sizing:border-box !important;
  background-clip:padding-box !important;
  min-height:68px;
}
html body #articleRoot .ar-content pre[data-ar-type="code"],
html body #articleRoot .ar-content pre.ar-ssr-block:has(>code){
  background:var(--cb-code-bg-v40) !important;
  background-clip:padding-box !important;
  overflow:auto;
}
html body #articleRoot .ar-content pre[data-ar-type="code"] >code,
html body #articleRoot .ar-content pre.ar-ssr-block >code{
  background:transparent !important;
  color:inherit !important;
  box-shadow:none !important;
}
/* Shared structural elements for eight first-class block types. */
:is(.as-page,#articleRoot) .cb-modern-v40{
  display:block;position:relative;box-sizing:border-box;min-width:0;max-width:100%;
  width:100%;margin:0 0 18px;padding:21px;border:1px solid #e6e9ef;border-radius:16px;
  background-color:#fff;color:#202938;box-shadow:none;text-align:left;overflow-wrap:anywhere;
  font-family:inherit;line-height:1.6;
}
:is(.as-page,#articleRoot) .cb-modern-v40 h3{font-size:1.2em;font-weight:700;line-height:1.25;margin:0 0 10px;color:inherit}
:is(.as-page,#articleRoot) .cb-modern-v40 p{margin:7px 0 0;line-height:1.55;color:inherit}
:is(.as-page,#articleRoot) .cb-modern-v40 .cb-modern-icon{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;margin:0 0 12px;border-radius:11px;background:color-mix(in srgb,currentColor 9%,transparent);font-size:22px}
:is(.as-page,#articleRoot) .cb-modern-v40 .cb-modern-icon[hidden]{display:none}
:is(.as-page,#articleRoot) .cb-modern-v40 .cb-modern-edit-v40{min-width:0;outline:0;white-space:pre-wrap;overflow-wrap:anywhere}
.as-page .cb-modern-v40 .cb-modern-edit-v40:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}
.as-page .cb-modern-v40 .cb-modern-edit-v40:focus-visible{outline:2px solid #9ab5eb;outline-offset:3px;border-radius:3px}
:is(.as-page,#articleRoot) .cb-modern-metric >strong{display:block;font-size:clamp(30px,5vw,52px);line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}
:is(.as-page,#articleRoot) .cb-modern-metric>h3{margin-top:8px}
:is(.as-page,#articleRoot) .cb-modern-meter{width:100%;height:11px;border-radius:99px;background:color-mix(in srgb,currentColor 11%,transparent);overflow:hidden;margin:15px 0 10px}
:is(.as-page,#articleRoot) .cb-modern-meter-fill{display:block;height:100%;background:#3979d7;border-radius:99px;transition:width .16s ease}
.as-page .cb-modern-percent{max-width:92px!important;width:92px!important;min-height:34px!important;padding:5px 8px!important;border-radius:7px!important;background:transparent!important}
:is(.as-page,#articleRoot) .cb-modern-accordion details{width:100%;max-width:100%}
:is(.as-page,#articleRoot) .cb-modern-accordion summary{font-size:1.1em;line-height:1.45;font-weight:700;cursor:pointer;list-style-position:inside;overflow-wrap:anywhere}
:is(.as-page,#articleRoot) .cb-modern-accordion details>p{margin-top:12px}
:is(.as-page,#articleRoot) .cb-modern-testimonial blockquote{display:block;width:100%;margin:0 0 12px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit;font-size:1.18em;line-height:1.5}
:is(.as-page,#articleRoot) .cb-modern-testimonial>strong{display:block;font-weight:700}
:is(.as-page,#articleRoot) .cb-modern-testimonial>span:not(.cb-modern-icon){display:block;font-size:.85em;opacity:.75}
:is(.as-page,#articleRoot) .cb-modern-cta-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:16px 0 0;padding:10px 17px;
  border-radius:10px;background:#232c40;color:#fff;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.as-page .cb-modern-url{display:block!important;min-width:0!important;width:min(100%,320px)!important;max-width:100%!important;padding:6px 9px!important;margin:8px 0 0!important;font-size:12px!important}
:is(.as-page,#articleRoot) .cb-modern-events{display:grid;gap:0}
:is(.as-page,#articleRoot) .cb-modern-event{position:relative;padding:0 0 22px 25px;border-left:2px solid #c7d3e8;margin-left:6px;min-width:0}
:is(.as-page,#articleRoot) .cb-modern-event:before{content:"";position:absolute;top:5px;left:-6px;width:10px;height:10px;border-radius:50%;background:#4875cf}
:is(.as-page,#articleRoot) .cb-modern-event:last-child{padding-bottom:0}
:is(.as-page,#articleRoot) .cb-modern-event small{display:block;opacity:.65;line-height:1.5}
:is(.as-page,#articleRoot) .cb-modern-event strong{display:block;font-weight:700}
:is(.as-page,#articleRoot) .cb-modern-event p{margin:5px 0 0}
:is(.as-page,#articleRoot) .cb-modern-proscons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:is(.as-page,#articleRoot) .cb-modern-proscons-col{min-width:0;padding:14px;border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent)}
:is(.as-page,#articleRoot) .cb-modern-proscons-col>strong{display:block;margin-bottom:10px}
:is(.as-page,#articleRoot) .cb-modern-proscons-row{display:flex;align-items:start;gap:8px;padding:5px 0;overflow-wrap:anywhere}
:is(.as-page,#articleRoot) .cb-modern-proscons-row>span:first-child{flex:none;font-weight:800}
:is(.as-page,#articleRoot) .cb-modern-proscons-row>span:nth-child(2){min-width:0;flex:1}
.as-page .cb-modern-v40 .cb-modern-add,.as-page .cb-modern-v40 .cb-modern-remove{display:inline-flex!important;width:auto!important;min-height:28px!important;
 margin:8px 4px 0 0!important;padding:3px 8px!important;font-size:11px!important;background:transparent!important;color:inherit!important;border:1px dashed #bbc5d8!important;border-radius:6px!important;cursor:pointer}
.as-page .cb-modern-v40 .cb-modern-remove{border:0!important;color:#777!important}
#articleRoot .cb-modern-cta a:focus-visible,#articleRoot .cb-modern-accordion summary:focus-visible{outline:3px solid #3979d7;outline-offset:4px}
@media(max-width:600px){:is(.as-page,#articleRoot) .cb-modern-v40{padding:14px;margin-bottom:14px;border-radius:12px}
:is(.as-page,#articleRoot) .cb-modern-proscons-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){:is(.as-page,#articleRoot) .cb-modern-meter-fill{transition:none}}


/* Source: article-code-copy-v43.css */
/* CB_ARTICLE_CODE_COPY_V43: native code block copy control. */
.cb-code-copy-v43{
 appearance:none;box-sizing:border-box;border:1px solid rgba(122,136,160,.38);
 border-radius:7px;background:rgba(255,255,255,.92);color:#273446;
 min-height:29px;max-width:180px;padding:4px 10px;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis;font:600 11px/1.2 system-ui,-apple-system,sans-serif;
 letter-spacing:.01em;cursor:pointer;transition:background-color .14s ease,border-color .14s ease;
}
.cb-code-copy-v43:hover{background:#edf3ff;border-color:#9caed5}
.cb-code-copy-v43:focus-visible{outline:2px solid #3c78d8;outline-offset:2px}
.cb-code-copy-v43[hidden]{display:none!important}
.as-page .cb-code-shell-v43{position:relative;min-width:0;max-width:100%}
.as-page .cb-code-shell-v43 > .cb-code-copy-v43{
 position:absolute;top:8px;right:9px;z-index:3;
}
.as-page .cb-code-shell-v43:not(.cb-code-copy-hidden-v43) > .as-code-direct{
 padding-top:48px!important;
}
.ar-content pre.cb-code-copy-host-v43{position:relative;min-width:0;box-sizing:border-box}
.ar-content pre.cb-code-copy-host-v43 > .cb-code-copy-v43{
 position:absolute;top:8px;right:9px;z-index:2;
}
.ar-content pre.cb-code-copy-host-v43:has(> .cb-code-copy-v43) > code{
 display:block;padding-top:33px;box-sizing:border-box;
}
@media(prefers-reduced-motion:reduce){.cb-code-copy-v43{transition:none}}


/* Source: article-faq-spacing-v45a.css */
/* V45A.1 shared FAQ design contract — same markup, tokens and shapes in editor and reader. */
.as-page .as-faq-v45,.ar-content .cb-faq-v45 {--cb-faq-accent:#536d9b;--cb-faq-q-bg:#ffffff;--cb-faq-a-bg:#ffffff;--cb-faq-q-color:#202a3b;--cb-faq-a-color:#435066;--cb-faq-border:#e2e7ef;--cb-faq-gap:10px;--cb-faq-q-pad:16px;box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere;color:inherit;font:inherit;}
.as-page .cb-faq-title-v45b,.ar-content .cb-faq-title-v45b{font:inherit;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:750;line-height:1.28;letter-spacing:-.022em;margin:0 0 6px;color:inherit;}
.as-page .cb-faq-intro-v45b,.ar-content .cb-faq-intro-v45b{font:inherit;font-size:.93em;line-height:1.5;opacity:.68;margin:0 0 19px;white-space:pre-wrap;overflow-wrap:anywhere;}
.as-page .cb-faq-entries-v45b,.ar-content .cb-faq-entries-v45b{display:flex;flex-direction:column;gap:var(--cb-faq-gap);min-width:0;}
.as-page .cb-faq-item-v45,.ar-content .cb-faq-item-v45{box-sizing:border-box;min-width:0;margin:0;background:var(--cb-faq-q-bg);border:var(--cb-faq-border-width,1px) solid var(--cb-faq-border);border-radius:var(--cb-faq-radius,12px);overflow:clip;box-shadow:none;}
.as-page .cb-faq-item-v45>summary,.ar-content .cb-faq-item-v45>summary{display:flex;align-items:center;gap:12px;padding:var(--cb-faq-q-pad);cursor:pointer;list-style:none;min-width:0;min-height:42px;font-size:1em;font-weight:var(--cb-faq-question-weight,650);line-height:1.45;background:var(--cb-faq-q-bg);color:var(--cb-faq-q-color);}
.as-page .cb-faq-item-v45>summary::-webkit-details-marker,.ar-content .cb-faq-item-v45>summary::-webkit-details-marker{display:none;}
.as-page .cb-faq-item-v45>summary::after,.ar-content .cb-faq-item-v45>summary::after{content:'⌄';color:var(--cb-faq-accent);margin-left:auto;flex:0 0 auto;line-height:1;font-weight:700;font-size:1.18em;transition:transform .16s ease;}
.as-page .cb-faq-item-v45[open]>summary::after,.ar-content .cb-faq-item-v45[open]>summary::after{transform:rotate(180deg);}
.as-page .cb-faq-v45[data-faq-icon="plus"] .cb-faq-item-v45>summary::after,.ar-content .cb-faq-v45[data-faq-icon="plus"] .cb-faq-item-v45>summary::after{content:'+';font-size:1.2em;}
.as-page .cb-faq-v45[data-faq-icon="plus"] .cb-faq-item-v45[open]>summary::after,.ar-content .cb-faq-v45[data-faq-icon="plus"] .cb-faq-item-v45[open]>summary::after{content:'−';transform:none;}
.as-page .cb-faq-v45[data-faq-icon="arrow"] .cb-faq-item-v45>summary::after,.ar-content .cb-faq-v45[data-faq-icon="arrow"] .cb-faq-item-v45>summary::after{content:'→';}
.as-page .cb-faq-v45[data-faq-icon="arrow"] .cb-faq-item-v45[open]>summary::after,.ar-content .cb-faq-v45[data-faq-icon="arrow"] .cb-faq-item-v45[open]>summary::after{transform:rotate(90deg);}
.as-page .cb-faq-v45[data-faq-icon="none"] .cb-faq-item-v45>summary::after,.ar-content .cb-faq-v45[data-faq-icon="none"] .cb-faq-item-v45>summary::after{content:none;}
.as-page .cb-faq-question-v45,.ar-content .cb-faq-question-v45{min-width:0;flex:1;display:block;overflow-wrap:anywhere;}
.as-page .cb-faq-answer-v45,.ar-content .cb-faq-answer-v45{box-sizing:border-box;padding:0 var(--cb-faq-q-pad) var(--cb-faq-q-pad);white-space:normal;line-height:1.65;overflow-wrap:anywhere;background:var(--cb-faq-a-bg);color:var(--cb-faq-a-color);font-weight:400;}
.as-page .cb-faq-answer-edit-v45{white-space:pre-wrap;min-height:35px;outline:none;}
.as-page .cb-faq-item-v45[open]>.cb-faq-answer-v45,.ar-content .cb-faq-item-v45[open]>.cb-faq-answer-v45{padding-top:4px;}
.as-page .cb-faq-question-v45:focus-visible,.as-page .cb-faq-answer-edit-v45:focus-visible,.as-page .cb-faq-title-v45b:focus-visible,.as-page .cb-faq-intro-v45b:focus-visible,.ar-content .cb-faq-item-v45>summary:focus-visible{outline:2px solid var(--cb-faq-accent);outline-offset:2px;border-radius:3px;}
.as-page .cb-faq-title-v45b[contenteditable]:empty::before,.as-page .cb-faq-intro-v45b[contenteditable]:empty::before,.as-page .cb-faq-question-v45[contenteditable]:empty::before,.as-page .cb-faq-answer-edit-v45[contenteditable]:empty::before{content:attr(data-placeholder);color:#9099aa;pointer-events:none;}
.as-page .cb-faq-tools-v45{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px;}
.as-page .cb-faq-tools-v45 button,.as-page .cb-faq-add-v45{min-width:29px;border:1px solid #dfe4eb;background:#fff;color:#566277;border-radius:7px;padding:5px 8px;font-size:12px;cursor:pointer;}
.as-page .cb-faq-tools-v45 button:focus-visible,.as-page .cb-faq-add-v45:focus-visible{outline:2px solid var(--cb-faq-accent);outline-offset:2px;}
.as-page .cb-faq-add-v45{margin:11px 0 4px;}
.as-page .cb-faq-v45[data-faq-style="lines"] .cb-faq-entries-v45b,.ar-content .cb-faq-v45[data-faq-style="lines"] .cb-faq-entries-v45b{gap:0;}
.as-page .cb-faq-v45[data-faq-style="lines"] .cb-faq-item-v45,.ar-content .cb-faq-v45[data-faq-style="lines"] .cb-faq-item-v45{border:0;border-bottom:1px solid var(--cb-faq-border);border-radius:0;background:transparent;}
.as-page .cb-faq-v45[data-faq-style="lines"] .cb-faq-item-v45>summary,.ar-content .cb-faq-v45[data-faq-style="lines"] .cb-faq-item-v45>summary{background:transparent;}
.as-page .cb-faq-v45[data-faq-style="soft"] .cb-faq-item-v45,.ar-content .cb-faq-v45[data-faq-style="soft"] .cb-faq-item-v45{border:1px solid transparent;background:var(--cb-faq-q-bg,#f4f6fa);border-radius:18px;box-shadow:0 2px 14px #1f2c410d;}
.as-page .cb-faq-v45[data-faq-style="minimal"] .cb-faq-item-v45,.ar-content .cb-faq-v45[data-faq-style="minimal"] .cb-faq-item-v45{border:none;border-radius:0;background:transparent;}
.as-page .cb-faq-v45[data-faq-style="minimal"] .cb-faq-item-v45>summary,.ar-content .cb-faq-v45[data-faq-style="minimal"] .cb-faq-item-v45>summary{background:transparent;padding-inline:0;}
.as-page .cb-faq-v45[data-faq-style="minimal"] .cb-faq-answer-v45,.ar-content .cb-faq-v45[data-faq-style="minimal"] .cb-faq-answer-v45{background:transparent;padding-inline:0;}
.as-page .cb-spacing-grid-v45 input[type=number]{min-width:0;width:100%;max-width:100%;box-sizing:border-box;}
@media(max-width:360px){.as-page .cb-faq-item-v45>summary,.ar-content .cb-faq-item-v45>summary{gap:7px;}.as-page .cb-faq-tools-v45 button{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.as-page .cb-faq-item-v45>summary::after,.ar-content .cb-faq-item-v45>summary::after{transition:none;}}


/* Source: article-page-designer-v45bc.css */
/* CB_ARTICLES_V45BC: editor-to-reader page and sectional paint parity */
html{min-width:0}body{min-width:0;background-attachment:scroll!important}
.as-page,.as-page .as-editor,#articleRoot,#articleRoot .ar-wrap{background:transparent!important}
.cb-v45-bg-section{position:relative;box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding-inline:clamp(4px,2.5vw,32px);background-clip:padding-box;overflow-wrap:anywhere}
.cb-v45-bg-section>*{min-width:0;max-width:100%}
.cb-v45-bg-section .as-block{margin-inline:0}
.cb-v45-section-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:6px 0;font:12px/1.4 system-ui,sans-serif;color:inherit}
.cb-v45-section-tools button,.cb-v45-designer button{cursor:pointer;border:1px solid #b1bdd2;border-radius:8px;padding:6px 9px;background:#fff;color:#273147;font:inherit;touch-action:manipulation}
.cb-v45-section-tools button:focus-visible,.cb-v45-designer button:focus-visible{outline:2px solid #567ddb;outline-offset:2px}
.cb-v45-designer{margin-top:clamp(12px,4vw,36px);background:#f7f9fc;border:1px solid #e0e5ef;border-radius:16px;padding:clamp(12px,2vw,24px);color:#1c2840;font:13px/1.5 system-ui,sans-serif}
.cb-v45-designer h2{margin:0 0 5px;font-size:18px}.cb-v45-designer p{margin:0 0 12px;color:#556173}
.cb-v45-designer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;align-items:end}
.cb-v45-designer label{display:grid;gap:4px;font-weight:600;min-width:0}
.cb-v45-designer input,.cb-v45-designer select{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid #c8d0de;border-radius:8px;background:white;color:#202a40;font:inherit}
.cb-v45-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.cb-v45-presets button{font-size:11px;padding:5px 9px}.cb-v45-paint-preview{height:30px;border-radius:9px;border:1px solid #ced7e6;margin:8px 0 12px;background-image:repeating-conic-gradient(#edf0f6 0% 25%,#ffffff 0% 50%);background-size:16px 16px}.cb-v45-section-list{display:grid;gap:10px;margin-top:14px}.cb-v45-section-editor{background:#fff;border:1px solid #dce2ef;padding:10px;border-radius:10px}
.cb-v45-section-editor header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.cb-v45-section-editor header strong{font-size:13px}.cb-v45-divider{height:1px;background:#e2e7f0;margin:15px 0}
.cb-v45-reader-footer{display:flex;justify-content:center;padding:clamp(35px,5vw,75px) 10px 24px}
.cb-v45-report-link{font:400 11px/1.4 system-ui,sans-serif;border:0;background:transparent;color:#959aa4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cb-v45-report-link:hover,.cb-v45-report-link:focus-visible{color:#5e6471}
.cb-v45-report-dialog{position:fixed;inset:auto;max-width:min(420px,calc(100vw - 20px));width:100%;box-sizing:border-box;margin:auto;padding:22px;border:1px solid #dce1eb;border-radius:15px;background:#fff;color:#1d2635;box-shadow:0 18px 55px #0003;font:14px/1.55 system-ui,sans-serif}
.cb-v45-report-dialog::backdrop{background:#10172499}.cb-v45-report-dialog h2{font-size:20px;margin:0 0 5px}.cb-v45-report-dialog p{color:#5d6674;margin:0 0 15px}.cb-v45-report-dialog label{display:grid;gap:5px;margin:10px 0;font-weight:600}
.cb-v45-report-dialog select,.cb-v45-report-dialog textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cdd5e0;border-radius:9px;padding:10px;resize:vertical;background:#fff;color:#17233a}
.cb-v45-report-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.cb-v45-report-actions button{border:1px solid #cdd4e0;border-radius:8px;padding:8px 13px;background:white;cursor:pointer}.cb-v45-report-actions [data-report-submit]{background:#273e78;color:white;border-color:#273e78}
@media(max-width:240px){.cb-v45-designer{padding:7px}.cb-v45-bg-section{padding-inline:4px}.cb-v45-section-tools button{font-size:10px;padding:3px}.cb-v45-report-dialog{padding:9px}}

/* CB_ARTICLES_V46: Single bottom button and direct, accessible block range picker. */
#cbV45PageDesigner.cb-v45-designer{max-width:min(100%,750px);margin-inline:auto;box-sizing:border-box}
#cbV45PageDesigner.cb-v46-collapsed{width:max-content;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}
#cbV45PageDesigner .cb-v46-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #b9c7df;border-radius:999px;background:#f2f5ff;color:#20335e;font-size:13px;font-weight:700;box-shadow:0 3px 14px #15234712;max-width:100%}
#cbV45PageDesigner:not(.cb-v46-collapsed) .cb-v46-trigger{margin-bottom:14px}
.cb-v46-settings{min-width:0}.cb-v46-settings .cb-v46-helper{font-size:12px;color:#58647a;margin:0 0 12px}
.cb-v46-scopes,.cb-v46-actions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}
.cb-v46-scopes button.cb-v46-scope-active{background:#283e79;color:#fff;border-color:#283e79}
#cbV45PageDesigner .cb-v46-pick-action{background:#293e84;color:#fff;border-color:#293e84;font-weight:700}
.cb-v46-note{font-size:11px;margin:10px 0 0;color:#6b7380}
/* Existing saved areas remain clean when not actively being resized. */
.cb-v45-editor-section>.cb-v45-section-tools{display:none}
.cb-v45-editor-section:hover>.cb-v45-section-tools,.cb-v45-editor-section:focus-within>.cb-v45-section-tools{display:flex}
/* Direct manipulation temporarily disables editing, insert and drag actions. */
.cb-v46-select-mode #blocks{cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.cb-v46-select-mode #blocks [contenteditable],.cb-v46-select-mode #blocks input,.cb-v46-select-mode #blocks textarea,.cb-v46-select-mode #blocks button{pointer-events:none!important}
.cb-v46-select-mode #blocks .as-block{cursor:crosshair;outline:1px dashed #8aa2d3;outline-offset:-1px;touch-action:pan-y}
.cb-v46-select-mode #blocks .as-block.cb-v46-selected{outline:3px solid #4775dd;outline-offset:-3px;background-color:#638df01c;box-shadow:inset 0 0 0 2px #4775dd33}
.cb-v46-select-mode #blocks .cb-v46-selected-start{border-top:3px solid #2852c8}
.cb-v46-select-mode #blocks .cb-v46-selected-end{border-bottom:3px solid #2852c8}
.cb-v46-picker{position:fixed;z-index:2147483600;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);box-sizing:border-box;width:min(590px,calc(100vw - 18px));padding:12px 14px;border:1px solid #b6c7eb;border-radius:15px;background:#fff;color:#1d2b47;box-shadow:0 8px 32px #0e205944;font:13px/1.4 system-ui,sans-serif}
.cb-v46-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cb-v46-count{color:#52668e;font-size:12px}.cb-v46-picker p{margin:5px 0;color:#5b6581;font-size:12px}.cb-v46-picker p.cb-v46-picker-error{color:#ad2727}
.cb-v46-picker-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px;flex-wrap:wrap}
.cb-v46-picker-actions button{border:1px solid #abb9d8;background:#fff;color:#273550;border-radius:9px;padding:8px 10px;cursor:pointer;font:600 12px system-ui,sans-serif}
.cb-v46-picker-actions [data-v46-apply]{background:#263d82;color:#fff;border-color:#263d82}
.cb-v46-picker-actions [data-v46-apply]:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:200px){.cb-v46-picker{padding:7px}.cb-v46-picker-actions{justify-content:stretch}.cb-v46-picker-actions button{flex:1;min-width:0;font-size:10px;padding:5px}.cb-v46-picker-heading{font-size:11px}}
/* Narrow-screen defensive wrapping without affecting normal phone layouts. */
.cb-v46-picker,.cb-v46-picker *,#cbV45PageDesigner .cb-v46-settings{min-width:0;overflow-wrap:anywhere}
.cb-v46-picker-actions button{white-space:normal;max-width:100%}
@media(max-width:110px){#cbV45PageDesigner .cb-v46-trigger{padding:5px;font-size:10px;white-space:normal}.cb-v46-picker{padding:5px;font-size:10px}.cb-v46-picker p,.cb-v46-count{font-size:9px}}


/* Source: article-responsive-v44.css */
/* Articles V44: extreme-width-safe READER layout, progressive from 80px to ultrawide.
 * This is a presentation-only stylesheet. No author-selected colours, shadows,
 * border widths, radii, fonts, alignments, or article payloads are overwritten.
 * All widths below apply to the reader, not to the Article Studio editor.
 */
html, body { max-inline-size:100%; }
html body #articleRoot,
html body #articleRoot .ar-wrap,
html body #articleRoot .ar-content,
html body #articleRoot .ar-hero {
  box-sizing:border-box;
  min-inline-size:0;
  max-inline-size:100%;
}
html body #articleRoot { inline-size:100%; overflow-x:clip; }
html body #articleRoot .ar-wrap {
  --ar-v44-edge:clamp(4px, 2.5vw, 28px);
  inline-size:min(calc(100% - 2 * var(--ar-v44-edge)), 800px) !important;
  max-inline-size:100% !important;
  margin-inline:auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #articleRoot :where(.ar-title,.ar-byline,.ar-content,.ar-content *,figure,figcaption) {
  min-inline-size:0;
  overflow-wrap:anywhere;
}
html body #articleRoot .ar-title { max-inline-size:100% !important; hyphens:auto; text-wrap:pretty; }
html body #articleRoot .ar-byline { max-inline-size:100%; flex-wrap:wrap; overflow-wrap:anywhere; }
/* Owner controls: two adjacent controls and a second-row Promote link.
   The headline is always a separate grid item, not squeezed by fixed 128px controls. */
html body #articleRoot .ar-headline-row {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,218px) !important;
  align-items:start !important;
  gap:clamp(6px,1.25vw,16px) !important;
  inline-size:100% !important;
  min-inline-size:0 !important;
}
html body #articleRoot .ar-headline-row > .ar-title {
  grid-column:1 !important;
  grid-row:1 !important;
  min-inline-size:0 !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
}
html body #articleRoot .ar-headline-actions:not([hidden]) {
  grid-column:2 !important;
  grid-row:1 !important;
  position:static !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
html body #articleRoot .ar-headline-actions[hidden]{display:none!important}
html body #articleRoot .ar-headline-actions .ar-edit-action,
html body #articleRoot .ar-headline-actions #articleMyArticlesLink,
html body #articleRoot .ar-headline-actions #articleEditLink {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  inline-size:100% !important;
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  min-block-size:30px !important;
  margin:0 !important;
  padding:5px clamp(2px,.7vw,10px) !important;
  font-size:clamp(10px, .9vw, 12px) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  white-space:normal !important;
  text-align:center !important;
  overflow-wrap:anywhere;
  word-break:normal;
}
html body #articleRoot .ar-headline-actions .ar-promote-action,
html body #articleRoot .ar-headline-actions #articlePromoteLink {
  grid-column:1 / -1 !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:end !important;
  text-align:right !important;
  font-size:clamp(10px, .85vw, 12px) !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
}
/* Content parity: restrict overflow without overriding author-selected appearance. */
html body #articleRoot .ar-content,
html body #articleRoot .ar-content > *,
html body #articleRoot .ar-content .ar-ssr-block,
html body #articleRoot .ar-content .ar-content-shell-v35,
html body #articleRoot .ar-content :where(section,article,aside,blockquote,figure,div) {
  box-sizing:border-box;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
}
html body #articleRoot .ar-content :where(img,video,svg,canvas,picture) {
  max-inline-size:100% !important;
  block-size:auto;
}
html body #articleRoot .ar-content img { object-position:center; }
html body #articleRoot .ar-content :where(iframe,embed,object) {
  display:block;
  box-sizing:border-box;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  min-block-size:0 !important;
}
html body #articleRoot .ar-content :where(iframe.ar-ssr-block,iframe.ar-video,iframe[src*="youtube"]) {
  aspect-ratio:16 / 9;
  block-size:auto !important;
}
html body #articleRoot .ar-content :where(figure,figcaption) { margin-inline:0; min-inline-size:0; }
html body #articleRoot .ar-content .ar-button {
  box-sizing:border-box;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
}
/* Long code and wide tables scroll only within their own region, never the page. */
html body #articleRoot .ar-content :where(pre,.ar-code,table,.ar-table,.cb-code-shell-v43) {
  box-sizing:border-box;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
html body #articleRoot .ar-content pre code {
  display:block;
  min-inline-size:0;
  max-inline-size:none;
  white-space:pre;
  overflow-wrap:normal;
}
html body #articleRoot .ar-content table { border-collapse:separate; border-spacing:0; }
html body #articleRoot .ar-content table :where(td,th) { overflow-wrap:anywhere; max-inline-size:100%; }
html body #articleRoot .ar-content :where(ul,ol) { box-sizing:border-box; min-inline-size:0; max-inline-size:100% !important; }
html body #articleRoot .ar-content :where(.ar-cols,.cb-block-row-v30,.cb-article-row-v30) {
  box-sizing:border-box;
  min-inline-size:0 !important;
  max-inline-size:100% !important;
}
html body #articleRoot .ar-content .ar-cols > * { min-inline-size:0; max-inline-size:100%; }
/* The existing URL popup remains creator-only; its position must never change document flow. */
html body .ar-owner-share-popup,
html body #articleRoot .ar-owner-share-popup {
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:max(6px,env(safe-area-inset-top)) !important;
  transform:translateX(-50%) !important;
  width:min(460px,calc(100vw - 12px)) !important;
  max-width:calc(100vw - 12px) !important;
  max-height:min(65dvh,320px) !important;
  overflow:auto;
  box-sizing:border-box !important;
  z-index:1500 !important;
  margin:0 !important;
  flex-wrap:wrap;
}
html body .ar-owner-share-popup :where(button,a,.ar-owner-share-text,.ar-owner-share-link) { min-inline-size:0; max-inline-size:100%; }
html body .ar-owner-share-popup .ar-owner-share-buttons { display:flex; flex-wrap:wrap; min-inline-size:0; max-inline-size:100%; }
/* Link clarity and touch affordances without a native-app dependency. */
html body #articleRoot a:focus-visible,
html body .ar-owner-share-popup :where(button,a):focus-visible { outline:2px solid #426cc9; outline-offset:2px; }
html body #articleRoot a, html body .ar-owner-share-popup button { -webkit-tap-highlight-color:rgba(50,103,208,.12); }
/* Responsive behaviour is based on available article width as well as viewport. */
@media(max-width:720px){
 html body #articleRoot .ar-headline-row { grid-template-columns:minmax(0,1fr) !important; }
 html body #articleRoot .ar-headline-row > .ar-title { grid-column:1!important; grid-row:1!important; }
 html body #articleRoot .ar-headline-actions:not([hidden]) {
   grid-column:1!important; grid-row:2!important; position:static!important;
   justify-self:start!important; inline-size:min(100%,240px)!important;
 }
 html body #articleRoot .ar-headline-actions .ar-promote-action,
 html body #articleRoot .ar-headline-actions #articlePromoteLink { text-align:left!important; justify-self:start!important; }
 html body #articleRoot .ar-content .ar-cols { grid-template-columns:repeat(min(2,var(--ar-cols,2)),minmax(0,1fr)); }
}
@media(max-width:480px){
 html body #articleRoot .ar-wrap { --ar-v44-edge:clamp(6px,3vw,14px); }
 html body #articleRoot .ar-content { font-size:clamp(14px,4vw,17px); line-height:1.65; }
 html body #articleRoot .ar-title { font-size:clamp(25px,7vw,36px) !important; line-height:1.18 !important; }
 html body #articleRoot .ar-content :where(h2,h3,h4) { max-inline-size:100%; }
 html body #articleRoot .ar-content .ar-cols { grid-template-columns:minmax(0,1fr) !important; gap:clamp(7px,2vw,16px); }
 html body #articleRoot .ar-content :where(pre,.ar-code) { padding:clamp(7px,2.4vw,12px); font-size:clamp(11px,3vw,13px); }
 html body #articleRoot .ar-content :where(ul,ol) { padding-inline-start:clamp(14px,5vw,25px); }
}
@media(max-width:260px){
 html body #articleRoot .ar-wrap { --ar-v44-edge:clamp(3px,3vw,8px); }
 html body #articleRoot .ar-title { font-size:clamp(16px,8vw,26px)!important; letter-spacing:-.02em !important; }
 html body #articleRoot .ar-byline { font-size:clamp(10px,4vw,13px)!important; gap:3px; }
 html body #articleRoot .ar-content { font-size:clamp(11px,4.8vw,14px); line-height:1.5; }
 html body #articleRoot .ar-content :where(h2,h3,h4) { font-size:clamp(12px,6vw,22px); }
 html body #articleRoot .ar-headline-actions:not([hidden]) { inline-size:100%!important; gap:3px!important; }
 html body #articleRoot .ar-headline-actions .ar-edit-action,
 html body #articleRoot .ar-headline-actions #articleMyArticlesLink,
 html body #articleRoot .ar-headline-actions #articleEditLink { font-size:clamp(8px,3.5vw,11px)!important; padding-inline:2px!important; min-block-size:26px!important; }
 html body #articleRoot .ar-headline-actions .ar-promote-action,
 html body #articleRoot .ar-headline-actions #articlePromoteLink { font-size:clamp(9px,3.7vw,11px)!important; }
 html body #articleRoot .ar-content :where(blockquote,aside,pre,.ar-callout,.ar-code) { padding:clamp(3px,2vw,7px); }
 html body #articleRoot .ar-content table :where(td,th) { padding:3px; min-width:0; font-size:10px; }
 html body #articleRoot .ar-content .cb-code-copy-v43 { min-height:24px; max-inline-size:100%; padding:2px 4px; font-size:9px; }
}
@media(max-width:150px){
 html body #articleRoot .ar-wrap { --ar-v44-edge:3px; }
 html body #articleRoot .ar-title { font-size:clamp(12px,10vw,17px)!important; }
 html body #articleRoot .ar-content { font-size:10px; line-height:1.35; }
 html body #articleRoot .ar-byline { font-size:9px!important; }
 html body #articleRoot .ar-content :where(pre,.ar-code) { font-size:9px; padding:3px; }
 html body #articleRoot .ar-content :where(ul,ol) { padding-inline-start:10px; }
 html body #articleRoot .ar-headline-actions .ar-edit-action,
 html body #articleRoot .ar-headline-actions #articleMyArticlesLink,
 html body #articleRoot .ar-headline-actions #articleEditLink { font-size:8px!important; min-block-size:23px!important; padding:2px!important; }
 html body #articleRoot .ar-owner-share-popup { padding:4px!important; }
 html body .ar-owner-share-popup .ar-owner-share-buttons button { min-width:0!important; padding:2px!important; }
}
@media(max-width:105px){
 html body #articleRoot .ar-wrap { --ar-v44-edge:2px; }
 html body #articleRoot .ar-title { font-size:11px!important; }
 html body #articleRoot .ar-content :where(img,video,iframe) { min-height:0!important; }
 /* The full text labels cannot fit side-by-side at 80px. Keep an accessible
    control via the real anchor while showing compact symbols visually. */
 html body #articleRoot .ar-headline-actions #articleMyArticlesLink,
 html body #articleRoot .ar-headline-actions #articleEditLink { font-size:0!important; }
 html body #articleRoot .ar-headline-actions #articleMyArticlesLink::after { content:'☷'; font-size:12px; }
 html body #articleRoot .ar-headline-actions #articleEditLink::after { content:'✎'; font-size:12px; }
 html body #articleRoot .ar-headline-actions .ar-promote-action { font-size:8px!important; }
}
@media(prefers-reduced-motion:reduce){
 html body #articleRoot *,html body .ar-owner-share-popup * {scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}
/* Explicitly honour the guest/owner permission state. */
html body .ar-owner-share-popup[hidden],
html body #articleRoot .ar-owner-share-popup[hidden] { display:none !important; }

/* CB_ARTICLE_OWNER_INLINE_V44_1
 * Keep My Articles and Edit article beside the title at widths >= 200px.
 * Only below 200px does the existing V44 stacked layout apply.
 * This affects creator controls only; authored blocks and saved styles are unchanged.
 */
@media (min-width:200px) and (max-width:720px) {
  html body #articleRoot .ar-headline-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(94px,45vw,218px) !important;
    column-gap:clamp(3px,1.4vw,9px) !important;
    align-items:start !important;
  }
  html body #articleRoot .ar-headline-row > .ar-title {
    grid-column:1 !important;
    grid-row:1 !important;
    min-inline-size:0 !important;
  }
  html body #articleRoot .ar-headline-actions:not([hidden]) {
    grid-column:2 !important;
    grid-row:1 !important;
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    inline-size:100% !important;
    max-inline-size:100% !important;
    justify-self:end !important;
    gap:clamp(2px,.7vw,5px) !important;
    margin:0 !important;
    padding:0 !important;
    align-items:stretch !important;
  }
  html body #articleRoot .ar-headline-actions .ar-edit-action,
  html body #articleRoot .ar-headline-actions #articleMyArticlesLink,
  html body #articleRoot .ar-headline-actions #articleEditLink {
    grid-row:1 !important;
    min-inline-size:0 !important;
    inline-size:100% !important;
    max-inline-size:100% !important;
    font-size:clamp(8px,2.7vw,12px) !important;
    line-height:1.15 !important;
    padding:5px clamp(1px,.5vw,7px) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
  }
  html body #articleRoot .ar-headline-actions .ar-promote-action,
  html body #articleRoot .ar-headline-actions #articlePromoteLink {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    text-align:right !important;
    white-space:normal !important;
  }
}


/* Source: article-polish-v48.css */
/* CB_ARTICLES_V48_READER_EDITOR_PARITY: viewport width sections, clean backgrounds,
   minimal reporting/auth dialogs and owner-friendly editor title flow. */
html,body{min-inline-size:0;max-inline-size:100%;}
/* A coloured region is just its own block range. Never add edges or handles. */
.cb-v45-bg-section{padding-inline:0!important;min-inline-size:0!important;max-inline-size:100%;border:0!important;box-shadow:none!important;}
.cb-v45-bg-section>.cb-v45-section-tools,.cb-v45-bg-section>.cb-v45-section-bottom{display:none!important;}
.cb-v45-bg-section.cb-v48-full-width{position:relative;isolation:isolate;background:transparent!important;}
.cb-v45-bg-section.cb-v48-full-width::before{
 content:"";position:absolute;z-index:-1;inset-block:0;
 inset-inline-start:50%;inline-size:100vw;transform:translateX(-50%);
 background:var(--cb-v48-paint,transparent);border-radius:inherit;
 pointer-events:none;
}
/* Let full-bleed paint extend beyond the reader's centred text column without
   enabling horizontal scrolling. */
html:has(.cb-v48-full-width),body:has(.cb-v48-full-width){overflow-x:clip;}
html body #articleRoot:has(.cb-v48-full-width){overflow-x:visible!important;}
html body #articleRoot .ar-wrap:has(.cb-v48-full-width){overflow:visible!important;}
/* Editor and reader share a centered writing column, with no site header in editor. */
.as-page{box-sizing:border-box;width:100%;min-height:100dvh!important;padding:clamp(25px,3.4vw,38px) clamp(8px,2.5vw,28px) 44px!important;}
.as-page .as-editor{width:100%;max-width:800px;min-width:0;margin-inline:auto;}
.as-page .as-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,max-content);gap:clamp(5px,1vw,14px)!important;align-items:start;}
.as-page .as-title-row .as-headline{width:100%!important;min-width:0!important;font-size:clamp(30px,5.4vw,58px);line-height:1.13;font-weight:780;letter-spacing:-.052em;}
.as-page .as-title-actions{min-width:0;max-width:min(45vw,240px);gap:5px;display:flex;align-items:start;flex-wrap:wrap;justify-content:flex-end;}
.as-page .as-title-actions button{box-sizing:border-box;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;}
.as-page .as-title-actions .as-publish-stack{min-width:0;max-width:100%;}
.as-page #authorName.as-byline{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box;margin:9px 0 0!important;padding:0!important;font-size:clamp(14px,1.7vw,17px);color:#777;line-height:1.5;clear:both;}
/* Status is a secondary footer note, never competing with author name. */
.as-page .cb-v48-save-status{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:16px auto 0;padding:3px 0;max-width:100%;font:400 11px/1.4 system-ui,sans-serif;color:#909090;background:transparent;border:0;box-shadow:none;}
.as-page .cb-v48-save-status #saveStatus,.as-page .cb-v48-save-status #articleState{color:#858585!important;background:transparent!important;white-space:normal!important;text-align:center;font:inherit;padding:0!important;margin:0!important;max-width:100%;}
.as-page .cb-v48-save-status #saveStatus[hidden]{display:none!important;}
.as-page .cb-v48-save-status #saveStatus:not([hidden])::after{content:" · ";white-space:pre;}
/* Slim footer and an intentional little scroll on short articles: the report
   action is beyond the first screen rather than floating halfway down it. */
html body #articleRoot .ar-wrap{display:flex;flex-direction:column;min-block-size:calc(100svh + 44px);margin-block-end:0!important;padding-block-end:0!important;}
html body #articleRoot .ar-content{flex:0 0 auto;}
html body #articleRoot .cb-v45-reader-footer{margin-block-start:auto!important;flex:0 0 auto;align-self:stretch;display:flex;justify-content:center;align-items:center;min-height:38px;padding:32px 8px max(14px,env(safe-area-inset-bottom))!important;box-sizing:border-box;}
html body #articleRoot .cb-v45-report-link{font:400 11px/1.45 system-ui,sans-serif;letter-spacing:.01em;color:#a4a4a4;background:none!important;border:0!important;padding:5px 9px;text-decoration:none;cursor:pointer;}
html body #articleRoot .cb-v45-report-link:hover,html body #articleRoot .cb-v45-report-link:focus-visible{color:#242424;text-decoration:underline;text-underline-offset:3px;}
/* Report popup opens by its button: light/dark are monochrome and never use
   the advertiser dashboard's blue modal theme. */
body>.cb-v45-report-dialog{box-sizing:border-box;position:fixed!important;inset:auto;margin:0!important;width:min(350px,calc(100vw - 16px))!important;max-width:350px!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;padding:16px!important;border:1px solid #dcdcdc!important;border-radius:11px!important;background:#fff!important;color:#191919!important;box-shadow:0 10px 32px #00000026!important;font:13px/1.45 system-ui,sans-serif!important;}
body>.cb-v45-report-dialog::backdrop{background:#00000018!important;}
body>.cb-v45-report-dialog h2{margin:0 0 5px!important;color:#151515;font:700 16px/1.3 system-ui,sans-serif!important;letter-spacing:-.02em;}
body>.cb-v45-report-dialog p{margin:0 0 10px;color:#666!important;font-size:12px!important;}
body>.cb-v45-report-dialog label{display:grid;gap:5px;font-size:12px;font-weight:600;margin:9px 0;color:#333!important;}
body>.cb-v45-report-dialog :is(select,textarea,input){box-sizing:border-box;width:100%;min-width:0;padding:9px!important;border:1px solid #d3d3d3!important;border-radius:7px!important;background:#fff!important;color:#171717!important;font:13px system-ui,sans-serif!important;}
body>.cb-v45-report-dialog .cb-v45-report-actions{display:flex;justify-content:end;gap:7px;margin-top:9px;}
body>.cb-v45-report-dialog button{cursor:pointer;font:600 12px system-ui,sans-serif!important;padding:8px 11px!important;border:1px solid #c9c9c9!important;border-radius:7px!important;background:#fff!important;color:#222!important;}
body>.cb-v45-report-dialog [data-report-submit]{background:#1d1d1d!important;border-color:#1d1d1d!important;color:#fff!important;}
body>.cb-v45-report-dialog :is(button,select,textarea):focus-visible{outline:2px solid #555!important;outline-offset:2px;}
/* Reader's signup-after-publish dialog: intentionally same minimal article
   palette as the Report Abuse dialog. Keep its DOM and OTP flow intact. */
body>.as-account-dialog{box-sizing:border-box!important;border:1px solid #ddd!important;border-radius:12px!important;background:#fff!important;color:#171717!important;box-shadow:0 12px 40px #0003!important;max-width:min(425px,calc(100vw - 20px))!important;padding:0!important;}
body>.as-account-dialog::backdrop{background:#00000030!important;}
body>.as-account-dialog .as-account-body{box-sizing:border-box!important;background:#fff!important;color:#191919!important;border:0!important;box-shadow:none!important;border-radius:12px!important;padding:clamp(13px,3vw,25px)!important;}
body>.as-account-dialog :is(h2,p,label){color:#272727!important;}
body>.as-account-dialog .as-account-chip{background:#f6f6f6!important;color:#676767!important;border:1px solid #e7e7e7!important;}
body>.as-account-dialog :is(input,button,.as-account-secondary){font:inherit!important;border-radius:8px!important;}
body>.as-account-dialog input{border:1px solid #ccc!important;background:#fff!important;color:#171717!important;}
body>.as-account-dialog .as-account-primary{background:#202020!important;color:#fff!important;border:1px solid #202020!important;}
body>.as-account-dialog .as-account-secondary{background:#fff!important;color:#222!important;border:1px solid #ddd!important;text-decoration:none!important;}
body>.as-account-dialog .as-account-close{color:#333!important;background:transparent!important;box-shadow:none!important;}
body>.as-account-dialog :is(input,button,a):focus-visible{outline:2px solid #555!important;outline-offset:2px;}
/* Keep checkbox legible, above the compact Colour/Gradient/Area tabs. */
body>#cbV46DesignerSettings .cb-v48-width-setting{display:flex!important;flex-direction:row;align-items:center;gap:8px;font:600 11px/1.3 system-ui,sans-serif;color:#444;margin:5px 0 7px!important;}
body>#cbV46DesignerSettings .cb-v48-width-setting input{appearance:auto;width:15px;min-width:15px;max-width:15px;min-height:15px;margin:0;accent-color:#242424;}
body>#cbV46DesignerSettings .cb-v471-extra{background:#fff;color:#191919;border-color:#aaa;}
@media(max-width:360px){.as-page .as-title-actions{max-width:min(52vw,165px);gap:3px}.as-page .as-title-actions button{font-size:10px;padding:5px!important}.as-page{padding-inline:12px!important}}
@media(max-width:200px){.as-page .as-title-row{grid-template-columns:minmax(0,1fr)!important}.as-page .as-title-actions{grid-column:1;justify-content:flex-start;max-width:100%}.as-page #authorName.as-byline{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cb-v45-bg-section,.cb-v45-report-dialog,.as-account-dialog{transition:none!important;animation:none!important}}
/* Keep range-selection controls away from bottom blocks. The previous bottom-
   fixed toolbar obscured the last content block and made it unselectable. */
body>.cb-v46-picker{top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;padding:7px 10px!important;}
body>.cb-v46-picker>.cb-v46-picker-heading{gap:5px;font-size:12px;}
body>.cb-v46-picker>p{display:none!important;}
body>.cb-v46-picker>.cb-v46-picker-actions{margin-top:4px;gap:5px;flex-wrap:nowrap;}
body>.cb-v46-picker>.cb-v46-picker-actions button{font-size:11px;padding:6px 7px;white-space:normal;}
body.cb-v46-select-mode{padding-bottom:120px!important;}
@media(max-width:260px){body>.cb-v46-picker>.cb-v46-picker-actions{flex-wrap:wrap;}}



/* Source: article-reader-layout-v49.css */
/* ClickBee Articles V49: author/reader geometry and quiet bottom reporting.
   Presentation only; no changes to article design, editor logic or validation. */
/* The reader and Studio must share the same writing-column geometry. */
html body .as-page{
  box-sizing:border-box!important; width:100%!important;
  padding:var(--cb-article-top-v39,30px) clamp(4px,2.5vw,28px) 44px!important;
  min-height:100dvh!important;
}
html body .as-page .as-editor{
  box-sizing:border-box!important; width:100%!important; max-width:800px!important;
  min-width:0!important; margin-inline:auto!important;padding:0!important;
}
html body .as-page .as-title-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,218px)!important;
  gap:clamp(6px,1.25vw,16px)!important;align-items:start!important;
  margin:0!important;padding:0!important;width:100%!important;min-width:0!important;
  position:relative!important;
}
html body .as-page .as-title-row .as-headline{
  grid-column:1!important;grid-row:1!important;
  display:block!important;box-sizing:border-box!important;width:100%!important;
  min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;
  font-size:clamp(34px,5vw,52px)!important;line-height:1.15!important;
  font-weight:780!important;letter-spacing:-.04em!important;
  color:#1d242c;overflow-wrap:anywhere;
  field-sizing:content!important;min-height:1.15em!important;
  height:auto;resize:none!important;overflow:hidden!important;
  white-space:pre-wrap!important;
}
html body .as-page .as-title-actions{
  grid-column:auto!important;grid-row:auto!important;box-sizing:border-box!important;
  position:absolute!important;right:0!important;top:0!important;
  display:block!important;width:218px!important;max-width:218px!important;
  min-width:0!important;max-height:none!important;margin:0!important;padding:0!important;
}
html body .as-page .as-publish-stack{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;gap:5px!important;
}
/* Publish and Delete never move to separate rows. Delete remains hidden for drafts. */
html body .as-page .cb-v49-action-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;min-width:0!important;width:100%!important;align-items:stretch!important;
}
html body .as-page .cb-v49-action-row #publish,
html body .as-page .cb-v49-action-row #preview{
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:32px!important;margin:0!important;
  padding:6px clamp(2px,.7vw,8px)!important;
  font-size:clamp(10px,.9vw,12px)!important;font-weight:600!important;
  line-height:1.2!important;white-space:normal!important;
  overflow-wrap:anywhere!important;text-align:center!important;
}
html body .as-page .cb-v49-action-row #preview[hidden]{display:none!important;}
html body .as-page .cb-v49-action-row:has(#preview[hidden]){grid-template-columns:minmax(0,1fr)!important;}
/* Status belongs under the Publish controls, not under Page background.
   Keep it quiet and independent from the headline/author's line-height. */
html body .as-page .as-publish-stack>.cb-v49-save-status{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;gap:2px!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;border:0!important;
  min-height:0!important;box-shadow:none!important;background:none!important;
  color:#929292!important;font:400 10px/1.25 system-ui,sans-serif!important;
}
html body .as-page .as-publish-stack>.cb-v49-save-status :is(#saveStatus,#articleState){
  box-sizing:border-box!important;display:block!important;max-width:100%!important;
  margin:0!important;padding:0!important;white-space:normal!important;
  text-align:center!important;overflow-wrap:anywhere!important;
  background:none!important;border:0!important;box-shadow:none!important;
  color:#929292!important;font:inherit!important;line-height:inherit!important;
}
html body .as-page .as-publish-stack>.cb-v49-save-status #saveStatus[hidden]{display:none!important;}
html body .as-page .as-publish-stack>.cb-v49-save-status #saveStatus::after{content:none!important;}
/* Public byline geometry is 10px below title, without reserve for action status. */
html body .as-page #authorName.as-byline{
  display:block!important;box-sizing:border-box!important;
  width:calc(100% - 234px)!important;min-width:0!important;max-width:100%!important;
  margin:10px 0 0!important;padding:0!important;border:0!important;
  font-size:14px!important;line-height:1.5!important;
  font-weight:400!important;color:#505761!important;clear:none!important;
  min-height:21px!important;
}
/* Match the reader's 16px hero-to-content gap. Saved per-block spacing wins. */
html body .as-page .as-blocks{margin:16px 0 0!important;min-height:0!important;}
html body .as-page .as-blocks>:first-child{margin-top:0!important;}
html body .as-page .as-blocks>:first-child.as-block{padding-top:0!important;}
html body .as-page .as-blocks>:first-child.cb-v45-bg-section>.as-block:first-child{padding-top:0!important;}
/* On short stories, Report Abuse is just beyond the first viewport.
   Long stories still place it naturally after the last content block. */
html body #articleRoot .ar-wrap{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  min-block-size:calc(100svh + 165px)!important;
  margin-block-end:0!important;padding-block-end:0!important;
}
html body #articleRoot .ar-content{flex:0 0 auto!important;}
html body #articleRoot .cb-v45-reader-footer{
  margin-block-start:auto!important;flex:0 0 auto!important;
  align-self:stretch!important;min-height:38px!important;
  padding:25px 8px max(12px,env(safe-area-inset-bottom))!important;
}
@media(max-width:640px){
  html body .as-page .as-title-row{grid-template-columns:minmax(0,1fr) minmax(0,43%)!important;gap:8px!important;}
  html body .as-page .as-title-row .as-headline{font-size:clamp(26px,7vw,38px)!important;}
  html body .as-page .as-title-actions{width:43%!important;max-width:43%!important;}
  html body .as-page #authorName.as-byline{width:calc(57% - 8px)!important;}
  html body .as-page .cb-v49-action-row #publish,html body .as-page .cb-v49-action-row #preview{min-height:30px!important;font-size:10px!important;padding:5px 3px!important;}
  html body .as-page .as-blocks{margin-top:16px!important;}
}
@media(max-width:340px){
  html body .as-page .as-title-row{grid-template-columns:minmax(0,1fr) minmax(0,44%)!important;gap:5px!important;}
  html body .as-page .cb-v49-action-row{gap:3px!important;}
  html body .as-page .as-title-actions{width:44%!important;max-width:44%!important;}
  html body .as-page #authorName.as-byline{width:calc(56% - 5px)!important;}
  html body .as-page .cb-v49-action-row #publish,html body .as-page .cb-v49-action-row #preview{font-size:9px!important;padding-inline:2px!important;}
}
@media(max-width:200px){
  html body .as-page .as-title-row{grid-template-columns:minmax(0,1fr) minmax(0,44%)!important;}
  html body .as-page .cb-v49-action-row #publish,html body .as-page .cb-v49-action-row #preview{font-size:8px!important;padding-inline:1px!important;}
  html body .as-page .as-title-row .as-headline{font-size:clamp(14px,9vw,26px)!important;}
  html body .as-page #authorName.as-byline{font-size:11px!important;}
}
@media (max-width:100px){
  html body .as-page .cb-v49-action-row #publish,html body .as-page .cb-v49-action-row #preview{font-size:6px!important;}
  html body .as-page .as-publish-stack>.cb-v49-save-status{font-size:7px!important;}
}


/* Source: article-single-paint-v54.css */
/* CB_ARTICLES_V54_TRUE_ZERO_HEIGHT_SINGLE_BLOCK_BACKGROUND
   Colour is a decorative layer only. Never reparent a single coloured block. */
html body main.as-page #blocks>.as-block.cb-v54-painted-single,
html body #articleRoot .ar-content>[data-cb-v54-single]{
 position:relative!important;isolation:isolate!important;
}
html body main.as-page #blocks>.as-block.cb-v54-painted-single::before,
html body #articleRoot .ar-content>[data-cb-v54-single]::before{
 content:"";display:block;pointer-events:none;position:absolute;
 inset:0;z-index:-1;background:var(--cb-v54-paint,transparent);
 border-radius:var(--cb-v54-radius,0px);
}
/* Full-bleed paint changes only the pseudo-element, not document layout. */
html body main.as-page #blocks>.as-block.cb-v54-painted-single.cb-v54-painted-full::before,
html body #articleRoot .ar-content>[data-cb-v54-single][data-cb-v54-full]::before{
 inset-inline-start:50%;inset-inline-end:auto;inline-size:100vw;
 transform:translateX(-50%);
}
html:has(.cb-v54-painted-full,[data-cb-v54-full]),
body:has(.cb-v54-painted-full,[data-cb-v54-full]){overflow-x:clip;}
/* Multi-block sections preserve their explicit configured padding only. */
html body main.as-page #blocks>.cb-v45-editor-section{margin-block:0!important;}


/* Source: article-parity-v55.css */
/* CB_ARTICLES_V55_READER_EDITOR_BLOCK_PARITY
   An explicit author setting must beat old !important default skins. */
:where(.as-page,#articleRoot) [data-as-type="spacer"],
#articleRoot .ar-content [data-ar-type="spacer"]{box-sizing:border-box!important;max-width:100%;margin-block:0!important;padding:0!important;border:0!important;box-shadow:none!important;}
.as-page #blocks>.as-block[data-as-type="spacer"]{min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
.as-page #blocks>.as-block[data-as-type="spacer"]>.as-insert-slot{position:absolute;bottom:-14px;left:0;z-index:8;pointer-events:none;}
.as-page #blocks>.as-block[data-as-type="spacer"]>.as-insert-slot>*{pointer-events:auto;}
.as-page .cb-v55-spacer-editor{box-sizing:border-box;position:relative;width:100%;min-height:0;background:transparent;border:1px dashed transparent;border-radius:7px;}
.as-page [data-as-type="spacer"]:hover .cb-v55-spacer-editor,.as-page [data-as-type="spacer"]:focus-within .cb-v55-spacer-editor{border-color:#bac4d0;background:repeating-linear-gradient(45deg,#aab6c70c 0 5px,transparent 5px 12px);}
.as-page .cb-v55-spacer-label{display:inline-flex;position:absolute;left:6px;top:0;align-items:center;gap:6px;font:11px/1.2 system-ui,sans-serif;color:#566174;background:#fff;border:1px solid #dce2eb;border-radius:5px;padding:3px 5px;z-index:10;opacity:0;transition:opacity .15s;white-space:nowrap;}
.as-page [data-as-type="spacer"]:hover .cb-v55-spacer-label,.as-page [data-as-type="spacer"]:focus-within .cb-v55-spacer-label{opacity:1;}
.as-page .cb-v55-spacer-height{width:63px;min-width:0;font:inherit;color:inherit;border:0;background:transparent;}
.as-page #blocks>.as-block>.as-resize-grip-v30.cb-v55-invisible-width-edge,
.as-page #blocks>.as-block:hover>.as-resize-grip-v30.cb-v55-invisible-width-edge{right:-4px!important;top:10px!important;bottom:10px!important;height:auto!important;width:9px!important;min-height:0!important;display:block!important;opacity:0!important;background:transparent!important;box-shadow:none!important;cursor:ew-resize;}
.as-page #blocks>.as-block>.cb-v55-invisible-width-edge::before,.as-page #blocks>.as-block>.cb-v55-invisible-width-edge::after{content:none!important;display:none!important;}
.as-page #blocks>.as-block>.cb-v55-invisible-width-edge>.as-resize-readout-v30{display:none!important;}
.as-page #blocks>.as-block>.cb-v55-resize-edge{position:absolute;left:14px;right:14px;height:7px;z-index:9;opacity:0!important;background:transparent!important;border:0!important;box-shadow:none!important;cursor:ns-resize;touch-action:none;}
.as-page #blocks>.as-block>.cb-v55-resize-top{top:0;}
.as-page #blocks>.as-block>.cb-v55-resize-bottom{bottom:0;}
.as-page #blocks>.as-block>.cb-v55-resize-edge:focus-visible,.as-page #blocks>.as-block>.cb-v55-invisible-width-edge:focus-visible{opacity:1!important;outline:2px solid #5c7fcc!important;outline-offset:1px;}
/* Match saved block colours and radii on the public reader, including hard-coded defaults. */
#articleRoot .ar-content [class~="ar-ssr-block"][style*="--cb-v55-bg"]{background-color:var(--cb-v55-bg)!important;background-image:none!important;}
#articleRoot .ar-content [class~="ar-ssr-block"][style*="--cb-v55-color"]{color:var(--cb-v55-color)!important;}
#articleRoot .ar-content [class~="ar-ssr-block"][style*="--cb-v55-radius"]{border-radius:var(--cb-v55-radius)!important;}
#articleRoot .ar-content table[style*="--cb-v55-radius"]{border-collapse:separate!important;border-spacing:0;overflow:hidden;}
#articleRoot .ar-content pre[style*="--cb-v55-bg"] code{background:transparent!important;color:inherit!important;}
#articleRoot .ar-content blockquote[data-ar-type="quote"] .ar-rich-icon-v37{color:var(--cb-v55-color,#20242d)!important;opacity:1!important;}
.as-page [data-as-type="quote"]>.as-rich-icon-v37{opacity:1!important;}
/* The visible content frame is rounded; never let opaque inner editor fields cover it. */
.as-page #blocks .as-table-editor,.as-page #blocks .as-list-editor{background-clip:padding-box;}
.as-page #blocks .as-table-editor[style*="border-radius"]{overflow:hidden;border-collapse:separate;}
.as-page #blocks .as-table-editor :is(input,textarea),.as-page #blocks .as-list-editor :is(input,textarea){background:transparent!important;color:inherit!important;}
/* Preserve white defaults for unset styles, but never repaint explicit settings. */
#articleRoot .ar-content :is(figure,aside,blockquote,pre,ul,ol,table)[style*="--cb-v55-bg"]{background-color:var(--cb-v55-bg)!important;}
#articleRoot .ar-content .ar-content-shell-v35 :is(figure,aside,blockquote,pre,ul,ol,table)[style*="--cb-v55-bg"]{background-color:var(--cb-v55-bg)!important;}
/* Do not make dark, custom-coloured author blocks white in editor. */
.as-page #blocks>.as-block[data-as-type="spacer"]{background:transparent!important;}
.as-page #blocks>.as-block[data-as-type="spacer"]:hover{background:transparent!important;}
/* Reserve Delete space during loading, avoiding a jump on edit/publish. */
.as-page .cb-v49-action-row #preview[hidden]{display:inline-flex!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:400px){.as-page .cb-v55-spacer-label{font-size:10px}.as-page #blocks>.as-block>.cb-v55-resize-edge{left:6px;right:6px;}}


/* Source: article-quote-background-v56.css */
/* CB_ARTICLES_V56_QUOTE_AND_COLOUR_PARITY
   No extra section edges or resize handles. Existing author settings stay authoritative. */
/* The quote's actual visible surface is a card, in both editor and reader. */
html body main.as-page #blocks :is(.as-block,.as-column-block)[data-as-type="quote"] .as-rich-edit.as-quote-direct,
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]{
 box-sizing:border-box;display:block;position:relative;min-inline-size:0;max-inline-size:100%;
 min-height:88px; padding:17px 19px 17px 44px;
 font-family:Georgia,serif;font-size:clamp(19px,3vw,23px);font-style:italic;
 font-weight:400;line-height:1.65;white-space:pre-wrap;
 border-radius:var(--cb-v55-radius,10px)!important;
 background-color:var(--cb-v55-bg,#f7f8fa)!important;
 color:var(--cb-v55-color,#303947)!important;
 background-clip:padding-box;overflow-wrap:anywhere;
}
/* The original left-only edge had no outline at the rounded top/bottom corners. */
html body main.as-page #blocks [data-as-type="quote"] .as-quote-direct:not([data-cb-v56-custom-border="true"]),
html body #articleRoot .ar-content blockquote[data-ar-type="quote"]:not([data-cb-v56-custom-border="true"]){
 border:1px solid #d7dce8!important;
 border-inline-start:4px solid #7f86a2!important;
}
/* Custom author borders are not replaced by defaults. */
html body #articleRoot .ar-content blockquote[data-ar-type="quote"][data-cb-v56-custom-border="true"]{
 border-radius:var(--cb-v55-radius,10px)!important;
}
/* The reader icon occupies the SAME absolute slot as in direct editor mode.
   No extra flex column, which previously changed quote text wrap and height. */
html body #articleRoot .ar-content blockquote[data-ar-type="quote"]>.ar-rich-icon-row-v37{
 display:block!important;width:100%;min-width:0;position:static;
}
html body #articleRoot .ar-content blockquote[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37{
 position:absolute;inset-inline-start:13px;top:9px;display:block;
 float:none;margin:0;max-width:28px;text-align:center;
}
html body #articleRoot .ar-content blockquote[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-text-v37{
 display:block;min-width:0;width:auto;max-width:100%;
}
/* Same icon placement for the edit surface; default large icon remains unchanged. */
html body main.as-page #blocks [data-as-type="quote"]>.as-rich-icon-v37{
 top:9px;inset-inline-start:13px;line-height:1!important;
}
/* A coloured range is paint UNDER the block content, not a replacement for the
   quote border or rounded inner block. Decorations never alter intrinsic height. */
html body main.as-page #blocks>.cb-v45-editor-section,
html body #articleRoot .ar-content>.cb-v45-bg-section{
 box-sizing:border-box;min-inline-size:0;overflow:visible;background-clip:padding-box;
}
html body main.as-page #blocks>.cb-v45-editor-section.cb-v48-full-width,
html body #articleRoot .ar-content>.cb-v45-bg-section.cb-v48-full-width{
 isolation:isolate;
}
html body main.as-page #blocks>.as-block.cb-v54-painted-single,
html body #articleRoot .ar-content>[data-cb-v54-single]{isolation:isolate;}
html body main.as-page #blocks>.as-block.cb-v54-painted-single::before,
html body #articleRoot .ar-content>[data-cb-v54-single]::before{
 border-radius:var(--cb-v54-radius,0px);pointer-events:none;
}
/* A picked colour extends to both viewport edges by default. It can still have
   a rounded block frame in front of that full-bleed colour. */
html body main.as-page #blocks>.cb-v45-editor-section.cb-v48-full-width::before,
html body #articleRoot .ar-content>.cb-v45-bg-section.cb-v48-full-width::before{
 border-radius:inherit;pointer-events:none;
}
/* Remove obsolete checkbox if an older cached script happened to create it. */
body>#cbV46DesignerSettings .cb-v48-width-setting{display:none!important;}
@media(max-width:400px){
 html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"],
 html body main.as-page #blocks [data-as-type="quote"] .as-rich-edit.as-quote-direct{
  padding:15px 12px 15px 37px;min-height:88px;
 }
 html body #articleRoot .ar-content blockquote[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37,
 html body main.as-page #blocks [data-as-type="quote"]>.as-rich-icon-v37{inset-inline-start:9px;top:9px;}
}


/* Source: article-reader-parity-v57.css */
/* CB_ARTICLES_V57_READER_EDITOR_PARITY: presentation only. Author settings beat legacy defaults. */
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"] {
 box-sizing:border-box!important;display:block!important;position:relative!important;
 min-inline-size:0!important;max-inline-size:100%!important;min-height:88px;
 font-family:Georgia,serif!important;font-style:italic!important;
 white-space:pre-wrap;overflow-wrap:anywhere;
 background:var(--cb-v55-bg,#f7f8fa)!important;
 color:var(--cb-v55-color,#303947)!important;
 border-radius:var(--cb-v55-radius,10px)!important;
 background-clip:padding-box!important;
}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v57-padding]){padding:17px 19px 17px 44px!important;}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v57-font-size]){font-size:clamp(19px,3vw,23px)!important;}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v57-spacing]){line-height:1.65!important;}
/* A single large/small icon is generated in PHP; prohibit old quote pseudo-icons. */
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]::before,
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]::after {content:none!important;display:none!important;}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v56-custom-border="true"]){border:1px solid #d7dce8!important;border-inline-start:4px solid #7f86a2!important;}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37{display:block!important;position:static!important;min-width:0!important;width:100%!important;}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37{
 position:absolute!important;left:13px!important;inset-inline-start:13px!important;top:8px!important;
 margin:0!important;padding:0!important;float:none!important;display:block!important;
 font:normal 700 27px/1 Georgia,serif!important;opacity:1!important;
 color:var(--cb-v55-color,#909ab5)!important;text-align:center!important;width:28px!important;
}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37.ar-quote-large-v42{
 font-size:44px!important;line-height:1!important;
}
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-text-v37{display:block!important;min-width:0!important;width:auto!important;max-width:100%!important;}
/* Explicit author colours override both editor and reader inherited appearance. */
html body #articleRoot .ar-content .ar-ssr-block[style*="--cb-v55-bg"]{background-color:var(--cb-v55-bg)!important;background-image:none!important;}
html body #articleRoot .ar-content .ar-ssr-block[style*="--cb-v55-color"]{color:var(--cb-v55-color)!important;}
html body #articleRoot .ar-content .ar-ssr-block[style*="--cb-v55-radius"]{border-radius:var(--cb-v55-radius)!important;}
/* Sections paint under the article content, not as visible resize edges. */
html body #articleRoot .ar-content>.cb-v45-bg-section{position:relative;min-width:0;box-sizing:border-box;margin-block:0!important;}
html body #articleRoot .ar-content>.cb-v45-bg-section.cb-v48-full-width{isolation:isolate;}
html body #articleRoot .ar-content>[data-cb-v54-single]{position:relative;isolation:isolate;}
html body #articleRoot .ar-content>[data-cb-v54-single]::before{pointer-events:none;}
@media(max-width:400px){html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v57-padding]){padding:15px 12px 15px 37px!important;min-height:88px;}html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37{left:9px!important;inset-inline-start:9px!important;}}
@media(max-width:160px){
 html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]{margin-inline:0!important;}
 html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]:not([data-cb-v57-padding]){padding:8px 4px 8px 24px!important;}
 html body #articleRoot .ar-content blockquote.ar-ssr-block[data-ar-type="quote"]>.ar-rich-icon-row-v37>.ar-rich-icon-v37{left:3px!important;inset-inline-start:3px!important;font-size:19px!important;width:19px!important;}
}


/* Source: article-page-background-v59.css */
/* CB_ARTICLES_V59_PAGE_BACKGROUND_LAYER_PARITY
   The page background is painted on <body> by the existing V45 article design.
   Never repaint it white in the central editing/reading column. Author-defined
   block backgrounds remain on their actual content surfaces, above the page.
*/
html body main.as-page,
html body main.as-page > .as-editor,
html body main.as-page .as-editor > .as-title-row,
html body main.as-page .as-editor > #blocks,
html body #articleRoot,
html body #articleRoot > .ar-wrap,
html body #articleRoot .ar-wrap > .ar-hero,
html body #articleRoot .ar-wrap > .ar-content,
html body #articleRoot .ar-content .ar-content-shell-v35 {
 background-color:transparent!important;
 background-image:none!important;
}
/* The editor's block *shell* comes from old white-panel styling. The author
   colour is on the nested editable/content frame, not this shell. Transparent
   shells allow the page gradient to remain visible between and around cards. */
html body main.as-page #blocks .as-block:not(.cb-v54-painted-single),
html body main.as-page #blocks .as-block:not(.cb-v54-painted-single):hover,
html body main.as-page #blocks .as-block:not(.cb-v54-painted-single):focus-within {
 background-color:transparent!important;
 background-image:none!important;
}
/* Never erase saved section or single-block paint, including edge-to-edge. */
html body main.as-page #blocks > .cb-v45-editor-section,
html body #articleRoot .ar-content > .cb-v45-bg-section {
 background-clip:padding-box;
}


/* Source: article-buttons-v60.css */
/* CB_ARTICLES_V60_INDEPENDENT_BUTTON_SIZE
   A button's block width is NOT the button's visible width.
   Only affect button blocks and their reader equivalents. */
.as-page #blocks>.as-block[data-as-type="button"]{box-sizing:border-box!important;padding-left:9px!important;padding-right:9px!important;min-width:0!important;}
.as-page #blocks>.as-block[data-as-type="button"]:not(.as-has-width-v30){
 flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
}
.as-page #blocks>.as-block[data-as-type="button"][data-as-block-align="center"]:not(.as-has-width-v30){
 margin-left:auto!important;margin-right:auto!important;
}
/* Legacy V58 template links had no alignment: default them to centred without modifying saved articles. */
.as-page #blocks>.as-block[data-as-type="button"].cb-v60-legacy-center:not(.as-has-width-v30){margin-inline:auto!important;}
.ar-content>.ar-button[data-cb-v60-legacy="1"]{margin-left:auto!important;margin-right:auto!important;}
/* Natural/compact button respects its own label, never its containing slot. */
.as-page #blocks>.as-block[data-as-type="button"]>.as-button-direct-v29[data-cb-v60-size="natural"],
.as-page .as-column-block[data-as-type="button"]>.as-button-direct-v29[data-cb-v60-size="natural"]{
 box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;
 width:max-content!important;max-width:100%!important;
 min-width:0!important;align-items:center!important;justify-content:center!important;
}
/* Explicit fixed pixel width from button settings wins over natural sizing. */
.as-page #blocks>.as-block[data-as-type="button"]>.as-button-direct-v29[data-as-content-width],
.as-page .as-column-block[data-as-type="button"]>.as-button-direct-v29[data-as-content-width]{
 box-sizing:border-box!important;max-width:100%!important;justify-content:center!important;
}
.as-page #blocks>.as-block[data-as-type="button"]>.as-button-direct-v29{overflow-wrap:anywhere;white-space:normal!important;}
/* Reader: prevent a centred link or intrinsic-width button from growing with its layout block. */
.ar-content .ar-button[data-cb-v60-size="natural"]{
 box-sizing:border-box!important;display:inline-flex!important;flex:0 1 auto!important;
 width:max-content!important;max-width:100%!important;min-width:0!important;
 justify-content:center!important;align-items:center!important;white-space:normal!important;
}
.ar-content .ar-button-placement-v29:has(>.ar-button[data-cb-v60-size="natural"]){max-width:100%!important;}
/* Independent configured pixel width is intentional; do not override it. */
.ar-content .ar-content-shell-v35>.ar-button-placement-v29>.ar-button{max-width:100%!important;}
/* The URL editing field is editor chrome: it should not force a label-sized button block to become a wide panel. */
.as-page #blocks>.as-block[data-as-type="button"]:not(.as-has-width-v30)>.as-button-link-row-v29{
 box-sizing:border-box!important;width:min(180px,100%)!important;max-width:100%!important;min-width:0!important;
}
.as-page #blocks>.as-block[data-as-type="button"]>.as-button-link-row-v29 input{
 box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
}
/* Compact, clearly scoped controls in the existing block settings popup. */
.as-page .cb-v60-button-size-row{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 9px;}
.as-page .cb-v60-button-size-row button{border:1px solid #dbe0e8;border-radius:7px;background:#fff;color:#272b35;
 font:600 11px/1.3 system-ui,sans-serif;padding:7px 9px;min-height:30px;cursor:pointer;}
.as-page .cb-v60-button-size-row button:hover,.as-page .cb-v60-button-size-row button:focus-visible{border-color:#737b91;background:#f7f8fb;}
@media(max-width:260px){.as-page .cb-v60-button-size-row button{padding:5px 6px;font-size:10px}}


/* Source: article-upgrades-v61.css */
/* ClickBee Article Studio V61: clean editorial controls and a real drawing surface. */
.cb-v61-meta-trigger{display:block;position:relative;margin:14px auto 9px;padding:7px 15px;max-width:max-content;border:1px solid #d8dce5;border-radius:999px;background:#fff;color:#293344;font:600 12px/1.3 Arial,sans-serif;cursor:pointer}
.cb-v61-meta-trigger:hover{border-color:#8696bb;background:#f7f9ff}
.cb-v61-meta-dialog{border:1px solid #dfe1e7;border-radius:18px;background:#fff;color:#161a20;padding:0;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 30px);box-shadow:0 16px 70px #0002;overflow:auto}
.cb-v61-meta-dialog::backdrop{background:#11182742}
.cb-v61-meta-dialog>div{padding:16px}.cb-v61-meta-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cb-v61-meta-header h2{font:700 17px/1.4 Arial,sans-serif;margin:0}.cb-v61-meta-header button{border:0;background:none;font:22px Arial;cursor:pointer}
.cb-v61-meta-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;border-bottom:1px solid #edf0f3}.cb-v61-meta-group h3{grid-column:1/-1;font:700 14px Arial;margin:0}.cb-v61-meta-group label{display:flex;flex-direction:column;gap:5px;font:500 11px/1.5 Arial;color:#4b5563;min-width:0}.cb-v61-meta-group label input,.cb-v61-meta-group label select{width:100%;min-width:0;height:33px;border:1px solid #dbe0e8;border-radius:9px;background:#fff;padding:4px 7px;color:#111}.cb-v61-meta-group .cb-v61-check{display:flex;flex-direction:row;align-items:center;gap:7px}.cb-v61-meta-group .cb-v61-check input{width:15px;height:15px}.cb-v61-meta-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:14px}.cb-v61-meta-footer button{border:1px solid #d5dce8;border-radius:9px;padding:8px 12px;background:#fff;color:#161a20;cursor:pointer}.cb-v61-meta-footer button:last-child{background:#161a20;color:#fff}
.cb-v61-drawing-pane{position:relative;max-width:100%;padding:10px;border:1px solid #e2e5ea;border-radius:13px;background:#fff}.cb-v61-drawing-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.cb-v61-drawing-tools input[type=color]{width:32px;height:30px;padding:1px;border:1px solid #dce2e7;border-radius:7px;background:#fff}.cb-v61-drawing-tools button,.cb-v61-drawing-tools select{min-height:30px;border:1px solid #dbe0e8;border-radius:8px;background:#fff;color:#1c2430;padding:4px 8px;font:500 12px Arial}.cb-v61-drawing-svg,.cb-v61-drawing-reader svg{display:block;width:100%;height:auto;aspect-ratio:2/1;overflow:hidden;background:#fff;max-width:100%}.cb-v61-drawing-svg{touch-action:none;cursor:crosshair;border-radius:7px;border:1px dashed #d7dde5}.cb-v61-drawing-reader{max-width:100%;overflow:hidden}
.as-list-editor .as-list-row input[type=checkbox]{flex-shrink:0}.as-block[data-as-type=checklist] .as-list-editor,.as-block[data-as-type=checklist] .as-list-editor ul,.as-block[data-as-type=checklist] .as-list-row{list-style:none!important;list-style-type:none!important}.as-block[data-as-type=checklist] .as-list-row::marker{content:'';font-size:0}.ar-ssr-block[data-ar-type=checklist]{list-style:none!important;list-style-type:none!important;padding-inline-start:0!important}.ar-ssr-block[data-ar-type=checklist]>li{list-style:none!important}.ar-ssr-block[data-ar-type=checklist]>li::marker{content:''!important}
/* Rows and button frames are predictable; don't let label width force a neighbouring block. */
.as-block[data-as-type=button]{min-width:0;max-width:100%;box-sizing:border-box}.as-block[data-as-type=button] .as-button-direct{min-width:0;box-sizing:border-box}.as-block[data-as-type=button] .as-insert-slot{margin-block:0!important}.ar-ssr-block[data-ar-type=button]{box-sizing:border-box;max-width:100%}
@media(max-width:230px){.cb-v61-meta-group{grid-template-columns:minmax(0,1fr)}.cb-v61-meta-dialog{max-height:calc(100dvh - 8px)}}


/* Source: article-pro-v62.css */
/* V62: explicitly full-row template links stay stacked in BOTH editor and reader.
   Only author-selected widthPercent=100 is affected; legacy compact buttons remain inline. */
.as-page #blocks>.as-block[data-as-type="button"].as-has-width-v30{display:block!important;}
.ar-content>.ar-content-shell-v35[data-ar-width="100"]{flex:0 0 100%!important;max-width:100%!important;}
.cb-v62-textures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0;}
.cb-v62-texture-tile{display:flex;flex-direction:column;gap:5px;min-width:0;border:1px solid #e1e5eb;border-radius:10px;padding:7px;background:#fff;font:500 11px/1.3 system-ui;color:#334155;cursor:pointer;}
.cb-v62-texture-tile[aria-pressed="true"]{border-color:#192f53;box-shadow:inset 0 0 0 1px #192f53;}
.cb-v62-texture-sample{height:41px;width:100%;border-radius:6px;border:1px solid #dfe4ed;}
.cb-v62-intensity{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:14px 0;font:600 12px system-ui;color:#334155;}
.cb-v62-intensity input{grid-column:1/-1;width:100%;}
@media(max-width:450px){.cb-v62-textures{grid-template-columns:repeat(2,minmax(0,1fr));}}

.cb-v58-dialog .cb-v58-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;flex-wrap:nowrap;}
.cb-v58-dialog .cb-v58-tabs button{flex:0 0 auto;}
.cb-v58-dialog .cb-v62-template-search{display:block;margin:0 17px 10px;width:calc(100% - 34px);height:35px;min-width:0;padding:6px 11px;border:1px solid #d7dce5;border-radius:10px;color:#252d3b;background:white;font:12px/1.4 system-ui;}
.cb-v58-dialog .cb-v62-empty{grid-column:1/-1;font:12px/1.5 system-ui;color:#667080;padding:12px;}

body > #cbV46DesignerSettings .cb-v471-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px;}
#cbV46DesignerSettings .cb-v471-tabs .cb-v471-tab{min-width:0;padding-inline:5px;font-size:11px;}


/* Source: article-design-v63.css */
/* CB_ARTICLES_V63_EDITORIAL_ART_DIRECTION */
.cb-v63-settings{margin:4px 0 8px;border:1px solid #dfe5ee;border-radius:9px;padding:8px 9px;background:#f8fbff;}
.cb-v63-settings summary{cursor:pointer;font:600 11px/1.4 system-ui;color:#2d4975;}
.cb-v63-settings[open] summary{padding-bottom:9px;border-bottom:1px solid #e2e8f2;}
.cb-v63-classics{margin:10px 0;border-top:1px solid #e7eaf0;padding-top:8px;}
.cb-v63-classics summary{cursor:pointer;font:600 11px/1.4 system-ui;color:#52637a;}
.cb-v63-subheading{font:700 12px/1.45 system-ui;color:#27354d;margin:13px 0 8px;}
.cb-v63-family-row{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;}
.cb-v63-family{white-space:nowrap;flex:0 0 auto;border:1px solid #dde4ee;border-radius:999px;background:#fff;padding:7px 9px;color:#42516a;font:500 11px/1.1 system-ui;cursor:pointer;}
.cb-v63-selected{background:#121e36!important;color:#fff!important;border-color:#121e36!important;}
.cb-v63-designs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 10px;}
.cb-v63-design{min-width:0;display:grid;gap:3px;border:1px solid #dfe6f0;background:white;border-radius:10px;padding:5px;color:#3b4b61;font:500 10px/1.2 system-ui;cursor:pointer;}
.cb-v63-design[aria-pressed=true]{border-color:#273d6a;box-shadow:inset 0 0 0 1px #273d6a;}
.cb-v63-surface{display:block;min-height:37px;border-radius:6px;border:1px solid #e6e9f0;}
.cb-v63-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px;padding:11px 2px;}
.cb-v63-controls>p,.cb-v63-controls>.cb-v63-clear{grid-column:1/-1;}
.cb-v63-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;color:#334155;font:500 11px/1.3 system-ui;}
.cb-v63-range input{grid-column:1/-1;width:100%;min-width:0;accent-color:#293e79;}
.cb-v63-range output{font-variant-numeric:tabular-nums;}
.cb-v63-color{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#334155;font:500 11px/1.3 system-ui;}
.cb-v63-color input{width:44px;min-width:44px;height:27px;padding:1px;border:1px solid #d9e2ec;border-radius:6px;background:#fff;}
.cb-v63-clear{padding:8px 10px;border:1px solid #d4dcea;background:#fff;border-radius:8px;font:600 11px system-ui;}
#cbV46DesignerSettings .cb-v471-tabcontent{max-height:min(66vh,480px);overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:450px){.cb-v63-designs{grid-template-columns:repeat(2,minmax(0,1fr));}.cb-v63-controls{grid-template-columns:1fr;}}


/* Source: article-tools-v64.css */
/* CB_ARTICLES_V64: Mobile template chooser safe-area layout */
dialog.cb-v58-dialog{display:none!important;flex-direction:column!important;max-height:calc(100dvh - 16px)!important;}
dialog.cb-v58-dialog[open]{display:flex!important;}
.cb-v58-dialog>.cb-v58-main{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;}
.cb-v58-dialog .cb-v58-footer{flex:0 0 auto!important;position:relative!important;z-index:4!important;background:#fff!important;padding-bottom:max(11px,env(safe-area-inset-bottom))!important;box-shadow:0 -3px 12px #1321360c;}
.cb-v58-dialog .cb-v58-apply{flex:0 0 auto;min-height:43px!important;font-size:13px!important;}
.cb-v58-dialog .cb-v58-cards,.cb-v58-dialog .cb-v58-detail{min-height:0!important;}
@media(max-width:600px){
 dialog.cb-v58-dialog{height:min(96dvh,730px)!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;}
 .cb-v58-dialog .cb-v58-head{padding:9px 12px;flex:none;}
 .cb-v58-dialog .cb-v58-sub{margin:5px 0;padding:0 12px;flex:none;}
 .cb-v58-dialog .cb-v58-tabs{padding:3px 12px 7px;flex:none;}
 .cb-v58-dialog .cb-v62-template-search{margin:0 12px 6px;width:calc(100% - 24px);flex:none;}
 .cb-v58-dialog>.cb-v58-main{display:flex!important;flex-direction:column;}
 .cb-v58-dialog .cb-v58-cards{flex:1 1 auto;overflow-y:auto;}
 .cb-v58-dialog .cb-v58-detail{flex:0 0 auto;max-height:95px!important;overflow:auto!important;}
 .cb-v58-dialog .cb-v58-footer{padding:8px 12px max(10px,env(safe-area-inset-bottom))!important;}
 .cb-v58-dialog .cb-v58-note{display:none!important;}
 .cb-v58-dialog .cb-v58-apply{display:block!important;width:100%!important;}
}
@media(max-height:520px){.cb-v58-dialog .cb-v58-sub,.cb-v58-dialog .cb-v58-detail{display:none!important;}.cb-v58-dialog .cb-v58-head{padding:7px 11px;}.cb-v58-dialog .cb-v58-tabs{padding:0 10px 4px;}.cb-v58-dialog .cb-v62-template-search{height:30px!important;}.cb-v58-dialog .cb-v58-footer{padding:5px 9px max(8px,env(safe-area-inset-bottom))!important;}}
/* Safe embeds: click-to-load, never accept arbitrary iframe or script markup. */
.cb-v64-embed-editor{display:grid;gap:9px;border:1px solid #dde4ed;border-radius:14px;padding:13px;background:#fcfdff;max-width:100%;}
.cb-v64-embed-editor label{display:flex;flex-direction:column;gap:4px;color:#334155;font:600 12px system-ui;}
.cb-v64-embed-editor select,.cb-v64-embed-editor input,.cb-v64-embed-editor textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #cfd9e5;border-radius:8px;background:white;padding:8px;color:#222;font:13px system-ui;}
.cb-v64-embed-editor .cb-v64-warning{font:11px/1.5 system-ui;color:#68768a;}
.cb-v64-embed-card{border:1px solid #dfe4ed;border-radius:13px;overflow:hidden;background:#fff;max-width:100%;color:#1e293b;}
.cb-v64-embed-bar{padding:12px 14px;font:750 13px system-ui;border-bottom:1px solid #edf0f5;display:flex;gap:9px;align-items:center;}
.cb-v64-embed-bar span{width:9px;height:9px;border-radius:50%;background:var(--cb-v64-brand,#526587);}
.cb-v64-embed-body{padding:15px;display:grid;gap:12px;font:13px/1.6 system-ui;overflow-wrap:anywhere;}
.cb-v64-embed-body p{margin:0;}
.cb-v64-embed-body a,.cb-v64-embed-body button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;max-width:100%;font:650 13px system-ui;padding:8px 13px;box-sizing:border-box;border:0;border-radius:9px;background:var(--cb-v64-brand,#263657);color:#fff!important;text-decoration:none;cursor:pointer;}
.cb-v64-embed-body iframe{display:block;border:0;width:100%;min-height:200px;max-height:920px;border-radius:8px;background:#f4f6f9;}
.cb-v64-embed-reader{max-width:100%;}
.cb-v64-embed-caption{font:12px/1.5 system-ui;color:#637183;}
/* Vector drawing studio */
.cb-v64-drawing-pane{max-width:100%;border:1px solid #dfe4ec;border-radius:13px;padding:10px;background:white;box-sizing:border-box;}
.cb-v64-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.cb-v64-tools label{display:flex;flex-direction:column;font:600 10px/1.3 system-ui;color:#4e5e74;gap:3px;}
.cb-v64-tools input[type=color]{width:36px;height:32px;border:1px solid #d2dbe6;border-radius:7px;padding:2px;background:white;}
.cb-v64-tools input[type=number]{width:78px;max-width:85px;min-width:0;}
.cb-v64-tools select,.cb-v64-tools button,.cb-v64-tools input[type=number]{min-height:32px;border:1px solid #d6dfe9;border-radius:8px;background:#fff;color:#25334a;font:600 12px system-ui;padding:5px 8px;}
.cb-v64-tools button:disabled{opacity:.35;}
.cb-v64-drawing-svg{display:block;width:100%;height:auto!important;aspect-ratio:1000 / var(--cb-v64-h,500);max-width:100%;touch-action:none;background:#fff;cursor:crosshair;border:1px solid #dce2eb;border-radius:7px;box-sizing:border-box;user-select:none;}
.cb-v64-drawing-svg [data-cb-selected]{filter:drop-shadow(0 1px 3px #4b83ff88);}
.cb-v64-drawing-read svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden;}
.cb-v64-draw-hint{font:11px/1.5 system-ui;color:#68768a;margin:8px 0 0;}
@media(max-width:390px){.cb-v64-tools{gap:5px;}.cb-v64-tools select{max-width:130px;}.cb-v64-drawing-svg{max-height:900px!important;}}


/* Source: article-engagement-v66.css */
/* V66: quiet editorial forms shared between composer, reader and owner's workspace */
.cb66-edit,.cb66-card{font:inherit;color:inherit;border:1px solid #e1e5eb;border-radius:16px;padding:clamp(14px,3vw,24px);background:#fff;max-width:100%;box-sizing:border-box}
.cb66-edit{display:grid;gap:12px;background:#fafbfe;color:#223044}
.cb66-edit .cb66-field{display:grid;gap:5px;font:500 13px/1.4 system-ui,sans-serif}
.cb66-edit input:not([type=checkbox]),.cb66-edit select,.cb66-edit textarea,.cb66-card input,.cb66-card select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #ccd5e1;border-radius:9px;padding:10px 12px;font:inherit;color:#17243a;background:#fff}
.cb66-edit .cb66-check,.cb66-card .cb66-check{display:flex;align-items:center;gap:8px;font:500 13px/1.5 system-ui,sans-serif}.cb66-check input{width:auto!important;min-width:auto!important}
.cb66-edit .cb66-help,.cb66-card .cb66-help{font:400 12px/1.55 system-ui,sans-serif;color:#697689;margin:0}
.cb66-edit .cb66-week{display:grid;gap:6px}.cb66-edit .cb66-day{display:grid;grid-template-columns:minmax(90px,1fr) minmax(72px,110px) minmax(72px,110px);gap:6px;align-items:center}
.cb66-edit .cb66-day select{padding:8px 2px;font-size:12px}.cb66-edit .cb66-section-title{font-size:14px}
.cb66-edit .cb66-manage{color:#1d4b93;text-decoration:underline;font:600 13px system-ui,sans-serif}
.cb66-card{background:var(--cb66-bg,#fff);color:var(--cb66-ink,#1b2739);margin:18px 0;box-shadow:0 8px 26px #1a30400a}
.cb66-card h2{font-size:clamp(20px,3vw,29px);font-weight:730;line-height:1.2;margin:0 0 9px}
.cb66-card p{margin:6px 0 18px;line-height:1.6}.cb66-card form{display:grid;gap:12px}
.cb66-card label{display:grid;gap:6px;font:550 13px/1.4 system-ui,sans-serif}.cb66-card label.cb66-check{display:flex}.cb66-card a{color:inherit;text-decoration:underline}
.cb66-card button,.cb66-workspace button{border:none;border-radius:10px;padding:11px 17px;cursor:pointer;background:#17243a;color:#fff;font:650 14px system-ui,sans-serif}
.cb66-card button:disabled{opacity:.56;cursor:default}.cb66-card [role=status]{font:500 13px/1.4 system-ui,sans-serif;min-height:18px}
.cb66-count-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.cb66-count-unit{border:1px solid #e8ebef;border-radius:10px;text-align:center;padding:13px 4px;min-width:0}
.cb66-count-unit b{display:block;font:bold clamp(18px,5vw,33px)/1.1 system-ui,sans-serif;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis}
.cb66-count-unit span{display:block;font:550 11px system-ui,sans-serif;color:#7b8490;margin-top:6px}
.cb66-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:7px}
.cb66-card .cb66-slot{border:1px solid #cfd7e3!important;background:#f7f9fc;color:#1a2c43;font-size:13px;padding:9px 4px}
.cb66-card .cb66-slot[aria-pressed=true]{border-color:#1f4e89!important;background:#1f4e89;color:#fff}
.cb66-workspace{max-width:1080px;padding:22px 15px;margin:auto;color:#182436;font:14px/1.5 system-ui,sans-serif}
.cb66-workspace header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cb66-workspace h1{font-size:clamp(24px,5vw,36px)}.cb66-workspace nav{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.cb66-workspace .cb66-tab[aria-pressed=false]{background:#eef1f5;color:#3a4b62}
.cb66-workspace .cb66-items{display:grid;gap:10px}.cb66-workspace article{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:16px;border:1px solid #e1e6ee;border-radius:12px}
.cb66-workspace article small{display:block;color:#61718a}.cb66-workspace article button{background:#fff;color:#8b2634;border:1px solid #eed0d4}
@media(max-width:350px){.cb66-edit .cb66-day{grid-template-columns:minmax(75px,1fr) 70px 70px}.cb66-count-row{gap:3px}.cb66-count-unit{padding:12px 2px}}

.cb66-card .cb66-date-label{display:grid;gap:6px;margin:12px 0;font:600 13px system-ui,sans-serif}
.cb66-selfservice{border-top:1px solid #e0e5ec;margin-top:22px;padding-top:14px}
.cb66-selfservice summary{cursor:pointer;font:600 13px system-ui,sans-serif;color:#536276}
.cb66-selfservice form{margin-top:12px}
.my-top{flex-wrap:wrap!important;gap:8px}


/* Source: article-wysiwyg-v68.css */
/* V68. One presentation contract shared by creator preview and public reader. */
.as-page .as-block[data-as-type="countdown"],.as-page .as-block[data-as-type="emailCapture"],.as-page .as-block[data-as-type="appointment"]{--cb68-outer-gap:10px}
.cb68-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;max-width:100%;position:relative;z-index:4;align-items:flex-start}
.cb68-dropdown{box-sizing:border-box;min-width:0;max-width:100%;border:1px solid #dce2eb;background:#f7f9fc;color:#263345;border-radius:9px;font:600 12px/1.4 system-ui,sans-serif}
.cb68-dropdown>summary{cursor:pointer;list-style:none;padding:9px 12px;user-select:none;white-space:normal}
.cb68-dropdown>summary::-webkit-details-marker{display:none}
.cb68-dropdown>summary:after{content:'⌄';font-size:13px;margin-left:10px;color:#68778a}
.cb68-dropdown[open]{flex-basis:min(430px,100%)}
.cb68-dropdown[open]>summary{border-bottom:1px solid #dce2eb}
.cb68-fields{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;max-height:min(70vh,570px);overflow-y:auto;overscroll-behavior:contain}
.cb68-dropdown .cb68-field{display:grid;gap:4px;color:#36465e;font:600 12px/1.4 system-ui,sans-serif;min-width:0}
.cb68-dropdown :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:7px;padding:8px;background:#fff;color:#17243a;font:13px system-ui,sans-serif}
.cb68-dropdown input[type=color]{height:36px;padding:2px}
.cb68-dropdown textarea{min-height:56px;resize:vertical}
.cb68-dropdown .cb68-field:has(input[type=checkbox]){display:flex;align-items:center;gap:6px;flex-direction:row-reverse;justify-content:flex-end}
.cb68-dropdown input[type=checkbox]{width:auto;flex:0 0 auto}
.cb68-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cb68-reset{border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#445369;font:600 11px system-ui,sans-serif;padding:5px}
.cb68-toggle-row{display:flex;flex-wrap:wrap;gap:9px}
.cb68-week{display:grid;gap:6px;margin-top:6px}
.cb68-availability{border-top:1px solid #e5e9f0;padding:10px 0}
.cb68-availability>summary{cursor:pointer}
.cb68-day{display:grid;grid-template-columns:minmax(86px,1fr) minmax(65px,90px) minmax(65px,90px);gap:5px;align-items:center}
.cb68-day .cb66-check{font-size:11px}
.cb68-day select{padding:5px 1px!important;font-size:11px!important}
.cb68-manage{font:650 12px system-ui,sans-serif;color:#295389}
.cb66-card[data-cb68-theme]{--cb68-bg:#ffffff;--cb68-ink:#1b2739;--cb68-accent:#526bd4;--cb68-border:#e1e5eb;--cb68-radius:16px;--cb68-border-w:1px;--cb68-tile:#f5f7fc;--cb68-glow:none;
 box-sizing:border-box!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-wrap:anywhere!important;
 color:var(--cb68-ink)!important;background:var(--cb68-glow),var(--cb68-bg)!important;border:var(--cb68-border-w) solid var(--cb68-border)!important;border-radius:var(--cb68-radius)!important;
 box-shadow:none!important;padding:20px!important;font:400 15px/1.55 system-ui,sans-serif!important}
/* Named themes set default tokens. Inline custom colours take precedence. */
.cb66-card[data-cb68-theme="minimal"]{--cb68-bg:#ffffff;--cb68-ink:#131313;--cb68-accent:#161616;--cb68-border:#ececec;--cb68-tile:#f7f7f7}
.cb66-card[data-cb68-theme="slate"]{--cb68-bg:#f2f5f9;--cb68-ink:#29364c;--cb68-accent:#365b8a;--cb68-border:#cbd5e1;--cb68-tile:#e5ebf3}
.cb66-card[data-cb68-theme="midnight"]{--cb68-bg:#111827;--cb68-ink:#f4f7ff;--cb68-accent:#a5b4fc;--cb68-border:#354158;--cb68-tile:#202b3e}
.cb66-card[data-cb68-theme="ocean"]{--cb68-bg:#edf8fa;--cb68-ink:#174452;--cb68-accent:#157f9c;--cb68-border:#bfe2e9;--cb68-tile:#d6f1f6}
.cb66-card[data-cb68-theme="lavender"]{--cb68-bg:#f5f1ff;--cb68-ink:#413465;--cb68-accent:#7354ca;--cb68-border:#ddd2fc;--cb68-tile:#ebe2ff}
.cb66-card[data-cb68-theme="mint"]{--cb68-bg:#edfaf4;--cb68-ink:#215741;--cb68-accent:#227b58;--cb68-border:#c6ebd9;--cb68-tile:#d8f3e7}
.cb66-card[data-cb68-theme="sunset"]{--cb68-bg:#fff1e9;--cb68-ink:#753d2a;--cb68-accent:#bd5b3a;--cb68-border:#f4d1be;--cb68-tile:#ffe1cf}
.cb66-card[data-cb68-theme="rose"]{--cb68-bg:#fff1f5;--cb68-ink:#713750;--cb68-accent:#c2557d;--cb68-border:#f5ccdc;--cb68-tile:#fbe1eb}
.cb66-card[data-cb68-theme="sand"]{--cb68-bg:#f9f5eb;--cb68-ink:#584d3a;--cb68-accent:#94754b;--cb68-border:#e9ddc5;--cb68-tile:#f1e8d7}
.cb66-card[data-cb68-theme="ink"]{--cb68-bg:#101115;--cb68-ink:#ffffff;--cb68-accent:#f0c878;--cb68-border:#44454d;--cb68-tile:#24252c}
.cb66-card[data-cb68-theme="glass"]{--cb68-bg:#e6efff;--cb68-ink:#20385e;--cb68-accent:#446dcb;--cb68-border:#b9cbed;--cb68-tile:#d3e1fc;--cb68-glow:radial-gradient(ellipse at 90% 0%,#ffffffaa,transparent 65%)}
.cb66-card[data-cb68-theme] h2{color:var(--cb68-ink)!important;max-width:100%;font:750 clamp(20px,3vw,29px)/1.2 system-ui,sans-serif!important;line-height:1.2!important;letter-spacing:-.02em!important;margin:0 0 10px!important}
.cb66-card[data-cb68-theme] p{color:inherit!important;line-height:1.55!important}
.cb66-card[data-cb68-theme] .cb66-help{color:var(--cb68-ink)!important;opacity:.75}
.cb66-card[data-cb68-theme] :is(input:not([type=checkbox]),select){background:#fff!important;color:#142238!important;border:1px solid #c5cdd9!important}
.cb66-card[data-cb68-theme] button:not(.cb66-slot){background:var(--cb68-accent)!important;color:var(--cb68-bg)!important;border:1px solid transparent!important;box-shadow:none!important}
.cb66-card[data-cb68-theme="midnight"] button:not(.cb66-slot),.cb66-card[data-cb68-theme="ink"] button:not(.cb66-slot){color:#13161f!important}
.cb66-card[data-cb68-theme] a{color:var(--cb68-accent)!important}
.cb66-card[data-cb68-theme] .cb66-count-unit{background:var(--cb68-tile)!important;border:1px solid var(--cb68-border)!important;color:var(--cb68-ink)!important;border-radius:clamp(0px,var(--cb68-radius),14px)!important}
.cb66-card[data-cb68-theme] .cb66-count-unit b{color:var(--cb68-ink)!important;font-variant-numeric:tabular-nums;letter-spacing:-.05em!important}
.cb66-card[data-cb68-theme] .cb66-count-unit span{color:var(--cb68-ink)!important;opacity:.7}
.cb66-card[data-cb68-theme] .cb66-slot{background:var(--cb68-tile)!important;color:var(--cb68-ink)!important;border-color:var(--cb68-border)!important}
.cb66-card[data-cb68-theme] .cb66-slot[aria-pressed="true"]{background:var(--cb68-accent)!important;color:#fff!important}
.cb66-card[data-cb68-theme] .cb66-selfservice{border-color:var(--cb68-border)!important}
.cb66-card[data-cb68-theme] .cb66-selfservice summary{color:var(--cb68-ink)!important;opacity:.8}
.cb66-card[data-cb68-layout="line"] .cb66-count-unit{border:0!important;border-bottom:2px solid var(--cb68-accent)!important;border-radius:0!important;background:transparent!important}
.cb66-card[data-cb68-layout="solid"] .cb66-count-unit{border-color:var(--cb68-accent)!important;box-shadow:inset 0 -3px 0 var(--cb68-accent)!important}
.cb66-card[data-cb68-layout="soft"] .cb66-count-unit{border:0!important;border-radius:22px!important}
.cb66-card[data-cb68-density="compact"]{padding:12px!important}
.cb66-card[data-cb68-density="compact"] .cb66-count-row{gap:4px!important;margin:7px 0!important}
.cb66-card[data-cb68-density="compact"] .cb66-count-unit{padding:7px 2px!important}
.cb66-card[data-cb68-density="spacious"]{padding:30px!important}
.cb66-card[data-cb68-density="spacious"] .cb66-count-unit{padding:20px 5px!important}
.cb66-card[data-cb68-align="center"]{text-align:center!important}
.cb66-card[data-cb68-align="right"]{text-align:right!important}
.cb66-card[data-cb68-align="center"] label,.cb66-card[data-cb68-align="right"] label{text-align:left}
.cb66-card[data-cb68-heading="0"]>h2{display:none!important}
.cb66-card[data-cb68-description="0"]>.cb68-inline-description,.cb66-card[data-cb68-description="0"]>h2+p{display:none!important}
.cb66-card[data-cb68-labels="0"] .cb66-count-unit span{display:none!important}
.cb66-card[data-cb68-theme] .cb66-count-unit[hidden],.cb66-card[data-cb68-theme] [hidden]{display:none!important}
/* WYSIWYG: edit exact title/description in the real visual card, never in a mirrored form. */
.as-page .cb68-preview [contenteditable]{outline:none;cursor:text;min-height:1em;white-space:pre-wrap}
.as-page .cb68-preview [contenteditable]:focus-visible{outline:2px solid var(--cb68-accent)!important;outline-offset:3px;border-radius:2px}
.as-page .cb68-preview button{cursor:default}
.as-page .cb68-preview .cb66-count-row{max-width:100%}
@media(max-width:420px){.cb68-toolbar{gap:5px}.cb68-dropdown>summary{padding:8px 9px}.cb66-card[data-cb68-theme]{padding:13px!important}.cb66-card[data-cb68-theme] .cb66-count-row{gap:4px}.cb66-card[data-cb68-theme] .cb66-count-unit{padding:11px 2px}.cb66-card[data-cb68-theme] .cb66-count-unit b{font-size:clamp(15px,5.2vw,24px)}.cb68-day{grid-template-columns:minmax(74px,1fr) 69px 69px}}
@media(max-width:300px){.cb68-color-grid{grid-template-columns:1fr}.cb66-card[data-cb68-theme] .cb66-count-unit{padding:8px 1px}.cb66-card[data-cb68-theme] .cb66-count-unit span{font-size:9px}}


/* Source: article-embed-grid-v67.css */
/* V67: same embed shell and controls on article editor and reader. */
.as-page [data-as-type="embed"]>.cb-v67-embed-settings{margin:0 0 12px!important;max-width:100%;border:1px solid #d8dfe8;border-radius:10px;background:#f7f9fc;color:#202a3b;box-sizing:border-box;}
.as-page .cb-v67-embed-settings>summary{list-style:none;cursor:pointer;padding:9px 12px;font:650 12px/1.5 system-ui,sans-serif;touch-action:manipulation;}
.as-page .cb-v67-embed-settings>summary::-webkit-details-marker{display:none}
.as-page .cb-v67-embed-settings-content{display:grid;gap:9px;padding:4px 12px 13px;font:12px/1.4 system-ui,sans-serif;}
.as-page .cb-v67-embed-settings-content>label{display:grid;gap:4px;color:#354153;font-weight:600;min-width:0;}
.as-page .cb-v67-embed-settings-content :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-width:0;width:100%;font:13px system-ui,sans-serif;padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#20242e;}
.as-page .cb-v67-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.as-page .cb-v67-appearance-grid label{min-width:0;display:grid;gap:3px;}
.as-page .cb-v67-embed-settings-content input[type=color]{height:36px;padding:3px;cursor:pointer}
.as-page .cb-v67-embed-settings-content .cb-v67-toggle{display:flex;align-items:center;gap:8px}
.as-page .cb-v67-toggle input{width:auto!important}
.as-page .cb-v67-embed-extract{width:fit-content;padding:8px 12px;min-height:32px;background:#202735;color:#fff;border:0;border-radius:8px;cursor:pointer}
.as-page .cb-v67-embed-help{color:#626d80;line-height:1.45}
/* Frame appearance is derived from allowlisted typed fields, never user CSS. */
.cb-v67-embed-card,.as-page .cb-v67-embed-card,.ar-content .cb-v67-embed-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important;border:var(--cb-v67-border-width,1px) solid var(--cb-v67-border-color,#dfe4ed)!important;border-radius:var(--cb-v67-radius,13px)!important;background:var(--cb-v67-background,#ffffff)!important;color:#202a37!important;box-shadow:none!important;}
.cb-v67-embed-card .cb-v67-embed-bar{color:#202a37!important;background:var(--cb-v67-background,#fff)!important;}
.cb-v67-embed-card .cb-v67-embed-body{box-sizing:border-box!important;padding:var(--cb-v67-padding,12px)!important;background:var(--cb-v67-background,#fff)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;overflow:visible!important;}
.cb-v67-embed-body iframe.cb-v67-player,.ar-content iframe.cb-v67-player{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:200px!important;max-height:920px!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:5px!important;position:static!important;background:#111!important;}
/* Fallback remains visible even if a third-party iframe is blocked by browser/provider. */
.cb-v67-embed-body a.cb-v67-external,.ar-content .cb-v67-embed-body a.cb-v67-external{
 display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;min-height:40px!important;width:100%!important;max-width:100%!important;padding:10px 12px!important;border:1px solid #273144!important;border-radius:8px!important;background:#273144!important;color:#ffffff!important;text-decoration:none!important;font:700 13px/1.4 system-ui,sans-serif!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;box-shadow:none!important;cursor:pointer!important;}
.cb-v67-embed-body a.cb-v67-external:hover,.ar-content .cb-v67-embed-body a.cb-v67-external:hover{background:#384862!important;color:#fff!important;}
.cb-v67-link-card{padding:24px 16px;background:#f3f6f9;border:1px solid #dce2ec;border-radius:8px;color:#394459;font:14px/1.6 system-ui;text-align:center;}
.cb-v67-placeholder{padding:14px 8px;color:#667185;font:13px/1.5 system-ui;text-align:center;}
.cb-v67-caption,.ar-content .cb-v67-caption,.as-page .cb-v67-caption{display:block;box-sizing:border-box;width:100%;padding:8px 2px 0;margin:0;color:#586477;font:400 13px/1.6 system-ui,sans-serif;min-height:22px;overflow-wrap:anywhere;white-space:pre-wrap;}
.as-page .cb-v67-caption[contenteditable]{outline:none;cursor:text;}
.as-page .cb-v67-caption:empty:before{content:attr(data-placeholder);color:#93a0ae;}
/* Link trees that opt in keep their true two-column geometry on phones too. */
.as-page .as-column-layout[data-cb-link-grid="two"],.ar-content .ar-cols[data-cb-link-grid="two"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(6px,1.8vw,14px)!important;align-items:start!important;max-width:100%!important;min-width:0!important;}
.as-page .as-column-layout[data-cb-link-grid="two"]>.as-column-cell{box-sizing:border-box!important;min-width:0!important;padding:3px!important;border:0!important;box-shadow:none!important;background:transparent!important;}
.as-page .as-column-layout[data-cb-link-grid="two"] .as-column-block[data-as-type="button"],.ar-content .ar-cols[data-cb-link-grid="two"] .ar-button{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-left:0!important;margin-right:0!important;}
.as-page .as-column-layout[data-cb-link-grid="two"] .as-column-block[data-as-type="button"] .as-button-direct{max-width:100%!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.ar-content .ar-cols[data-cb-link-grid="two"]>div{min-width:0!important;width:100%!important;}
/* Picker preview includes the actual title and author presentation. */
.cb-v58-preview .cb-v67-preview-title{display:block;width:100%;line-height:1.2;white-space:normal;overflow-wrap:anywhere;}
.cb-v58-preview .cb-v67-preview-author{display:block;width:100%;opacity:.78;line-height:1.4;margin:6px 0 10px;}
/* Compact 4-column insertion palette; no nested scroller. */
body>#palette.cb-insert-v32:not([hidden]){max-height:none!important;overflow:visible!important;max-width:calc(100vw - 16px)!important;}
body>#palette.cb-insert-v32 .as-compact-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;max-height:none!important;gap:4px!important;touch-action:manipulation;}
body>#palette.cb-insert-v32 .as-type{font:600 11px/1.3 system-ui,sans-serif!important;min-height:32px!important;padding:5px 4px!important;}
@media(max-width:400px){body>#palette.cb-insert-v32 .as-compact-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;}body>#palette.cb-insert-v32 .as-type{font-size:10px!important;}}
@media(max-width:300px){body>#palette.cb-insert-v32 .as-type{font-size:9px!important;}}
@media(max-height:520px){
 body>#palette.cb-insert-v32 .as-compact-types{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;}
 body>#palette.cb-insert-v32 .as-type{min-height:26px!important;padding:3px 2px!important;font:600 9px/1.2 system-ui,sans-serif!important;}
 body>#palette.cb-insert-v32:not([hidden]){padding:5px!important;}
}


/* Source: article-merch-v70.css */
/* V70: equal product appearance in creator and reader. */
.cb70-merch-card{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);overflow:hidden;max-width:100%;min-width:0;border:1px solid #e5e8ee;border-radius:15px;background:#fff;color:#202a39;font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
.cb70-merch-card *{box-sizing:border-box}.cb70-merch-image{aspect-ratio:4/4.1;min-height:140px;display:grid;place-items:center;background:#f0f1f4;overflow:hidden}
.cb70-merch-image img{display:block;width:100%;height:100%;object-fit:cover}.cb70-merch-placeholder{padding:16px;color:#8a94a5;font-size:12px;text-align:center}
.cb70-merch-info{min-width:0;display:flex;flex-direction:column;gap:9px;padding:clamp(14px,2.7vw,26px)}
.cb70-merch-merchant{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:#7a8493;overflow-wrap:anywhere}
.cb70-merch-title{font-size:clamp(18px,2.7vw,30px)!important;line-height:1.15!important;margin:0!important;font-weight:760;letter-spacing:-.03em;overflow-wrap:anywhere}
.cb70-merch-description{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#667286;overflow-wrap:anywhere;white-space:pre-wrap}
.cb70-merch-price{font-size:14px;font-weight:740;margin-top:auto;overflow-wrap:anywhere}
.cb70-merch-buy{display:flex!important;align-items:center;justify-content:center;text-align:center;border-radius:9px;padding:11px 13px;background:#212d43!important;color:#fff!important;font-weight:750;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere;min-height:43px}
.cb70-merch-buy[aria-disabled=true]{opacity:.6;cursor:default}
.cb70-merch-domain{font-size:10px;color:#718096;overflow-wrap:anywhere}
.cb70-merch-card[data-theme="minimal"]{border:0;background:#fff;color:#111}.cb70-merch-card[data-theme="minimal"] .cb70-merch-buy{background:#111!important}
.cb70-merch-card[data-theme="ink"]{background:#151c2a;color:#f8fafc;border-color:#151c2a}.cb70-merch-card[data-theme="ink"] .cb70-merch-buy{background:#f9fafb!important;color:#1d2939!important}.cb70-merch-card[data-theme="ink"] :is(.cb70-merch-description,.cb70-merch-merchant,.cb70-merch-domain){color:#b0bed2}
.cb70-merch-card[data-theme="sand"]{background:#faf3e9;color:#503b2e;border-color:#e9dac6}.cb70-merch-card[data-theme="sand"] .cb70-merch-buy{background:#674734!important}
.cb70-merch-card[data-theme="soft"]{background:#f6f2f8;color:#4c3454;border-color:#e9dfee}.cb70-merch-card[data-theme="soft"] .cb70-merch-buy{background:#5b4263!important}
.cb70-merch-card[data-theme="midnight"]{background:#101826;color:#eaf1fa;border-color:#334259}.cb70-merch-card[data-theme="midnight"] .cb70-merch-buy{background:#4c6ca9!important}.cb70-merch-card[data-theme="midnight"] :is(.cb70-merch-description,.cb70-merch-merchant,.cb70-merch-domain){color:#acbcce}
.as-page .cb70-merch-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.as-page .cb70-merch-card [contenteditable]{outline:none;cursor:text}
.as-page .cb70-merch-card [contenteditable]:focus-visible{outline:2px dashed #7994bf;outline-offset:3px}
@media(max-width:480px){.cb70-merch-card{grid-template-columns:1fr}.cb70-merch-image{aspect-ratio:16/10;max-height:250px}.cb70-merch-info{padding:14px}.cb70-merch-title{font-size:22px!important}}
@media(max-width:310px){.cb70-merch-info{padding:11px}.cb70-merch-buy{padding:9px!important}}

/* Source controls sit directly on the article creator's embed card, never beneath the player. */
.as-page .cb70-embed-inline-source{display:grid;grid-template-columns:minmax(120px,0.3fr) minmax(0,0.7fr);gap:9px;background:#f8fafc;border-bottom:1px solid #e3e9f0;padding:10px 12px;box-sizing:border-box}
.as-page .cb70-embed-inline-source label{min-width:0;display:grid;gap:5px;color:#485871;font:650 11px/1.3 system-ui,sans-serif}
.as-page .cb70-embed-inline-source select,.as-page .cb70-embed-inline-source input{box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:9px;border:1px solid #cbd6e4;border-radius:8px;background:#fff;color:#1f314b;font:13px/1.4 system-ui,sans-serif}
@media(max-width:390px){.as-page .cb70-embed-inline-source{grid-template-columns:1fr;padding:9px}}


/* Source: article-visual-builder-v73.css */
/* Shared public/article-studio visual builder styling (V73). */
.cb73-visual{display:flex;flex-direction:column;gap:16px;max-width:100%;min-width:0}
.cb73-section{--cb73-bg:#fff;--cb73-ink:#182236;--cb73-accent:#6757ed;--cb73-padding:48px;--cb73-radius:24px;--cb73-cols:3;position:relative;box-sizing:border-box;isolation:isolate;overflow:hidden;min-width:0;padding:var(--cb73-padding);border-radius:var(--cb73-radius);background:var(--cb73-bg);color:var(--cb73-ink);text-align:left}
.cb73-section[data-cb73-align=center]{text-align:center}
.cb73-section[data-cb73-mode=gradient]{background:linear-gradient(135deg,var(--cb73-bg),color-mix(in srgb,var(--cb73-bg) 72%,var(--cb73-accent)))}
.cb73-section[data-cb73-mode=glow]{background:radial-gradient(ellipse at 80% 8%,color-mix(in srgb,var(--cb73-accent) 65%,transparent),transparent 65%),radial-gradient(ellipse at 15% 95%,color-mix(in srgb,var(--cb73-accent) 35%,transparent),transparent 63%),var(--cb73-bg)}
.cb73-eyebrow{position:relative;color:var(--cb73-accent);font-size:11px!important;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px!important}
.cb73-heading{position:relative;max-width:900px;margin:0 0 12px!important;color:inherit!important;font-size:clamp(23px,4.3vw,48px)!important;font-weight:770!important;letter-spacing:-.045em;line-height:1.12!important;overflow-wrap:anywhere}
.cb73-body{position:relative;margin:0 0 22px!important;color:inherit!important;opacity:.88;line-height:1.6!important;font-size:clamp(14px,1.8vw,17px)!important;white-space:pre-wrap;overflow-wrap:anywhere}
.cb73-section[data-cb73-align=center] .cb73-heading,.cb73-section[data-cb73-align=center] .cb73-body{margin-left:auto!important;margin-right:auto!important}
.cb73-button,.cb73-item-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:42px;padding:10px 18px;background:var(--cb73-accent);color:#fff!important;border-radius:11px;font-size:14px!important;line-height:1.3;font-weight:680;text-decoration:none!important;overflow-wrap:anywhere;cursor:pointer}
.cb73-section[data-cb73-mode=glow] .cb73-button{background:#fff;color:#17132d!important}
.cb73-image{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:14px;margin:10px 0 18px}
.cb73-items{display:grid;grid-template-columns:repeat(var(--cb73-cols),minmax(0,1fr));gap:14px;max-width:100%;min-width:0;margin:20px 0}
.cb73-item{position:relative;min-width:0;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--cb73-ink) 13%,transparent);background:color-mix(in srgb,var(--cb73-bg) 88%,#fff);border-radius:15px;padding:20px;text-align:left}
.cb73-item-title{margin:0 0 8px!important;font-size:clamp(15px,2.2vw,20px)!important;color:inherit!important;font-weight:730!important;line-height:1.3!important;overflow-wrap:anywhere}
.cb73-item-text{margin:0 0 12px!important;font-size:14px!important;color:inherit!important;opacity:.82;line-height:1.55!important;white-space:pre-wrap;overflow-wrap:anywhere}
.cb73-meta{color:var(--cb73-accent);font-size:13px;font-weight:760;margin-bottom:12px}
.cb73-kind-stats .cb73-item-title,.cb73-kind-pricing .cb73-meta{font-size:clamp(20px,3vw,29px)!important;font-weight:780}
.cb73-kind-hero{padding-block:max(48px,var(--cb73-padding))}
.cb73-visual-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.cb73-visual-footer select,.cb73-visual-footer button,.cb73-section-tools button,.cb73-add-item,.cb73-remove-item,.cb73-start-menu button{color:#151923;background:#fff;border:1px solid #cbd1dc;border-radius:8px;padding:8px;font:inherit;font-size:12px;cursor:pointer}
.cb73-start-menu summary{font-size:12px;cursor:pointer;padding:8px;border:1px solid #cbd1dc;background:#fff;border-radius:8px;color:#151923}
.cb73-start-menu>div{display:flex;flex-direction:column;gap:5px;padding:6px}
.cb73-section-tools{position:relative;display:flex;align-items:center;gap:4px;margin:-22px 0 14px;justify-content:flex-end;z-index:2}
.cb73-section-tools button{min-width:28px;min-height:30px;padding:4px 6px}
.cb73-section [contenteditable]{min-height:1em;outline:0;cursor:text}
.cb73-section [contenteditable]:focus{outline:1px dashed var(--cb73-accent);outline-offset:3px;border-radius:4px}
.cb73-section [contenteditable]:empty:before{content:attr(data-placeholder);opacity:.45}
.cb73-remove-item{position:absolute;top:6px;right:6px;min-width:26px}
.cb73-design-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cb73-design-settings h3,.cb73-design-settings .cb73-divider{grid-column:1/-1}
.cb73-design-settings h3{font-size:14px;margin:10px 0 2px}
.cb73-control{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0}
.cb73-control input,.cb73-control select{width:100%;box-sizing:border-box;min-height:35px}
.cb73-inline-config,.cb73-timer-config{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;border:1px solid rgba(90,100,120,.19);border-radius:12px;margin:10px 0;background:rgba(250,251,255,.97);color:#172034;min-width:0;text-align:left}
.cb73-inline-heading{grid-column:1/-1;font-size:13px}
.cb73-inline-config label,.cb73-timer-config label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.cb73-inline-config input,.cb73-inline-config select,.cb73-inline-config textarea,.cb73-timer-config input,.cb73-timer-config select,.cb73-timer-config textarea{box-sizing:border-box;max-width:100%;width:100%;min-width:0;font-size:13px;background:#fff;color:#101826;border:1px solid #c4cedb;padding:8px;border-radius:8px}
.cb73-inline-config .cb68-manage,.cb73-timer-config .cb68-manage{grid-column:1/-1;color:#374ea7;text-decoration:underline;font-size:12px}
.cb73-inline-config .cb68-availability,.cb73-inline-config .cb68-week,.cb73-inline-config .cb68-day{grid-column:1/-1;min-width:0}
.cb73-inline-config .cb68-day{display:grid;grid-template-columns:minmax(88px,1fr) repeat(2,minmax(0,1fr));gap:5px}
.cb73-inline-config .cb68-day label{flex-direction:row}
.cb73-inline-config .cb68-week{display:flex;flex-direction:column;gap:4px}
.cb73-timer-config{margin-top:4px}
.cb73-editor-only{color:#182236}
@media(max-width:590px){.cb73-section{padding:min(6vw,var(--cb73-padding));border-radius:min(6vw,var(--cb73-radius))}.cb73-items{grid-template-columns:repeat(min(var(--cb73-cols),2),minmax(0,1fr));gap:8px}.cb73-item{padding:12px}.cb73-visual-footer{gap:6px}.cb73-design-settings{grid-template-columns:1fr}.cb73-inline-config,.cb73-timer-config{grid-template-columns:1fr;padding:11px}.cb73-section-tools{margin:0 0 9px;flex-wrap:wrap}.cb73-heading{font-size:clamp(22px,6vw,34px)!important}}
@media(max-width:290px){.cb73-items{grid-template-columns:minmax(0,1fr)}.cb73-item{padding:10px}}

/* Optional full-page canvas within the article page. */
.cb73-visual[data-cb73-wide='1']{position:relative;left:50%;transform:translateX(-50%);width:min(1300px,calc(100vw - 20px));max-width:none}


/* Source: article-unified-v74.css */
/* V74 - inline rich editing is the same selector/frame as legacy article fields. */
.as-block .cb74-editable,.as-block .cb-v67-caption[data-as-rich-editor],
.as-block .cb74-caption-editor{outline:1px dotted transparent!important;outline-offset:3px;cursor:text;
  min-width:0;min-height:1em;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px}
.as-block:hover .cb74-editable,.as-block:hover .cb-v67-caption[data-as-rich-editor],
.as-block:hover .cb74-caption-editor{outline-color:color-mix(in srgb,currentColor 28%,transparent)!important}
.as-block .cb74-editable:focus,.as-block .cb-v67-caption[data-as-rich-editor]:focus,
.as-block .cb74-caption-editor:focus{outline:1px dashed #64748b!important;outline-offset:4px}
.as-block .cb74-editable:empty:before{content:attr(data-placeholder);opacity:.55;pointer-events:none}
/* An empty social embed is still the real reader card, with the author input in place. */
.cb74-embed-heading{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.cb74-embed-heading:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--cb74-provider,#e83232);flex:none}
.cb74-embed-heading select{border:0;max-width:100%;width:auto;min-height:34px;font:600 13px/1.3 inherit;color:inherit;background:transparent;padding:4px 22px 4px 4px;cursor:pointer}
.cb74-embed-source{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:10px 12px;background:transparent;color:inherit;border:1px dashed rgba(107,119,138,.45);border-radius:8px;display:block;min-width:0}
.cb74-embed-source:focus{outline:2px solid #648aff;outline-offset:1px}
.cb74-embed-inline{display:grid;gap:8px;padding:10px 12px;box-sizing:border-box}
.cb74-embed-inline label{display:contents}
.cb74-embed-inline label span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.cb74-embed-inline select{max-width:100%}
.cb74-merch-image{position:relative}
.cb74-image-controls{position:absolute;z-index:3;bottom:8px;left:8px;right:8px;max-width:calc(100% - 16px);box-sizing:border-box;
 background:rgba(255,255,255,.97);border-radius:9px;color:#182236;box-shadow:0 3px 18px #0003;padding:5px 9px}
.cb74-image-controls summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none}
.cb74-image-controls[open] label{display:flex;flex-direction:column;margin-top:7px;gap:4px;font-size:12px}
.cb74-image-controls input{font-size:12px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.cb74-merch-buy-label{min-width:16px;white-space:pre-wrap}
.cb74-merch-buy-arrow{pointer-events:none}
/* Do not introduce textures into newly applied templates, but never override saved reader backgrounds. */
.cb73-section .cb74-editable{outline-offset:2px}
@media(max-width:320px){.cb74-embed-inline{padding:7px}.cb74-image-controls{left:5px;right:5px;max-width:calc(100% - 10px)}}

/* Correct V70's side-by-side embed input layout: platform/title on one row, URL in the actual player card. */
.as-page .cb70-embed-inline-source.cb74-embed-inline{display:flex;flex-direction:column;gap:4px;background:var(--cb-v67-background,#fff);border:0;border-bottom:1px solid var(--cb-v67-border-color,#dfe4ed);padding:9px 12px;color:#20293d}
.as-page .cb70-embed-inline-source.cb74-embed-inline .cb74-embed-heading{display:flex;align-items:center;width:100%}
.as-page .cb70-embed-inline-source.cb74-embed-inline .cb74-platform-selector{display:flex;align-items:center;width:auto;font-size:0}
.as-page .cb70-embed-inline-source.cb74-embed-inline .cb74-platform-selector select{background:transparent;border:0;min-height:30px;max-width:100%;width:auto;color:inherit;font-size:13px;font-weight:700;padding:4px 22px 4px 4px}
.as-page .cb70-embed-inline-source.cb74-embed-inline .cb74-platform-url{display:block;width:100%}
.as-page .cb70-embed-inline-source.cb74-embed-inline .cb74-platform-url input{width:100%;box-sizing:border-box;border:1px dashed #c5ceda;background:transparent;padding:7px 10px;color:inherit}
.as-page .cb70-embed-inline-source.cb74-embed-inline label span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.as-page .cb74-image-controls{z-index:5}

.as-block .cb74-consent-label,.as-block .cb74-button-label,.as-block .cb74-item-button-label{display:inline;min-height:1em}

.as-page .as-live-media{position:relative}
.as-page .as-live-media>.cb74-image-inline{position:absolute;z-index:4;bottom:10px;left:10px;right:10px;max-width:calc(100% - 20px);padding:8px;border:1px solid #ced7e3;border-radius:10px;background:#fff;color:#202838;box-shadow:0 3px 18px #0002;text-align:left}
.as-page .as-live-media>.cb74-image-inline summary{font-size:12px;line-height:1.3;cursor:pointer}
.as-page .as-live-media>.cb74-image-inline input{max-width:100%;box-sizing:border-box;color:#202838;background:#fff}


/* Source: article-compact-v75.css */
/* ClickBee V75 — bounded visual cards and in-place author configuration. */
/* Product thumbnails must not expand to the entire card or crop merchandise. */
.cb70-merch-card{grid-template-columns:minmax(0,36%) minmax(0,64%)!important;align-items:start!important;min-width:0;min-height:0;height:auto;max-width:100%}
.cb70-merch-card .cb70-merch-image{position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;
 height:clamp(132px,22vw,252px)!important;max-height:252px;min-height:0!important;aspect-ratio:auto!important;align-self:start!important;overflow:hidden}
.cb70-merch-card .cb70-merch-image>img{display:block;box-sizing:border-box;object-fit:contain!important;object-position:center!important;
 width:100%!important;height:100%!important;max-width:100%;max-height:252px;min-height:0!important}
.cb70-merch-card .cb70-merch-info{min-width:0;gap:clamp(4px,1vw,9px);padding:clamp(10px,2vw,22px)}
.cb70-merch-card :is(.cb70-merch-merchant,.cb70-merch-title,.cb70-merch-description,.cb70-merch-price,.cb70-merch-domain){min-width:0;overflow-wrap:anywhere}
.cb70-merch-card .cb70-merch-buy{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:480px){.cb70-merch-card{grid-template-columns:minmax(0,35%) minmax(0,65%)!important}
 .cb70-merch-card .cb70-merch-image{height:clamp(106px,32vw,158px)!important;max-height:158px}
 .cb70-merch-card .cb70-merch-info{padding:10px;gap:5px}
 .cb70-merch-card .cb70-merch-title{font-size:clamp(16px,4.4vw,20px)!important}
 .cb70-merch-card .cb70-merch-image>img{max-height:158px}
}
/* Creator controls stay inside the visual card without increasing its height. */
.as-page .cb68-preview{position:relative;overflow:visible}
.as-page .cb75-floating-config{position:absolute;right:10px;top:10px;z-index:40;margin:0!important;padding:0!important;
 width:auto;max-width:calc(100% - 20px);font:12px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;color:#172338;text-align:left}
.as-page .cb75-floating-config>.cb75-config-trigger{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;
 cursor:pointer;white-space:nowrap;min-height:30px;max-width:100%;padding:5px 10px;box-sizing:border-box;
 background:#fff;color:#192638;border:1px solid #c9d1df;border-radius:999px;box-shadow:0 1px 8px #00000019;font:600 11px/1.25 inherit}
.as-page .cb75-floating-config>.cb75-config-trigger::-webkit-details-marker{display:none}
.as-page .cb75-floating-config>.cb75-config-trigger:before{content:'⚙';font-size:13px;line-height:1}
.as-page .cb75-floating-config>.cb75-config-trigger:focus-visible{outline:2px solid #4d6bc1;outline-offset:2px}
.as-page .cb75-floating-config>.cb75-config-panel{position:absolute;z-index:44;top:calc(100% + 7px);right:0;
 width:min(360px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:min(67vh,470px);overflow-y:auto;overscroll-behavior:contain;
 border:1px solid #cdd5e1;box-shadow:0 14px 36px #0b153344;background:#fff;color:#172338;border-radius:12px;
 padding:12px;box-sizing:border-box}
.as-page .cb75-floating-config:not([open])>.cb75-config-panel{display:none}
.as-page .cb75-panel-heading{display:block;font-size:12px;margin:0 0 8px}
.as-page .cb75-config-fields{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
 min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none}
.as-page .cb75-config-fields>label{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:11px}
.as-page .cb75-config-fields :is(input,select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:32px;
 font:12px/1.4 system-ui,sans-serif;background:#fff;color:#172338;border:1px solid #c7cfdb;border-radius:7px;padding:5px 7px}
.as-page .cb75-config-fields :is(.cb68-availability,.cb68-week,.cb68-day,.cb68-manage){grid-column:1/-1}
.as-page .cb75-config-fields .cb68-week{display:flex;flex-direction:column;gap:4px}
.as-page .cb75-config-fields .cb68-day{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1fr) minmax(0,1fr);gap:5px}
.as-page .cb75-config-fields .cb68-day label{flex-direction:row;align-items:center}
.as-page .cb75-config-fields .cb68-day label input{width:auto}
.as-page .cb75-config-fields .cb68-manage{font-size:12px;color:#314ca8}
/* The published card and countdown numbers keep their original positions; never show a second settings card. */
.as-page .cb73-timer-config:not(.cb75-config-fields),.as-page .cb73-inline-config:not(.cb75-config-fields){display:none!important}
/* Other newer block controls are compact, overlay only the editable card and never affect the public reader. */
.as-page .cb75-visual-editor{position:relative}
.as-page .cb75-visual-editor>.cb73-visual-footer{position:absolute;left:12px;top:12px;z-index:35;
 display:flex;flex-wrap:wrap;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 24px);margin:0;
 padding:4px;background:#fffffff2;border:1px solid #d4dbea;border-radius:10px;box-shadow:0 3px 13px #00000024}
.as-page .cb75-visual-editor>.cb73-visual-footer :is(select,button,summary){font-size:11px;min-height:29px;padding:5px;border-radius:6px}
.as-page .cb75-visual-editor>.cb73-visual-footer .cb73-start-menu{position:relative}
.as-page .cb75-visual-editor>.cb73-visual-footer .cb73-start-menu>div{position:absolute;top:100%;left:0;z-index:40;
 background:#fff;border:1px solid #ccd5df;border-radius:8px;box-shadow:0 10px 18px #0002;min-width:160px}
@media(max-width:340px){.as-page .cb75-floating-config>.cb75-config-trigger{padding:5px 7px;font-size:10px}
 .as-page .cb75-config-fields{grid-template-columns:1fr}
 .as-page .cb75-config-fields .cb68-day{grid-template-columns:minmax(70px,1fr) minmax(0,1fr) minmax(0,1fr)}
 .as-page .cb75-visual-editor>.cb73-visual-footer{left:5px;top:5px;max-width:calc(100% - 10px)}
}
/* Merchant link editing floats within its detail column instead of creating a row. */
.as-page .cb70-merch-info{position:relative}
.as-page .cb70-merch-info>.cb71-merch-shop-edit{position:absolute!important;top:7px;right:7px;left:auto;
 align-self:auto!important;margin:0!important;width:auto;z-index:25}
.as-page .cb70-merch-info>.cb71-merch-shop-edit>label{top:calc(100% + 5px);right:0;left:auto}
.as-page .cb70-merch-info>.cb70-merch-merchant{padding-right:75px;min-height:18px}
@media(max-width:340px){.as-page .cb70-merch-info>.cb70-merch-merchant{padding-right:0;padding-top:27px}}
@media(max-width:340px){
 .as-page .cb70-merch-info>.cb70-merch-merchant{padding:0 46px 0 0;min-height:18px}
 .as-page .cb70-merch-info>.cb71-merch-shop-edit>summary{font-size:0}
 .as-page .cb70-merch-info>.cb71-merch-shop-edit>summary:before{content:'↗ Link';font-size:10px}
}


/* Source: article-visual-free-v76.css */
/* ClickBee V76: saved, free-positioned canvas geometry; shared by editor and public reader.
   Older Visual Page Builder content remains stacked unless free layout is explicitly enabled. */
.cb73-visual[data-cb73-wide="1"]{width:calc(100vw - 16px)!important;max-width:none!important;max-width:calc(100vw - 16px)!important}
.cb73-visual[data-cb76-mode="free"]{position:relative;display:block;box-sizing:border-box;min-height:var(--cb76-height,440px);width:100%;overflow:visible}
.cb73-visual[data-cb76-mode="free"][data-cb73-wide="1"]{left:50%;transform:translateX(-50%)}
.cb73-visual[data-cb76-mode="free"]>.cb73-section{
 position:absolute!important;box-sizing:border-box!important;left:var(--cb76-x,0%)!important;
 top:var(--cb76-y,0px)!important;width:var(--cb76-w,100%)!important;
 height:var(--cb76-h,320px)!important;min-width:0;min-height:0!important;
 margin:0!important;overflow:auto;overscroll-behavior:contain;
}
.cb76-element-wrap{position:relative;box-sizing:border-box;width:var(--cb76-element-width,100%);max-width:100%;min-width:0;min-height:var(--cb76-element-height,0px);overflow:visible}
.cb76-element-wrap>.cb73-heading,.cb76-element-wrap>.cb73-body,.cb76-element-wrap>.cb73-eyebrow,.cb76-element-wrap>.cb73-meta,.cb76-element-wrap>.cb73-item-title,.cb76-element-wrap>.cb73-item-text{box-sizing:border-box;width:100%;min-height:var(--cb76-element-height,0px);max-width:100%;}
.cb76-element-wrap>.cb73-item,.cb76-element-wrap>.cb74-merch-image{width:100%;min-height:var(--cb76-element-height,0px)}
.cb76-element-wrap>.cb73-button{max-width:100%;min-height:max(42px,var(--cb76-element-height,0px))}
.cb76-element-wrap>.cb74-merch-image img{width:100%;height:auto;max-height:560px;object-fit:contain}
.cb76-editor .cb73-section:hover{outline:1px dashed color-mix(in srgb,var(--cb73-accent,#6757ed) 65%,transparent);outline-offset:-2px}
.cb76-editor .cb73-section:focus-within{outline:2px solid color-mix(in srgb,var(--cb73-accent,#6757ed) 80%,transparent);outline-offset:-2px}
.cb76-editor .cb76-element-wrap:hover{outline:1px dashed color-mix(in srgb,var(--cb73-accent,#6757ed) 55%,transparent);outline-offset:2px}
.cb76-editor .cb76-element-wrap:focus-within{outline:1px dashed var(--cb73-accent,#6757ed);outline-offset:2px}
.cb76-frame-handle,.cb76-element-handle{display:none!important}
.cb76-editor .cb73-section{isolation:isolate}
.cb76-editor .cb73-section .cb76-frame-handle{box-sizing:border-box;position:absolute;z-index:30;display:block!important;border:1px solid #a9acc5;background:#fff;color:#151728;border-radius:7px;padding:0;box-shadow:0 1px 5px #0002;touch-action:none;user-select:none}
.cb76-editor .cb76-frame-handle[data-edge="move"]{right:8px;top:7px;width:34px;height:31px;font-size:20px;line-height:29px;cursor:grab}
.cb76-editor .cb76-frame-handle[data-edge="move"]:active{cursor:grabbing}
.cb76-editor .cb73-section-tools{padding-right:44px;}
.cb76-editor .cb76-frame-handle:not([data-edge="move"]){display:none!important}
.cb76-editor .cb73-visual[data-cb76-mode="free"] .cb76-frame-handle:not([data-edge="move"]){display:block!important}
.cb76-editor .cb76-frame-handle[data-edge="n"]{top:0;left:50%;transform:translate(-50%,-30%);width:36px;height:10px;cursor:n-resize}
.cb76-editor .cb76-frame-handle[data-edge="s"]{bottom:0;left:50%;transform:translate(-50%,30%);width:36px;height:10px;cursor:s-resize}
.cb76-editor .cb76-frame-handle[data-edge="e"]{right:0;top:50%;transform:translate(30%,-50%);width:10px;height:36px;cursor:e-resize}
.cb76-editor .cb76-frame-handle[data-edge="w"]{left:0;top:50%;transform:translate(-30%,-50%);width:10px;height:36px;cursor:w-resize}
.cb76-editor .cb76-frame-handle[data-edge="ne"]{right:0;top:0;transform:translate(20%,-20%);width:13px;height:13px;cursor:ne-resize}
.cb76-editor .cb76-frame-handle[data-edge="nw"]{left:0;top:0;transform:translate(-20%,-20%);width:13px;height:13px;cursor:nw-resize}
.cb76-editor .cb76-frame-handle[data-edge="se"]{right:0;bottom:0;transform:translate(20%,20%);width:13px;height:13px;cursor:se-resize}
.cb76-editor .cb76-frame-handle[data-edge="sw"]{left:0;bottom:0;transform:translate(-20%,20%);width:13px;height:13px;cursor:sw-resize}
.cb76-editor .cb76-element-handle{position:absolute;z-index:18;border:1px solid #7378a5;border-radius:4px;background:#fff;width:11px;height:11px;box-shadow:0 1px 4px #0003;touch-action:none;user-select:none}
.cb76-editor .cb76-element-wrap:focus-within>.cb76-element-handle,.cb76-editor .cb76-element-wrap:hover>.cb76-element-handle,.cb76-editor .cb76-selected>.cb76-element-handle{display:block!important}
.cb76-editor .cb76-element-handle[data-edge="e"]{right:-5px;top:50%;cursor:e-resize}
.cb76-editor .cb76-element-handle[data-edge="w"]{left:-5px;top:50%;cursor:w-resize}
.cb76-editor .cb76-element-handle[data-edge="n"]{top:-5px;left:50%;cursor:n-resize}
.cb76-editor .cb76-element-handle[data-edge="s"]{bottom:-5px;left:50%;cursor:s-resize}
.cb76-editor .cb76-element-handle[data-edge="se"]{bottom:-5px;right:-5px;cursor:se-resize}
.cb76-gesture-active{outline:3px solid #5d57e7!important;box-shadow:0 8px 32px #0002;z-index:9}
.cb76-editor .cb76-layout-toggle[aria-pressed="true"],.cb76-editor .cb76-width-toggle[aria-pressed="true"]{background:#222846;color:#fff;border-color:#222846}
/* Smartphones see sections in readable source order; desktop free coordinates remain saved.
   Up/down buttons remain available for precise touch-friendly rearrangement. */
@media(max-width:640px){
 .cb73-visual[data-cb76-mode="free"]{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important}
 .cb73-visual[data-cb76-mode="free"]>.cb73-section{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .cb76-editor .cb76-frame-handle:not([data-edge="move"]){display:none!important}
 .cb76-editor .cb73-visual[data-cb76-mode="free"] .cb76-frame-handle:not([data-edge="move"]){display:none!important}
 .cb76-editor .cb76-element-handle{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){.cb76-editor .cb73-section,.cb76-element-wrap{transition:none!important}}
/* Keep edge handles inside scroll-safe section bounds so they remain hit-testable. */
.cb76-editor .cb76-frame-handle[data-edge="n"]{top:2px;transform:translateX(-50%)}
.cb76-editor .cb76-frame-handle[data-edge="s"]{bottom:2px;transform:translateX(-50%)}
.cb76-editor .cb76-frame-handle[data-edge="e"]{right:2px;transform:translateY(-50%)}
.cb76-editor .cb76-frame-handle[data-edge="w"]{left:2px;transform:translateY(-50%)}
.cb76-editor .cb76-frame-handle[data-edge="ne"]{right:2px;top:2px;transform:none}
.cb76-editor .cb76-frame-handle[data-edge="nw"]{left:2px;top:2px;transform:none}
.cb76-editor .cb76-frame-handle[data-edge="se"]{right:2px;bottom:2px;transform:none}
.cb76-editor .cb76-frame-handle[data-edge="sw"]{left:2px;bottom:2px;transform:none}

.cb76-editor .cb73-section.cb76-selected-section{z-index:15}

/* Keep the creator's compact canvas toolbar outside the content hit area. */
.as-page .cb76-editor>.cb73-visual-footer{position:relative!important;left:auto!important;top:auto!important;z-index:3!important;max-width:100%!important;margin:0 0 10px!important;padding:2px!important;flex-wrap:wrap!important}

/* V77 clean canvas: resize from any pixel on all four edges. All targets
   are transparent; selection outline, not grab handles, is the UI. */
.cb76-editor .cb73-section{position:relative}
.cb76-editor .cb73-section-tools{
 position:absolute!important;top:8px!important;right:8px!important;left:auto!important;
 display:flex!important;gap:4px!important;margin:0!important;padding:0!important;
 width:auto!important;height:auto!important;z-index:36!important;
 background:transparent!important;align-items:center!important;justify-content:flex-end!important
}
.cb76-editor .cb73-section-tools button,
.cb76-editor .cb77-item-tools button{
 box-sizing:border-box!important;min-width:26px!important;width:27px!important;
 min-height:26px!important;height:27px!important;padding:0!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 line-height:1!important;font-size:16px!important;border:1px solid #bfc7d4!important;
 background:#fff!important;color:#182034!important;border-radius:7px!important;
 box-shadow:0 2px 7px #0001!important;cursor:pointer!important
}
.cb76-editor .cb73-section:focus-visible{outline:2px solid #685fe2;outline-offset:1px}
.cb76-editor .cb76-frame-handle,
.cb76-editor .cb73-visual[data-cb76-mode=free] .cb76-frame-handle:not([data-edge=move]){
 display:block!important;position:absolute!important;box-sizing:border-box!important;
 z-index:35!important;border:0!important;outline:0!important;border-radius:0!important;
 box-shadow:none!important;padding:0!important;margin:0!important;
 font-size:0!important;color:transparent!important;background:transparent!important;
 opacity:0!important;appearance:none!important;touch-action:none!important;
 user-select:none!important
}
/* Full-length side strips; 14px corner squares have higher priority. */
.cb76-editor .cb76-frame-handle[data-edge=n]{left:14px!important;right:14px!important;top:0!important;bottom:auto!important;width:auto!important;height:10px!important;transform:none!important;cursor:n-resize!important}
.cb76-editor .cb76-frame-handle[data-edge=s]{left:14px!important;right:14px!important;bottom:0!important;top:auto!important;width:auto!important;height:10px!important;transform:none!important;cursor:s-resize!important}
.cb76-editor .cb76-frame-handle[data-edge=e]{top:14px!important;bottom:14px!important;right:0!important;left:auto!important;height:auto!important;width:10px!important;transform:none!important;cursor:e-resize!important}
.cb76-editor .cb76-frame-handle[data-edge=w]{top:14px!important;bottom:14px!important;left:0!important;right:auto!important;height:auto!important;width:10px!important;transform:none!important;cursor:w-resize!important}
.cb76-editor .cb76-frame-handle[data-edge=ne]{right:0!important;top:0!important;left:auto!important;bottom:auto!important;width:16px!important;height:16px!important;transform:none!important;cursor:ne-resize!important;z-index:37!important}
.cb76-editor .cb76-frame-handle[data-edge=nw]{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:16px!important;height:16px!important;transform:none!important;cursor:nw-resize!important;z-index:37!important}
.cb76-editor .cb76-frame-handle[data-edge=se]{right:0!important;bottom:0!important;left:auto!important;top:auto!important;width:16px!important;height:16px!important;transform:none!important;cursor:se-resize!important;z-index:37!important}
.cb76-editor .cb76-frame-handle[data-edge=sw]{left:0!important;bottom:0!important;right:auto!important;top:auto!important;width:16px!important;height:16px!important;transform:none!important;cursor:sw-resize!important;z-index:37!important}
.cb76-editor .cb76-frame-handle[data-edge=move]{display:none!important}
.cb76-element-wrap{left:var(--cb76-element-x,0%);top:var(--cb76-element-y,0px)}
.cb77-editable-item{position:relative;min-width:0;max-width:100%}
.cb76-editor .cb77-editable-item:has(>.cb73-item){overflow:visible}
.cb76-editor .cb77-item-tools{
 position:absolute!important;z-index:38!important;right:2px!important;top:2px!important;
 display:flex!important;align-items:center!important;gap:3px!important;
 opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease
}
.cb76-editor .cb77-editable-item:hover>.cb77-item-tools,
.cb76-editor .cb77-editable-item:focus-within>.cb77-item-tools,
.cb76-editor .cb77-editable-item.cb76-selected>.cb77-item-tools{
 visibility:visible;opacity:1;pointer-events:auto
}
.cb76-editor .cb76-element-handle,
.cb76-editor .cb76-element-wrap:focus-within>.cb76-element-handle,
.cb76-editor .cb76-element-wrap:hover>.cb76-element-handle,
.cb76-editor .cb76-selected>.cb76-element-handle{
 display:block!important;position:absolute!important;box-sizing:border-box!important;
 z-index:34!important;border:0!important;border-radius:0!important;
 background:transparent!important;opacity:0!important;box-shadow:none!important;
 transform:none!important;padding:0!important;margin:0!important;
 outline:0!important;touch-action:none!important;user-select:none!important
}
.cb76-editor .cb76-element-handle[data-edge=n]{left:14px!important;right:14px!important;top:0!important;bottom:auto!important;width:auto!important;height:9px!important;cursor:n-resize!important}
.cb76-editor .cb76-element-handle[data-edge=s]{left:14px!important;right:14px!important;bottom:0!important;top:auto!important;width:auto!important;height:9px!important;cursor:s-resize!important}
.cb76-editor .cb76-element-handle[data-edge=e]{top:14px!important;bottom:14px!important;right:0!important;left:auto!important;width:9px!important;height:auto!important;cursor:e-resize!important}
.cb76-editor .cb76-element-handle[data-edge=w]{top:14px!important;bottom:14px!important;left:0!important;right:auto!important;width:9px!important;height:auto!important;cursor:w-resize!important}
.cb76-editor .cb76-element-handle[data-edge=ne]{top:0!important;right:0!important;bottom:auto!important;left:auto!important;width:14px!important;height:14px!important;cursor:ne-resize!important;z-index:37!important}
.cb76-editor .cb76-element-handle[data-edge=nw]{top:0!important;left:0!important;bottom:auto!important;right:auto!important;width:14px!important;height:14px!important;cursor:nw-resize!important;z-index:37!important}
.cb76-editor .cb76-element-handle[data-edge=se]{bottom:0!important;right:0!important;top:auto!important;left:auto!important;width:14px!important;height:14px!important;cursor:se-resize!important;z-index:37!important}
.cb76-editor .cb76-element-handle[data-edge=sw]{bottom:0!important;left:0!important;top:auto!important;right:auto!important;width:14px!important;height:14px!important;cursor:sw-resize!important;z-index:37!important}
.cb76-editor .cb77-editable-item:hover,
.cb76-editor .cb77-editable-item:focus-within,
.cb76-editor .cb77-editable-item.cb76-selected{outline:1px dashed var(--cb73-accent,#6757ed);outline-offset:1px}
.cb76-editor .cb73-section.cb76-selected-section{outline:2px solid var(--cb73-accent,#6757ed);outline-offset:-2px}
.cb76-editor .cb73-kind-image .cb73-section-tools,.cb76-editor .cb73-section-tools{pointer-events:auto}
.cb77-duplicate-section{grid-column:1/-1;max-width:210px;padding:8px;border:1px solid #bfc7d4;border-radius:8px;background:white;color:#172033;cursor:pointer}
@media(max-width:640px){
 .cb76-editor .cb73-visual[data-cb76-mode=free] .cb76-frame-handle:not([data-edge=move]){display:block!important}
 .cb76-editor .cb76-element-handle{display:block!important}
 .cb76-editor .cb73-section-tools{top:5px!important;right:5px!important}
}
/* V77 independent outer canvas sizing; saved with the same validation as section sizes. */
.cb73-visual[data-cb73-wide="0"]{
 position:relative;left:var(--cb77-canvas-x,0%);top:var(--cb77-canvas-y,0px);
 width:var(--cb77-canvas-w,100%);min-height:var(--cb77-canvas-h,0px)
}
.cb73-visual[data-cb76-mode="free"]{
 min-height:max(var(--cb76-height,440px),var(--cb77-canvas-h,0px))
}
.cb76-editor .cb73-visual{outline:1px solid transparent;outline-offset:0}
.cb76-editor .cb73-visual:hover{outline-color:color-mix(in srgb,var(--cb73-accent,#6757ed) 60%,transparent)}
.cb76-editor .cb77-canvas-hit{
 display:block!important;box-sizing:border-box!important;position:absolute!important;z-index:28!important;
 background:transparent!important;color:transparent!important;opacity:0!important;border:0!important;
 border-radius:0!important;outline:0!important;box-shadow:none!important;
 padding:0!important;margin:0!important;touch-action:none!important;user-select:none!important
}
/* These hit areas sit *outside* section edges, so parent and child resize independently. */
.cb76-editor .cb77-canvas-hit[data-edge=n]{top:-10px;left:14px;right:14px;height:9px;width:auto;cursor:n-resize}
.cb76-editor .cb77-canvas-hit[data-edge=s]{bottom:-10px;left:14px;right:14px;height:9px;width:auto;cursor:s-resize}
.cb76-editor .cb77-canvas-hit[data-edge=e]{right:-10px;top:14px;bottom:14px;width:9px;height:auto;cursor:e-resize}
.cb76-editor .cb77-canvas-hit[data-edge=w]{left:-10px;top:14px;bottom:14px;width:9px;height:auto;cursor:w-resize}
.cb76-editor .cb77-canvas-hit[data-edge=ne]{top:-11px;right:-11px;width:12px;height:12px;cursor:ne-resize}
.cb76-editor .cb77-canvas-hit[data-edge=nw]{top:-11px;left:-11px;width:12px;height:12px;cursor:nw-resize}
.cb76-editor .cb77-canvas-hit[data-edge=se]{bottom:-11px;right:-11px;width:12px;height:12px;cursor:se-resize}
.cb76-editor .cb77-canvas-hit[data-edge=sw]{bottom:-11px;left:-11px;width:12px;height:12px;cursor:sw-resize}
/* Resized buttons fill their saved independent width; existing intrinsic widths stay unchanged. */
.cb76-element-wrap[data-cb77-sized="1"]>.cb73-button,
.cb76-element-wrap[data-cb77-sized="1"]>.cb73-item-button{box-sizing:border-box;width:100%;max-width:100%}
.cb76-element-wrap[data-cb77-height="1"]>.cb73-button,
.cb76-element-wrap[data-cb77-height="1"]>.cb73-item-button{min-height:var(--cb76-element-height,42px)}
.cb76-element-wrap[data-cb77-height="1"]>.cb74-merch-image{min-height:var(--cb76-element-height,0px)}
.cb76-element-wrap[data-cb77-height="1"]>.cb74-merch-image>.cb73-image{height:var(--cb76-element-height,0px);max-height:1200px;object-fit:contain}


/* Source: article-master-v78.css */
/* V78 Master Block: one stylesheet for creator and public reader. */
.cbm-master{--cbm-ink:#182332;--cbm-accent:#5c64ec;--cbm-edge:#b0a4fe;position:relative;box-sizing:border-box;isolation:isolate;width:100%;max-width:none;overflow:visible;color:var(--cbm-ink)}
.cbm-master[data-cbm-wide="1"]{width:100vw;max-width:100vw;left:50%;margin-left:-50vw;margin-right:0}
.cbm-master[data-cbm-theme="paper"]{--cbm-ink:#182332;--cbm-accent:#5c64ec}.cbm-master[data-cbm-theme="ink"]{--cbm-ink:#f6f8ff;--cbm-accent:#94a3ff}.cbm-master[data-cbm-theme="ocean"]{--cbm-ink:#103e55;--cbm-accent:#087dba}.cbm-master[data-cbm-theme="forest"]{--cbm-ink:#163d2f;--cbm-accent:#2b8767}.cbm-master[data-cbm-theme="sunset"]{--cbm-ink:#582b27;--cbm-accent:#ed7951}.cbm-master[data-cbm-theme="violet"]{--cbm-ink:#2d2452;--cbm-accent:#8665e2}.cbm-master[data-cbm-theme="rose"]{--cbm-ink:#5d2745;--cbm-accent:#d95491}.cbm-master[data-cbm-theme="sand"]{--cbm-ink:#473927;--cbm-accent:#af8249}.cbm-master[data-cbm-theme="midnight"]{--cbm-ink:#f4f6ff;--cbm-accent:#70c4ff}.cbm-master[data-cbm-theme="minimal"]{--cbm-ink:#161a1f;--cbm-accent:#111}
.cbm-row{position:relative;box-sizing:border-box;width:100%;margin:0 0 20px;padding:var(--cbm-row-pad,36px);min-height:var(--cbm-row-height,120px);border-radius:var(--cbm-row-radius,14px);background-color:var(--cbm-row-bg,#fff);color:var(--cbm-row-ink,#182332);overflow:visible}
.cbm-row[data-full-bleed="1"]{width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:0}
.cbm-cols{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--cbm-row-gap,16px);width:100%;min-width:0}
.cbm-col{position:relative;box-sizing:border-box;flex-grow:1;flex-shrink:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:16px}
.cbm-item{--cbm-width:100%;--cbm-height:0px;box-sizing:border-box;position:relative;flex:none;width:var(--cbm-width);min-height:var(--cbm-height);max-width:none;margin:0;padding:var(--cbm-pad,12px);border:var(--cbm-border-width,0px) solid var(--cbm-border,#dfe2ea);border-radius:var(--cbm-radius,12px);background-color:var(--cbm-item-bg,transparent);color:var(--cbm-item-ink,inherit);overflow-wrap:anywhere;white-space:normal}
.cbm-item[data-align="center"]{text-align:center}.cbm-item[data-align="right"]{text-align:right}.cbm-item[data-weight="semibold"]{font-weight:600}.cbm-item[data-weight="bold"]{font-weight:750}
.cbm-item[data-shadow="soft"]{box-shadow:0 5px 25px #14172918}.cbm-item[data-shadow="medium"]{box-shadow:0 12px 32px #1417292d}.cbm-item[data-shadow="strong"]{box-shadow:0 20px 56px #14172945}
.cbm-content{font-size:var(--cbm-font,16px);line-height:1.46;font-family:inherit;min-width:0;color:inherit;margin:0;outline:none;overflow-wrap:anywhere}
.cbm-item[data-kind="title"] .cbm-content{font-size:var(--cbm-font,38px);line-height:1.16;font-weight:750;letter-spacing:-.024em}
.cbm-item[data-kind="text"] .cbm-content{line-height:1.64}
.cbm-item[data-kind="quote"]{border-left:4px solid var(--cbm-accent);font-style:italic}
.cbm-item[data-kind="badge"]{width:fit-content!important;max-width:100%;border-radius:999px}
.cbm-item[data-kind="button"]{display:inline-flex;align-items:center;justify-content:center;min-width:56px;max-width:none;background:var(--cbm-item-bg,var(--cbm-accent));color:var(--cbm-item-ink,#fff);border-radius:var(--cbm-radius,12px)}
.cbm-item[data-kind="button"] .cbm-button{display:block;width:100%;color:inherit;text-align:center;font-weight:650}
.cbm-item[data-kind="image"] img,.cbm-image-surface img{width:100%;max-height:1300px;object-fit:contain;display:block;border-radius:inherit}
.cbm-image-surface{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center}
.cbm-item[data-kind="divider"]{padding:8px}.cbm-item[data-kind="divider"] hr{border:0;border-top:1px solid currentColor;opacity:.35}
.cbm-item[data-kind="list"] .cbm-content{white-space:pre-line}
.cbm-link-hint{font-size:.7em;margin-left:.25em}
.cbm-master a.cbm-published-button{display:block;color:inherit;text-decoration:none;font:inherit;line-height:inherit}
.cbm-master a.cbm-published-button:hover{text-decoration:underline}
.cbm-editor-host{min-width:0;overflow:visible!important}.cbm-master.cbm-editor{outline:1px dashed rgba(111,115,153,.3);outline-offset:3px}
.cbm-editor .cbm-row,.cbm-editor .cbm-item{outline:1px dashed transparent;outline-offset:1px}
.cbm-editor .cbm-row:hover,.cbm-editor .cbm-row:focus-within,.cbm-editor .cbm-item:hover,.cbm-editor .cbm-item:focus-within{outline-color:var(--cbm-edge)}
.cbm-editor .cbm-editable{white-space:pre-wrap;min-height:1em;cursor:text;outline:0;border:1px dotted transparent;border-radius:4px}
.cbm-editor .cbm-editable:hover,.cbm-editor .cbm-editable:focus{border-color:var(--cbm-edge)}
.cbm-editor-tools{position:absolute;right:0;top:0;transform:translateY(-100%);display:none;gap:3px;z-index:34;align-items:center;background:#fff;border:1px solid #d6d8e1;border-radius:8px;padding:2px;box-shadow:0 3px 14px #252c3922;color:#161923;white-space:nowrap}
.cbm-editor .cbm-row:hover>.cbm-editor-tools,.cbm-editor .cbm-row:focus-within>.cbm-editor-tools,.cbm-editor .cbm-item:hover>.cbm-editor-tools,.cbm-editor .cbm-item:focus-within>.cbm-editor-tools{display:flex}
.cbm-editor-tools .cbm-action,.cbm-top-editor .cbm-action{background:#fff;color:#111827;border:0;border-radius:5px;font:inherit;padding:3px 8px;min-height:28px;cursor:pointer}
.cbm-editor-tools .cbm-action:hover{background:#edeefa}
.cbm-top-editor{display:flex;justify-content:flex-end;padding:0;position:absolute;right:0;top:-30px;z-index:35}
.cbm-top-editor .cbm-action{border:1px solid #d6d8e1}
.cbm-add{position:absolute;display:none;z-index:32;width:24px;height:24px;border:1px solid #bbb3ef;border-radius:50%;background:#fff!important;color:#493db0!important;font-size:17px;line-height:1;cursor:pointer;padding:0;text-align:center;align-items:center;justify-content:center}
.cbm-item:hover>.cbm-add,.cbm-item:focus-within>.cbm-add{display:flex}
.cbm-add-top{top:0;left:50%;transform:translate(-50%,-50%)}.cbm-add-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.cbm-add-left{left:0;top:50%;transform:translate(-50%,-50%)}.cbm-add-right{right:0;top:50%;transform:translate(50%,-50%)}
.cbm-resize{position:absolute;z-index:27;background:transparent;touch-action:none}.cbm-resize-left,.cbm-resize-right{top:0;bottom:0;width:9px;cursor:ew-resize}.cbm-resize-left{left:-5px}.cbm-resize-right{right:-5px}.cbm-resize-top,.cbm-resize-bottom{left:0;right:0;height:9px;cursor:ns-resize}.cbm-resize-top{top:-5px}.cbm-resize-bottom{bottom:-5px}
.cbm-choices{position:absolute;z-index:200;min-width:190px;max-width:min(240px,95vw);max-height:300px;overflow:auto;display:grid;grid-template-columns:1fr;gap:3px;border:1px solid #d9dbe7;background:#fff;color:#152035;padding:8px;border-radius:12px;box-shadow:0 15px 35px #13151b35}
.cbm-choices .cbm-action{color:inherit;text-align:left;min-height:33px;border:0;background:#f5f6fa;border-radius:6px;padding:6px 9px;cursor:pointer}
.cbm-dialog{position:fixed;z-index:999999;inset:0;max-height:min(85vh,760px);width:min(430px,calc(100vw - 28px));border:1px solid #e0e2e8;border-radius:14px;background:#fff;color:#20242e;padding:14px;box-sizing:border-box;box-shadow:0 18px 62px #0a0f173d;overflow:auto}
.cbm-dialog::backdrop{background:#0b10284e}.cbm-dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e1e3eb}.cbm-dialog-head button{background:#f0f1f5;border:0;border-radius:6px;width:32px;height:32px;color:#20242e;cursor:pointer}
.cbm-dialog-body{display:flex;flex-direction:column;gap:9px;margin-top:10px}.cbm-setting{display:grid;gap:4px;color:#283145;font-size:13px;font-weight:600}
.cbm-setting input,.cbm-setting select{width:100%;max-width:100%;padding:8px;border:1px solid #cdd1db;border-radius:7px;background:#fff;color:#1d2431;box-sizing:border-box;font-size:14px}
.cbm-setting input[type=color]{height:36px;padding:2px}.cbm-setting input[type=checkbox]{width:18px;height:18px}
.cbm-dialog-body>.cbm-action{padding:10px;background:#f4f4fa;border:1px solid #dcdce9;border-radius:8px;text-align:left;color:#171b23}
.cbm-article-meta{position:absolute;z-index:100;top:-31px;right:0;display:flex;gap:2px;padding:2px;border:1px solid #d3d5dc;border-radius:7px;background:#fff;color:#101624}
.cbm-article-meta button{background:transparent;border:0;color:inherit;border-radius:5px;min-width:26px;height:25px;cursor:pointer}
.cbm-article-meta button:hover{background:#ebecf3}
.cbm-title-wrap,.cbm-author-wrap{position:relative}.cbm-meta-restore{font-size:12px;padding:4px 8px;background:#f4f5f8;border:1px solid #dedfe7;border-radius:6px;color:#222}
.cbm-hide-title .as-headline{display:none!important}.cbm-hide-byline #authorName{display:none!important}
.cbm-reader-title-hidden .ar-title{display:none!important}.cbm-reader-author-hidden .ar-byline{display:none!important}
@media(max-width:640px){.cbm-cols{flex-wrap:wrap}.cbm-col{flex:1 1 100%!important;width:100%;max-width:100%}.cbm-item{max-width:100%;width:min(var(--cbm-width),100%)}.cbm-row{padding:min(5vw,var(--cbm-row-pad,36px))}.cbm-master[data-cbm-wide="1"]{max-width:100vw}.cbm-editor .cbm-item:focus-within>.cbm-add{display:flex}.cbm-editor .cbm-editor-tools{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cbm-master *{scroll-behavior:auto!important;animation:none!important}}

/* V78 refinement: element settings remain outside the canvas, while page sections start square. */
.cbm-master,.cbm-master *{box-sizing:border-box}
.cbm-master .cbm-row{border-radius:0;}
.cbm-master .cbm-item{border-style:solid}
.cbm-master .cbm-item[data-border-style="none"]{border-style:none}
.cbm-master .cbm-item[data-border-style="dashed"]{border-style:dashed}
.cbm-master .cbm-item[data-border-style="dotted"]{border-style:dotted}
.cbm-item[data-font="serif"] .cbm-content{font-family:Georgia,serif}
.cbm-item[data-font="rounded"] .cbm-content{font-family:"Trebuchet MS",sans-serif}
.cbm-item[data-font="mono"] .cbm-content{font-family:Consolas,monospace}
.cbm-item[data-decoration="underline"] .cbm-content{text-decoration:underline}
.cbm-item[data-decoration="line-through"] .cbm-content{text-decoration:line-through}
.cbm-item .cbm-content{line-height:var(--cbm-line-height,1.46);letter-spacing:var(--cbm-letter-spacing,0px)}
.cbm-item{opacity:var(--cbm-opacity,1)}
.cbm-item .cbm-image-surface img{object-fit:var(--cbm-image-fit,contain)}
.cbm-item[data-kind="button"]:hover{background-color:var(--cbm-hover-bg,var(--cbm-item-bg,#edeef5))}
.cbm-editor .cbm-editor-tools{top:-4px;right:-4px;transform:translateY(-100%)}
.cbm-editor .cbm-item,.cbm-editor .cbm-row{isolation:isolate}
.cbm-editor .cbm-item:focus-within{z-index:2}
.cbm-editor .cbm-add{box-shadow:0 1px 6px #0002}
.cbm-editor .cbm-item[data-kind="button"] .cbm-add,.cbm-editor .cbm-item[data-kind="badge"] .cbm-add{opacity:0}
.cbm-editor .cbm-item[data-kind="button"]:hover>.cbm-add,.cbm-editor .cbm-item[data-kind="button"]:focus-within>.cbm-add,
.cbm-editor .cbm-item[data-kind="badge"]:hover>.cbm-add,.cbm-editor .cbm-item[data-kind="badge"]:focus-within>.cbm-add{opacity:1}
.cbm-dialog{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.cbm-dialog-body{min-height:0}
.cbm-choices{overscroll-behavior:contain;touch-action:pan-y}
/* Visual page builder follows the same square-edged page-section model. */
.cb73-visual .cb73-section{border-radius:0!important}
.cb76-editor .cb73-section>.cb73-section-tools{top:-31px!important;right:0!important;left:auto!important;position:absolute!important;z-index:60!important}
.cb76-editor .cb77-editable-item>.cb77-item-tools{top:-28px!important;right:0!important}
.cb76-editor .cb76-element-wrap>.cb77-item-tools{top:-28px!important;right:0!important}
/* Bookings: scroll the dialog itself, including when the pointer rests over the availability controls. */
.as-page .cb75-floating-config[open]{z-index:999!important}
.as-page .cb75-floating-config[open]>.cb75-config-panel{overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto!important;overflow-x:hidden!important;max-height:min(70dvh,520px)!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;pointer-events:auto!important}
.as-page .cb75-config-panel :is(.cb75-config-fields,.cb68-week,.cb68-day){touch-action:pan-y}
/* Product colours and borders: same validated design object on editor and reader. */
.cb70-merch-card[data-cb78-merch="1"]{background:var(--cb78-merch-bg)!important;color:var(--cb78-merch-ink)!important;
 border:var(--cb78-merch-border-width,0px) solid var(--cb78-merch-border,#dee2ed)!important;
 border-radius:var(--cb78-merch-radius,0px)!important;box-shadow:var(--cb78-merch-shadow,none)!important;
 overflow:hidden;padding:var(--cb78-merch-padding,0px)!important}
.cb70-merch-card[data-cb78-merch="1"] .cb70-merch-info :is(.cb70-merch-merchant,.cb70-merch-title,.cb70-merch-description,.cb70-merch-price,.cb70-merch-domain){color:var(--cb78-merch-ink)!important}
.cb70-merch-card[data-cb78-merch="1"] .cb70-merch-buy{background:var(--cb78-merch-accent,#101b33)!important;color:var(--cb78-merch-button-ink,#ffffff)!important}
@media(max-width:640px){.cbm-master[data-cbm-wide="1"],.cbm-row[data-full-bleed="1"]{width:100vw;max-width:100vw;left:50%;margin-left:-50vw}.cbm-choices{max-height:55dvh}}
/* Toolbars protrude outside the item: prioritize them above parent edge hit strips. */
.cbm-editor .cbm-row>.cbm-resize{z-index:1!important}
.cbm-editor .cbm-item>.cbm-resize{z-index:2!important}
.cbm-editor .cbm-item:hover,.cbm-editor .cbm-item:focus-within{z-index:12!important}
.cbm-editor .cbm-editor-tools{z-index:95!important}

/* Visual builder contextual insertion stays hidden on small elements until hover/focus. */
.cb76-editor .cb78-insert{display:none!important;position:absolute;z-index:52!important;
 width:25px;height:25px;align-items:center;justify-content:center;border:1px solid #c8cee1;border-radius:50%;
 background:#ffffff;color:#2d385b;font:700 16px/1 sans-serif;padding:0;box-shadow:0 2px 8px #0002;cursor:pointer}
.cb76-editor .cb78-insert-top{top:0;left:50%;transform:translate(-50%,-50%)}
.cb76-editor .cb78-insert-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}
.cb76-editor .cb78-insert-left{left:0;top:50%;transform:translate(-50%,-50%)}
.cb76-editor .cb78-insert-right{right:0;top:50%;transform:translate(50%,-50%)}
.cb76-editor .cb73-section:hover>.cb78-insert,.cb76-editor .cb73-section:focus-within>.cb78-insert,
.cb76-editor .cb76-element-wrap:hover>.cb78-insert,.cb76-editor .cb76-element-wrap:focus-within>.cb78-insert{display:flex!important}
@media(hover:none){.cb76-editor .cb78-insert{opacity:0}.cb76-editor :is(.cb73-section,.cb76-element-wrap):focus-within>.cb78-insert{opacity:1}}
/* Visual section toolbars outside the visible artwork, like ordinary blocks. */
.cb76-editor .cb73-section:hover,.cb76-editor .cb73-section:focus-within{z-index:6}
.cb76-editor .cb76-element-wrap:hover,.cb76-editor .cb76-element-wrap:focus-within{z-index:10}

/* Shared nested visual element appearance in editor and reader, sanitized through the article API. */
.cb76-element-wrap[data-cb78-styled="1"]{background:var(--cb78-el-bg,transparent);color:var(--cb78-el-ink,inherit);
 border:var(--cb78-el-border-width,0px) solid var(--cb78-el-border,transparent);
 border-radius:var(--cb78-el-radius,0px);padding:var(--cb78-el-pad,0px);
 opacity:var(--cb78-el-opacity,1)}
.cb76-element-wrap[data-cb78-styled="1"] :is(.cb73-heading,.cb73-body,.cb73-eyebrow,.cb73-item-title,.cb73-item-text,.cb73-item-button,.cb73-button,.cb73-meta){color:inherit!important;font-size:var(--cb78-el-font,inherit)}
.cb76-element-wrap[data-cb78-align="center"]{text-align:center}.cb76-element-wrap[data-cb78-align="right"]{text-align:right}
.cb76-element-wrap[data-cb78-fit="cover"] img{object-fit:cover!important}
.cb76-element-wrap[data-cb78-fit="contain"] img{object-fit:contain!important}

@media(min-width:641px){.cb76-element-wrap[data-cb77-sized="1"]{max-width:none!important}}
@media(max-width:640px){.cb76-element-wrap[data-cb77-sized="1"]{max-width:100%!important}}

.cbm-editor .cbm-editable:empty::before{content:attr(data-placeholder);opacity:.4;pointer-events:none}

/* V79: Visual Page Builder unifies true native article blocks in a flow canvas. */
.cb79-visual-canvas[data-cb76-mode="flow"]{display:flex!important;flex-wrap:wrap!important;gap:0!important;align-content:start;align-items:stretch;box-sizing:border-box;min-width:0;overflow:visible!important}
.cb79-visual-canvas[data-cb76-mode="flow"]>.cb73-section{flex:0 0 var(--cb79-section-width,100%)!important;width:var(--cb79-section-width,100%)!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;clear:none!important;align-self:stretch;overflow:visible!important}
.cb79-visual-canvas[data-cb76-mode="flow"] .cb76-element-wrap{max-width:100%!important;box-sizing:border-box;min-width:0}
.cb79-visual-canvas .cb79-native-section{display:flex;align-items:stretch;padding:12px!important;isolation:isolate;min-height:72px;background:var(--cb79-canvas-bg,#fff);color:var(--cb79-canvas-ink,#192336)}
.cb79-native-section>.cb79-native-block{flex:1 1 100%;min-width:0;max-width:100%;position:relative!important;width:100%;margin:0;box-sizing:border-box}
.cb79-native-section :is(.ar-ssr-block,.as-block,.as-column-block){max-width:100%!important;box-sizing:border-box}
.cb79-native-section .as-design-dialog{z-index:2147482100}
.cb79-native-section :is(input,textarea,select){max-width:100%}
.cb79-visual-canvas{--cb79-canvas-bg:#fff;--cb79-canvas-ink:#1d2637;--cb79-canvas-accent:#6757ed;background:var(--cb79-canvas-bg);color:var(--cb79-canvas-ink);border-radius:0!important}
.cb79-visual-canvas[data-cb79-theme="paper"]{--cb79-canvas-bg:#ffffff;--cb79-canvas-ink:#182236;--cb79-canvas-accent:#6757ed}
.cb79-visual-canvas[data-cb79-theme="ink"]{--cb79-canvas-bg:#161b26;--cb79-canvas-ink:#f7f8fc;--cb79-canvas-accent:#97aaff}
.cb79-visual-canvas[data-cb79-theme="ocean"]{--cb79-canvas-bg:#eaf6fa;--cb79-canvas-ink:#153e59;--cb79-canvas-accent:#148bb6}
.cb79-visual-canvas[data-cb79-theme="forest"]{--cb79-canvas-bg:#eaf4ed;--cb79-canvas-ink:#204631;--cb79-canvas-accent:#499b69}
.cb79-visual-canvas[data-cb79-theme="sand"]{--cb79-canvas-bg:#faf4e9;--cb79-canvas-ink:#493a2a;--cb79-canvas-accent:#ba7c48}
.cb79-visual-canvas[data-cb79-theme="violet"]{--cb79-canvas-bg:#f2edff;--cb79-canvas-ink:#332653;--cb79-canvas-accent:#8963d9}
.cb79-visual-canvas[data-cb79-theme="coral"]{--cb79-canvas-bg:#fff0ed;--cb79-canvas-ink:#512c30;--cb79-canvas-accent:#df6874}
.cb79-visual-canvas[data-cb79-theme="midnight"]{--cb79-canvas-bg:#10152d;--cb79-canvas-ink:#f6f6ff;--cb79-canvas-accent:#7c96ff}
.cb79-visual-canvas[data-cb79-theme="graphite"]{--cb79-canvas-bg:#eef0f3;--cb79-canvas-ink:#1c2433;--cb79-canvas-accent:#545f79}
.cb79-visual-canvas[data-cb79-theme="sunrise"]{--cb79-canvas-bg:#fff0df;--cb79-canvas-ink:#573627;--cb79-canvas-accent:#e28d42}
.cb79-visual-canvas .cb73-section,.cb79-native-block{border-radius:0!important}
.cb79-visual-canvas .cb73-section[data-cb73-mode="solid"]{--cb73-radius:0px}
.cb79-visual-canvas[data-cb73-wide="1"]{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;left:auto!important;right:auto!important;box-sizing:border-box;position:relative!important}
.cb79-theme-wrap{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cb79-theme-wrap select{max-width:155px}
.cb76-editor .cb79-visual-canvas .cb73-section>.cb73-section-tools{top:-12px!important;right:-10px!important;transform:none!important;z-index:90!important}
.cb76-editor .cb79-visual-canvas .cb76-element-wrap>.cb77-item-tools{top:-12px!important;right:-8px!important;transform:none!important;z-index:90!important}
.cb76-editor .cb79-visual-canvas .cb78-insert-top,.cb76-editor .cb79-visual-canvas .cb78-insert-left{display:none!important}
/* Only the hovered or focused element owns visible insert buttons. */
.cb76-editor .cb79-visual-canvas .cb73-section:has(.cb76-element-wrap:hover)>.cb78-insert,
.cb76-editor .cb79-visual-canvas .cb73-section:has(.cb76-element-wrap:focus-within)>.cb78-insert{display:none!important}
.cb76-editor .cb79-visual-canvas .cb76-element-wrap:has(.cb76-element-wrap:hover)>.cb78-insert{display:none!important}
.cb76-editor .cb79-visual-canvas .cb78-insert{background:#fff!important;color:#161b2a!important}
.cb79-native-block .as-design-dialog{color:#20242e;background:#fff}
@media(max-width:640px){
 .cb79-visual-canvas[data-cb76-mode="flow"]>.cb73-section{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .cb79-visual-canvas[data-cb73-wide="1"]{width:100vw!important;max-width:100vw!important}
 .cb79-theme-wrap{width:100%;justify-content:space-between}
 .cb79-native-section{padding:8px!important}
}

/* V79: override the old 1300px centered, translated canvas; full means viewport full width. */
.cb79-visual-canvas[data-cb73-wide="1"]{transform:none!important;left:auto!important;right:auto!important}
.cb79-visual-canvas .cb73-section[style*="background-image"]{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
/* Use the parent's true horizontal midpoint for full bleed; avoids 10-12px drift
   from nested editor padding on both desktop and mobile. */
.cb79-visual-canvas[data-cb73-wide="1"]{left:50%!important;transform:translateX(-50%)!important;margin-left:0!important;margin-right:0!important}

/* V80: Visual block content remains at article width; only its background extends. */
.cb79-visual-canvas[data-cb80-extend="1"]{width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important;margin-left:0!important;margin-right:0!important;position:relative!important;isolation:isolate;background:transparent!important}
.cb79-visual-canvas[data-cb80-extend="1"]::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:var(--cb79-canvas-bg,#fff);z-index:-1;pointer-events:none}
.cb79-visual-canvas[data-cb80-extend="1"]>.cb73-section{isolation:isolate}
.cb79-visual-canvas[data-cb80-extend="1"]>.cb73-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.cb79-visual-canvas[data-cb80-extend="1"][data-cb76-mode="flow"]>.cb73-section{max-width:100%!important}
/* Nested native blocks get real, individually focused, article-standard controls and size borders. */
.cb79-native-section{position:relative;overflow:visible!important}
.cb79-native-block.as-block{position:relative;overflow:visible!important;max-width:100%!important;min-width:0!important;margin:0!important}
.cb79-native-block>.cb80-nested-head{position:absolute;top:-11px;right:-8px;left:auto;z-index:101;display:flex;justify-content:flex-end;pointer-events:none}
.cb79-native-block>.cb80-nested-head>.as-block-actions{pointer-events:auto;background:#fff;color:#172033;border:1px solid #d3d7e0;border-radius:7px;display:flex!important;gap:2px;padding:2px}
.cb79-native-block>.cb80-nested-head button{min-height:25px;min-width:27px;color:#172033!important;background:#fff!important}
.cb79-native-block:hover,.cb79-native-block:focus-within{z-index:32}
.cb79-native-block :is([data-as-rich-editor],.as-heading-direct,.as-button-direct,.as-media-caption-direct){min-width:0;max-width:100%;overflow-wrap:anywhere}
/* The previous floating header controls were anchored to the editor root; each field now owns its toolbar. */
.as-page .cb80-meta-field{position:relative;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible}
.as-page .cb80-title-field{flex:1 1 0%;width:100%;min-width:0}
.as-page .cb80-author-field{display:block;width:100%;min-width:0;margin-top:5px}
.as-page .cb80-meta-field :is(#headline,#authorName){display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap}
.as-page .cb80-title-field #headline{resize:none;overflow:hidden;text-align:inherit}
.as-page .cb80-meta-actions{top:-12px!important;right:-8px!important;left:auto!important;position:absolute!important;z-index:120!important;display:flex;align-items:center;transform:none!important;border-radius:7px!important}
.as-page .cb80-meta-field .cbm-meta-restore{position:relative;z-index:130}
.as-page .cbm-hide-title .cb80-title-field #headline,.as-page .cbm-hide-byline .cb80-author-field #authorName{display:none!important}
.as-page .cb80-title-field .cbm-meta-restore[hidden],.as-page .cb80-author-field .cbm-meta-restore[hidden]{display:none!important}
.as-page .as-title-row{display:flex;align-items:flex-start;min-width:0;gap:10px}
.as-page .as-title-actions{flex:0 0 auto;max-width:55%}
.ar-hero .cb80-reader-title-row{min-width:0;display:block;position:relative}
.ar-hero .cb80-reader-title-row .ar-title{display:block;width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal;white-space:normal;box-sizing:border-box}
.ar-hero .cb80-reader-title-row #articleOwnerActions:not([hidden]){position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap}
.ar-hero .ar-byline time,.ar-hero .ar-byline-dot{display:none!important}
/* Adaptive native editor controls over light and dark page paints; status is never transparent. */
html[data-cb80-backdrop="dark"] .as-page :is(#preview,#publish,.cb-v49-action-row button,.cb-v49-save-status,.cb-v48-save-status,#saveStatus,#articleState,.cb-v45-designer button,.cb-v45-designer a){color:#172033!important;background-color:#f8fafc!important;border-color:#aebbd2!important;text-shadow:none!important}
html[data-cb80-backdrop="dark"] .as-page #publish{background-color:#dce7ff!important;color:#0b214c!important;border-color:#90b0ef!important}
html[data-cb80-backdrop="light"] .as-page :is(#preview,#publish,.cb-v49-action-row button,.cb-v49-save-status,.cb-v48-save-status,#saveStatus,#articleState,.cb-v45-designer button,.cb-v45-designer a){color:#172033!important;background-color:#fff!important;border-color:#8d9bb0!important;text-shadow:none!important}
html[data-cb80-backdrop="light"] .as-page #publish{background-color:#18213c!important;color:#fff!important;border-color:#18213c!important}
.as-page .cb-v49-save-status,.as-page .cb-v48-save-status{border:1px solid transparent;border-radius:7px!important;padding:3px 8px!important;display:inline-flex;flex-wrap:wrap;gap:5px}
.as-page #articleState.published{font-weight:700!important}
.as-page #preview:disabled,.as-page #publish:disabled{opacity:.7!important}
@media(max-width:640px){.as-page .as-title-actions{max-width:54%}.as-page .cb80-meta-actions{top:-10px!important;right:-4px!important}.as-page .as-title-row{gap:5px}.ar-hero .cb80-reader-title-row .ar-title{overflow-wrap:anywhere}.cb79-native-block>.cb80-nested-head{right:0}}

/* V80: Extend each visual section's painted backdrop, not the readable column. */
.cb79-visual-canvas[data-cb80-extend="1"]>.cb73-section::before{left:50%;right:auto;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:inherit;background-size:cover;background-position:center;pointer-events:none;z-index:-1}
.as-page .cb-v58-template-link{border:1px solid currentColor!important;border-radius:7px!important;padding:7px 10px!important}
html[data-cb80-backdrop="dark"] .as-page .cb-v58-template-link{background:#f8fafc!important;color:#18223a!important;border-color:#aebbd2!important}
html[data-cb80-backdrop="light"] .as-page .cb-v58-template-link{background:#fff!important;color:#18223a!important;border-color:#8d9bb0!important}


/* Source: article-website-v81.css */
/* V81. Reusable Website Section. Structural rules intentionally follow native article blocks. */
.as-page .cb81-website-editor{position:relative;min-width:0;max-width:100%;box-sizing:border-box}
.cb81-website-editor .cb79-visual-canvas,
.ar-content .cb81-website-block .cb79-visual-canvas{border-radius:0!important;box-shadow:none;overflow:visible!important;width:100%!important;max-width:100%!important}
/* Keep only the 10-theme selector + edit-section gear in the compact toolbar.
   Nested element additions come from the ORIGINAL Add Block picker. */
.cb81-website-editor .cb73-visual-footer{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 0!important;margin:0!important}
.cb81-website-editor .cb73-visual-footer :is(.cb76-canvas-mode,.cb73-start-menu,.cb76-group-menu){display:none!important}
.cb81-website-editor .cb73-visual-footer .cb79-theme-wrap{flex:1 1 130px;min-width:120px}
.cb81-website-editor .cb73-visual-footer .cb79-add-native{flex:0 0 auto}
/* No visual grips. The old blocks still own resize/selection and text formatting. */
.cb81-website-editor .cb79-visual-canvas[data-cb76-mode="flow"]{display:flex!important;flex-wrap:wrap!important;align-content:start;align-items:stretch}
.cb81-website-editor .cb79-visual-canvas[data-cb76-mode="flow"]>.cb73-section{min-width:0!important;box-sizing:border-box!important;margin:0!important;border-radius:0!important;flex:0 0 var(--cb79-section-width,100%)!important}
.cb81-website-editor .cb79-native-section{padding:6px!important;border-radius:0!important;min-height:52px!important;position:relative!important}
.cb81-website-editor .cb79-native-block{border-radius:0!important;min-width:0!important;box-sizing:border-box!important}
.cb81-website-editor .cb79-native-block>.cb80-nested-head{top:-11px!important;right:-8px!important;z-index:100}
.cb81-website-editor .cb79-visual-canvas .cb73-section>.cb73-section-tools{top:-10px!important;right:-9px!important;z-index:100;display:flex!important}
.cb81-website-editor .cb73-section-tools button,.cb81-website-editor .cb80-nested-actions button{background:#ffffff!important;color:#172033!important;border:1px solid #dbe0ea!important}
/* Only bottom and right add affordances. The hover scopes to one section only. */
.cb81-website-editor .cb79-visual-canvas .cb78-insert-top,
.cb81-website-editor .cb79-visual-canvas .cb78-insert-left{display:none!important}
.cb81-website-editor .cb79-visual-canvas .cb73-section>.cb78-insert{opacity:0;pointer-events:none;transition:opacity .12s ease}
.cb81-website-editor .cb79-visual-canvas .cb73-section:is(:hover,:focus-within)>.cb78-insert{opacity:1;pointer-events:auto}
@media(hover:none){.cb81-website-editor .cb79-visual-canvas .cb73-section>.cb78-insert{opacity:1;pointer-events:auto}}
/* Site background can reach the actual viewport edges without widening readable content. */
.cb81-website-editor .cb79-visual-canvas[data-cb80-extend="1"],
.ar-content .cb81-website-block .cb79-visual-canvas[data-cb80-extend="1"]{isolation:isolate;position:relative!important}
.cb81-website-editor .cb79-visual-canvas[data-cb80-extend="1"]::before,
.ar-content .cb81-website-block .cb79-visual-canvas[data-cb80-extend="1"]::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;background:var(--cb79-canvas-bg,#fff);pointer-events:none;z-index:-1}
/* Template catalogue is a proper text action, not a pill button. */
.as-page .cb-v58-template-link,
html[data-cb80-backdrop] .as-page .cb-v58-template-link{display:inline-flex!important;align-items:center!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:4px 2px!important;min-height:auto!important;color:inherit!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important}
.as-page .cb-v58-template-link:focus-visible{outline:2px solid currentColor!important;outline-offset:3px}
/* Removed headline/creator fields have no placeholder or settings controls until restored. */
.as-page .cbm-hide-title .cb80-title-field,
.as-page .cbm-hide-byline .cb80-author-field{display:none!important}
/* Existing title metadata is retained for SEO, not displayed in the reader. */
@media(max-width:640px){.cb81-website-editor .cb79-visual-canvas[data-cb76-mode="flow"]>.cb73-section{flex-basis:100%!important;width:100%!important;max-width:100%!important}.cb81-website-editor .cb73-visual-footer{justify-content:flex-start}}

.cb81-website-editor .cb73-visual-footer>.cb76-layout-toggle{display:none!important}
.cb81-website-editor .cb81-section-design{cursor:pointer;white-space:normal;max-width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:6px 10px;background:#fff;color:#182236}
.cb81-website-editor .cb79-visual-canvas>.cb79-native-section[data-cb73-mode="solid"]:not([style*="background-image"]){background-color:var(--cb73-bg,var(--cb79-canvas-bg,#fff))!important}
.cb81-website-editor .cb79-visual-canvas>.cb79-native-section[data-cb73-mode="gradient"]:not([style*="background-image"]){background:linear-gradient(135deg,var(--cb73-bg,#fff),var(--cb73-accent,#eef))!important}
.cb81-website-editor .cb79-visual-canvas>.cb79-native-section[data-cb73-mode="glow"]:not([style*="background-image"]){background:radial-gradient(ellipse at 85% 15%,var(--cb73-accent,#aaf),transparent 65%),var(--cb73-bg,#fff)!important}
/* Photo must win over a solid/gradient preset when configured. */
.cb81-website-editor .cb79-visual-canvas>.cb79-native-section[style*="background-image"]{background-size:cover!important;background-position:center!important}



html[data-cb80-backdrop="dark"] .as-page .cb-v58-template-link{color:#f8fafc!important}
html[data-cb80-backdrop="light"] .as-page .cb-v58-template-link{color:#182236!important}


/* Source: article-audit-v83.css */
/* V83 article editor/reader parity. Scope to Article Studio and the public article reader. */
.as-page .as-blocks[data-cb-empty="1"]{
 min-height:clamp(164px,28svh,320px)!important;
 display:flex;align-items:center;justify-content:center;
 margin-top:0!important;max-width:100%;overflow:visible;
}
.as-page .cb83-empty-canvas{min-height:164px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}
.as-page .cb83-empty-plus{position:relative!important;inset:auto!important;display:inline-flex!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 border:1px solid #b5bdcd!important;border-radius:50%!important;background:#fff!important;color:#202938!important;
 font:500 30px/1 system-ui,sans-serif!important;align-items:center!important;justify-content:center!important;
 box-shadow:0 2px 10px #0000001a!important;z-index:15!important;padding:0!important}
.as-page .cb83-empty-plus:hover,.as-page .cb83-empty-plus:focus-visible{outline:2px solid #6079c5!important;outline-offset:3px}
/* The title and byline must align to their own saved text alignment, not their ancestor controls. */
.as-page .cb80-meta-field,.as-page .cb80-meta-field :is(#headline,#authorName){box-sizing:border-box!important;min-width:0;max-width:100%!important}
.as-page .cb80-author-field{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.as-page .cb80-author-field #authorName.as-byline{width:100%!important;max-width:100%!important;display:block!important;
 text-align:left;min-width:0!important;overflow-wrap:anywhere!important}
/* The public byline was an inline <span> in a flex row, so its saved text-align had no effect. */
html body #articleRoot .ar-byline{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;text-align:left}
html body #articleRoot .ar-byline .ar-author{display:block!important;width:100%!important;max-width:100%!important;
 text-align:left;box-sizing:border-box!important;overflow-wrap:anywhere!important;white-space:normal!important}
/* Both header fields retain their user-selected centre/right alignment via saved inline !important. */
.as-page .cb80-title-field #headline{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important}
@media(max-width:390px){.as-page .cb83-empty-canvas{min-height:140px}}


/* Source: article-reader-parity-v85.css */
/* CB_ARTICLES_V85: scoped reader/editor parity repair. Preserve saved styles. */
/* Rich quote text starting with an opening mark must not reserve an icon slot. */
html body #articleRoot .ar-content blockquote.ar-ssr-block[data-cb85-textual-mark="1"]:not([data-cb-v57-padding]){
  padding-inline-start:19px!important;
}
html body main.as-page #blocks [data-as-type="quote"][data-cb85-textual-mark]:not([data-cb85-custom-padding]) > .as-rich-edit.as-quote-direct{
  padding-inline-start:19px!important;
}
@media(max-width:400px){
 html body #articleRoot .ar-content blockquote.ar-ssr-block[data-cb85-textual-mark="1"]:not([data-cb-v57-padding]),
 html body main.as-page #blocks [data-as-type="quote"][data-cb85-textual-mark]:not([data-cb85-custom-padding]) > .as-rich-edit.as-quote-direct {padding-inline-start:12px!important}
}
/* Table visual surface uses the saved outer design, but semantic native table cells. */
html body #articleRoot .ar-content .cb85-table-shell{
 box-sizing:border-box;display:block;min-width:0;max-width:100%;width:100%;
 overflow:visible;background-clip:padding-box;
}
html body #articleRoot .ar-content .cb85-table-scroll{
 width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;min-width:0;outline-offset:3px;
}
html body #articleRoot .ar-content .cb85-table-scroll:focus-visible{outline:2px solid #6476ba}
html body #articleRoot .ar-content .cb85-table{
 display:table!important;table-layout:fixed;box-sizing:border-box;
 width:100%!important;max-width:none!important;
 overflow:visible!important;border-collapse:separate;border-spacing:0;
 border:0;background:transparent;color:inherit;margin:0;
 font:inherit;font-size:14px;line-height:1.5;
}
html body #articleRoot .ar-content .cb85-table thead{display:table-header-group}
html body #articleRoot .ar-content .cb85-table tbody{display:table-row-group}
html body #articleRoot .ar-content .cb85-table tr{display:table-row}
html body #articleRoot .ar-content .cb85-table th,
html body #articleRoot .ar-content .cb85-table td{
 box-sizing:border-box;display:table-cell;min-width:0!important;
 padding:11px 12px;vertical-align:top;white-space:normal;
 overflow-wrap:anywhere;word-break:normal;text-align:start;
 border:0;border-inline-end:1px solid #e4e9f1;
 border-block-end:1px solid #e4e9f1;
 background:transparent;color:inherit;
 font:inherit;line-height:1.5;
}
html body #articleRoot .ar-content .cb85-table tr > :last-child{border-inline-end:0}
html body #articleRoot .ar-content .cb85-table tbody tr:last-child > *{border-block-end:0}
html body #articleRoot .ar-content .cb85-table thead th{
 background:#f3f5f9;color:#333c4c;font-weight:650;
}
@media(max-width:520px){
 html body #articleRoot .ar-content .cb85-table th,
 html body #articleRoot .ar-content .cb85-table td{padding:9px 10px;font-size:13px}
}


/* Source: article-website-v86.css */
/* V86 — respect the existing "hide creator name" setting in full website templates.
   A later V83 rule sets #articleRoot .ar-byline to display:block!important.
   This specific selector restores the author's explicit hidden choice. */
html body #articleRoot .ar-hero.cbm-reader-author-hidden .ar-byline{display:none!important}
/* A website-style article keeps SEO title and author metadata without reserving
   unused heading space when both visible header fields were explicitly hidden. */
html body #articleRoot .ar-hero.cbm-reader-title-hidden.cbm-reader-author-hidden{
 margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important;min-height:0!important
}


/* Source: article-reader-footer-v88.css */
/* CB_ARTICLES_V88_REPORT_ON_PAGE_PAINT
   No independent white panel after article content. Let the article body's
   author-selected background continue behind the private-report link. */
html,body{min-height:100%;}
html body #articleRoot,
html body #articleRoot .ar-wrap,
html body #articleRoot .cb-v45-reader-footer{
 background-color:transparent!important;background-image:none!important;
 background:transparent!important;
}
html body #articleRoot .cb-v45-reader-footer{
 background-clip:padding-box!important;isolation:auto!important;
}
/* A quiet opposite-colour label across white, black, gradients and photography:
   difference blend on the letters, not on the footer or any article content. */
html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link{
 color:#fff!important;mix-blend-mode:difference;opacity:.38;
 background:none!important;border:0!important;font:400 11px/1.45 system-ui,sans-serif!important;
 padding:5px 9px!important;text-decoration:none!important;
 transition:opacity .15s ease!important;
}
html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link:is(:hover,:focus-visible){
 color:#fff!important;opacity:.77!important;text-decoration:underline!important;text-underline-offset:3px;
}
@media(forced-colors:active){html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link{mix-blend-mode:normal;opacity:1;color:ButtonText!important;}}


/* Source: article-polish-v89.css */
/* CB_ARTICLES_V89_MINIMAL_UI — same native block border everywhere, quiet editor chrome.
   No user-authored block colours, shadows or borders are altered. */
html body main.as-page:not(.cb-v46-select-mode) #blocks :is(.as-block,.as-column-block){
  outline:1px solid rgba(112,118,126,.43)!important;
  outline-offset:-1px!important;box-shadow:none!important;
}
html body main.as-page:not(.cb-v46-select-mode) #blocks :is(.as-block,.as-column-block):is(:hover,:focus-within,.as-is-resizing-v30){
  outline:1px solid rgba(88,94,104,.80)!important;outline-offset:-1px!important;
  box-shadow:none!important;
}
/* Never draw a thick black top/bottom bar; the transparent edge itself remains draggable. */
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.cb-v55-resize-top,.cb-v55-resize-bottom){
  box-sizing:border-box!important;display:block!important;opacity:1!important;background:transparent!important;
  border:0!important;box-shadow:none!important;pointer-events:auto!important;z-index:47!important;
  height:10px!important;min-height:10px!important;left:9px!important;right:9px!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.cb-v55-resize-top,.cb-v55-resize-bottom)::before,
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.cb-v55-resize-top,.cb-v55-resize-bottom)::after{
  content:none!important;display:none!important;border:0!important;box-shadow:none!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-resize-grip-v30.cb-v55-invisible-width-edge{
  top:0!important;bottom:0!important;right:-4px!important;height:100%!important;width:11px!important;
  border:0!important;background:transparent!important;opacity:1!important;box-shadow:none!important;
  pointer-events:auto!important;cursor:ew-resize!important;z-index:49!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-resize-grip-v30.cb-v55-invisible-width-edge::before,
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-resize-grip-v30.cb-v55-invisible-width-edge::after{content:none!important;display:none!important;}
/* One tiny affordance appears on hover only; a wide invisible hit target remains. */
html body main.as-page #blocks :is(.as-block,.as-column-block):is(:hover,:focus-within,.as-is-resizing-v30) > .as-resize-grip-v30.cb-v55-invisible-width-edge{
  border-right:1px solid rgba(97,103,112,.48)!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-grab-edge{
  left:-15px!important;width:13px!important;min-width:13px!important;max-width:13px!important;
  font-size:12px!important;font-weight:400!important;line-height:1!important;
  color:rgba(102,108,117,.58)!important;opacity:.6!important;
  background:transparent!important;border:0!important;border-radius:3px!important;
  box-shadow:none!important;outline:0!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-grab-edge:is(:hover,:focus-visible){
  color:#555d67!important;background:rgba(150,154,162,.1)!important;opacity:1!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-grab-edge:focus-visible,
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.cb-v55-resize-top,.cb-v55-resize-bottom,.as-resize-grip-v30):focus-visible{
  outline:1px solid #737b85!important;outline-offset:1px!important;
}
html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-block-head,
html body main.as-page #blocks .as-column-block > .as-column-block-actions{
  background:#fff!important;border:1px solid #e3e5e9!important;color:#3a424d!important;
  box-shadow:0 3px 12px #0000000c!important;border-radius:7px!important;
}
/* Original neutral element selection — no blue insertion bars. */
html body main.as-page #blocks :is(.as-block,.as-column-block).as-drop-before::before,
html body main.as-page #blocks :is(.as-block,.as-column-block).as-drop-after::after{
  background:#858a93!important;box-shadow:0 0 0 1px rgba(255,255,255,.85)!important;
}
/* Top header actions always live on their own line ABOVE the title; no collision with either field. */
html body main.as-page .as-title-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0!important;}
html body main.as-page .as-title-row>.as-title-actions{order:-1!important;display:flex!important;position:relative!important;
 width:100%!important;max-width:100%!important;flex:0 0 auto!important;justify-content:flex-end!important;padding:0!important;min-width:0!important;}
html body main.as-page .as-title-row>.cb80-title-field{width:100%!important;max-width:100%!important;flex:1 1 auto!important;order:0!important;}
html body main.as-page .as-title-row .as-publish-stack{display:flex!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;}
html body main.as-page .as-title-row .cb-v49-action-row{display:flex!important;align-items:center!important;
  justify-content:flex-end!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;min-width:0!important;}
html body main.as-page .cb89-header-tools{display:flex!important;align-items:center!important;justify-content:flex-start!important;
 margin-right:auto!important;gap:6px!important;min-width:0!important;flex:0 1 auto!important;}
html body main.as-page .cb89-header-tools .cb80-meta-actions{position:static!important;left:auto!important;right:auto!important;top:auto!important;
 inset:auto!important;transform:none!important;display:flex!important;gap:2px!important;opacity:1!important;pointer-events:auto!important;
 border:1px solid #d6d9df!important;background:#fff!important;border-radius:6px!important;padding:1px!important;box-shadow:none!important;}
html body main.as-page .cb89-header-tools .cb80-meta-actions button{display:inline-grid!important;place-items:center!important;
 position:static!important;min-width:24px!important;width:24px!important;height:26px!important;min-height:26px!important;
 border:0!important;background:transparent!important;color:#525a66!important;padding:0!important;font:400 17px/1 Arial,sans-serif!important;cursor:pointer!important;}
html body main.as-page .cb89-header-tools .cb80-meta-actions button:hover{color:#171b20!important;background:#f1f2f4!important;}
html body main.as-page .as-title-actions .as-save-chip{align-self:flex-end!important;}
@media(max-width:410px){
 html body main.as-page .cb89-header-tools{gap:3px!important;}
 html body main.as-page .cb89-header-tools .cb80-meta-actions button{width:22px!important;min-width:22px!important;height:24px!important;min-height:24px!important;}
 html body main.as-page .as-title-row .cb-v49-action-row{gap:3px!important;}
 html body main.as-page .as-title-row .cb-v49-action-row #publish,
 html body main.as-page .as-title-row .cb-v49-action-row #preview{padding-inline:5px!important;font-size:11px!important;}
}
/* Adaptive DEFAULT editor text/chrome — never force author-specified inline colours. */
html[data-cb80-backdrop="dark"] main.as-page{--cb89-ui-muted:#c5cbd5;--cb89-ui-ink:#f4f6f9;--cb89-ui-line:#b5bbc6;}
html[data-cb80-backdrop="light"] main.as-page{--cb89-ui-muted:#69717c;--cb89-ui-ink:#252c36;--cb89-ui-line:#7e858e;}
html body main.as-page{--cb89-ui-muted:#69717c;--cb89-ui-ink:#252c36;--cb89-ui-line:#838b96;}
html[data-cb80-backdrop="dark"] main.as-page{--cb89-ui-muted:#c5cbd5;--cb89-ui-ink:#f4f6f9;--cb89-ui-line:#b5bbc6;}
html body main.as-page :is(.as-block-kind,.as-insert-label,.as-media-caption-direct):not([style*="color:"]){color:var(--cb89-ui-muted)!important;}
html[data-cb80-backdrop="dark"] body main.as-page :is(#headline,#authorName):not([style*="color:"]){color:var(--cb89-ui-ink)!important;}
html[data-cb80-backdrop="dark"] body main.as-page :is(#headline,#authorName)::placeholder{color:#d3d8df!important;opacity:.75!important;}
html body main.as-page .cb-v49-action-row :is(#publish,#preview),
html body main.as-page :is(.cb-v48-save-status,.cb-v49-save-status){box-shadow:none!important;text-shadow:none!important;}
/* Keep popups visible within the viewport without breaking wheel scrolling. */
html body main.as-page :is(dialog.as-design-dialog,.cbm-dialog){max-height:min(85dvh,750px)!important;overflow-y:auto!important;overscroll-behavior:contain;}
/* Report Abuse: match LAST painted band right to page edges; label intentionally subdued. */
html body #articleRoot .cb-v45-reader-footer[data-cb89-footer]{position:relative!important;
 isolation:isolate!important;background:transparent!important;border:0!important;
 min-height:88px!important;box-sizing:border-box!important;}
html body #articleRoot .cb-v45-reader-footer[data-cb89-footer]::before{content:"";display:block;position:absolute;
 z-index:-1;inset:0 auto 0 50%;width:100vw;max-width:none;transform:translateX(-50%);
 background:var(--cb89-footer-paint,transparent)!important;pointer-events:none;}
html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link{color:#fff!important;background:transparent!important;
 opacity:.4!important;mix-blend-mode:difference!important;font:400 11px/1.5 system-ui,sans-serif!important;
 border:0!important;text-decoration:none!important;padding:7px 10px!important;}
html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link:is(:hover,:focus-visible){opacity:.79!important;text-decoration:underline!important;text-underline-offset:3px;}
@media(forced-colors:active){html body #articleRoot .cb-v45-reader-footer .cb-v45-report-link{mix-blend-mode:normal!important;opacity:1!important;color:ButtonText!important;}}
/* Editorial consistency on the *account pages only* — no changes to user content. */
html body .my-page,.cb69-workspace-page .cb69-workspace{color:#20252d;}
html body .my-page :is(.my-search,.my-sort-label select,.my-article,.my-actions a,.my-actions button),
html body .cb69-workspace :is(.cb69-content,.cb69-overview>div,.cb69-record){box-shadow:none!important;}
html body .my-page .my-article:hover{background:#f8f9fb!important;}
html body .my-page :is(.my-search input,.my-sort-label select):focus-visible,
html body .cb69-workspace :is(button,a,input,select,textarea):focus-visible{outline:2px solid #7b838c!important;outline-offset:2px!important;}
html body .my-page .my-intro h1,html body .cb69-workspace .cb69-hero h1{overflow-wrap:anywhere;}
@media(max-width:420px){.cb69-workspace .cb69-hero-icon{display:none!important}.my-page .my-top{gap:8px!important}.my-page .cb70-header-actions{gap:5px!important}}
@media(prefers-reduced-motion:reduce){html body .my-article,html body .cb-v45-report-link{transition:none!important}}
/* Once a title/byline is removed, offer it through Add Block instead of leaving a dead toolbar. */
html body main.as-page #editor.cbm-hide-title .cb89-header-tools [data-cbm-control="headline"],
html body main.as-page #editor.cbm-hide-byline .cb89-header-tools [data-cbm-control="byline"]{display:none!important;}


/* Source: article-reader-owner-isolation-v95.css */
/* V95.3: the article is the same document for its author and every reader.
   Owner controls are a separate, API-authorized navigation island, never a
   headline/grid column. No saved author colour/typography/paint is altered. */
html body #articleRoot{position:relative!important;min-inline-size:0!important}
html body #articleRoot .ar-wrap{
  box-sizing:border-box!important;
  /* Identical for a visitor before auth and for an owner after auth. */
  padding-top:var(--cb-article-top,14px)!important;
  min-width:0!important;
}
html body #articleRoot .ar-hero{display:block!important;position:relative!important;margin:0 0 16px!important;padding:0!important;min-width:0!important}
html body #articleRoot .ar-headline-row,
html body #articleRoot .ar-hero .cb80-reader-title-row{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
html body #articleRoot .ar-headline-row>.ar-title{
  display:block!important;grid-column:auto!important;grid-row:auto!important;
  flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:0!important;padding:0!important;
  overflow-wrap:anywhere!important;word-break:normal!important;
  text-overflow:clip!important;
  /* Allow the page's saved inline headline typography to keep precedence. */
}
html body #articleRoot .ar-byline{
  display:flex!important;flex-wrap:wrap!important;
  margin:10px 0 0!important;padding:0!important;min-width:0!important;
  width:100%!important;max-width:100%!important;
  line-height:1.5!important;
}
html body #articleRoot .ar-content{
  display:block!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
/* The actions live OUTSIDE article/header/hero, hence none can reduce
   the line width, increase headline height, or move the first content block. */
html body #articleRoot #articleOwnerActions[hidden]{display:none!important}
html body #articleRoot #articleOwnerActions:not([hidden]){
  position:absolute!important;inset:10px 10px auto auto!important;
  z-index:12!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:nowrap!important;justify-content:flex-end!important;
  box-sizing:border-box!important;max-width:calc(100% - 20px)!important;
  width:max-content!important;min-width:0!important;min-height:0!important;
  padding:3px!important;margin:0!important;gap:3px!important;
  border:1px solid #e0e4eb!important;border-radius:9px!important;
  background:rgba(255,255,255,.96)!important;
  color:#303945!important;box-shadow:none!important;text-align:right!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
html body #articleRoot #articleOwnerActions>a{
  position:static!important;grid-column:auto!important;grid-row:auto!important;
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;box-sizing:border-box!important;
  width:auto!important;max-width:none!important;min-width:0!important;
  min-height:26px!important;height:26px!important;
  margin:0!important;padding:4px 7px!important;gap:3px!important;
  border:0!important;border-radius:6px!important;box-shadow:none!important;
  background:transparent!important;color:#3a4352!important;
  text-align:center!important;white-space:nowrap!important;overflow:visible!important;
  font:600 11px/1.2 system-ui,sans-serif!important;text-decoration:none!important;
}
html body #articleRoot #articleOwnerActions>a:hover,
html body #articleRoot #articleOwnerActions>a:focus-visible{
  background:#eef0f4!important;color:#131e30!important;
}
html body #articleRoot #articleOwnerActions>a:focus-visible{outline:2px solid #667ab2!important;outline-offset:-2px!important}
/* Popup is private and out-of-flow, including when the first owner check
   resolves asynchronously or when the owner closes it. */
html body #articleRoot #arOwnerUrlPopup{
  position:fixed!important;inset:auto auto 12px 50%!important;
  transform:translateX(-50%)!important;z-index:80!important;
  width:min(540px,calc(100% - 22px))!important;max-width:calc(100% - 22px)!important;
  max-height:min(45dvh,270px)!important;overflow:auto!important;
  box-sizing:border-box!important;margin:0!important;
  box-shadow:0 6px 22px rgba(0,0,0,.09)!important;
}
html body #articleRoot .ar-owner-share-popup+.ar-wrap{margin-top:0!important}
/* Owner-only promotion is a plain link at the article bottom, not a toolbar
   button or a headline column. Its visibility is controlled by the existing
   authenticated API owner check; hidden always wins while unauthorised. */
html body #articleRoot #articleOwnerPromote[hidden]{display:none!important}
html body #articleRoot #articleOwnerPromote:not([hidden]){
  display:flex!important;justify-content:flex-end!important;align-items:center!important;
  align-self:stretch!important;flex:0 0 auto!important;
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  position:relative!important;margin:0!important;padding:0 14px max(14px,env(safe-area-inset-bottom))!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #articleRoot #articleOwnerPromote #articlePromoteLink{
  display:inline!important;position:static!important;min-width:0!important;max-width:100%!important;
  padding:3px 0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#fff!important;mix-blend-mode:difference!important;opacity:.74!important;
  text-align:right!important;font:500 12px/1.4 system-ui,sans-serif!important;
  white-space:normal!important;overflow-wrap:anywhere!important;text-decoration:none!important;
  text-underline-offset:3px!important;
}
html body #articleRoot #articleOwnerPromote #articlePromoteLink:is(:hover,:focus-visible){
  opacity:1!important;text-decoration:underline!important;
}
html body #articleRoot #articleOwnerPromote #articlePromoteLink:focus-visible{
  outline:2px solid currentColor!important;outline-offset:2px!important;
}
@media(forced-colors:active){
  html body #articleRoot #articleOwnerPromote #articlePromoteLink{color:LinkText!important;mix-blend-mode:normal!important;opacity:1!important;}
}
/* In the editor V93 the publishing row occupies the first grid row below 560px: title y = 10 + 32 + 7 + 17 = 66px. Match that position for all article viewers without adding an owner-specific gap. */
/* Between 561px and 1150px the owner toolbar reaches the writing column.
   Keep the headline at the *same width as the Article Studio's title field*
   for readers and owners, rather than overlaying text or shifting owner text.
   At <=560px, Studio instead puts its buttons above the title. */
@media(min-width:561px) and (max-width:1150px){
  html body #articleRoot .ar-headline-row>.ar-title{
    width:calc(100% - 234px)!important;
    max-width:calc(100% - 234px)!important;
  }
}
@media(max-width:640px){
  /* Use the writer's exact responsive horizontal inset for the reading column. */
  html body #articleRoot .ar-wrap{
    width:calc(100% - clamp(4px,2.5vw,28px) - clamp(4px,2.5vw,28px))!important;
  }
}
@media(max-width:560px){
  html body #articleRoot .ar-wrap{padding-top:66px!important}
}
@media(max-width:340px){
  html body #articleRoot #articleOwnerActions>a{font-size:10px!important;padding-inline:5px!important}
}
@media(max-width:180px){
  html body #articleRoot #articleOwnerActions:not([hidden]){inset-inline-start:auto!important;inset-inline-end:4px!important;max-width:calc(100% - 8px)!important}
  html body #articleRoot #articleOwnerActions>a{font-size:9px!important;padding-inline:3px!important}
}


/* Source: article-reader-headline-flow-v96.css */
/* ClickBee article reader V96: only the API-confirmed author has an inline
   Edit article link. It floats within the READING COLUMN, so the headline
   text wraps beside it (and continues at full width on subsequent lines).
   It never imposes a header grid column or pushes the title onto a new row. */
html body #articleRoot .ar-wrap {
  padding-top:var(--cb-article-top,14px)!important;
}
html body #articleRoot .ar-hero .ar-headline-row {
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html body #articleRoot .ar-hero .ar-headline-row>.ar-title {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-overflow:clip!important;
  /* Text may flow around the small floated Edit link. */
  clear:none!important;
}
html body #articleRoot .ar-hero #articleOwnerActions[hidden] {
  display:none!important;
}
html body #articleRoot .ar-hero #articleOwnerActions:not([hidden]) {
  float:right!important;
  clear:none!important;
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:calc(100% - 3px)!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:2px!important;
  margin:1px 0 1px 9px!important;
  border:1px solid #e0e4eb!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:1!important;
  text-align:left!important;
}
html body #articleRoot .ar-hero #articleOwnerActions>a {
  display:inline-flex!important;
  flex:0 0 auto!important;
  position:static!important;
  min-height:23px!important;
  height:23px!important;
  padding:3px 7px!important;
  margin:0!important;
  max-width:100%!important;
  font:600 11px/1.2 system-ui,sans-serif!important;
  text-align:left!important;
  white-space:nowrap!important;
}
/* These rules also remove V95's reserved 234px headline lane and its old
   phone-only toolbar row: the creator's title starts as high as a reader's. */
@media(min-width:561px) and (max-width:1150px) {
  html body #articleRoot .ar-hero .ar-headline-row>.ar-title {
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:560px) {
  html body #articleRoot .ar-wrap {padding-top:var(--cb-article-top,14px)!important}
}
@media(max-width:180px) {
  html body #articleRoot .ar-hero #articleOwnerActions:not([hidden]) {
    margin-right:4px!important;
  }
  html body #articleRoot .ar-hero #articleOwnerActions>a {
    font-size:9px!important;
    padding-inline:3px!important;
  }
}

/* R21: owner Edit action floats to right edge of the reading COLUMN, not the viewport. */
html body #articleRoot .ar-hero .ar-headline-row>#articleOwnerActions:not([hidden]){float:right!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;}
html body #articleRoot .ar-hero .ar-headline-row>.ar-title{clear:none!important;overflow-wrap:anywhere!important;word-break:break-word!important;}

/* CB_R22_MY_ARTICLES_LINK: out-of-flow owner-only link; Edit's float footprint is unchanged. */
html body #articleRoot .ar-hero .ar-headline-row>#articleOwnerActions:not([hidden]){
  position:relative!important;float:right!important;
}
html body #articleRoot .ar-hero #articleOwnerActions>a#articleMyArticlesLink{
  position:absolute!important;
  top:calc(100% + 1px)!important;right:0!important;left:auto!important;
  display:block!important;width:max-content!important;max-width:none!important;
  height:13px!important;min-height:0!important;padding:0 1px!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#667085!important;text-decoration:underline!important;text-underline-offset:2px!important;
  font:500 10px/13px system-ui,-apple-system,sans-serif!important;
  white-space:nowrap!important;z-index:3!important;
}
html body #articleRoot .ar-hero #articleOwnerActions>a#articleMyArticlesLink:hover,
html body #articleRoot .ar-hero #articleOwnerActions>a#articleMyArticlesLink:focus-visible{
  color:#303945!important;background:transparent!important;
}


/* R144: readable controls and stable media during progressive loading. */
#articleRoot :is(img,iframe){max-width:100%}
.ar-reader-tools button:focus-visible,.cb-v45-report-link:focus-visible{outline:2px solid #526cbb;outline-offset:3px}
@media print{#ar-reading-progress,.ar-reader-tools,.cb-v45-report-link,.ar-owner-promote-footer{display:none!important}}

/* R193 editor/public button label parity: wrapping inside the author's chosen width. */
html body .as-page #blocks :is(.as-block,.as-column-block)[data-as-type="button"] :is(.as-button-direct,.as-button-direct-v29),
html body .ar-content :is(.ar-button,.ar-button-placement-v29 > .ar-button){
 box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
 line-height:1.4!important;text-align:center!important;
}