/* BeMyAficionado — front-end styles. Mobile first. Colors, fonts, widths come from --bma-* (Theme Settings). */
:root{
 --bma-gutter:var(--bma-gutter-m);
 --bma-t-kw:var(--bma-purple);--bma-t-str:var(--bma-green);--bma-t-num:var(--bma-orange);--bma-t-com:var(--bma-muted);
 --bma-t-fn:var(--bma-accent);--bma-t-ty:var(--bma-teal);--bma-t-at:var(--bma-yellow);--bma-t-var:var(--bma-red);
 --bma-t-fg:var(--bma-body);--bma-t-bg:var(--bma-surface);--bma-t-hl:color-mix(in srgb,var(--bma-accent) 12%,transparent);
 --bma-ring:color-mix(in srgb,var(--bma-accent) 24%,transparent);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html[data-font=sans]{--bma-font-body:var(--bma-font-ui)}
body{background:var(--bma-bg);color:var(--bma-body);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
*,*:before,*:after{box-sizing:border-box}
::selection{background:var(--bma-accent);color:#fff}
:focus-visible{outline:2px solid var(--bma-accent);outline-offset:3px;border-radius:4px}
img,svg{max-width:100%}img{height:auto}
.bma-mono,.bma-eyebrow{font:500 11px/1.3 var(--bma-font-code);letter-spacing:.07em;text-transform:uppercase}
.bma-eyebrow{color:var(--bma-accent);margin:0}
.bma-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bma-wrap{max-width:var(--bma-site);margin-inline:auto;width:100%;padding-inline:var(--bma-gutter)}
.wp-site-blocks>*+*{margin-block-start:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#bma-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--bma-accent);z-index:100;pointer-events:none}
.admin-bar #bma-progress{top:var(--wp-admin--admin-bar--height,0)}

/* ---------- buttons & small controls ---------- */
.bma-btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bma-accent);color:#fff!important;border:0;border-radius:10px;padding:10px 16px;font:500 14px/1.2 var(--bma-font-ui);text-decoration:none!important;cursor:pointer;transition:background .15s}
.bma-btn:hover,.wp-block-button__link:hover{background:var(--bma-accent-hover)}
.bma-ib{border:0;background:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--bma-muted);cursor:pointer;font:inherit}
.bma-ib:hover,.bma-ib[aria-expanded=true]{background:var(--bma-sunk);color:var(--bma-ink)}
.bma-seg{display:grid;grid-auto-flow:column;gap:3px;background:var(--bma-sunk);padding:3px;border-radius:10px}
.bma-seg button{border:0;background:none;padding:8px 6px;border-radius:8px;color:var(--bma-muted);font:500 13px var(--bma-font-ui);cursor:pointer}
.bma-seg button.on{background:var(--bma-surface);color:var(--bma-ink);box-shadow:0 1px 2px #091E4222}
.bma-pop{position:absolute;top:calc(100% + 6px);right:0;width:min(300px,calc(100vw - 32px));background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:14px;padding:16px;box-shadow:var(--bma-shadow);z-index:60;font:13px/1.4 var(--bma-font-ui)}
.bma-pop[hidden]{display:none}
.bma-pop h6{font:500 11px var(--bma-font-code);letter-spacing:.07em;text-transform:uppercase;color:var(--bma-muted);margin:14px 0 8px}.bma-pop h6:first-child{margin-top:0}
.bma-pop input[type=range]{width:100%;accent-color:var(--bma-accent)}

/* ---------- header ---------- */
.bma-hdr{z-index:50;background:var(--bma-bg);border-bottom:1px solid transparent;transition:border-color .2s}
.bma-sticky .bma-hdr{position:sticky;top:0}
.admin-bar.bma-sticky .bma-hdr{top:var(--wp-admin--admin-bar--height,0)}
.bma-blur .bma-hdr{background:color-mix(in srgb,var(--bma-bg) 88%,transparent);backdrop-filter:blur(14px)}
.bma-hdr.is-scrolled{border-bottom-color:var(--bma-line)}
.bma-hdr__in{display:flex;align-items:center;gap:8px;min-height:var(--bma-hh)}
.bma-hdr__in .bma-brand{margin-right:auto}.bma-hdr__in .bma-actions{order:2}.bma-hdr__in .wp-block-navigation{order:3}
.bma-brand{display:flex;align-items:center;gap:9px;font:600 19px/1 var(--bma-font-heading);font-variation-settings:'opsz' 36,'SOFT' var(--bma-soft);letter-spacing:-.01em;color:var(--bma-ink);text-decoration:none}
.bma-brand__mark{width:26px;height:26px;border-radius:7px;background:var(--bma-accent);color:#fff;display:grid;place-items:center;font:700 12px var(--bma-font-ui);letter-spacing:-.04em;text-transform:lowercase}
.bma-brand i{color:var(--bma-accent);font-style:italic}
.bma-hdr .wp-block-navigation{font:400 14px var(--bma-font-ui);--navigation-layout-gap:26px}
.bma-hdr .wp-block-navigation a{color:var(--bma-muted);text-decoration:none}.bma-hdr .wp-block-navigation a:hover{color:var(--bma-ink)}
.bma-hdr .wp-block-navigation__responsive-container.is-menu-open{background:var(--bma-bg);color:var(--bma-ink)}
.bma-hdr .wp-block-navigation__responsive-container.is-menu-open a{font:400 28px/1.2 var(--bma-font-heading);color:var(--bma-ink)}
.bma-hdr__right{display:flex;align-items:center;gap:4px}
.bma-actions{display:flex;align-items:center;gap:4px;position:relative}
.bma-actions__sub{display:none}

/* ---------- hero / chips / featured / list ---------- */
.bma-hero{padding:44px 0 24px}
.bma-hero__eyebrow{color:var(--bma-accent);margin:0 0 16px}
.bma-hero__title{font:var(--bma-hw) clamp(40px,11vw,88px)/1.02 var(--bma-font-heading);letter-spacing:var(--bma-ht);font-variation-settings:'opsz' 144,'SOFT' var(--bma-soft);color:var(--bma-ink);text-wrap:balance;max-width:12em;margin:0}
.bma-hero__title em{font-style:italic;color:var(--bma-accent)}
.bma-hero__sub{font:300 clamp(19px,4.6vw,22px)/1.5 var(--bma-font-body);color:var(--bma-muted);margin:16px 0 0;max-width:30em}
.bma-askbar{display:flex;align-items:center;gap:10px;margin:26px 0 0;max-width:620px;background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:var(--bma-shadow)}
.bma-askbar:focus-within{border-color:var(--bma-accent);box-shadow:0 0 0 4px var(--bma-ring)}
.bma-askbar input{flex:1;min-width:0;border:0;background:none;color:var(--bma-ink);font:16px var(--bma-font-ui);outline:0;padding:8px 0;box-shadow:none}
.bma-askbar__icon{color:var(--bma-accent);display:grid}
.bma-chips{display:flex;gap:8px;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none;margin:10px 0 0}
.bma-chips::-webkit-scrollbar{display:none}
.bma-chips a{flex:none;border:1px solid var(--bma-line);background:var(--bma-surface);color:var(--bma-muted);border-radius:99px;padding:8px 14px;font:500 13px var(--bma-font-ui);text-decoration:none}
.bma-chips a:hover{color:var(--bma-ink);border-color:var(--bma-accent)}
.bma-chips a.is-on{background:var(--bma-accent);border-color:var(--bma-accent);color:#fff}
.bma-feat{display:block;margin-top:22px;text-decoration:none;color:inherit}
.bma-feat__art{border-radius:calc(var(--bma-r) + 6px);border:1px solid var(--bma-line);background:var(--bma-sunk);padding:var(--bma-mat);box-shadow:var(--bma-shadow);overflow:hidden;color:var(--bma-accent)}
.bma-feat__img,.bma-feat__art img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--bma-r) + 1px)}
.bma-ph{display:block;width:100%;height:auto;aspect-ratio:16/10;background:var(--bma-accent-soft);border-radius:calc(var(--bma-r) + 1px);color:var(--bma-accent)}
.bma-feat__txt{padding-top:18px}
.bma-feat h2{font:var(--bma-hw) clamp(28px,7vw,44px)/1.1 var(--bma-font-heading);letter-spacing:var(--bma-ht);font-variation-settings:'opsz' 144,'SOFT' var(--bma-soft);color:var(--bma-ink);margin:10px 0;text-wrap:balance}
.bma-feat:hover h2{color:var(--bma-accent)}
.bma-feat__ex{font:300 19px/1.55 var(--bma-font-body);color:var(--bma-muted);margin:0}
.bma-meta{font:400 14px var(--bma-font-ui);color:var(--bma-muted);margin:14px 0 0}
.bma-list{margin-top:36px}
.bma-posts.wp-block-post-template{list-style:none;margin:0;padding:0}
.bma-posts>li{margin:0}
.bma-item{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:16px;padding:22px 0;border-top:1px solid var(--bma-line);align-items:start}
.bma-item:not(:has(.bma-item__th)){grid-template-columns:1fr}
.bma-item__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:500 11px var(--bma-font-code);letter-spacing:.07em;text-transform:uppercase;color:var(--bma-muted)}
.bma-item__meta a{color:var(--bma-accent);text-decoration:none}
.bma-item .wp-block-post-title{font:var(--bma-hw) 21px/1.22 var(--bma-font-heading);letter-spacing:calc(var(--bma-ht)/2);font-variation-settings:'opsz' 36,'SOFT' var(--bma-soft);margin:6px 0}
.bma-item .wp-block-post-title a{color:var(--bma-ink);text-decoration:none}.bma-item:hover .wp-block-post-title a{color:var(--bma-accent)}
.bma-item .wp-block-post-excerpt{display:none;font:400 16px/1.55 var(--bma-font-body);color:var(--bma-muted);margin:0}
.bma-item .wp-block-post-excerpt__excerpt{margin:0}
.bma-item .bma-readtime{font:400 13px var(--bma-font-ui);color:var(--bma-muted)}
.bma-item__th{margin:0!important;border-radius:12px;overflow:hidden;border:1px solid var(--bma-line)}
.bma-item__th img{display:block;width:100%;height:100%;object-fit:cover}
.bma-pagination{margin:36px 0 0;gap:8px;font:500 14px var(--bma-font-ui);justify-content:center}
.bma-pagination a,.bma-pagination .page-numbers{padding:8px 14px;border:1px solid var(--bma-line);border-radius:10px;color:var(--bma-ink);text-decoration:none;background:var(--bma-surface)}
.bma-pagination .current{background:var(--bma-accent);border-color:var(--bma-accent);color:#fff}
.bma-archive-head{padding:36px 0 6px}
.bma-archive-head h1{font:var(--bma-hw) clamp(32px,8vw,56px)/1.05 var(--bma-font-heading);letter-spacing:var(--bma-ht);font-variation-settings:'opsz' 144,'SOFT' var(--bma-soft);color:var(--bma-ink);margin:8px 0 0}
.bma-archive-head p{color:var(--bma-muted);margin:10px 0 0}
.wp-block-search__input{background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:10px;padding:10px 12px;color:var(--bma-ink);font:16px var(--bma-font-ui)}

/* ---------- newsletter + footer ---------- */
.bma-cta{margin:56px 0 0}
.bma-cta__in{background:var(--bma-accent);color:#fff;border-radius:22px;padding:28px 22px}
.bma-cta h2{font:400 clamp(30px,7vw,42px)/1.08 var(--bma-font-heading);letter-spacing:var(--bma-ht);font-variation-settings:'opsz' 144,'SOFT' var(--bma-soft);color:#fff;margin:0}
.bma-cta p{margin:12px 0 18px;opacity:.92;font:400 16px/1.5 var(--bma-font-ui)}
.bma-cta .bma-askbar{background:#ffffff1c;border-color:#ffffff55;box-shadow:none;margin:0}
.bma-cta input{color:#fff}.bma-cta input::placeholder{color:#ffffffb8}
.bma-cta .bma-btn{background:#fff;color:var(--bma-accent)!important}
.bma-cta .bma-note a{color:#fff}
.bma-footer{margin-top:56px;border-top:1px solid var(--bma-line);padding-block:26px 80px;color:var(--bma-muted);font:13px/1.6 var(--bma-font-ui)}
.bma-foot{display:flex;flex-direction:column;gap:14px}
.bma-foot p{margin:0}.bma-foot__note{opacity:.85}
.bma-foot__social{display:flex;gap:16px;flex-wrap:wrap}.bma-foot a{color:inherit;text-decoration:none}.bma-foot a:hover{color:var(--bma-ink)}
.bma-footer .wp-block-navigation{font-size:13px}.bma-footer .wp-block-navigation a{color:var(--bma-muted);text-decoration:none}

/* ---------- single post ---------- */
.bma-head{max-width:var(--bma-measure);margin:0 auto;padding:34px 0 6px}
.bma-crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:500 11px var(--bma-font-code);letter-spacing:.07em;text-transform:uppercase;color:var(--bma-muted);margin:0 0 16px}
.bma-crumb a{color:var(--bma-accent);text-decoration:none}
.bma-title{font:var(--bma-hw) clamp(34px,8.2vw,var(--bma-title-max))/1.07 var(--bma-font-heading)!important;letter-spacing:var(--bma-ht)!important;font-variation-settings:'opsz' 144,'SOFT' var(--bma-soft);color:var(--bma-ink);text-wrap:balance;margin:0}
.bma-deck{font:300 clamp(19px,4.6vw,24px)/1.5 var(--bma-font-body)!important;color:var(--bma-muted)!important;margin:16px 0 0!important;text-wrap:pretty}
.bma-deck p{margin:0}
.bma-byline{display:flex;align-items:center;gap:12px;margin-top:24px;font:14px/1.4 var(--bma-font-ui);color:var(--bma-muted);flex-wrap:wrap}
.bma-byline img{border-radius:50%;display:block}
.bma-byline .wp-block-post-author-name,.bma-byline strong{color:var(--bma-ink);font-weight:500}
.bma-article{position:relative;margin-top:30px}
.bma-prose{font:400 var(--bma-fs)/var(--bma-lh) var(--bma-body-font,var(--bma-font-body));text-wrap:pretty;font-optical-sizing:auto}
.bma-prose>*{margin-block:0}
.bma-prose>*+*{margin-top:1.3em}
.bma-prose h2{font-size:clamp(1.65rem,1.4rem + 1.2vw,2.1rem);line-height:1.18;margin-top:2.1em;scroll-margin-top:calc(var(--bma-hh) + 24px);font-variation-settings:'opsz' 72,'SOFT' var(--bma-soft)}
.bma-prose h3{margin-top:1.8em;scroll-margin-top:calc(var(--bma-hh) + 24px)}
.bma-prose a{text-underline-offset:3px;text-decoration-thickness:1px}
.bma-prose strong{color:var(--bma-ink);font-weight:600}
.bma-prose ul,.bma-prose ol{padding-left:1.25em}.bma-prose li{margin-top:.4em}.bma-prose li::marker{color:var(--bma-accent)}
.bma-prose :not(pre)>code{font:500 .8em var(--bma-font-code);background:var(--bma-sunk);color:var(--bma-ink);padding:.15em .4em;border-radius:6px;border:1px solid var(--bma-line-soft)}
.bma-prose hr{border:0;border-top:1px solid var(--bma-line);margin-block:2.4em}
.wp-block-quote,.wp-block-pullquote{color:var(--bma-ink)}
.wp-block-quote{margin-inline:0;border-left-width:3px}
.wp-block-quote cite{display:block;margin-top:.6em;font:14px var(--bma-font-ui);color:var(--bma-muted);font-style:normal}
.wp-block-pullquote{border-block:1px solid var(--bma-line);padding:1.4em 0;text-align:left}
.wp-block-table table{border-collapse:collapse;font:15px/1.5 var(--bma-font-ui)}
.wp-block-table th,.wp-block-table td{border:1px solid var(--bma-line);padding:.6em .8em}.wp-block-table thead{background:var(--bma-sunk)}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--bma-sunk)}
.bma-end{max-width:var(--bma-measure);margin:48px auto 0;padding:22px 0;border-top:1px solid var(--bma-line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:14px var(--bma-font-ui);color:var(--bma-muted)}
.bma-end a{color:inherit;text-decoration:none}.bma-end a:hover{color:var(--bma-accent)}
.bma-end .wp-block-post-terms a{margin-right:8px;border:1px solid var(--bma-line);padding:3px 10px;border-radius:99px;font-size:12px}

/* summary + toc */
.bma-sum{max-width:var(--bma-measure);margin:0 auto 38px;background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:var(--bma-r);padding:16px 18px;font:15px/1.55 var(--bma-font-ui)}
.bma-sum summary{list-style:none;display:flex;justify-content:space-between;color:var(--bma-accent);cursor:pointer}.bma-sum summary::-webkit-details-marker{display:none}
.bma-sum ul{margin:12px 0 0 1.1em;padding:0;color:var(--bma-body)}.bma-sum li::marker{color:var(--bma-accent)}
.bma-toc-wrap{max-width:var(--bma-measure);margin:0 auto 26px}
.bma-toc-wrap[hidden]{display:none}
.bma-toc{border:1px solid var(--bma-line);border-radius:var(--bma-r);background:var(--bma-surface);padding:12px 16px;font:14px/1.5 var(--bma-font-ui)}
.bma-toc summary{cursor:pointer;color:var(--bma-muted)}
.bma-toc ol{list-style:none;margin:10px 0 2px;padding:0}.bma-toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--bma-line);color:var(--bma-muted);text-decoration:none}
.bma-toc a:hover{color:var(--bma-ink)}.bma-toc a.is-on{color:var(--bma-ink);border-color:var(--bma-accent)}
.bma-toc li.l3 a{padding-left:26px;font-size:13px}

/* related */
.bma-rel{margin:56px auto 0;padding-top:30px;border-top:1px solid var(--bma-line)}
.bma-rel h2{font:400 28px/1.2 var(--bma-font-heading);letter-spacing:var(--bma-ht);color:var(--bma-ink);margin:0 0 18px}
.bma-cards{display:grid;gap:22px}
.bma-card{display:block;text-decoration:none;color:inherit}
.bma-card__th{aspect-ratio:16/10;border-radius:14px;border:1px solid var(--bma-line);overflow:hidden;margin-bottom:12px;background:var(--bma-sunk)}
.bma-card__th img,.bma-card__th .bma-ph{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:auto;border-radius:0}
.bma-card h3{font:var(--bma-hw) 21px/1.25 var(--bma-font-heading)!important;letter-spacing:calc(var(--bma-ht)/2)!important;font-variation-settings:'opsz' 36,'SOFT' var(--bma-soft);color:var(--bma-ink);margin:6px 0}
.bma-card:hover h3{color:var(--bma-accent)}.bma-card p{font:14px/1.5 var(--bma-font-ui);color:var(--bma-muted);margin:0}.bma-card .bma-eyebrow{margin-top:2px}

/* ---------- images: one frame language ---------- */
.wp-block-image{--f-mat:var(--bma-mat);--f-line:var(--bma-line);--f-wash:var(--bma-sunk);padding:calc(var(--f-mat) + 1px)}
body.bma-frame-outline .wp-block-image,body .wp-block-image.is-style-bma-outline{--f-mat:0px;--f-line:var(--bma-line)}
body.bma-frame-none .wp-block-image,body .wp-block-image.is-style-bma-plain{--f-mat:0px;--f-line:transparent}
body .wp-block-image.is-style-bma-mat{--f-mat:var(--bma-mat);--f-line:var(--bma-line)}
.wp-block-image img{display:block;max-width:100%;height:auto;border-radius:calc(var(--bma-r) - 2px);box-shadow:0 0 0 var(--f-mat) var(--f-wash),0 0 0 calc(var(--f-mat) + 1px) var(--f-line),var(--bma-shadow);outline:1px solid color-mix(in srgb,var(--bma-ink) 9%,transparent);outline-offset:-1px}
.wp-block-image a{display:block}
.wp-block-image figcaption,.wp-element-caption{font:13px/1.5 var(--bma-font-ui);color:var(--bma-muted);margin:12px 0 0;text-align:left;display:flex;gap:10px}
.bma-capt-rule .wp-block-image figcaption:before{content:"";flex:none;width:14px;height:1.5px;background:var(--bma-accent);margin-top:.7em}
.bma-capt-center .wp-block-image figcaption{justify-content:center;text-align:center}
.wp-block-image.is-style-bma-window,body.bma-frame-window .wp-block-image:not([class*=is-style-bma-]){padding:0}
.wp-block-image.is-style-bma-window:before,body.bma-frame-window .wp-block-image:not([class*=is-style-bma-]):before{content:"";display:block;height:30px;border:1px solid var(--bma-line);border-bottom:0;border-radius:12px 12px 0 0;background-color:var(--bma-surface);background-image:radial-gradient(circle at 16px 15px,#F87168 4px,transparent 5px),radial-gradient(circle at 32px 15px,#F5CD47 4px,transparent 5px),radial-gradient(circle at 48px 15px,#4BCE97 4px,transparent 5px);background-repeat:no-repeat}
.wp-block-image.is-style-bma-window img,body.bma-frame-window .wp-block-image:not([class*=is-style-bma-]) img{border-radius:0 0 12px 12px;box-shadow:0 0 0 1px var(--bma-line),var(--bma-shadow)}
.wp-block-image .bma-zoomable{cursor:zoom-in}
.bma-nozoom .wp-block-image .bma-zoomable{cursor:default}
.wp-block-gallery .wp-block-image{padding:calc(var(--f-mat)*.66 + 1px)}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;background:none;color:var(--bma-muted);padding:0;margin-top:8px;font-size:12px;display:block}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:before{display:none}
.wp-block-embed iframe{border-radius:var(--bma-r);border:1px solid var(--bma-line)}
@media (min-width:1000px){
 .bma-bleed .bma-prose .wp-block-image.alignwide{margin-inline:-3rem}
}

/* ---------- code ---------- */
.bma-cb{margin:0;background:var(--bma-t-bg);border:1px solid var(--bma-line);border-radius:calc(var(--bma-r) + 2px);box-shadow:var(--bma-shadow);overflow:hidden;font-family:var(--bma-font-code)}
.bma-prose>.bma-cb,.bma-prose>.bma-cg{margin-top:1.8em;margin-bottom:0}
.bma-cb__bar{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-bottom:1px solid var(--bma-line-soft);background:color-mix(in srgb,var(--bma-sunk) 55%,var(--bma-t-bg))}
.bma-cb__name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font:500 12px var(--bma-font-code);color:var(--bma-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bma-cb__lang{font:600 10px var(--bma-font-code);letter-spacing:.06em;text-transform:uppercase;color:var(--bma-accent);background:var(--bma-accent-soft);padding:3px 8px;border-radius:99px;flex:none}
.bma-cbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--bma-muted);padding:8px 10px;border-radius:8px;font:500 12px var(--bma-font-ui);cursor:pointer}
.bma-cbtn:hover{background:var(--bma-sunk);color:var(--bma-ink)}.bma-cbtn .bma-i{width:16px;height:16px}.bma-cbtn.is-ok{color:var(--bma-green)}
.bma-cbtn .lb{display:none}
.bma-cb pre,pre.bma-code,.wp-block-code{margin:0;padding:14px 0;overflow-x:auto;font:400 var(--bma-code-fs)/1.7 var(--bma-font-code);color:var(--bma-t-fg);tab-size:2;background:transparent;border:0;border-radius:0}
pre.bma-code:not(.is-enhanced),pre.wp-block-code:not(.is-enhanced){padding:14px 16px;background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:calc(var(--bma-r) + 2px)}
.bma-cb code{display:block;min-width:max-content;font:inherit;counter-reset:l;font-variant-ligatures:common-ligatures;background:none;border:0;padding:0;color:inherit}
.bma-codewrap .bma-cb code{min-width:0;white-space:pre-wrap;word-break:break-word}
.bma-ln{display:block;padding:0 16px 0 0;border-left:3px solid transparent}
.bma-ln:before{counter-increment:l;content:counter(l);display:inline-block;width:2.6em;margin-right:12px;text-align:right;color:var(--bma-t-com);opacity:.7;user-select:none}
.bma-nolines .bma-ln:before,.bma-cb[data-ln="0"] .bma-ln:before{display:none}
.bma-nolines .bma-ln,.bma-cb[data-ln="0"] .bma-ln{padding-left:16px}
.bma-ln.is-hl{background:var(--bma-t-hl);border-left-color:var(--bma-accent)}
.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-meta .hljs-keyword{color:var(--bma-t-kw)}
.hljs-string,.hljs-regexp,.hljs-template-variable,.hljs-addition,.hljs-symbol{color:var(--bma-t-str)}
.hljs-number,.hljs-literal,.hljs-bullet{color:var(--bma-t-num)}
.hljs-comment,.hljs-quote{color:var(--bma-t-com);font-style:italic}
.hljs-title,.hljs-title.function_,.hljs-section{color:var(--bma-t-fn)}
.hljs-built_in,.hljs-type,.hljs-title.class_{color:var(--bma-t-ty)}
.hljs-attr,.hljs-attribute,.hljs-selector-class,.hljs-selector-id,.hljs-meta,.hljs-tag{color:var(--bma-t-at)}
.hljs-variable,.hljs-params,.hljs-name,.hljs-deletion,.hljs-property{color:var(--bma-t-var)}
.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
.bma-cg{border:1px solid var(--bma-line);border-radius:calc(var(--bma-r) + 2px);overflow:hidden;box-shadow:var(--bma-shadow);background:var(--bma-t-bg)}
.bma-cg .bma-cb{border:0;border-radius:0;box-shadow:none}
.bma-tabs{display:flex;gap:2px;overflow-x:auto;padding:6px 8px 0;background:var(--bma-sunk);border-bottom:1px solid var(--bma-line);scrollbar-width:none}
.bma-tabs::-webkit-scrollbar{display:none}
.bma-tabs button{border:0;background:none;padding:9px 13px;border-radius:9px 9px 0 0;font:500 12px var(--bma-font-code);color:var(--bma-muted);white-space:nowrap;cursor:pointer}
.bma-tabs button.on{background:var(--bma-t-bg);color:var(--bma-ink);box-shadow:inset 0 2px 0 var(--bma-accent)}

/* ---------- mermaid ---------- */
.bma-dg{margin:0;background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:calc(var(--bma-r) + 4px);box-shadow:var(--bma-shadow);overflow:hidden}
.bma-prose>.bma-dg{margin-top:2em}
.bma-dg__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;border-bottom:1px solid var(--bma-line-soft);color:var(--bma-muted)}
.bma-dg__tb{display:flex;gap:2px}
.bma-dg__body{padding:26px 22px 34px;overflow-x:auto;display:flex;justify-content:center;background-image:radial-gradient(var(--bma-line-soft) 1px,transparent 1px);background-size:18px 18px;-webkit-overflow-scrolling:touch}
.bma-dg__body svg{overflow:visible;height:auto;max-width:none}
.bma-dg figcaption{padding:12px 16px;margin:0;border-top:1px solid var(--bma-line-soft)}
.bma-dg__src{margin:0;border-top:1px solid var(--bma-line-soft);padding:14px 16px;font:400 12.5px/1.6 var(--bma-font-code);overflow:auto;background:var(--bma-t-bg);color:var(--bma-t-fg)}
.bma-dg__src[hidden]{display:none}
.bma-dg.is-fail .bma-dg__body{color:var(--bma-red);font:13px var(--bma-font-ui)}

/* ---------- dialogs ---------- */
dialog.bma-dialog{margin:auto;border:0;padding:0;background:var(--bma-surface);color:var(--bma-ink);border-radius:20px;max-width:min(920px,calc(100vw - 20px));width:100%;box-shadow:0 30px 90px #091E4266;max-height:calc(100dvh - 20px);font-family:var(--bma-font-ui)}
dialog.bma-dialog::backdrop{background:#091E4299;backdrop-filter:blur(3px)}
.bma-dh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px 20px}
.bma-dh h3{font:500 22px/1.2 var(--bma-font-heading)!important;letter-spacing:0!important;margin:0}
.bma-dbody{padding:0 16px 16px;overflow:auto;max-height:calc(100dvh - 100px)}
.bma-view img,.bma-view svg{display:block;max-width:100%;height:auto;margin:auto}
.bma-stage{background:var(--bma-sunk);border-radius:14px;padding:14px;display:grid;place-items:center;overflow:auto}
.bma-sc{--pad:34px;padding:var(--pad);min-width:min(100%,360px);width:max-content;max-width:100%;transition:padding .2s}
.bma-sc[data-bg=sky]{background:linear-gradient(135deg,#CFE1FD,#85B8FF)}.bma-sc[data-bg=ocean]{background:linear-gradient(135deg,#1D7AFC,#0C3A8C)}
.bma-sc[data-bg=violet]{background:linear-gradient(135deg,#8270DB,#352C63)}.bma-sc[data-bg=mint]{background:linear-gradient(135deg,#4BCE97,#1F845A 60%,#164B35)}
.bma-sc[data-bg=sunset]{background:linear-gradient(135deg,#F5CD47,#E56910 55%,#AE2E24)}.bma-sc[data-bg=slate]{background:linear-gradient(135deg,#2C3E5D,#091E42)}
.bma-win{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #091E4255,0 0 0 1px #ffffff55;background:#FBFAF6;color:#253858;--bma-t-fg:#253858;--bma-t-kw:#6E5DC6;--bma-t-str:#1F845A;--bma-t-num:#C25100;--bma-t-com:#7F8CA3;--bma-t-fn:#0C66E4;--bma-t-ty:#1D7F8C;--bma-t-at:#946F00;--bma-t-var:#C9372C;--bma-t-hl:#0C66E41A}
.bma-sc[data-th=night] .bma-win{background:#0F1A2E;color:#C7D1DB;--bma-t-fg:#C7D1DB;--bma-t-kw:#B8ACF6;--bma-t-str:#7EE2B8;--bma-t-num:#FEA362;--bma-t-com:#7A889C;--bma-t-fn:#85B8FF;--bma-t-ty:#8BDBE5;--bma-t-at:#F5CD47;--bma-t-var:#FD9891;--bma-t-hl:#579DFF26}
.bma-win__bar{display:flex;align-items:center;padding:12px 14px;gap:7px;position:relative}
.bma-win__bar i{width:11px;height:11px;border-radius:50%;background:#F87168}.bma-win__bar i:nth-child(2){background:#F5CD47}.bma-win__bar i:nth-child(3){background:#4BCE97}
.bma-win__bar span{position:absolute;left:0;right:0;text-align:center;font:500 12px var(--bma-font-code);opacity:.6;pointer-events:none}
.bma-win pre{margin:0;padding:4px 0 18px;font:400 13px/1.7 var(--bma-font-code);color:var(--bma-t-fg);background:none;border:0}
.bma-win code{display:block;counter-reset:l;min-width:max-content}
.bma-sc[data-ln=off] .bma-ln:before{display:none}.bma-sc[data-ln=off] .bma-ln{padding-left:18px}.bma-sc[data-ln=off] .bma-ln.is-hl{border-left-color:transparent}
.bma-mk{display:flex;justify-content:space-between;margin-top:14px;font:500 11px var(--bma-font-code);color:#fffc;letter-spacing:.04em}
.bma-sc[data-bg=sky] .bma-mk{color:#172B4Dcc}.bma-sc[data-bg=sunset] .bma-mk{color:#fff}
.bma-ctrl{display:grid;gap:14px;margin-top:14px}.bma-ctrl h6{font:500 11px var(--bma-font-code);letter-spacing:.07em;text-transform:uppercase;color:var(--bma-muted);margin:0 0 6px}
.bma-sw{display:flex;gap:8px;flex-wrap:wrap}.bma-sw button{width:34px;height:34px;border-radius:10px;border:2px solid transparent;outline:1px solid var(--bma-line);cursor:pointer}.bma-sw button.on{border-color:var(--bma-surface);outline:2px solid var(--bma-accent)}
.bma-sw [data-v=sky]{background:linear-gradient(135deg,#CFE1FD,#85B8FF)}.bma-sw [data-v=ocean]{background:linear-gradient(135deg,#1D7AFC,#0C3A8C)}.bma-sw [data-v=violet]{background:linear-gradient(135deg,#8270DB,#352C63)}.bma-sw [data-v=mint]{background:linear-gradient(135deg,#4BCE97,#1F845A)}.bma-sw [data-v=sunset]{background:linear-gradient(135deg,#F5CD47,#E56910)}.bma-sw [data-v=slate]{background:linear-gradient(135deg,#2C3E5D,#091E42)}
.bma-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.bma-acts .bma-btn{flex:1;min-width:140px}
.bma-btn.is-ghost{background:var(--bma-sunk);color:var(--bma-ink)!important}.bma-btn.is-ghost:hover{background:var(--bma-line)}

/* ---------- dock / chat / note / toast ---------- */
/* Innomight AI Search plugin: make its follow-up chat look native here */
body .innomight-search{--innomight-accent:var(--bma-accent);--is-line:var(--bma-line);--is-soft:var(--bma-sunk);--is-tint:var(--bma-accent-soft);background-color:var(--bma-surface);color:var(--bma-body);font-family:var(--bma-font-ui);border-radius:18px;box-shadow:var(--bma-shadow)}
body .innomight-search__title{color:var(--bma-ink);font-family:var(--bma-font-ui);letter-spacing:-.01em}
body .innomight-search__form{background:var(--bma-bg)}
body .innomight-search__form input{color:var(--bma-ink);font-family:var(--bma-font-ui)}
body .innomight-search__body code,body .innomight-search__body pre{font-family:var(--bma-font-code)}
.bma-toast{position:fixed;left:50%;top:70px;transform:translate(-50%,-10px);background:var(--bma-surface);color:var(--bma-ink);border:1px solid var(--bma-line);box-shadow:var(--bma-shadow);padding:10px 16px;border-radius:99px;font:500 13px var(--bma-font-ui);z-index:200;opacity:0;pointer-events:none;transition:.25s}.bma-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- comments ---------- */
.wp-block-comments{max-width:var(--bma-measure);margin:48px auto 0;font:15px/1.6 var(--bma-font-ui)}
.wp-block-comments h2{font-size:1.5rem}
.wp-block-comment-template{padding:0;list-style:none}
.wp-block-comment-content{color:var(--bma-body)}
.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{background:var(--bma-surface);border:1px solid var(--bma-line);border-radius:10px;padding:10px 12px;color:var(--bma-ink);width:100%}
.wp-block-post-comments-form .wp-block-button__link,.wp-block-post-comments-form input[type=submit]{background:var(--bma-accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:500 14px var(--bma-font-ui);cursor:pointer;width:auto}

/* ---------- ≥720px ---------- */
@media (min-width:720px){
 :root{--bma-gutter:var(--bma-gutter-d)}
 .bma-actions__sub{display:inline-flex}
 .bma-hero{padding:72px 0 30px}
 .bma-cbtn .lb{display:inline}
 .bma-cards{grid-template-columns:repeat(3,1fr)}
 .bma-item{grid-template-columns:minmax(0,1fr) 180px;gap:32px}
 .bma-item .wp-block-post-excerpt{display:block}
 .bma-ctrl{grid-template-columns:repeat(4,auto);justify-content:start;gap:24px}
 .bma-cta__in{padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.bma-cta p{margin-top:0}
 .bma-foot{flex-direction:row;justify-content:space-between;align-items:flex-start}
}
@media (min-width:1100px){
 .bma-hero{padding-top:84px}
 .bma-feat{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
 .bma-feat__txt{padding-top:0}
}
/* desktop table-of-contents rail */
@media (min-width:1340px){
 body:not(.bma-has-side-post) .bma-toc-wrap{position:absolute;top:0;bottom:0;left:calc(50% - var(--bma-measure)/2 - 280px);width:200px;max-width:none;margin:0}
 body:not(.bma-has-side-post) .bma-toc{position:sticky;top:calc(var(--bma-hh) + 28px);background:none;border:0;padding:0}
 body:not(.bma-has-side-post) .bma-toc summary{pointer-events:none;list-style:none;margin-bottom:6px}body:not(.bma-has-side-post) .bma-toc summary::-webkit-details-marker{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.bma-hdr,#bma-progress,.bma-cta,.bma-footer,.bma-toc-wrap{display:none!important}.bma-cb__bar{display:none}}

/* terms, callouts, misc blocks */
.bma-item__meta .wp-block-post-terms a,.bma-crumb .wp-block-post-terms a{color:var(--bma-accent);text-decoration:none}
.bma-item__meta .wp-block-post-date,.bma-crumb .wp-block-post-date{color:var(--bma-muted)}
.bma-item__meta>*,.bma-crumb>*{margin:0}
.bma-callout{background:var(--bma-accent-soft);border:1px solid color-mix(in srgb,var(--bma-accent) 30%,transparent);border-left:4px solid var(--bma-accent);border-radius:var(--bma-r);padding:1rem 1.25rem;font:16px/1.6 var(--bma-font-ui);color:var(--bma-ink)}
.bma-callout p{margin:0}.bma-callout p+p{margin-top:.6em}
.bma-note{font-size:14px}
.bma-comments{max-width:var(--bma-measure);margin:48px auto 0}
.bma-comment{padding:16px 0;border-top:1px solid var(--bma-line)}
.bma-page-head{max-width:var(--bma-measure);margin:0 auto;padding:34px 0 6px}
.bma-404{padding:80px 0;text-align:left;max-width:40rem;margin-inline:auto}
@media (min-width:720px){.bma-hdr__in{gap:16px}.bma-hdr__in .wp-block-navigation{order:0;margin:0 auto}.bma-hdr__in .bma-brand{margin-right:0}.bma-hdr__in .bma-actions{order:3}}

/* WordPress adds block-gap margins between siblings of flow-layout groups; our flex rows manage their own spacing. */
.bma-hdr__in>*,.bma-item__meta>*,.bma-crumb>*,.bma-byline>*,.bma-end>*{margin-block:0!important}
.bma-hdr .wp-block-group{margin-block:0}
.is-layout-flow>.bma-hero,.is-layout-flow>.bma-feat,.is-layout-flow>.bma-chips{margin-block-start:revert-layer}

/* ---------- widget areas ---------- */
.bma-widgets--banner{background:var(--bma-accent-soft);border-bottom:1px solid var(--bma-line);font:14px/1.5 var(--bma-font-ui);color:var(--bma-ink);text-align:center}
.bma-widgets--banner .bma-wrap{padding-block:8px}.bma-widgets--banner .bma-widget{margin:0}.bma-widgets--banner p{margin:0}
.bma-widget{font:15px/1.55 var(--bma-font-ui);color:var(--bma-body);margin:0 0 32px}.bma-widget:last-child{margin-bottom:0}
.bma-widget__title{font:500 11px/1.3 var(--bma-font-code)!important;letter-spacing:.07em;text-transform:uppercase;color:var(--bma-muted);margin:0 0 12px!important;padding-bottom:10px;border-bottom:1px solid var(--bma-line)}
.bma-widget ul,.bma-widget ol{list-style:none;margin:0;padding:0}
.bma-widget li{padding:6px 0;border-bottom:1px solid var(--bma-line-soft)}.bma-widget li:last-child{border-bottom:0}
.bma-widget a{color:var(--bma-ink);text-decoration:none}.bma-widget a:hover{color:var(--bma-accent)}
.bma-widget img{border-radius:var(--bma-r);height:auto}
.bma-widget input[type=search],.bma-widget input[type=text],.bma-widget input[type=email]{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--bma-line);border-radius:10px;background:var(--bma-surface);color:var(--bma-ink)}
.bma-widget .wp-block-tag-cloud a{display:inline-block;border:1px solid var(--bma-line);padding:3px 10px;border-radius:99px;margin:0 6px 6px 0;font-size:12px!important}
.bma-widgets--after-post{max-width:var(--bma-measure);margin:48px auto 0}
.bma-widgets--footer{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:40px 0 8px;border-bottom:1px solid var(--bma-line);margin-bottom:24px}
.bma-cols>*+*{margin-top:48px}
@media (min-width:1100px){
 .bma-has-side-post .bma-cols,.bma-has-side-home .bma-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--bma-side);gap:56px;align-items:start}
 .bma-has-side-post .bma-cols>*+*,.bma-has-side-home .bma-cols>*+*{margin-top:0}
 .bma-has-side-post .bma-widgets--post-sidebar{padding-top:34px}
 .bma-has-side-post .bma-prose .alignwide,.bma-has-side-post .bma-prose .alignfull{max-width:100%!important;margin-inline:0!important}
}

/* Full-width blocks (e.g. an embedded notebook) stay inside the article. With the TOC rail beside the text, wide and full blocks overhang the column by 4rem a side, which clears the rail. */
.bma-single .bma-prose .alignfull{max-width:min(100%,var(--bma-wide))!important;margin-inline:auto!important}
@media (min-width:1340px){
 body:not(.bma-has-side-post) .bma-single .bma-prose .alignwide,body:not(.bma-has-side-post) .bma-single .bma-prose .alignfull{max-width:calc(var(--bma-measure) + 8rem)!important}
}