:root{--ar-night:oklch(.14 .052 250);--ar-panel:oklch(.19 .055 247);--ar-ink:oklch(.97 .01 220);--ar-muted:oklch(.75 .03 220);--ar-line:oklch(.54 .055 228/.34);--ar-cyan:oklch(.83 .11 185);--ar-blue:oklch(.61 .21 257);--ar-shell:min(100% - 3rem,88rem);--ar-ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ar-ink);background:var(--ar-night);font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}button{color:inherit}.ar-shell{width:var(--ar-shell);margin-inline:auto}.ar-code{font-family:"Michroma",sans-serif;font-size:.59rem;letter-spacing:.055em}.ar-nav{position:fixed;z-index:20;top:0;right:0;left:0;padding:1rem 0;pointer-events:none}.ar-nav-inner{min-height:4.3rem;display:flex;align-items:center;gap:2rem;padding:.45rem .65rem .45rem 1rem;border:1px solid oklch(.72 .06 225/.2);border-radius:14px;background:oklch(.135 .052 253/.8);backdrop-filter:blur(20px) saturate(145%);pointer-events:auto}.ar-brand img{width:9.4rem;height:3rem;object-fit:contain;filter:brightness(0) invert(1)}.ar-links{display:flex;gap:clamp(1rem,2vw,2rem);margin-left:auto;color:var(--ar-muted);font:600 .74rem "Chakra Petch",sans-serif}.ar-links a:hover,.ar-links .is-active{color:var(--ar-cyan)}.ar-cta{min-height:2.9rem;display:inline-flex;align-items:center;gap:.65rem;padding:0 1.1rem;border-radius:999px;color:var(--ar-night);background:var(--ar-cyan);font:700 .71rem "Chakra Petch",sans-serif}.ar-menu-btn{display:none;min-width:3rem;min-height:3rem;margin-left:auto;border:1px solid var(--ar-line);border-radius:50%;background:transparent}.ar-mobile{position:fixed;z-index:30;inset:0;display:none;padding:7rem 1.5rem 2rem;background:var(--ar-night)}.ar-mobile.is-open{display:grid;align-content:start}.ar-mobile button{position:absolute;top:1.4rem;right:1.4rem;min-width:3rem;min-height:3rem;border:1px solid var(--ar-line);border-radius:50%;background:transparent}.ar-mobile a{padding:1rem 0;border-bottom:1px solid var(--ar-line);font:500 clamp(1.4rem,8vw,2.4rem) "Chakra Petch",sans-serif}.ar-hero{min-height:76dvh;display:grid;align-items:end;padding:10rem 0 4rem;overflow:hidden;background:radial-gradient(circle at 78% 32%,oklch(.32 .16 257/.62),transparent 30%),var(--ar-night)}.ar-hero-grid{display:grid;grid-template-columns:1fr .62fr;gap:clamp(3rem,9vw,10rem);align-items:end}.ar-hero h1{max-width:10ch;margin:1.2rem 0 0;font:500 clamp(4rem,8vw,8rem)/.83 "Chakra Petch",sans-serif;letter-spacing:-.035em}.ar-hero h1 span{display:block;color:var(--ar-cyan)}.ar-hero-grid>p{margin:0;color:var(--ar-muted);font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.75}.ar-hero .ar-code{color:var(--ar-cyan)}.ar-rail{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:1.2rem;border-top:1px solid var(--ar-line);color:var(--ar-muted)}.ar-feed{min-height:40rem;padding:clamp(5rem,9vw,9rem) 0}.ar-loading{display:grid;justify-items:center;gap:1rem;padding:6rem;color:var(--ar-muted)}.ar-loading span{width:12rem;height:1px;overflow:hidden;background:var(--ar-line)}.ar-loading span:after{content:"";display:block;width:35%;height:100%;background:var(--ar-cyan);animation:ar-load 1.4s ease-in-out infinite}.ar-empty{max-width:48rem;margin:auto;padding:4rem 0;text-align:center}.ar-aperture{position:relative;width:11rem;height:11rem;margin:0 auto 3rem;border:1px solid var(--ar-line);border-radius:50%}.ar-aperture i{position:absolute;inset:18%;border:1px solid var(--ar-line);border-radius:50%}.ar-aperture i:nth-child(2){inset:36%;border-color:var(--ar-cyan)}.ar-aperture i:nth-child(3){inset:48%;background:var(--ar-cyan);box-shadow:0 0 2rem var(--ar-cyan)}.ar-empty .ar-code{color:var(--ar-blue)}.ar-empty h2{margin:1rem 0;font:500 clamp(2.4rem,5vw,4.8rem)/.92 "Chakra Petch",sans-serif}.ar-empty>p:not(.ar-code){max-width:38rem;margin:0 auto;color:var(--ar-muted);line-height:1.75}.ar-empty a{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;color:var(--ar-cyan);font:700 .74rem "Chakra Petch",sans-serif}.ar-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.ar-card{grid-column:span 6;min-height:34rem;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ar-line);background:var(--ar-panel)}.ar-card:nth-child(3n+1){grid-column:span 7}.ar-card:nth-child(3n+2){grid-column:span 5}.ar-card figure{height:21rem;margin:0;overflow:hidden;background:oklch(.18 .05 247)}.ar-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ar-ease)}.ar-card:hover img{transform:scale(1.04)}.ar-card-copy{display:flex;flex:1;flex-direction:column;padding:1.3rem}.ar-card-meta{display:flex;justify-content:space-between;color:var(--ar-cyan)}.ar-card h2{margin:1.3rem 0 .8rem;font:500 clamp(1.7rem,3vw,3rem)/.95 "Chakra Petch",sans-serif}.ar-card p{margin:0;color:var(--ar-muted);font-size:.85rem;line-height:1.65}.ar-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:2rem}.ar-card-tags span{padding:.3rem .5rem;border-radius:999px;background:oklch(.24 .065 247);font-size:.64rem}.ar-detail{max-width:66rem;margin:auto}.ar-detail-back{color:var(--ar-cyan);font:700 .72rem "Chakra Petch",sans-serif}.ar-detail h1{margin:2rem 0 1rem;font:500 clamp(3rem,7vw,6.5rem)/.88 "Chakra Petch",sans-serif;letter-spacing:-.035em}.ar-detail-meta{display:flex;gap:1rem;color:var(--ar-muted);font-size:.75rem}.ar-detail-cover{width:100%;max-height:40rem;margin:3rem 0;object-fit:cover}.ar-detail-content{display:grid;gap:1.2rem;color:oklch(.87 .02 220);font-size:1.04rem;line-height:1.85}.ar-detail-content p{margin:0}.ar-footer{padding:3rem 0;border-top:1px solid var(--ar-line)}.ar-footer .ar-shell{display:flex;align-items:center;gap:2rem}.ar-footer img{width:10rem;filter:brightness(0) invert(1)}.ar-footer p{margin-left:auto;color:var(--ar-muted);font-size:.7rem}.ar-footer div div{display:flex;gap:1rem;color:var(--ar-muted);font-size:.7rem}@keyframes ar-load{from{transform:translateX(-100%)}to{transform:translateX(320%)}}
@media(max-width:767px){.ar-links,.ar-cta{display:none}.ar-menu-btn{display:block}.ar-hero-grid{grid-template-columns:1fr}.ar-hero-grid>p{max-width:40rem}.ar-card,.ar-card:nth-child(n){grid-column:span 12}}
@media(max-width:620px){:root{--ar-shell:min(100% - 2rem,42rem)}.ar-nav{padding-top:.7rem}.ar-brand img{width:7.7rem}.ar-hero{min-height:100dvh;padding:8rem 0 2rem}.ar-hero h1{font-size:clamp(3.5rem,18vw,5.8rem)}.ar-rail{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ar-card figure{height:16rem}.ar-footer .ar-shell{align-items:flex-start;flex-direction:column}.ar-footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.001ms!important}}

/* Shared-site navigation behaviors: Network dropdown, language menu, and mobile drawer. */
.ar-links{align-items:center;gap:clamp(.8rem,1.5vw,1.6rem)}
.ar-network{position:relative}
.ar-network>button,.ar-lang>button{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}
.ar-links a:hover,.ar-links .is-active,.ar-network>button:hover{color:var(--ar-cyan)}
.ar-network-menu{position:absolute;top:calc(100% + 1.1rem);left:-1rem;width:12rem;display:grid;padding:.45rem;border:1px solid var(--ar-line);border-radius:12px;background:oklch(.17 .055 250/.98);box-shadow:0 8px 12px oklch(.05 .02 250/.34);opacity:0;visibility:hidden;transform:translateY(-.4rem);transition:opacity 180ms,transform 180ms,visibility 180ms}
.ar-network-menu.is-open{opacity:1;visibility:visible;transform:none}
.ar-network-menu a{padding:.65rem .7rem;border-radius:8px}.ar-network-menu a:hover{background:oklch(.24 .065 247)}
.ar-lang{position:relative}.ar-lang>button{min-height:2.7rem;padding:0 .75rem;border:1px solid var(--ar-line);border-radius:999px;font-size:.68rem;white-space:nowrap}
.ar-lang-menu{position:absolute;top:calc(100% + .65rem);right:0;width:10.5rem;display:grid;padding:.45rem;border:1px solid var(--ar-line);border-radius:12px;background:oklch(.17 .055 250/.98);opacity:0;transform:translateY(-.35rem);transition:opacity 180ms,transform 180ms}
.ar-lang-menu.lang-open{opacity:1;transform:none}.ar-lang-menu.hidden{display:none}
.ar-lang-menu button{display:flex;justify-content:space-between;padding:.62rem .68rem;border:0;border-radius:8px;color:var(--ar-muted);background:transparent;cursor:pointer;text-align:left}.ar-lang-menu button:hover{color:var(--ar-ink);background:oklch(.24 .065 247)}.ar-lang-menu small{color:var(--ar-cyan)}
.ar-cta{white-space:nowrap}.ar-mobile .is-active{color:var(--ar-cyan)}.ar-mobile-lang{display:grid;gap:.55rem;margin-top:1.4rem;color:var(--ar-muted);font:600 .68rem "Chakra Petch",sans-serif}.ar-mobile-lang select{min-height:3rem;padding:.7rem .8rem;border:1px solid var(--ar-line);border-radius:10px;color:var(--ar-ink);background:var(--ar-panel)}.ar-mobile-cta{margin-top:1rem!important;justify-content:center;border:0!important;border-radius:999px;color:var(--ar-night)!important;background:var(--ar-cyan)}
.ar-detail-content h2{margin:5rem 0 1.2rem;padding-top:1.5rem;border-top:1px solid var(--ar-line);font:500 clamp(2rem,4.5vw,4rem)/.94 "Chakra Petch",sans-serif;letter-spacing:-.025em}.ar-detail-content h3{margin:3rem 0 1rem;color:var(--ar-cyan);font:600 clamp(1.3rem,2.5vw,2rem)/1.05 "Chakra Petch",sans-serif}.ar-detail-content h4{margin:2rem 0 .8rem;font:600 1.1rem "Chakra Petch",sans-serif}.ar-detail-content a{color:var(--ar-cyan);text-decoration:underline;text-decoration-color:oklch(.83 .11 185/.45);text-underline-offset:.2em}.ar-detail-content strong{color:var(--ar-ink)}.ar-detail-content ul{display:grid;gap:.7rem;margin:1rem 0;padding-left:1.3rem}.ar-detail-content li::marker{color:var(--ar-cyan)}.ar-detail-content blockquote{margin:2.5rem 0;padding:1.4rem 1.5rem;border:1px solid var(--ar-line);border-radius:12px;color:var(--ar-ink);background:var(--ar-panel);font-size:1rem;line-height:1.75}.ar-table-wrap{width:100%;margin:2rem 0;overflow:auto;border:1px solid var(--ar-line)}.ar-detail-content table{width:100%;min-width:42rem;border-collapse:collapse}.ar-detail-content th,.ar-detail-content td{padding:.9rem 1rem;border-right:1px solid var(--ar-line);border-bottom:1px solid var(--ar-line);text-align:left;vertical-align:top}.ar-detail-content th{color:var(--ar-cyan);background:var(--ar-panel);font:600 .7rem "Chakra Petch",sans-serif}.ar-detail-content td{color:var(--ar-muted);font-size:.82rem;line-height:1.55}.ar-detail-content tr:last-child td{border-bottom:0}.ar-detail-content th:last-child,.ar-detail-content td:last-child{border-right:0}
@media(max-width:767px){.ar-links,.ar-lang,.ar-cta{display:none}.ar-menu-btn{display:block}}
[hidden]{display:none!important}

/* Match the shared light navigation used on index.html. */
.ar-nav{z-index:50;padding:1.5rem;}
.ar-nav>.ar-shell{width:min(100%,80rem);}
.ar-nav-inner{
  min-height:0;
  height:4.875rem;
  gap:1.5rem;
  padding:.75rem 2rem;
  border:1px solid oklch(.88 .016 226/.9);
  border-radius:12px;
  color:oklch(.2 .052 251);
  background:oklch(.985 .008 218);
  box-shadow:0 8px 8px oklch(.2 .05 251/.07);
  backdrop-filter:blur(18px) saturate(110%);
}
.ar-brand img{width:auto;height:3.35rem;filter:none;}
.ar-links{gap:2rem;color:oklch(.2 .052 251);font:700 .875rem "JetBrains Mono",monospace;letter-spacing:.015em;}
.ar-links a,.ar-links .is-active,.ar-network>button{color:oklch(.2 .052 251);}
.ar-links a:hover,.ar-network>button:hover{color:oklch(.47 .13 250);}
.ar-network>button{gap:.25rem;}
.ar-network>button,
.ar-lang>button,
.ar-cta,
.ar-network-menu a,
.ar-lang-menu button{font-family:"JetBrains Mono",monospace!important;font-weight:700!important;letter-spacing:.015em;}
.ar-lang>button{
  min-height:2.75rem;
  gap:.5rem;
  padding:.65rem 1rem;
  border-color:rgba(148,163,184,.72);
  border-radius:4px;
  color:#334155;
  background:rgba(255,255,255,.72);
  font-size:.75rem;
}
.ar-cta{
  min-height:2.75rem;
  padding:.7rem 1.25rem;
  border:1px solid oklch(.72 .095 225/.72);
  border-radius:4px;
  color:oklch(.2 .052 251);
  background:oklch(.995 .004 218);
  font-size:.75rem;
  text-transform:uppercase;
  transition:color 220ms ease,background 220ms ease,border-color 220ms ease,transform 220ms ease;
}
.ar-cta:hover{color:oklch(.985 .008 218);background:oklch(.47 .13 250);border-color:oklch(.47 .13 250);transform:translateY(-1px);}
.ar-network-menu,.ar-lang-menu{
  border-color:oklch(.82 .025 228);
  color:oklch(.28 .045 246);
  background:oklch(.99 .006 218/.98);
  box-shadow:0 8px 8px oklch(.2 .05 251/.1);
}
.ar-network-menu a:hover,.ar-lang-menu button:hover{color:oklch(.47 .13 250);background:oklch(.95 .025 220);}
.ar-lang-menu button{color:oklch(.2 .052 251);}
.ar-menu-btn{color:oklch(.2 .052 251);border-color:oklch(.72 .03 235);}
.ar-hero h1 .ar-title-main{display:inline;color:inherit;}
.ar-mobile{
  right:0;
  left:auto;
  width:min(calc(100vw - 4rem),280px);
  padding:5rem 1.25rem 2rem;
  color:oklch(.2 .052 251);
  background:oklch(.99 .006 218/.98);
  border-left:1px solid oklch(.84 .025 228);
  box-shadow:-8px 0 8px oklch(.2 .05 251/.08);
  backdrop-filter:blur(20px);
}
.ar-mobile.is-open{align-content:start;gap:.15rem;}
.ar-mobile button{top:1.25rem;right:1.1rem;color:oklch(.39 .035 239);border:0;}
.ar-mobile a{
  padding:.75rem;
  border:0;
  border-radius:10px;
  color:oklch(.31 .04 242);
  font:600 .875rem "Chakra Petch",sans-serif;
}
.ar-mobile a:hover,.ar-mobile .is-active{color:oklch(.54 .18 252);background:oklch(.95 .025 220);}
.ar-mobile-lang{margin-top:1rem;padding-top:1rem;border-top:1px solid oklch(.84 .025 228);color:oklch(.43 .03 238);}
.ar-mobile-lang select{color:oklch(.28 .045 246);background:white;border-color:oklch(.8 .03 232);}
.ar-mobile .ar-mobile-cta{margin-top:1rem!important;color:white!important;background:oklch(.2 .052 251);}

@media(max-width:620px){
  .ar-nav{padding:1rem;}
  .ar-nav-inner{min-height:4.3rem;height:4.3rem;padding:.45rem .8rem;}
  .ar-brand img{width:auto;height:2.5rem;}
}

html[dir="rtl"] .ar-network-menu{right:-1rem;left:auto;}
html[dir="rtl"] .ar-lang-menu{right:auto;left:0;}
html[dir="rtl"] .ar-lang-menu button{text-align:right;}