/* ==========================================================================
   JoyWadi Theme — Main Stylesheet
   Version 2.0
   ========================================================================== */

/* 1. CSS Custom Properties */
@font-face{font-family:Inter;src:url("../fonts/inter/inter-variable.woff2") format("woff2-variations"),url("../fonts/inter/inter-400.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:92%;descent-override:22%;unicode-range:U+0000-024F}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal/tajawal-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{color-scheme:light;--color-primary:#ff7a00;--color-primary-strong:#e46500;--color-secondary:#2ea8e0;--color-accent:#ffc940;--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#e53935;--color-bg-primary:#fafaf7;--color-bg-secondary:#fff;--color-bg-tertiary:#eeeee9;--color-text-primary:#2a2a28;--color-text-secondary:#4a4a47;--color-text-muted:#71716c;--color-border:#d4d4ce;--color-dark:#0f2742;--font-inter:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-tajawal:"Tajawal","Inter",system-ui,sans-serif;--text-xs:clamp(.75rem,.7rem + .25vw,.8125rem);--text-sm:clamp(.875rem,.8rem + .375vw,.9375rem);--text-base:clamp(1.0625rem,1rem + .3vw,1.1875rem);--text-lg:clamp(1.25rem,1.16rem + .45vw,1.375rem);--text-xl:clamp(1.5rem,1.35rem + .75vw,2rem);--text-2xl:clamp(2rem,1.7rem + 1.5vw,3rem);--text-3xl:clamp(3rem,2.4rem + 3vw,5rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgb(15 39 66 / .04);--shadow-sm:0 2px 4px rgb(15 39 66 / .06),0 1px 2px rgb(15 39 66 / .04);--shadow-md:0 4px 12px rgb(15 39 66 / .08),0 2px 4px rgb(15 39 66 / .04);--shadow-lg:0 12px 24px rgb(15 39 66 / .1),0 4px 8px rgb(15 39 66 / .06);--transition-fast:150ms ease;--transition-base:250ms ease;--content-size:720px;--wide-size:1140px;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50}

/* 2. Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

/* 3. Base & Typography */
body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-inter);font-size:var(--text-base);line-height:1.75;text-rendering:optimizeLegibility}.lang-ar body,body.rtl{font-family:var(--font-tajawal);font-size:clamp(1.125rem,1.02rem + .45vw,1.25rem);line-height:1.85;letter-spacing:0}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl);line-height:1.2}h3{font-size:var(--text-xl);line-height:1.3}h4{font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);font-weight:700}h5{font-size:clamp(1.125rem,1.05rem + .35vw,1.25rem);font-weight:700}h6{font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lead{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.65}.eyebrow{color:var(--color-primary);font-size:var(--text-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.caption,figcaption{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.small-print{font-size:.8125rem}

/* 4. Fluid Type Scale */
.prose{max-width:68ch}.prose>*+*{margin-block-start:var(--space-lg)}.prose p,.prose ul,.prose ol{max-width:68ch}.prose p:first-of-type{font-size:var(--text-lg);color:var(--color-text-secondary)}.prose a{color:var(--color-dark);text-decoration-color:var(--color-primary);text-decoration-thickness:.12em}.prose a:hover{text-decoration-thickness:.22em}.prose blockquote{padding:var(--space-lg);border-inline-start:4px solid var(--color-primary);background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.pull-quote{max-width:900px;margin-inline:calc((68ch - 900px)/2);font-size:var(--text-xl)}.prose code{padding:.15em .35em;border-radius:var(--radius-xs);background:var(--color-bg-tertiary);font-size:.92em}.prose pre{overflow:auto;padding:var(--space-lg);border-radius:var(--radius-md);background:#111;color:#fff}.prose table{width:100%;border-collapse:collapse;box-shadow:var(--shadow-xs)}.prose th,.prose td{padding:var(--space-sm);border:1px solid var(--color-border)}.prose tr:nth-child(even){background:var(--color-bg-secondary)}.prose li::marker{color:var(--color-primary)}.heading-anchor{margin-inline-start:.4em;color:var(--color-primary);opacity:0;text-decoration:none}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}

/* 5. Layout System */
.container{width:min(100% - 2rem,var(--wide-size));margin-inline:auto}.container--narrow{max-width:var(--content-size)}.site-main{min-height:65vh;padding-block:var(--space-2xl)}.stack>*+*{margin-block-start:var(--space,var(--space-md))}.cluster{display:flex;flex-wrap:wrap;gap:var(--space,var(--space-sm));align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min-col,18rem)),1fr));gap:var(--space,var(--space-xl))}.frame{aspect-ratio:var(--ratio,16/9);overflow:hidden}.frame>*{width:100%;height:100%;object-fit:cover}.center{box-sizing:content-box;max-width:var(--measure,68ch);margin-inline:auto}.cover{display:flex;align-items:center;min-height:clamp(420px,60vh,720px)}.sidebar-layout{display:grid;gap:var(--space-2xl)}.section{padding-block:var(--space-3xl)}@media (min-width:64em){.sidebar-layout{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr) minmax(12rem,16rem);align-items:start}.sidebar-layout>.prose{grid-column:2}.sidebar-layout>.toc{grid-column:3}.sidebar-layout>.share-sticky{grid-column:1}.layout-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-2xl)}}

/* 6. Components */
.site-header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);background:color-mix(in srgb,var(--color-bg-primary) 94%,transparent);border-block-end:1px solid var(--color-border);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;gap:var(--space-md);min-height:72px}.site-branding{margin-inline-end:auto}.site-branding__title{color:var(--color-dark);font-size:1.25rem;font-weight:800;text-decoration:none}.site-branding__tagline{color:var(--color-text-muted);font-size:var(--text-sm)}.menu-toggle,.menu-close,.theme-toggle,.search-trigger,.search-submit,.back-to-top,.share-buttons__button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-dark);box-shadow:var(--shadow-xs)}.primary-navigation__drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--z-modal);width:min(88vw,360px);padding:var(--space-xl);background:var(--color-bg-secondary);box-shadow:var(--shadow-lg);transform:translateX(110%);transition:transform var(--transition-base)}.is-menu-open .primary-navigation__drawer{transform:translateX(0)}.is-menu-open{overflow:hidden}.joywadi-nav,.joywadi-nav__submenu,.footer-menu{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;margin:0;list-style:none}.joywadi-nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding-block:var(--space-xs);font-weight:800;text-decoration:none}.joywadi-nav__submenu{padding-inline-start:var(--space-md);margin-block-start:var(--space-xs)}.header-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-block-start:var(--space-lg)}.language-switcher{display:flex;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:800}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:800;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#111}.btn--secondary{background:var(--color-dark);color:#fff}.btn--ghost{border-color:var(--color-border);background:transparent}.btn--text{padding-inline:0;background:transparent;color:var(--color-primary)}.btn--sm{min-height:36px;padding:.45rem .75rem;font-size:var(--text-sm)}.btn--lg{min-height:52px;padding:.9rem 1.25rem;font-size:var(--text-lg)}.btn--primary::after,.btn--text::after{content:"→";transition:transform var(--transition-fast)}.btn--primary:hover::after,.btn--text:hover::after{transform:translateX(.25rem)}
input[type="search"],input[type="text"],input[type="url"],input[type="email"],input[type="number"],textarea,select,.form-input,.form-textarea,.form-select{width:100%;min-height:46px;padding:.75rem .95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:0}.form-field{position:relative}.form-field--floating .form-label{position:absolute;inset-block-start:.75rem;inset-inline-start:.95rem;color:var(--color-text-muted);transition:all var(--transition-fast);pointer-events:none}.form-field--floating .form-input:focus+.form-label,.form-field--floating .form-input:not(:placeholder-shown)+.form-label{inset-block-start:-.7rem;padding-inline:.25rem;background:var(--color-bg-secondary);font-size:var(--text-xs)}.form-checkbox{display:flex;gap:var(--space-xs);align-items:flex-start;font-size:var(--text-sm)}.form-error{color:var(--color-danger);font-size:var(--text-sm)}.search-form__field{display:flex;gap:var(--space-xs)}
.article-card{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-xs);transition:transform var(--transition-base),box-shadow var(--transition-base)}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.article-card__media{display:block;aspect-ratio:16/10;background:var(--color-bg-tertiary);text-decoration:none}.post-thumbnail{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-bg-tertiary)}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.article-card__body{padding:var(--space-lg)}.article-card__title{font-size:var(--text-xl)}.article-card__title a{text-decoration:none}.article-card--featured{min-height:420px;color:#fff}.article-card--featured .article-card__media{position:absolute;inset:0;aspect-ratio:auto}.article-card--featured .article-card__body{position:absolute;inset-inline:0;inset-block-end:0;background:linear-gradient(transparent,rgb(15 39 66 / .88));color:#fff}.article-card--horizontal{display:grid;grid-template-columns:minmax(10rem,35%) 1fr}.article-card--minimal .article-card__media{display:none}.badge,.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;text-decoration:none}.badge{background:var(--color-bg-tertiary);color:var(--color-dark)}.badge--pillar{background:var(--color-primary);color:#111}.badge--cluster{background:var(--color-secondary);color:#fff}.badge--supporting{border:1px solid var(--color-border);background:transparent}.badge--glossary{background:var(--color-accent);color:#111}.badge--difficulty-beginner{background:#ddf6e0;color:#135d19}.badge--difficulty-intermediate{background:#fff1cc;color:#7a4b00}.badge--difficulty-advanced{background:#ffe1df;color:#84231e}.tag{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.tag:hover{border-color:var(--color-primary);color:var(--color-dark)}.meta-item,.entry-meta span,.reading-time{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-muted);font-size:var(--text-sm)}.article-meta-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-block:var(--space-lg)}.article-meta-bar img{border-radius:50%}.callout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);padding:var(--space-lg);border-inline-start:4px solid var(--callout-color,var(--color-primary));border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:var(--shadow-xs)}.callout--info{--callout-color:var(--color-secondary)}.callout--warning{--callout-color:var(--color-warning)}.callout--success{--callout-color:var(--color-success)}.callout--danger{--callout-color:var(--color-danger)}.callout p{margin:0}
.breadcrumbs{margin-block-end:var(--space-lg);font-size:var(--text-sm)}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0;margin:0;list-style:none}.breadcrumbs__item:not(:last-child)::after{content:"›";margin-inline-start:var(--space-xs);color:var(--color-text-muted)}.toc{position:sticky;inset-block-start:96px;align-self:start}.toc__toggle{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-weight:800}.toc__nav{display:none;padding:var(--space-md);margin-block-start:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.toc.is-open .toc__nav{display:block}.toc a{display:block;padding:.35rem 0;color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}.toc a.is-active{color:var(--color-primary);font-weight:800}.toc a[data-depth="3"]{padding-inline-start:var(--space-md)}.share-sticky{display:none}.share-buttons{display:flex;gap:var(--space-xs);align-items:center}.key-takeaways,.newsletter,.pillar-progress,.reviewer-card,.author-bio,.related-articles,.glossary-card{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.key-takeaways ol{display:grid;gap:var(--space-sm);padding-inline-start:1.25rem}.newsletter{display:grid;gap:var(--space-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 16%,var(--color-bg-secondary)),var(--color-bg-secondary))}.newsletter--cta{position:relative;overflow:hidden}.newsletter__art{min-height:90px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.reviewer-card,.author-bio{display:flex;gap:var(--space-md);align-items:flex-start}.reviewer-card img,.author-bio__avatar{border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.pagination ul{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0;list-style:none}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none}.pagination .current{background:var(--color-primary);border-color:var(--color-primary);color:#111}.site-footer{margin-block-start:var(--space-4xl);background:var(--color-dark);color:#fff}.site-footer a{color:#fff}.footer-widgets{padding-block:var(--space-2xl);border-block-end:1px solid rgb(255 255 255 / .16)}.footer-widgets__grid{display:grid;gap:var(--space-xl)}.footer-bottom{padding-block:var(--space-lg)}.footer-bottom__inner{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between}.footer-bottom__copyright{margin:0}.back-to-top{position:fixed;inset-inline-end:var(--space-md);inset-block-end:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.back-to-top.is-visible{opacity:1;pointer-events:auto}.search-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:none;padding:var(--space-lg);background:rgb(15 20 25 / .62);backdrop-filter:blur(16px)}.search-overlay.is-open{display:grid;place-items:start center}.search-overlay__dialog{width:min(100%,760px);margin-block-start:8vh;padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--color-bg-secondary);box-shadow:var(--shadow-lg)}.search-overlay__close{float:inline-end}.search-overlay__input{font-size:var(--text-xl)}.search-result-link{display:block;padding:var(--space-sm);border-block-end:1px solid var(--color-border);text-decoration:none}.toast-region{position:fixed;z-index:var(--z-toast);inset-inline-end:var(--space-md);inset-block-end:var(--space-md)}.toast{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-dark);color:#fff;box-shadow:var(--shadow-md)}
@media (min-width:64em){.menu-toggle,.menu-close{display:none}.primary-navigation__drawer{position:static;display:flex;align-items:center;gap:var(--space-md);width:auto;padding:0;background:transparent;box-shadow:none;transform:none}.joywadi-nav{flex-direction:row;align-items:center}.joywadi-nav__item{position:relative}.joywadi-nav__submenu{position:absolute;inset-block-start:100%;inset-inline-start:0;min-width:220px;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden}.joywadi-nav__item:hover>.joywadi-nav__submenu,.joywadi-nav__item:focus-within>.joywadi-nav__submenu{opacity:1;visibility:visible}.header-actions{flex-direction:row;align-items:center;margin-block-start:0}.header-actions .search-form{max-width:220px}.toc__toggle{display:none}.toc__nav{display:block}.share-sticky{position:sticky;inset-block-start:120px;display:block}.share-sticky .share-buttons{flex-direction:column}.footer-widgets__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 7. Page Templates */
.home-hero,.pillar-hero,.archive-hero,.author-archive-header{padding-block:var(--space-4xl);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 32%),linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.home-hero h1,.pillar-hero h1{max-width:12ch}.archive-header,.entry-header{margin-block-end:var(--space-xl)}.single-article .post-thumbnail,.pillar-page .post-thumbnail{margin-block:var(--space-xl);aspect-ratio:16/7}.article-shell{margin-block:var(--space-2xl)}.jump-pills,.az-nav{position:sticky;inset-block-start:80px;z-index:10;display:flex;gap:var(--space-xs);padding-block:var(--space-sm);overflow:auto;background:var(--color-bg-primary)}.jump-pills a,.az-nav a{white-space:nowrap}.glossary-letter{padding-block:var(--space-xl)}.glossary-equivalents{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block:var(--space-md)}.not-found{padding-block:var(--space-4xl)}.search-result{padding-block:var(--space-lg);border-block-end:1px solid var(--color-border)}

/* 8. Utilities */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{z-index:100000;inset-block-start:var(--space-md);inset-inline-start:var(--space-md);width:auto;height:auto;padding:var(--space-sm) var(--space-md);clip:auto;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:var(--shadow-lg);color:var(--color-dark)}.reading-progress{position:fixed;z-index:var(--z-toast);inset-block-start:0;inset-inline-start:0;width:0;height:3px;background:var(--color-primary)}.reading-percent{position:fixed;z-index:var(--z-toast);inset-inline-end:var(--space-md);inset-block-start:88px;padding:.35rem .55rem;border-radius:var(--radius-full);background:var(--color-dark);color:#fff;font-size:var(--text-xs)}.icon{display:inline-block;vertical-align:middle}.alignwide{max-width:var(--wide-size)}.alignfull{width:100vw;margin-inline:calc(50% - 50vw)}.aligncenter{display:block;margin-inline:auto}.alignleft{float:inline-start;margin-inline-end:var(--space-lg)}.alignright{float:inline-end;margin-inline-start:var(--space-lg)}.wp-caption{max-width:100%}.sticky{outline:2px solid var(--color-accent)}

/* 9. Animations */
@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-card,.newsletter,.key-takeaways{animation:fade-up .45s ease both}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* 10. Print */
@media print{.site-header,.site-footer,.toc,.share-sticky,.share-buttons,.breadcrumbs,.newsletter,.back-to-top,.search-overlay{display:none!important}body{background:#fff;color:#000}.site-main{padding:0}a{text-decoration:none;color:#000}.prose{max-width:none}}

/* 11. Dark Mode Overrides */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--color-primary:#ff8a1f;--color-bg-primary:#0f1419;--color-bg-secondary:#1a2332;--color-bg-tertiary:#243044;--color-text-primary:#f0f4f8;--color-text-secondary:#b8c5d6;--color-text-muted:#7a8b9c;--color-border:#2a3a52;--color-dark:#f0f4f8;--shadow-xs:0 1px 2px rgb(0 0 0 / .25);--shadow-sm:0 4px 16px rgb(0 0 0 / .25);--shadow-md:0 10px 28px rgb(0 0 0 / .32);--shadow-lg:0 18px 48px rgb(0 0 0 / .42)}}html[data-theme="dark"]{color-scheme:dark;--color-primary:#ff8a1f;--color-bg-primary:#0f1419;--color-bg-secondary:#1a2332;--color-bg-tertiary:#243044;--color-text-primary:#f0f4f8;--color-text-secondary:#b8c5d6;--color-text-muted:#7a8b9c;--color-border:#2a3a52;--color-dark:#f0f4f8;--shadow-xs:0 1px 2px rgb(0 0 0 / .25);--shadow-sm:0 4px 16px rgb(0 0 0 / .25);--shadow-md:0 10px 28px rgb(0 0 0 / .32);--shadow-lg:0 18px 48px rgb(0 0 0 / .42)}
.badge--equipment{background:color-mix(in srgb,var(--color-secondary) 18%,var(--color-bg-secondary));color:var(--color-dark)}.badge--audience{background:color-mix(in srgb,var(--color-primary) 18%,var(--color-bg-secondary));color:var(--color-dark)}.badge--location{background:color-mix(in srgb,var(--color-success) 18%,var(--color-bg-secondary));color:var(--color-dark)}
.article-card--equipment_type,.article-card--audience,.article-card--location,.audience-card,.location-card,.equipment-card{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.article-card--equipment_type:hover,.article-card--audience:hover,.article-card--location:hover,.audience-card:hover,.location-card:hover,.equipment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}
.section-header{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:end;justify-content:space-between;margin-block-end:var(--space-xl)}.section-subtitle{max-width:58ch;color:var(--color-text-secondary)}.empty-state{padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}
.spec-bar,.stat-card,.map-placeholder,.woocommerce-bridge{padding:var(--space-lg);margin-block:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-xs)}.map-placeholder{min-height:240px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 14%,var(--color-bg-secondary)),var(--color-bg-tertiary))}
.language-switcher__link.is-active{color:var(--color-primary);text-decoration:underline}.rtl-content{direction:rtl}
@media (min-width:64em){.joywadi-nav__item--mega>.joywadi-nav__megamenu{display:grid;grid-template-columns:repeat(2,minmax(12rem,1fr));gap:var(--space-sm);min-width:min(720px,80vw)}.joywadi-nav__item--mega>.joywadi-nav__megamenu .joywadi-nav__link{padding:var(--space-sm);border-radius:var(--radius-md)}.joywadi-nav__item--mega>.joywadi-nav__megamenu .joywadi-nav__link:hover{background:var(--color-bg-tertiary)}}