*,
*::before,
*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body.theme-ayjoesu{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.12),transparent 60%),
    radial-gradient(circle at 100% 0,rgba(251,191,36,.08),transparent 55%),
    linear-gradient(180deg,#020617 0,#020617 40%,#020617 55%,#020617 100%);
  color:#e5e7eb;
}
img{max-width:100%;display:block;height:auto}
.shell{max-width:1150px;margin:0 auto;padding:0 1.5rem}
.site-header{
  position:sticky;top:0;z-index:30;
  backdrop-filter:blur(16px);
  background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(15,23,42,.9));
  border-bottom:1px solid rgba(148,163,184,.6);
}
.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:.75rem;
  padding:.55rem 0;
}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}
.logo-shell{
  width:52px;height:52px;border-radius:20px;
  background:radial-gradient(circle at 0 0,#38bdf8,#0f172a);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 40px rgba(0,0,0,.7),0 0 0 1px rgba(30,64,175,.8);
  overflow:hidden;
}
.brand-title{font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f9fafb}
.brand-tagline{font-size:.75rem;color:#9ca3af}
.main-nav{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}
.main-nav a{
  text-decoration:none;font-size:.76rem;
  padding:.32rem .7rem;border-radius:999px;
  border:1px solid rgba(55,65,81,.9);
  color:#e5e7eb;
  background:radial-gradient(circle at 0 0,rgba(15,23,42,1),rgba(15,23,42,.92));
  position:relative;overflow:hidden;
}
.main-nav a::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 0 0,rgba(56,189,248,.25),transparent 55%);
  opacity:0;transition:opacity .15s ease-out;
}
.main-nav a:hover::before{opacity:1}
.main-nav a.active{
  background:linear-gradient(120deg,#22d3ee,#38bdf8,#fbbf24);
  color:#0f172a;border-color:transparent;
}
.chip-meta{
  justify-self:end;display:inline-flex;align-items:center;gap:.3rem;
  padding:.2rem .7rem .24rem .5rem;border-radius:999px;
  background:radial-gradient(circle at 0 0,rgba(56,189,248,.2),rgba(15,23,42,.95));
  border:1px solid rgba(148,163,184,.75);
  font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;
}
.chip-dot{
  width:7px;height:7px;border-radius:999px;background:#22c55e;
  box-shadow:0 0 7px rgba(34,197,94,.9);
}
.chip-text{color:#e5e7eb}
.card-panel{
  position:relative;overflow:hidden;
  border-radius:20px;
  padding:1.6rem 1.7rem;
  background:radial-gradient(circle at 0 0,rgba(15,23,42,.96),rgba(15,23,42,.92));
  box-shadow:0 20px 55px rgba(0,0,0,.7),0 0 0 1px rgba(30,64,175,.7);
}
.card-panel::after{
  content:"";position:absolute;inset:-80%;
  background:radial-gradient(circle at 0 0,rgba(56,189,248,.08),transparent 60%);
  opacity:.8;pointer-events:none;
}
.hero{padding:2.3rem 0 2rem 0}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);
  gap:1.8rem;align-items:stretch;
}
.hero-visual.glass{
  backdrop-filter:blur(18px);
  background:radial-gradient(circle at 0 0,rgba(15,23,42,.9),rgba(15,23,42,.85));
}
.hero-figure img{border-radius:16px}
.hero-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}
.chip-pill{
  font-size:.78rem;padding:.2rem .8rem;border-radius:999px;
  border:1px solid rgba(148,163,184,.8);color:#e5e7eb;
  background:radial-gradient(circle at 0 0,rgba(15,23,42,.96),rgba(15,23,42,.92));
}
.eyebrow{
  font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;
  color:#38bdf8;margin-bottom:.4rem;
}
.hero-text h1{font-size:1.9rem;margin-bottom:.9rem;color:#f9fafb}
.hero-text p{font-size:.97rem;color:#e5e7eb;margin-bottom:.6rem}
.hero-actions{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.8rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.9rem;font-weight:600;
  padding:.55rem 1.4rem;border-radius:999px;
  border:1px solid transparent;text-decoration:none;
  cursor:pointer;transition:transform .1s ease-out,box-shadow .12s ease-out,background .12s ease-out,border-color .12s ease-out;
}
.btn-primary{
  background:linear-gradient(120deg,#22d3ee,#38bdf8,#fbbf24);
  color:#0f172a;
  box-shadow:0 14px 35px rgba(56,189,248,.6);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 45px rgba(56,189,248,.85)}
.btn-ghost{
  border-color:rgba(148,163,184,.8);
  color:#e5e7eb;background:transparent;
}
.btn-ghost:hover{background:radial-gradient(circle at 0 0,rgba(148,163,184,.25),transparent 60%)}
.btn-outline{
  border-color:rgba(148,163,184,.85);
  color:#e5e7eb;background:transparent;
}
.btn-outline:hover{border-color:#38bdf8;background:radial-gradient(circle at 0 0,rgba(56,189,248,.2),transparent 60%)}
.board{padding:1.8rem 0 2.4rem 0}
.board-header h2{font-size:1.4rem;color:#f9fafb;margin-bottom:.4rem}
.board-header p{font-size:.9rem;color:#e5e7eb;margin-bottom:1rem}
.board-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
}
.board-card h3{font-size:1rem;color:#f9fafb;margin-bottom:.4rem}
.board-meta{font-size:.78rem;color:#9ca3af;margin-bottom:.5rem}
.board-card p{font-size:.86rem;color:#e5e7eb;margin-bottom:.6rem}
.disclaimer{margin-bottom:2.5rem}
.disclaimer h2{font-size:1.2rem;color:#f9fafb;margin-bottom:.5rem}
.disclaimer p{font-size:.9rem;color:#e5e7eb}
.article-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:1.5rem;
  padding:2.2rem 0 2.6rem 0;
}
.article-main h1{font-size:1.7rem;color:#f9fafb;margin-bottom:.4rem}
.article-meta{font-size:.82rem;color:#9ca3af;margin-bottom:.7rem}
.article-main p{font-size:.95rem;color:#e5e7eb;margin-bottom:.7rem}
.article-figure{margin-bottom:1rem}
.article-figure img{border-radius:16px}
.article-sidebar h2{font-size:1.05rem;color:#f9fafb;margin-bottom:.5rem}
.article-sidebar ul{padding-left:1.1rem}
.article-sidebar li{font-size:.86rem;color:#e5e7eb;margin-bottom:.45rem}
.authors-main{padding:2.2rem 0 2.6rem 0;display:flex;flex-direction:column;gap:1.4rem}
.authors-main h1{font-size:1.6rem;color:#f9fafb;margin-bottom:.4rem}
.authors-main p{font-size:.94rem;color:#e5e7eb}
.authors-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.2rem;
}
.authors-grid h2{font-size:1.15rem;margin-bottom:.4rem;color:#f9fafb}
.authors-grid p{font-size:.9rem;color:#e5e7eb;margin-bottom:.7rem}
.site-footer{
  border-top:1px solid rgba(31,41,55,1);
  background:#020617;
  color:#9ca3af;
}
.footer-inner{text-align:center;padding:1.4rem 1.5rem 2rem 1.5rem;font-size:.85rem}
@media(max-width:1050px){
  .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-visual{order:-1}
  .article-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:780px){
  .header-inner{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
  }
  .chip-meta{justify-self:flex-start}
  .main-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}
}
@media(max-width:680px){
  .card-panel{padding:1.4rem 1.4rem;border-radius:18px}
  .board-grid{grid-template-columns:minmax(0,1fr)}
  .authors-grid{grid-template-columns:minmax(0,1fr)}
}