/* ============================================================ BABI TONHELA — BLOG STYLES "B de Business" Blog · Dark Theme Depends on:design-system.css ============================================================ *//* ================================================================ 1. BLOG ARCHIVE HERO ================================================================ */.bt-blog-archive{position:relative;padding:var(--space-4xl) 0 var(--space-2xl);background:var(--bt-grad-dark-depth);overflow:hidden;text-align:center;}.bt-blog-archive::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%, rgba(255, 45, 138, 0.06) 0%, transparent 60%);pointer-events:none;}.bt-blog-archive__inner{position:relative;z-index:2;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg);}.bt-blog-archive__badge{margin-bottom:var(--space-md);}.bt-blog-archive__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem, 5vw, 2.8rem);text-transform:uppercase;letter-spacing:-0.03em;line-height:1;color:var(--bt-white);margin-bottom:var(--space-md);word-wrap:break-word;overflow-wrap:break-word;}.bt-blog-archive__subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--bt-silver);line-height:1.7;margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;}/* ── Archive Search ── */.bt-blog-archive__search{max-width:520px;margin:0 auto var(--space-2xl);}.bt-blog-archive__search-form{display:flex;gap:var(--space-sm);}.bt-blog-archive__search-input{flex:1;padding:0.875rem 1.25rem;background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);color:var(--bt-white);font-family:var(--font-body);font-size:0.9375rem;transition:border-color var(--transition-fast);}.bt-blog-archive__search-input:focus{outline:none;border-color:var(--bt-magenta-hot);box-shadow:0 0 0 3px rgba(255, 45, 138, 0.1);}.bt-blog-archive__search-input::placeholder{color:var(--bt-smoke);}.bt-blog-archive__search-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 1.25rem;background:var(--bt-magenta-hot);color:var(--bt-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);}.bt-blog-archive__search-btn:hover{background:var(--bt-magenta-electric);box-shadow:var(--shadow-magenta-glow);}.bt-blog-archive__search-btn svg{width:20px;height:20px;}/* ── Blog Hero (index.php) Search — keeps input + button on one row ── */.bt-blog-hero{padding:var(--space-3xl) 0 var(--space-2xl);background:var(--bt-void);text-align:center;}.bt-blog-hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem, 6vw, 4rem);font-weight:800;letter-spacing:-0.02em;line-height:1;color:var(--bt-white);margin-bottom:var(--space-md);}.bt-blog-hero__subtitle{color:var(--bt-silver);font-size:1.0625rem;line-height:1.7;max-width:540px;margin:0 auto var(--space-xl);}.bt-blog-hero__search{display:flex;align-items:stretch;gap:0;max-width:520px;margin:0 auto;border:1px solid var(--bt-steel);border-radius:var(--radius-md);overflow:hidden;background:var(--bt-iron);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);}.bt-blog-hero__search:focus-within{border-color:var(--bt-magenta-hot);box-shadow:0 0 0 3px rgba(255, 45, 138, 0.12);}.bt-blog-hero__search .bt-input{flex:1;padding:0.875rem 1.125rem;background:transparent;border:none;border-radius:0;color:var(--bt-white);font-family:var(--font-body);font-size:0.9375rem;min-width:0;}.bt-blog-hero__search .bt-input:focus{outline:none;box-shadow:none;}.bt-blog-hero__search .bt-input::placeholder{color:var(--bt-smoke);}.bt-blog-hero__search .bt-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 1.125rem;background:var(--bt-magenta-hot);color:var(--bt-white);border:none;border-radius:0;cursor:pointer;transition:background var(--transition-fast);}.bt-blog-hero__search .bt-btn:hover{background:var(--bt-magenta-electric);}.bt-blog-hero__search .bt-btn svg{display:block;width:20px;height:20px;}@media (max-width:480px){.bt-blog-hero__search{flex-direction:column;border-radius:var(--radius-md);}.bt-blog-hero__search .bt-btn{border-radius:0 0 var(--radius-md) var(--radius-md);}}/* ── Category Filter Tabs ── */.bt-blog-archive__filters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);}.bt-blog-archive__filter{display:inline-block;font-family:var(--font-mono);font-size:0.75rem;font-weight:400;text-transform:uppercase;letter-spacing:0.1em;padding:0.5em 1.1em;border-radius:var(--radius-full);background:var(--bt-iron);border:1px solid var(--bt-steel);color:var(--bt-silver);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;}.bt-blog-archive__filter:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.06);}.bt-blog-archive__filter.is-active,.bt-blog-archive__filter--active{background:rgba(255, 45, 138, 0.12);border-color:var(--bt-magenta-hot);color:var(--bt-magenta-hot);}@media (max-width:640px){.bt-blog-archive{padding:var(--space-3xl) 0 var(--space-xl);}.bt-blog-archive__search-form{flex-direction:column;}.bt-blog-archive__filters{gap:var(--space-xs);}.bt-blog-archive__filter{font-size:0.6875rem;padding:0.4em 0.9em;}}/* ================================================================ 2. POST CARDS ================================================================ */.bt-post-card{display:flex;flex-direction:column;background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);text-decoration:none;color:inherit;}.bt-post-card:hover{border-color:rgba(255, 45, 138, 0.25);transform:translateY(-3px);box-shadow:var(--shadow-magenta-glow);}/* ── Thumbnail ── */.bt-post-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bt-iron);}.bt-post-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.bt-post-card:hover .bt-post-card__thumb img{transform:scale(1.04);}.bt-post-card__thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.4) 100%);pointer-events:none;}/* ── Post Card Placeholder (no thumbnail) ── */.bt-post-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.015) 2px, rgba(255, 255, 255, 0.015) 4px ), linear-gradient(135deg, var(--bt-iron) 0%, var(--bt-graphite) 100%);color:var(--bt-ash);}.bt-post-card__placeholder svg{opacity:0.4;}/* ── Category badge on thumbnail ── */.bt-post-card__category{position:absolute;top:var(--space-md);left:var(--space-md);z-index:2;}/* ── Card Body ── */.bt-post-card__body{display:flex;flex-direction:column;flex:1;padding:var(--space-lg);}.bt-post-card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;text-transform:uppercase;line-height:1.2;color:var(--bt-white);margin-bottom:var(--space-sm);transition:color var(--transition-fast);}.bt-post-card:hover .bt-post-card__title{color:var(--bt-magenta-hot);}.bt-post-card__excerpt{font-size:0.9375rem;color:var(--bt-silver);line-height:1.6;margin-bottom:var(--space-lg);flex:1;/* Clamp to ~150 characters / 3 lines */ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}/* ── Card Footer / Meta ── */.bt-post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-smoke);padding-top:var(--space-md);border-top:1px solid var(--bt-steel);margin-top:auto;}.bt-post-card__date{color:var(--bt-smoke);}.bt-post-card__reading-time{color:var(--bt-smoke);}.bt-post-card__reading-time::before{content:'';display:inline-block;width:3px;height:3px;background:var(--bt-smoke);border-radius:50%;vertical-align:middle;margin-right:0.5em;}/* ── Post Card Variants ── *//* Featured / large card */.bt-post-card--featured{grid-column:1 / -1;}.bt-post-card--featured .bt-post-card__thumb{aspect-ratio:21 / 9;}.bt-post-card--featured .bt-post-card__title{font-size:1.5rem;}/* Horizontal card for sidebar / related */.bt-post-card--horizontal{flex-direction:row;}.bt-post-card--horizontal .bt-post-card__thumb{width:140px;min-width:140px;aspect-ratio:auto;}.bt-post-card--horizontal .bt-post-card__body{padding:var(--space-md);}.bt-post-card--horizontal .bt-post-card__title{font-size:0.9375rem;}.bt-post-card--horizontal .bt-post-card__excerpt{display:none;}/* Compact card (sidebar popular posts) */.bt-post-card--compact{flex-direction:row;background:transparent;border:none;border-radius:0;padding:var(--space-md) 0;border-bottom:1px solid var(--bt-steel);}.bt-post-card--compact:hover{border-color:var(--bt-steel);transform:none;box-shadow:none;}.bt-post-card--compact .bt-post-card__thumb{width:72px;min-width:72px;height:72px;aspect-ratio:auto;border-radius:var(--radius-sm);}.bt-post-card--compact .bt-post-card__body{padding:0 0 0 var(--space-md);}.bt-post-card--compact .bt-post-card__title{font-size:0.875rem;margin-bottom:var(--space-xs);}.bt-post-card--compact .bt-post-card__excerpt{display:none;}.bt-post-card--compact .bt-post-card__meta{border-top:none;padding-top:0;justify-content:flex-start;}/* ================================================================ 3. BLOG LAYOUT (Two-Column) ================================================================ */.bt-layout-blog{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-2xl);max-width:var(--container-wide);margin:0 auto;padding:var(--space-2xl) var(--space-lg);}.bt-layout-blog__main{min-width:0;}.bt-layout-blog__sidebar{min-width:0;}/* ── Posts Grid within main column ── */.bt-posts-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-xl);}.bt-posts-grid--single-col{grid-template-columns:1fr;}/* ── Posts List (alternative to grid) ── */.bt-posts-list{display:flex;flex-direction:column;gap:var(--space-xl);}@media (max-width:1024px){.bt-layout-blog{grid-template-columns:1fr;gap:var(--space-2xl);}.bt-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media (max-width:768px){.bt-posts-grid{grid-template-columns:1fr;}}@media (max-width:640px){.bt-layout-blog{padding:var(--space-xl) var(--space-md);gap:var(--space-xl);}}/* ================================================================ 4. SIDEBAR ================================================================ */.bt-sidebar{position:sticky;top:calc(var(--space-xl) + 60px);/* Account for fixed header */ display:flex;flex-direction:column;gap:var(--space-xl);max-height:calc(100vh - 100px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}.bt-sidebar::-webkit-scrollbar{display:none;}/* ── Sidebar Widget ── */.bt-sidebar__widget{background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);padding:var(--space-xl);}.bt-sidebar__widget-title{font-family:var(--font-display);font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--bt-white);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--bt-steel);}/* ── Newsletter CTA Card ── */.bt-sidebar__newsletter{background:var(--bt-graphite);border:1px solid rgba(255, 45, 138, 0.15);border-radius:var(--radius-md);padding:var(--space-xl);position:relative;overflow:hidden;}.bt-sidebar__newsletter::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--bt-grad-chromatic);}.bt-sidebar__newsletter-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255, 45, 138, 0.1);border-radius:var(--radius-md);color:var(--bt-magenta-hot);margin-bottom:var(--space-md);}.bt-sidebar__newsletter-icon svg{width:20px;height:20px;}.bt-sidebar__newsletter-title{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-xs);}.bt-sidebar__newsletter-desc{font-size:0.875rem;color:var(--bt-silver);line-height:1.6;margin-bottom:var(--space-lg);}.bt-sidebar__newsletter-form{display:flex;flex-direction:column;gap:var(--space-sm);}.bt-sidebar__newsletter-input{width:100%;padding:0.75rem 1rem;background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);color:var(--bt-white);font-family:var(--font-body);font-size:0.875rem;transition:border-color var(--transition-fast);}.bt-sidebar__newsletter-input:focus{outline:none;border-color:var(--bt-magenta-hot);box-shadow:0 0 0 3px rgba(255, 45, 138, 0.1);}.bt-sidebar__newsletter-input::placeholder{color:var(--bt-smoke);}/* ── Categories List ── */.bt-sidebar__categories{list-style:none;padding:0;margin:0;}.bt-sidebar__categories li{border-bottom:1px solid var(--bt-steel);}.bt-sidebar__categories li:last-child{border-bottom:none;}.bt-sidebar__categories a{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;color:var(--bt-fog);font-size:0.9375rem;text-decoration:none;transition:color var(--transition-fast);}.bt-sidebar__categories a:hover{color:var(--bt-magenta-hot);}.bt-sidebar__categories-count{font-family:var(--font-mono);font-size:0.6875rem;color:var(--bt-smoke);background:var(--bt-iron);padding:0.15em 0.5em;border-radius:var(--radius-sm);}/* ── Popular Posts ── */.bt-sidebar__popular{list-style:none;padding:0;margin:0;}.bt-sidebar__popular li:last-child .bt-post-card--compact{border-bottom:none;}@media (max-width:1024px){.bt-sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;gap:var(--space-lg);}.bt-sidebar__widget, .bt-sidebar__newsletter{flex:1 1 calc(50% - var(--space-md));min-width:280px;}}@media (max-width:640px){.bt-sidebar{flex-direction:column;}.bt-sidebar__widget, .bt-sidebar__newsletter{flex:1 1 100%;min-width:0;}}/* ================================================================ 5. SINGLE POST ================================================================ *//* ── Reading Progress Bar (positioning) ── */.bt-progress--single{position:fixed;top:0;left:0;right:0;height:3px;z-index:1100;background:rgba(255, 255, 255, 0.04);}/* ── Featured Image Hero (single.php) ── */.bt-single__hero{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg);}.bt-single__hero-img{border-radius:var(--radius-md);overflow:hidden;}.bt-single__hero-img img{width:100%;height:auto;display:block;object-fit:cover;}.bt-single__hero-overlay{display:none;}/* ── Featured Image Hero (legacy) ── */.bt-single-hero{position:relative;width:100%;min-height:400px;max-height:560px;overflow:hidden;display:flex;align-items:flex-end;}.bt-single-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.bt-single-hero__overlay{position:absolute;inset:0;background:linear-gradient( 180deg, rgba(8, 8, 8, 0.2) 0%, rgba(8, 8, 8, 0.6) 60%, rgba(8, 8, 8, 0.95) 100% );pointer-events:none;}.bt-single-hero__content{position:relative;z-index:2;width:100%;max-width:var(--container-narrow);margin:0 auto;padding:var(--space-2xl) var(--space-lg) var(--space-xl);}/* ── No hero / fallback ── */.bt-single-hero--no-image{min-height:auto;padding:var(--space-4xl) 0 var(--space-xl);background:var(--bt-grad-dark-depth);}.bt-single-hero--no-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 20%, rgba(255, 45, 138, 0.04) 0%, transparent 60%);pointer-events:none;}/* ── Article Header ── */.bt-article-header{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-2xl) var(--space-lg) 0;}.bt-article-header--hero{padding-top:0;}.bt-article-header__category{margin-bottom:var(--space-md);}.bt-article-header__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem, 3.5vw, 2.2rem);text-transform:uppercase;letter-spacing:-0.02em;line-height:1.1;color:var(--bt-white);margin-bottom:var(--space-lg);word-wrap:break-word;overflow-wrap:break-word;}.bt-article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-silver);}.bt-article-header__meta-item{display:inline-flex;align-items:center;gap:0.4em;}.bt-article-header__meta-item svg{width:14px;height:14px;opacity:0.6;}.bt-article-header__meta-divider{width:3px;height:3px;border-radius:50%;background:var(--bt-smoke);}.bt-article-header__author-link{color:var(--bt-magenta-hot);text-decoration:none;transition:color var(--transition-fast);}.bt-article-header__author-link:hover{color:var(--bt-magenta-glow);}/* ── Single Post Layout (with TOC sidebar) ── */.bt-layout-single{display:grid;grid-template-columns:1fr 260px;gap:var(--space-2xl);max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) var(--space-lg);align-items:start;}.bt-layout-single__main{min-width:0;}.bt-layout-single__aside{min-width:0;}@media (max-width:1024px){.bt-layout-single{grid-template-columns:1fr;max-width:var(--container-narrow);}.bt-layout-single__aside{display:none;/* Desktop TOC hidden;mobile TOC shows instead */}}@media (max-width:640px){.bt-layout-single{padding:var(--space-xl) var(--space-md);}}/* ── Article Content Area ── */.bt-article-content{max-width:var(--container-narrow);font-size:1.0625rem;line-height:1.8;color:var(--bt-bone);}.bt-article-content > * + *{margin-top:var(--space-lg);}.bt-article-content h2{margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-top:var(--space-md);scroll-margin-top:80px;}.bt-article-content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md);scroll-margin-top:80px;}.bt-article-content h4{margin-top:var(--space-xl);margin-bottom:var(--space-sm);scroll-margin-top:80px;}.bt-article-content p{margin-bottom:var(--space-md);}.bt-article-content ul,.bt-article-content ol{padding-left:var(--space-xl);margin:var(--space-lg) 0;}.bt-article-content ul{list-style:disc;}.bt-article-content ol{list-style:decimal;}.bt-article-content li{margin-bottom:var(--space-sm);color:var(--bt-bone);}.bt-article-content li::marker{color:var(--bt-magenta-hot);}.bt-article-content a{color:var(--bt-magenta-hot);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast);}.bt-article-content a:hover{color:var(--bt-magenta-glow);}.bt-article-content img{border-radius:var(--radius-md);margin:var(--space-xl) 0;}.bt-article-content figure{margin:var(--space-xl) 0;}.bt-article-content figcaption{font-family:var(--font-mono);font-size:0.75rem;color:var(--bt-smoke);text-align:center;margin-top:var(--space-sm);}.bt-article-content blockquote{border-left:3px solid var(--bt-magenta-hot);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:rgba(255, 45, 138, 0.03);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--bt-fog);}.bt-article-content blockquote p:last-child{margin-bottom:0;}.bt-article-content pre{background:var(--bt-carbon);border:1px solid var(--bt-steel);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-xl) 0;font-size:0.875rem;line-height:1.6;}.bt-article-content pre code{background:none;padding:0;font-size:inherit;}.bt-article-content table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;}.bt-article-content th,.bt-article-content td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--bt-steel);}.bt-article-content th{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-silver);background:var(--bt-graphite);}/* ── Inline CTA Boxes ([bt_cta] shortcode) ── */.bt-cta-box{padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid rgba(255, 255, 255, 0.06);margin:var(--space-2xl) 0;}.bt-cta-box .bt-badge{margin-bottom:var(--space-md);}.bt-cta-box__title{font-size:1.25rem;margin-top:var(--space-sm);margin-bottom:var(--space-sm);color:var(--bt-white);}.bt-cta-box__desc{color:var(--bt-silver);line-height:1.7;margin-bottom:var(--space-xl);font-size:1rem;}.bt-cta-box__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;}.bt-cta-box__image img{width:100%;border-radius:var(--radius-md);display:block;}.bt-cta-box--lead-magnet{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-2xl);align-items:center;}@media (max-width:640px){.bt-cta-box--lead-magnet{grid-template-columns:1fr;}}/* ── Gutenberg blocks with custom background colors ── Prevents white headings (inherited from dark theme globals) from being illegible when post editor sets a light background color. Only applies when the editor did NOT explicitly define a text color (has-text-color absent), so dark-bg blocks with white text stay correct. ── */.bt-article-content .has-background:not(.has-text-color),.bt-article-content [style*="background-color"]:not(.has-text-color){padding:var(--space-lg);border-radius:var(--radius-md);color:var(--bt-carbon);}.bt-article-content .has-background:not(.has-text-color) h1,.bt-article-content .has-background:not(.has-text-color) h2,.bt-article-content .has-background:not(.has-text-color) h3,.bt-article-content .has-background:not(.has-text-color) h4,.bt-article-content .has-background:not(.has-text-color) h5,.bt-article-content .has-background:not(.has-text-color) h6,.bt-article-content [style*="background-color"]:not(.has-text-color) h1,.bt-article-content [style*="background-color"]:not(.has-text-color) h2,.bt-article-content [style*="background-color"]:not(.has-text-color) h3,.bt-article-content [style*="background-color"]:not(.has-text-color) h4,.bt-article-content [style*="background-color"]:not(.has-text-color) h5,.bt-article-content [style*="background-color"]:not(.has-text-color) h6{color:var(--bt-carbon);}.bt-article-content .has-background:not(.has-text-color) p,.bt-article-content .has-background:not(.has-text-color) li,.bt-article-content [style*="background-color"]:not(.has-text-color) p,.bt-article-content [style*="background-color"]:not(.has-text-color) li{color:var(--bt-carbon);}/* ── "Leia Também" inline reference box ── */.bt-leia-tambem{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-left:3px solid var(--bt-magenta-hot);border-radius:0 var(--radius-md) var(--radius-md) 0;}.bt-leia-tambem__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-magenta-hot);white-space:nowrap;padding-top:0.15em;}.bt-leia-tambem__link{font-size:0.9375rem;color:var(--bt-bone);text-decoration:none;line-height:1.5;transition:color var(--transition-fast);}.bt-leia-tambem__link:hover{color:var(--bt-magenta-hot);}/* ── Mobile Table of Contents (Collapsible) ── */.bt-toc-mobile{display:none;background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);margin-bottom:var(--space-xl);overflow:hidden;}.bt-toc-mobile__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-silver);}.bt-toc-mobile__toggle-icon{width:20px;height:20px;transition:transform var(--transition-base);}.bt-toc-mobile.is-open .bt-toc-mobile__toggle-icon{transform:rotate(180deg);}.bt-toc-mobile__list{max-height:0;overflow:hidden;transition:max-height var(--transition-slow);}.bt-toc-mobile.is-open .bt-toc-mobile__list{max-height:600px;}.bt-toc-mobile__list-inner{padding:0 var(--space-lg) var(--space-lg);}@media (max-width:1024px){.bt-toc-mobile{display:block;}}/* ── Desktop Table of Contents (Sticky Sidebar) ── */.bt-toc{position:sticky;top:calc(var(--space-xl) + 80px);}.bt-toc__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);margin-bottom:var(--space-md);}.bt-toc__list{list-style:none;padding:0;margin:0;border-left:1px solid var(--bt-steel);}.bt-toc__item{position:relative;}.bt-toc__link{display:block;padding:var(--space-xs) var(--space-md);font-size:0.8125rem;color:var(--bt-smoke);text-decoration:none;line-height:1.5;border-left:2px solid transparent;margin-left:-1px;transition:all var(--transition-fast);}.bt-toc__link:hover{color:var(--bt-fog);}/* Indented h3 items */.bt-toc__link--sub{padding-left:var(--space-xl);font-size:0.75rem;}/* Active state highlighting */.bt-toc__link.is-active,.bt-toc__link--active{color:var(--bt-magenta-hot);border-left-color:var(--bt-magenta-hot);}/* ── Tags Section ── */.bt-article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xl) 0;border-top:1px solid var(--bt-steel);margin-top:var(--space-2xl);}.bt-article-tags__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);margin-right:var(--space-xs);}.bt-article-tags__tag{display:inline-block;font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;padding:0.35em 0.8em;border-radius:var(--radius-full);background:var(--bt-iron);border:1px solid var(--bt-steel);color:var(--bt-silver);text-decoration:none;transition:all var(--transition-fast);}.bt-article-tags__tag:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.06);}/* ── Social Share Buttons ── */.bt-share{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;border-top:1px solid rgba(255, 255, 255, 0.06);margin-top:var(--space-xl);}.bt-share__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);white-space:nowrap;}.bt-share__buttons{display:flex;align-items:center;gap:var(--space-sm);}.bt-share__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bt-iron);border:1px solid var(--bt-steel);color:var(--bt-silver);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;}.bt-share__btn:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.08);}.bt-share__btn svg{width:18px;height:18px;}/* Share link variants (used in single.php) */.bt-share__links{display:flex;gap:var(--space-sm);}.bt-share__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.08);color:var(--bt-silver);background:transparent;cursor:pointer;transition:all 0.3s ease;text-decoration:none;}.bt-share__link:hover{color:var(--bt-magenta-hot);border-color:var(--bt-magenta-hot);transform:translateY(-2px);}.bt-share__link svg{width:18px;height:18px;}.bt-share__btn--copy.is-copied{color:var(--bt-success);border-color:rgba(34, 197, 94, 0.3);}@media (max-width:640px){.bt-share{flex-direction:column;align-items:flex-start;gap:var(--space-sm);}}/* ── Single Post Tags ── */.bt-single__tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-lg) 0;border-top:1px solid rgba(255, 255, 255, 0.06);}.bt-single__tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);}/* ── Single Post Share ── */.bt-single__share{padding:var(--space-lg) 0;border-top:1px solid rgba(255, 255, 255, 0.06);}.bt-single__share-btns{display:flex;align-items:center;gap:var(--space-sm);}.bt-single__share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(255, 255, 255, 0.08);background:transparent;color:var(--bt-fog);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);text-decoration:none;}.bt-single__share-btn:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.08);}.bt-single__share-btn svg{width:18px;height:18px;}/* ── Single Post Feedback ── */.bt-single__feedback{padding:var(--space-xl);background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);margin:var(--space-xl) 0;text-align:center;}.bt-single__feedback-btns{display:flex;align-items:center;justify-content:center;gap:var(--space-md);}.bt-single__feedback-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid rgba(255, 255, 255, 0.08);background:transparent;color:var(--bt-fog);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);}.bt-single__feedback-btn:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.08);}.bt-single__feedback-thanks{color:var(--bt-success);font-size:0.875rem;margin-top:var(--space-md);}/* ── Article Feedback (Thumbs Up / Down) ── */.bt-feedback{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);margin:var(--space-xl) 0;}.bt-feedback__question{font-family:var(--font-body);font-size:0.9375rem;color:var(--bt-fog);flex:1;}.bt-feedback__actions{display:flex;gap:var(--space-sm);}.bt-feedback__btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4em;padding:0.5rem 1rem;background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);color:var(--bt-silver);font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:all var(--transition-fast);}.bt-feedback__btn:hover{border-color:rgba(255, 45, 138, 0.3);color:var(--bt-magenta-hot);}.bt-feedback__btn.is-selected{background:rgba(255, 45, 138, 0.1);border-color:var(--bt-magenta-hot);color:var(--bt-magenta-hot);}.bt-feedback__btn svg{width:16px;height:16px;}.bt-feedback__thanks{display:none;font-family:var(--font-mono);font-size:0.75rem;color:var(--bt-success);text-transform:uppercase;letter-spacing:0.1em;}.bt-feedback.is-submitted .bt-feedback__actions{display:none;}.bt-feedback.is-submitted .bt-feedback__thanks{display:block;}@media (max-width:640px){.bt-feedback{flex-direction:column;text-align:center;gap:var(--space-md);}}/* ── Author Box ── */.bt-author-box{display:flex;gap:var(--space-xl);padding:var(--space-xl);background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);margin:var(--space-2xl) 0;}.bt-author-box__avatar{flex-shrink:0;}.bt-author-box__avatar img{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bt-steel);}.bt-author-box__info{flex:1;min-width:0;}.bt-author-box__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);margin-bottom:var(--space-xs);}.bt-author-box__name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-sm);}.bt-author-box__name a{color:var(--bt-white);text-decoration:none;transition:color var(--transition-fast);}.bt-author-box__name a:hover{color:var(--bt-magenta-hot);}.bt-author-box__bio{font-size:0.9375rem;color:var(--bt-silver);line-height:1.6;margin-bottom:var(--space-md);}.bt-author-box__social{display:flex;align-items:center;gap:var(--space-sm);}.bt-author-box__social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--bt-smoke);transition:all var(--transition-fast);text-decoration:none;}.bt-author-box__social-link:hover{color:var(--bt-magenta-hot);background:rgba(255, 45, 138, 0.08);}.bt-author-box__social-link svg{width:16px;height:16px;}@media (max-width:640px){.bt-author-box{flex-direction:column;align-items:center;text-align:center;}.bt-author-box__social{justify-content:center;}}/* ── Related Posts ── */.bt-related-posts{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--bt-steel);}.bt-related-posts__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-xl);}.bt-related-posts__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-xl);}@media (max-width:1024px){.bt-related-posts__grid{grid-template-columns:repeat(2, 1fr);}}@media (max-width:640px){.bt-related-posts__grid{grid-template-columns:1fr;}}/* ================================================================ 6. COMMENTS SECTION ================================================================ */.bt-comments{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--bt-steel);}.bt-comments__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-xl);}.bt-comments__count{color:var(--bt-magenta-hot);}/* ── Comment Form ── */.bt-comment-form{background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl);}.bt-comment-form__title{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-lg);}.bt-comment-form__fields{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md);margin-bottom:var(--space-md);}.bt-comment-form__field{display:flex;flex-direction:column;gap:var(--space-xs);}.bt-comment-form__field--full{grid-column:1 / -1;}.bt-comment-form__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-silver);}.bt-comment-form__input,.bt-comment-form__textarea{width:100%;padding:0.75rem 1rem;background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);color:var(--bt-white);font-family:var(--font-body);font-size:0.9375rem;transition:border-color var(--transition-fast);}.bt-comment-form__input:focus,.bt-comment-form__textarea:focus{outline:none;border-color:var(--bt-magenta-hot);box-shadow:0 0 0 3px rgba(255, 45, 138, 0.1);}.bt-comment-form__input::placeholder,.bt-comment-form__textarea::placeholder{color:var(--bt-smoke);}.bt-comment-form__textarea{min-height:120px;resize:vertical;}.bt-comment-form__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-lg);}.bt-comment-form__guidelines{font-size:0.8125rem;color:var(--bt-smoke);}@media (max-width:640px){.bt-comment-form__fields{grid-template-columns:1fr;}.bt-comment-form__footer{flex-direction:column;align-items:flex-start;}}/* ── Comment List ── */.bt-comment-list{list-style:none;padding:0;margin:0;}.bt-comment{padding:var(--space-xl) 0;border-bottom:1px solid var(--bt-steel);}.bt-comment:last-child{border-bottom:none;}.bt-comment__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}.bt-comment__avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;background:var(--bt-steel);flex-shrink:0;}.bt-comment__meta{flex:1;min-width:0;}.bt-comment__author{font-family:var(--font-body);font-size:0.9375rem;font-weight:500;color:var(--bt-white);}.bt-comment__date{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-smoke);}.bt-comment__body{color:var(--bt-bone);font-size:0.9375rem;line-height:1.7;margin-bottom:var(--space-md);}.bt-comment__body p:last-child{margin-bottom:0;}.bt-comment__reply-link{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-magenta-hot);text-decoration:none;transition:color var(--transition-fast);}.bt-comment__reply-link:hover{color:var(--bt-magenta-glow);}/* ── Nested / Reply comments ── */.bt-comment__children{list-style:none;padding:0;margin-left:var(--space-2xl);border-left:2px solid var(--bt-steel);}.bt-comment__children .bt-comment{padding-left:var(--space-lg);}.bt-comment__children .bt-comment__avatar{width:32px;height:32px;}@media (max-width:640px){.bt-comment__children{margin-left:var(--space-md);}.bt-comment__children .bt-comment{padding-left:var(--space-md);}}/* ================================================================ 7. PAGINATION ================================================================ */.bt-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl) 0;}.bt-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-sm);font-family:var(--font-mono);font-size:0.8125rem;color:var(--bt-silver);background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);}.bt-pagination__item:hover{color:var(--bt-magenta-hot);border-color:rgba(255, 45, 138, 0.3);background:rgba(255, 45, 138, 0.06);}.bt-pagination__item--current,.bt-pagination__item.is-active{background:var(--bt-magenta-hot);border-color:var(--bt-magenta-hot);color:var(--bt-white);}.bt-pagination__item--current:hover,.bt-pagination__item.is-active:hover{background:var(--bt-magenta-electric);border-color:var(--bt-magenta-electric);color:var(--bt-white);}.bt-pagination__item--disabled{opacity:0.3;pointer-events:none;}.bt-pagination__item--prev,.bt-pagination__item--next{font-size:0;}.bt-pagination__item--prev svg,.bt-pagination__item--next svg{width:18px;height:18px;}.bt-pagination__dots{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;font-family:var(--font-mono);font-size:0.8125rem;color:var(--bt-smoke);}/* ── Load More Button (alternative to pagination) ── */.bt-load-more{display:flex;justify-content:center;padding:var(--space-2xl) 0;}.bt-load-more__btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0.875rem 2rem;font-family:var(--font-mono);font-size:0.8125rem;font-weight:400;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-magenta-hot);background:transparent;border:2px solid var(--bt-magenta-hot);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);}.bt-load-more__btn:hover{background:rgba(255, 45, 138, 0.1);color:var(--bt-magenta-glow);border-color:var(--bt-magenta-glow);box-shadow:var(--shadow-magenta-glow);}.bt-load-more__btn.is-loading{pointer-events:none;opacity:0.6;}.bt-load-more__btn .bt-spinner{display:none;}.bt-load-more__btn.is-loading .bt-spinner{display:inline-block;}@media (max-width:640px){.bt-pagination{gap:var(--space-xs);}.bt-pagination__item{min-width:36px;height:36px;font-size:0.75rem;}}/* ================================================================ 8. SEARCH RESULTS PAGE ================================================================ */.bt-search-results{position:relative;padding:var(--space-3xl) 0 var(--space-xl);background:var(--bt-grad-dark-depth);text-align:center;}.bt-search-results__inner{position:relative;z-index:2;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg);}.bt-search-results__label{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);margin-bottom:var(--space-sm);}.bt-search-results__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem, 3.5vw, 2rem);text-transform:uppercase;letter-spacing:-0.02em;color:var(--bt-white);margin-bottom:var(--space-md);word-wrap:break-word;overflow-wrap:break-word;}.bt-search-results__query{color:var(--bt-magenta-hot);}.bt-search-results__count{font-family:var(--font-mono);font-size:0.8125rem;color:var(--bt-silver);margin-bottom:var(--space-xl);}.bt-search-results__form{max-width:520px;margin:0 auto;}.bt-search-results__form .bt-blog-archive__search-form{justify-content:center;}/* ── No Results State ── */.bt-search-no-results{text-align:center;padding:var(--space-4xl) var(--space-lg);}.bt-search-no-results__icon{width:64px;height:64px;margin:0 auto var(--space-xl);color:var(--bt-smoke);opacity:0.5;}.bt-search-no-results__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);margin-bottom:var(--space-md);}.bt-search-no-results__text{color:var(--bt-silver);font-size:1rem;line-height:1.7;max-width:480px;margin:0 auto var(--space-xl);}/* ── Search highlight in results ── */.bt-search-highlight{background:rgba(255, 45, 138, 0.15);color:var(--bt-magenta-hot);padding:0.1em 0.2em;border-radius:2px;}/* ================================================================ 9. CATEGORY ARCHIVE ================================================================ */.bt-category-archive{position:relative;padding:var(--space-3xl) 0 var(--space-xl);background:var(--bt-grad-dark-depth);text-align:center;}.bt-category-archive::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%, rgba(255, 45, 138, 0.04) 0%, transparent 60%);pointer-events:none;}.bt-category-archive__inner{position:relative;z-index:2;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg);}.bt-category-archive__badge{margin-bottom:var(--space-md);}.bt-category-archive__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem, 4vw, 2.4rem);text-transform:uppercase;letter-spacing:-0.02em;line-height:1.1;color:var(--bt-white);margin-bottom:var(--space-md);word-wrap:break-word;overflow-wrap:break-word;}.bt-category-archive__description{font-size:1.0625rem;color:var(--bt-silver);line-height:1.7;max-width:600px;margin:0 auto var(--space-lg);}.bt-category-archive__count{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);}/* ================================================================ 10. POST-BOTTOM NAVIGATION (Prev / Next) ================================================================ */.bt-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-xl) 0;border-top:1px solid var(--bt-steel);margin-top:var(--space-xl);}.bt-post-nav__item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--bt-graphite);border:1px solid rgba(255, 255, 255, 0.06);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);}.bt-post-nav__item:hover{border-color:rgba(255, 45, 138, 0.2);box-shadow:var(--shadow-magenta-glow);}.bt-post-nav__item--prev{text-align:left;}.bt-post-nav__item--next{text-align:right;}.bt-post-nav__label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--bt-smoke);}.bt-post-nav__title{font-family:var(--font-display);font-size:0.9375rem;font-weight:700;text-transform:uppercase;color:var(--bt-white);line-height:1.2;transition:color var(--transition-fast);}.bt-post-nav__item:hover .bt-post-nav__title{color:var(--bt-magenta-hot);}@media (max-width:640px){.bt-post-nav{grid-template-columns:1fr;}.bt-post-nav__item--next{text-align:left;}}/* ================================================================ 11. WORDPRESS COMPATIBILITY & OVERRIDES ================================================================ *//* WP default classes within blog context */.bt-layout-blog .sticky .bt-post-card{border-color:rgba(255, 45, 138, 0.2);}.bt-layout-blog .sticky .bt-post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--bt-grad-chromatic);}/* WP comment reply form */#respond{margin-top:var(--space-xl);}#cancel-comment-reply-link{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--bt-magenta-hot);margin-left:var(--space-md);}/* WP required fields */.comment-form .required{color:var(--bt-magenta-hot);}/* WP password-protected post */.post-password-form{max-width:400px;margin:var(--space-3xl) auto;text-align:center;}.post-password-form input[type="password"]{width:100%;padding:0.75rem 1rem;background:var(--bt-iron);border:1px solid var(--bt-steel);border-radius:var(--radius-md);color:var(--bt-white);font-family:var(--font-body);font-size:0.9375rem;margin:var(--space-md) 0;}.post-password-form input[type="password"]:focus{outline:none;border-color:var(--bt-magenta-hot);box-shadow:0 0 0 3px rgba(255, 45, 138, 0.1);}.post-password-form input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.75rem;font-family:var(--font-mono);font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.1em;background:var(--bt-magenta-hot);color:var(--bt-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);}.post-password-form input[type="submit"]:hover{background:var(--bt-magenta-electric);box-shadow:var(--shadow-magenta-glow);}/* ================================================================ 12. ANIMATIONS & TRANSITIONS ================================================================ *//* Post card staggered entrance */@keyframes bt-fade-up{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.bt-post-card[data-animate]{opacity:0;animation:bt-fade-up 0.5s ease forwards;}.bt-post-card[data-animate]:nth-child(1){animation-delay:0ms;}.bt-post-card[data-animate]:nth-child(2){animation-delay:80ms;}.bt-post-card[data-animate]:nth-child(3){animation-delay:160ms;}.bt-post-card[data-animate]:nth-child(4){animation-delay:240ms;}.bt-post-card[data-animate]:nth-child(5){animation-delay:320ms;}.bt-post-card[data-animate]:nth-child(6){animation-delay:400ms;}/* Skeleton loading state */.bt-post-card--skeleton .bt-post-card__thumb,.bt-post-card--skeleton .bt-post-card__title,.bt-post-card--skeleton .bt-post-card__excerpt,.bt-post-card--skeleton .bt-post-card__meta{background:var(--bt-iron);border-radius:var(--radius-sm);animation:bt-skeleton-pulse 1.5s ease-in-out infinite;}.bt-post-card--skeleton .bt-post-card__title{height:1.25rem;width:80%;}.bt-post-card--skeleton .bt-post-card__excerpt{height:3rem;width:100%;}@keyframes bt-skeleton-pulse{0%, 100%{opacity:0.4;}50%{opacity:0.8;}}/* ================================================================ 13. PRINT STYLES ================================================================ */@media print{.bt-blog-archive, .bt-sidebar, .bt-share, .bt-feedback, .bt-toc, .bt-toc-mobile, .bt-pagination, .bt-load-more, .bt-post-nav, .bt-related-posts, .bt-progress, .bt-progress--single{display:none !important;}.bt-layout-blog, .bt-layout-single{display:block;}.bt-article-content{max-width:100%;color:#000;}.bt-article-content a{color:#000;text-decoration:underline;}.bt-article-content a::after{content:' (' attr(href) ')';font-size:0.8em;}.bt-post-card{break-inside:avoid;border:1px solid #ccc;box-shadow:none;}.bt-author-box{border:1px solid #ccc;background:#fff;}}/* ================================================================ BLOG UX REFINEMENTS ================================================================ *//* ── Category Filter Bar ── */.bt-category-filter{padding:var(--space-lg) 0;border-bottom:1px solid rgba(255, 255, 255, 0.04);}.bt-category-filter__nav{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;}.bt-category-filter__nav .bt-badge{padding:8px 16px;border-radius:20px;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;}.bt-category-filter__nav .bt-badge:hover{border-color:var(--bt-magenta-hot);color:var(--bt-magenta-hot);}/* ── Post Grid — Increased Gap ── */.bt-layout-blog .bt-post-grid{gap:var(--space-2xl);}/* ── Post Cards — Better Border Radius & Hover ── */.bt-post-card{border-radius:12px;}.bt-post-card:hover{box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);}/* ── Post Card Title — Larger ── */.bt-post-card__title{font-size:1.2rem;}/* ── Post Card Excerpt — Better Line Height ── */.bt-post-card__excerpt{line-height:1.7;}/* ── Blog Hero Search — Better Styling ── */.bt-blog-hero__search{border-radius:8px;}.bt-blog-hero__search:focus-within{border-color:rgba(233, 30, 140, 0.4);}/* ── Sidebar Newsletter — Improved ── */.bt-sidebar-widget--newsletter{border-radius:12px;}.bt-sidebar-widget--newsletter .bt-input{border-radius:8px;padding:0.875rem 1rem;}/* ── Sidebar Categories — Better Spacing ── */.bt-sidebar-categories{list-style:none;margin:0;padding:0;}.bt-sidebar-categories__item{margin-bottom:0;}.bt-sidebar-categories__item a{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;color:var(--bt-fog);text-decoration:none;font-size:0.9375rem;font-weight:500;line-height:1.8;border-bottom:1px solid rgba(255, 255, 255, 0.04);transition:color var(--transition-fast);}.bt-sidebar-categories__item a:hover{color:var(--bt-magenta-hot);}.bt-sidebar-categories__count{font-family:var(--font-mono);font-size:0.75rem;color:var(--bt-smoke);background:rgba(255, 255, 255, 0.04);padding:2px 8px;border-radius:10px;}/* ── Sidebar Recent Posts ── */.bt-sidebar-recent{list-style:none;margin:0;padding:0;}.bt-sidebar-recent__item a{display:block;padding:var(--space-sm) 0;color:var(--bt-fog);text-decoration:none;font-size:0.9375rem;font-weight:500;line-height:1.6;border-bottom:1px solid rgba(255, 255, 255, 0.04);transition:color var(--transition-fast);}.bt-sidebar-recent__item a:hover{color:var(--bt-magenta-hot);}