/* V2.7: every rule is scoped to the server-authorized variant. */
html.ha27-active,html.ha27-active body{
 --bg-primary:#09090b;--bg-body:#09090b;--bg-secondary:#141416;--bg-surface:#19191c;--bg-surface-hover:#232327;--bg-elevated:#202023;--bg-tertiary:#202023;--bg-header:#09090b;
 --border:#29292d;--border-hover:#4975bc;--text-primary:#f7f7f8;--text-secondary:#a1a1aa;--text-tertiary:#9696a0;--text-muted:#9696a0;
 --accent:#3b7eff;--primary:#3b7eff;--accent-hover:#548fff;--accent-text:#9bbdff;--accent-muted:#1a2942;
 --glass-surface:#19191c;--glass-elevated:#202023;--glass-border:#323238;--glass-shadow:none;--glass-highlight:none;--media-surface:#141416;
 --ha-v2-panel:#19191c;--ha-v2-soft:#172034;--ha-v2-outline:#334b73;--ha-modal-solid:#19191c;--ha-modal-solid-elevated:#202023;--ha-modal-solid-control:#202023;
 --radius-lg:24px;--ha27-surface:#19191c;--ha27-bg:#09090b;--ha27-text:#f7f7f8;--ha27-muted:#a1a1aa;--ha27-line:#29292d;--ha27-blue:#9bbdff;
 background:var(--bg-body)!important;color:var(--text-primary)!important;color-scheme:dark;
}
html.ha27-active body{font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;overflow-x:clip}
/* Complete palettes live on both root and body: inherited legacy tokens cannot retain a dark value in light mode. */
html.ha27-active[data-theme=light],html.ha27-active[data-theme=light] body{
 --bg-primary:#fafbfe;--bg-body:#fafbfe;--bg-secondary:#f1f4f9;--bg-surface:#fff;--bg-surface-hover:#edf2fa;--bg-elevated:#f1f4f9;--bg-tertiary:#f1f4f9;--bg-header:#fafbfe;
 --border:#dce2ec;--border-hover:#9cb6df;--text-primary:#192235;--text-secondary:#526078;--text-tertiary:#5d6b82;--text-muted:#5d6b82;
 --accent:#245ac5;--primary:#245ac5;--accent-hover:#1948a8;--accent-text:#245ac5;--accent-muted:#e9f0ff;
 --glass-surface:#fff;--glass-elevated:#f1f4f9;--glass-border:#dce2ec;--glass-shadow:none;--glass-highlight:none;--media-surface:#eef2f8;
 --ha-v2-panel:#fff;--ha-v2-soft:#edf2fc;--ha-v2-outline:#c5d6f2;--ha-modal-solid:#fff;--ha-modal-solid-elevated:#f1f4f9;--ha-modal-solid-control:#fff;
 --ha27-surface:#fff;--ha27-bg:#fafbfe;--ha27-text:#192235;--ha27-muted:#526078;--ha27-line:#dce2ec;--ha27-blue:#245ac5;
 background:var(--bg-body)!important;color:var(--text-primary)!important;color-scheme:light;
}
html.ha27-active body .container{width:100%;max-width:1440px!important;margin-inline:auto;padding-inline:32px!important;box-sizing:border-box}
html.ha27-active body .site-header{background:var(--ha27-bg)!important;border-bottom:1px solid var(--ha27-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html.ha27-active body .header-inner{min-height:76px!important;gap:24px!important}
html.ha27-active body .nav-link{background:transparent!important;border:0!important;color:var(--ha27-muted)!important;font-size:.88rem!important;box-shadow:none!important}
html.ha27-active body .nav-link:hover,html.ha27-active body .nav-link.active{color:var(--ha27-text)!important}
html.ha27-active body .btn{border-radius:999px!important;box-shadow:none!important;transition:background-color .18s,border-color .18s!important}
html.ha27-active body .btn-primary{background:#3b7eff!important;color:#fff!important;border-color:#3b7eff!important}
html.ha27-active body .btn-primary:hover{background:#548fff!important}
html.ha27-active body .section{padding-block:68px!important;background:transparent!important}
html.ha27-active body .section-header{align-items:flex-end!important;gap:24px!important;margin-bottom:30px!important}
html.ha27-active body .section-title h2{font-size:clamp(1.35rem,2.2vw,2rem)!important;letter-spacing:-.04em;font-weight:900!important}
html.ha27-active body .section-title h2>svg{display:none}
html.ha27-active body .section-title p{color:var(--ha27-muted)!important;line-height:2!important}
html.ha27-active body .section-link{border:1px solid var(--ha27-line)!important;background:var(--ha27-surface)!important;padding:12px 20px!important;border-radius:999px!important;color:var(--ha27-text)!important;white-space:nowrap;font-weight:750}
.ha27-hero{padding:82px 0 65px;background:var(--ha27-bg);overflow:hidden}
html.ha27-active body .ha27-hero-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;max-width:1380px!important;min-height:475px}
.ha27-hero-copy{text-align:right;min-width:0;position:relative;z-index:1}
.ha27-hero-note{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--ha27-line);border-radius:30px 30px 8px 30px;background:var(--ha27-surface);padding:9px 13px;font-size:.79rem;font-weight:750;color:var(--ha27-text);text-decoration:none;margin-bottom:24px}
.ha27-note-star{display:grid;place-items:center;background:#3277f5;color:#fff;width:25px;height:25px;border-radius:50%;font-size:18px}
.ha27-eyebrow{display:block;font-size:.8rem;font-weight:800;letter-spacing:0;color:var(--ha27-blue);margin-bottom:15px}
html.ha27-active .ha27-hero h1{font-size:clamp(2.7rem,4.9vw,4.8rem)!important;line-height:1.27!important;font-weight:950!important;letter-spacing:-.065em;color:var(--ha27-text)!important;margin:0 0 23px!important}
.ha27-hero h1 span{color:var(--ha27-blue)}
.ha27-hero-copy>p{font-size:1.06rem;line-height:2.15;color:var(--ha27-muted);max-width:490px;margin:0 0 27px}
.ha27-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.ha27-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:55px;padding:0 25px;background:var(--ha27-surface);border:1px solid var(--ha27-line);border-radius:999px;color:var(--ha27-text);font-size:.95rem;font-weight:850;text-decoration:none;transition:background .18s,transform .18s;box-sizing:border-box}
.ha27-button:hover{background:var(--bg-elevated);transform:translateY(-1px)}
.ha27-button-primary{background:#3b7eff;border-color:#3b7eff;color:#fff;box-shadow:0 6px 20px #246af22b}
.ha27-button-primary:hover{background:#548fff;color:#fff}
.ha27-hero-copy>p.ha27-hero-caption{font-size:.72rem;color:var(--text-muted);margin:19px 0 0}
.ha27-hero-visual{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1}
.ha27-orb{width:min(100%,450px);height:auto;position:relative;filter:drop-shadow(0 24px 45px #07112780)}
.ha27-orb-halo{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(ellipse,#2655ac30,transparent 72%)}
.ha27-orb-tag{position:absolute;display:flex;align-items:center;gap:9px;background:var(--ha27-surface);border:1px solid var(--ha27-line);border-radius:14px;padding:11px 15px;font-size:.75rem;color:var(--ha27-text);box-shadow:0 8px 30px #0002}
.ha27-orb-tag-one{bottom:17%;right:0;transform:rotate(-5deg)}.ha27-orb-tag-two{top:16%;left:0;transform:rotate(5deg)}.ha27-orb-tag-two span{color:var(--ha27-blue);font-size:20px}.ha27-orb-tag i{width:6px;height:6px;background:#7cacff;border-radius:50%}
.ha27-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;min-width:0;align-items:stretch}
.ha27-card{position:relative;display:flex;flex-direction:column;isolation:isolate;min-width:0;overflow:hidden;border:1px solid var(--ha27-line);border-radius:24px;background:var(--ha27-surface);transition:border-color .2s,transform .2s;box-shadow:none;text-align:right}
.ha27-card:hover{border-color:#679cfa70;transform:translateY(-3px)}
.ha27-card:focus-within{border-color:var(--ha27-blue)}
.ha27-card-media{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#101015;flex:none}
.ha27-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ha27-card:hover .ha27-card-media img{transform:scale(1.025)}
.ha27-badge{position:absolute;top:9px;padding:4px 9px;border-radius:999px;font-size:.65rem;font-weight:850;line-height:1.6;color:#fff;background:#08080bc9;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ha27-category{right:9px;max-width:57%}.ha27-discount,.ha27-label{left:9px;max-width:39%;background:#326ee1}.ha27-label{background:#3b3b43}
.ha27-card-info{display:flex;flex-direction:column;flex:1;padding:11px 15px 13px;min-width:0}
html.ha27-active .ha27-card h3{font-size:.98rem!important;font-weight:900!important;line-height:1.8!important;letter-spacing:-.025em;margin:0 0 12px!important;color:var(--ha27-text)!important}
.ha27-card-title{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
/* The title is a full-card target; the action retains its own keyboard target. */
.ha27-card-title::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit}
.ha27-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;min-height:36px}
.ha27-price{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--ha27-text);font-size:.79rem;font-weight:850;line-height:1.7;overflow-wrap:anywhere}
.ha27-price del{font-size:.66rem;font-weight:500;color:var(--ha27-muted)}
.ha27-price .currency{color:var(--ha27-muted);font-weight:500;font-size:.65rem}
.ha27-card-arrow{position:relative;z-index:2;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#3978e31c;color:var(--ha27-blue);text-decoration:none;transition:background .18s}
.ha27-card-arrow:hover{background:#3978e338}
.ha27-card.is-unavailable .ha27-price{color:var(--ha27-muted)}
html.ha27-active :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ha27-blue);outline-offset:4px}
html.ha27-active body .ha27-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.ha27-active body .site-footer{background:var(--ha27-bg)!important;border-top:1px solid var(--ha27-line)!important;box-shadow:none!important}
html.ha27-active body :is(.article-card,.video-card,.tool-card,.course-card){border:1px solid var(--ha27-line)!important;box-shadow:none!important;border-radius:20px!important;background:var(--ha27-surface)!important}
html.ha27-active body .hero-bg{display:none!important}
html.ha27-active body [data-animate]{opacity:1!important;transform:none!important;animation:none!important}
@media(max-width:1239px){.ha27-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ha27-hero{padding-top:55px}.ha27-orb-tag{font-size:.66rem;padding:9px 11px}html.ha27-active body .ha27-hero-layout{gap:4%}}
@media(min-width:1240px) and (max-width:1399px){.ha27-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:899px){.ha27-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.ha27-active body .ha27-hero-layout{grid-template-columns:1.2fr 1fr;gap:10px;min-height:380px}.ha27-orb-tag{display:none}.ha27-hero-copy>p{font-size:.94rem}.ha27-button{padding-inline:19px;min-height:49px;font-size:.84rem}html.ha27-active .ha27-hero h1{font-size:2.9rem!important}.ha27-hero-note{font-size:.65rem}}
@media(max-width:639px){html.ha27-active body .container{padding-inline:18px!important}.ha27-hero{padding:30px 0 10px}html.ha27-active body .ha27-hero-layout{display:flex;flex-direction:column;gap:10px;min-height:0}.ha27-hero-copy{width:100%}.ha27-hero-note{margin-bottom:20px;font-size:.7rem}html.ha27-active .ha27-hero h1{font-size:clamp(2.65rem,10vw,3.5rem)!important;line-height:1.35!important}.ha27-hero-copy>p{font-size:.94rem;margin-bottom:21px}.ha27-hero-visual{width:260px;align-self:center;margin-top:3px}.ha27-hero-actions{gap:9px}.ha27-button{font-size:.85rem;min-height:50px;padding-inline:20px;gap:13px}html.ha27-active body .section{padding-block:36px!important}html.ha27-active body .section-header{align-items:start!important;gap:14px!important;margin-bottom:22px!important;flex-wrap:wrap!important}html.ha27-active body .section-link{padding:8px 14px!important;font-size:.76rem!important}.ha27-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.ha27-card{border-radius:19px}.ha27-card-info{padding:10px 11px 11px}html.ha27-active .ha27-card h3{font-size:.87rem!important;margin-bottom:10px!important}.ha27-price{font-size:.73rem}.ha27-price del{font-size:.6rem}.ha27-badge{font-size:.58rem;padding:3px 6px;top:7px}.ha27-category{right:7px}.ha27-discount,.ha27-label{left:7px}.ha27-card-arrow{width:30px;height:30px;flex-basis:30px}.ha27-card-arrow::before{content:'';position:absolute;inset:-7px}.ha27-card-bottom{gap:5px;min-height:36px}html.ha27-active body .ha27-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:359px){html.ha27-active body .container{padding-inline:12px!important}.ha27-grid{gap:8px!important}.ha27-card-info{padding-inline:8px}.ha27-price{font-size:.67rem}.ha27-card-arrow{width:28px;height:28px;flex-basis:28px}.ha27-discount{max-width:45%}.ha27-category{max-width:50%}}
@media(hover:none){.ha27-card:hover{transform:none}.ha27-card:hover .ha27-card-media img{transform:none}}
@media(prefers-reduced-motion:reduce){html.ha27-active *,html.ha27-active *::before,html.ha27-active *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html.ha27-active body .site-header .nav-menu{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;gap:5px!important}
.ha27-category{max-width:calc(60% - 14px)}.ha27-discount,.ha27-label{max-width:calc(40% - 14px)}

/* V2.7.1 — native RTL carousel, only on the homepage. Shop/related grids stay grids. */
html.ha27-active body.page-home .ha27-grid{
 --ha27-slots:5;--ha27-step:5;--ha27-gap:16px;display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ha27-slots) - 1)*var(--ha27-gap))/var(--ha27-slots));gap:var(--ha27-gap)!important;
 overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;padding-block:5px 13px;align-items:stretch;min-width:0;max-width:100%;
}
html.ha27-active body.page-home .ha27-grid>.ha27-card{scroll-snap-align:start;scroll-snap-stop:normal;transform:none!important}
.ha27-carousel{min-width:0;position:relative}
.ha27-carousel-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--text-secondary);font-size:.77rem}
.ha27-carousel-buttons{display:flex;gap:8px;align-items:center}
.ha27-carousel-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;color:var(--text-primary);background:var(--bg-surface);cursor:pointer;transition:background .18s,border-color .18s}
.ha27-carousel-button:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}
.ha27-carousel-button:disabled{opacity:.4;cursor:default}
.ha27-carousel-button svg{width:18px;height:18px}
.ha27-carousel-dots{display:flex;gap:3px;align-items:center}
.ha27-carousel-dot{display:grid;place-items:center;width:26px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--text-tertiary)}
.ha27-carousel-dot::after{content:'';width:6px;height:6px;border-radius:999px;background:currentColor;transition:width .18s}
.ha27-carousel-dot[aria-current=true]{color:var(--accent)}.ha27-carousel-dot[aria-current=true]::after{width:19px}
.ha27-carousel-tools[hidden],.ha27-carousel-button[hidden]{display:none!important}
.ha27-carousel-status{font-variant-numeric:tabular-nums}
@media(max-width:999px) and (min-width:640px){html.ha27-active body.page-home .ha27-grid{--ha27-slots:3;--ha27-step:3}}
@media(max-width:639px){
 html.ha27-active body.page-home .ha27-grid{--ha27-step:1;--ha27-gap:12px;grid-auto-columns:78%;scroll-snap-type:x mandatory}
 .ha27-carousel-tools{margin-top:6px;gap:8px}.ha27-carousel-dots{display:none}.ha27-carousel-button{width:44px;height:44px}
 .ha27-hero{padding:23px 0 18px}.ha27-hero-visual{display:none}
 html.ha27-active body .ha27-hero-layout{display:block!important;min-height:0!important}
 .ha27-hero-note{font-size:.67rem;padding:7px 10px;margin-bottom:15px;gap:8px}.ha27-note-star{width:22px;height:22px;font-size:16px}
 .ha27-eyebrow{font-size:.73rem;margin-bottom:10px}
 html.ha27-active .ha27-hero h1{font-size:clamp(2.15rem,9.4vw,2.9rem)!important;line-height:1.3!important;margin-bottom:14px!important;letter-spacing:-.045em}
 .ha27-hero-copy>p{font-size:.88rem;line-height:1.95;margin-bottom:20px;max-width:100%}
 .ha27-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .ha27-hero-actions .ha27-button{min-width:0;min-height:46px;padding-inline:9px;font-size:.79rem;gap:8px;white-space:nowrap}
 .ha27-hero-copy>p.ha27-hero-caption{display:none}
 html.ha27-active body .site-header .header-inner{min-height:64px!important;padding-block:8px!important;gap:10px!important}
 html.ha27-active body .site-header .brand-logo img{width:34px;height:34px}
 html.ha27-active body .section{padding-block:28px!important}
 html.ha27-active body .section-title h2{font-size:1.3rem!important}
 html.ha27-active body .section-title p{font-size:.79rem!important}
}
/* Light surfaces: override legacy glass layers and explicitly dark component shells. */
html.ha27-active[data-theme=light] body :is(.hero,.shop-hero,.courses-hero,.mag-editorial-hero,.activation-hero){background:var(--bg-body)!important;background-image:none!important;color:var(--text-primary)!important}
html.ha27-active[data-theme=light] body :is(.mobile-drawer,.search-modal,.search-modal-content,.modal-card,.purchase-modal-card,.purchase-choice,.ha-v2-bottom-nav,.mag-toolbar,.ha26-benefit,.courses-hero-card,.course-card,.product-details,.product-reviews,.comment-card,.comment-reply-card,.inline-reply-box,.auth-card,.dashboard-sidebar,.dashboard-content,.cart-item,.cart-summary,.checkout-summary){background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html.ha27-active[data-theme=light] body :is(.form-control,.hoosh-select-trigger,.hoosh-select-menu,.hoosh-select-option,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=submit])){background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important;color-scheme:light}
html.ha27-active[data-theme=light] body :is(.form-control,input,textarea)::placeholder{color:var(--text-secondary)!important;opacity:1}
html.ha27-active[data-theme=light] body :is(.btn-secondary,.btn-outline,.btn-ghost,.icon-btn,.product-overall-rating,.product-rating-field){background:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html.ha27-active[data-theme=light] body :is(.hero-badge,.section-badge,.category-badge,.article-v23-category){color:var(--accent-text)!important;background:var(--accent-muted)!important;border-color:var(--ha-v2-outline)!important}
html.ha27-active[data-theme=light] body :is(.video-card-media-fallback,.ha27-card-media){background:var(--media-surface)!important;color:var(--text-secondary)!important}
html.ha27-active[data-theme=light] body .product-sticky-bar{background:#fffffff2!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html.ha27-active[data-theme=light] body .video-play-btn{background:var(--accent)!important;color:#fff!important}
html.ha27-active[data-theme=light] .ha27-hero-note,html.ha27-active[data-theme=light] .ha27-orb-tag{box-shadow:0 4px 18px #1c3b6a0a}
html.ha27-active[data-theme=light] .ha27-orb{filter:drop-shadow(0 18px 35px #245ac520)}
html.ha27-active[data-theme=light] .ha27-admin-bar{background:#edf3ff;color:#192235;border-color:#c5d6f2}
html.ha27-active[data-theme=light] .ha27-admin-bar a{color:#245ac5}
@media(prefers-reduced-motion:reduce){html.ha27-active body.page-home .ha27-grid{scroll-behavior:auto!important}}
.ha27-carousel>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:639px){
 .ha27-hero-copy>.ha27-eyebrow{display:none}
 html.ha27-active body .ha27-products-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:10px!important;margin-bottom:16px!important}
 .ha27-products-heading .section-title p{display:none}.ha27-products-heading .ha27-eyebrow{margin-bottom:6px}
 html.ha27-active body .ha27-products-heading .section-link{font-size:.68rem!important;padding:9px 11px!important;gap:4px;min-height:40px}
 html.ha27-active body .ha27-products-heading h2{font-size:1.12rem!important}
}
html.ha27-active[data-theme=light] body .btn-primary,html.ha27-active[data-theme=light] .ha27-button-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
html.ha27-active[data-theme=light] body .btn-primary:hover,html.ha27-active[data-theme=light] .ha27-button-primary:hover{background:var(--accent-hover)!important}
html.ha27-active[data-theme=light] body :is(.badge-success,.activation-status.ready,.ha-form-alert.success){color:#176b3a!important}
html.ha27-active[data-theme=light] body :is(.badge-warning,.activation-status.waiting,.activation-warning strong){color:#805209!important}
html.ha27-active[data-theme=light] body .ha-form-alert.error{color:#b42318!important}
html.ha27-active[data-theme=light] #liquid-bg{opacity:.025!important}
/* V2.8: full-width editorial rows, skill library, related items and festival strip. */
html.ha27-active body.page-home .articles-grid{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;gap:20px!important;margin-inline:0!important}
html.ha27-active body.page-home .articles-grid>.article-card{width:100%!important;max-width:none!important;min-width:0!important}
html.ha27-active body.page-home .articles-grid .article-thumb{aspect-ratio:16/9!important;height:auto!important}
.ha28-related{padding-top:32px;margin-top:30px;border-top:1px solid var(--border);min-width:0}
html.ha27-active body .ha28-related-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.ha27-active .article-v22-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.ha27-active .article-v22-related-card{min-width:0;background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html.ha27-active .article-v22-related-copy h3{color:var(--text-primary)!important}
html.ha27-active .article-v22-related-category{color:var(--accent-text)!important;background:var(--accent-muted)!important}
html.ha27-active .article-v22-related-meta{color:var(--text-secondary)!important}
.ha28-skills-hero{padding:65px 0 30px}.ha28-skills-hero h1{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.5;letter-spacing:-.04em;margin-bottom:16px}.ha28-skills-hero p,.ha28-skill-detail>p{color:var(--text-secondary);line-height:2}
.ha28-skills-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px) auto;gap:12px;margin-bottom:28px;align-items:center}
.ha28-skills-filter input,.ha28-skills-filter select{min-width:0;min-height:48px;padding:10px 14px;border:1px solid var(--border);border-radius:14px}
.ha28-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ha28-skill-card{padding:25px;border:1px solid var(--border);background:var(--bg-surface);border-radius:22px;display:flex;flex-direction:column;min-width:0}
.ha28-skill-card h2{font-size:1.16rem;line-height:1.8;margin-bottom:12px;overflow-wrap:anywhere}.ha28-skill-card h2 a{color:var(--text-primary)}
.ha28-skill-card p{font-size:.86rem;line-height:1.95;color:var(--text-secondary);margin:0 0 24px;overflow-wrap:anywhere;white-space:pre-line}
.ha28-skill-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}.ha28-skill-actions .ha27-button{font-size:.82rem;min-height:45px;padding-inline:17px}
.ha28-download{color:var(--accent-text);font-weight:750;font-size:.79rem;min-height:44px;display:inline-flex;align-items:center}.ha28-skill-detail{max-width:1040px!important}.ha28-skill-detail h1{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.5;margin-bottom:16px;overflow-wrap:anywhere}.ha28-skill-detail>.ha28-skill-actions{margin:24px 0}
.ha28-back{display:inline-flex;margin-bottom:25px;color:var(--text-secondary);min-height:40px;align-items:center}.ha28-markdown{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font:14px/2.1 ui-monospace,Consolas,Vazirmatn,Tahoma,monospace;padding:25px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:20px;max-width:100%;text-align:start}.ha28-markdown code{font:inherit;color:inherit;background:transparent}
.ha28-empty{border:1px dashed var(--border);border-radius:20px;padding:35px;text-align:center;color:var(--text-secondary)}.ha28-empty h2{font-size:1.2rem;color:var(--text-primary)}
html.ha27-active .ha-festival{--fest-bg:var(--bg-elevated);--fest-fg:var(--text-primary);--fest-muted:var(--text-secondary);--fest-edge:var(--border);--fest-accent:var(--accent-text);--fest-button:var(--accent);--fest-button-fg:#fff;background:var(--fest-bg);background-image:none;border-bottom:1px solid var(--fest-edge)}
html.ha27-active .ha-festival-inner{gap:12px 18px;min-height:64px;padding-block:10px}
html.ha27-active .ha-festival-badge{border-radius:999px;background:var(--accent-muted);padding:5px 10px;flex-shrink:0}
html.ha27-active .ha-festival-cta{border-radius:999px;min-height:42px;font-size:.77rem;padding-inline:18px;background:var(--accent)}
html.ha27-active .ha-festival-code{border-radius:12px;background:var(--bg-surface);min-width:0;overflow-wrap:anywhere}
html.ha27-active .ha-festival-copy>div{min-width:0}html.ha27-active .ha-festival-title{font-size:.8rem}html.ha27-active .ha-festival-subtitle{font-size:.69rem}
html.ha27-active #ha21-an-consent{display:none!important}
@media(max-width:999px) and (min-width:640px){html.ha27-active body.page-home .articles-grid,.ha28-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 html.ha27-active .ha-festival-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-block:11px;align-items:center}
 html.ha27-active .ha-festival-copy{grid-column:1/-1;min-width:0;gap:9px;flex-basis:auto}
 html.ha27-active .ha-festival-offer{grid-column:1;grid-row:2;min-width:0;flex-wrap:wrap;gap:5px 9px;flex-basis:auto;max-width:100%}
 html.ha27-active .ha-festival-cta{grid-column:2;grid-row:2;margin:0;min-height:44px;padding:8px 15px;white-space:normal;text-align:center;max-width:132px;font-size:.72rem}
 html.ha27-active .ha-festival-time{grid-column:1/-1;grid-row:3;flex-direction:row;justify-content:center;gap:9px;margin:0;font-size:.65rem;min-width:0}
 html.ha27-active .ha-festival-time time{font-size:.8rem;overflow-wrap:anywhere}
 html.ha27-active .ha-festival-code{gap:6px;padding:7px 9px;min-height:44px;max-width:100%;flex-wrap:wrap}
 html.ha27-active .ha-festival-code bdi{font-size:.78rem;overflow-wrap:anywhere;min-width:0}
 html.ha27-active .ha-festival-product{max-width:100%;font-size:.72rem}
 html.ha27-active .ha-festival-status{grid-column:1/-1;min-width:0;font-size:.7rem}
}
@media(max-width:639px){
 html.ha27-active body.page-home .articles-grid,.ha28-skills-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html.ha27-active body .ha28-related-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.ha27-active .article-v22-related-grid{grid-template-columns:minmax(0,1fr)}
 .ha28-skills-hero{padding:30px 0 12px}.ha28-skills-hero h1{font-size:1.75rem}.ha28-skills-hero p{font-size:.86rem}
 .ha28-skills-filter{grid-template-columns:minmax(0,1fr) auto;gap:10px}.ha28-skills-filter input{grid-column:1/-1}.ha28-skills-filter select{width:100%}.ha28-skills-filter .ha27-button{min-height:48px;padding-inline:18px}
 .ha28-skill-card{padding:20px}.ha28-markdown{padding:17px;font-size:13px}.ha28-skill-detail>.ha28-skill-actions{gap:9px}.ha28-skill-actions [role=status]{flex-basis:100%;font-size:.8rem}
}
@media(max-width:380px){html.ha27-active .ha-festival-code>span:first-child{display:none}html.ha27-active .ha-festival-badge{font-size:.62rem;padding:4px 7px}html.ha27-active .ha-festival-subtitle{font-size:.65rem}}
@media(min-width:1051px) and (max-width:1240px){html.ha27-active .site-header .nav-menu{display:none!important}html.ha27-active .site-header #mobileMenuBtn{display:inline-flex!important}html.ha27-active .mobile-drawer{display:flex!important}html.ha27-active .mobile-overlay{display:block!important}}
/* Desktop scrollbar is hidden; native scrolling, arrows and keyboard still work. */
@media(min-width:1000px){html.ha27-active body.page-home .ha27-grid{scrollbar-width:none;-ms-overflow-style:none}html.ha27-active body.page-home .ha27-grid::-webkit-scrollbar{display:none;width:0;height:0}}
