:root{--bg:#020a12;--panel:#071823;--panel2:#0a202c;--line:#1c4553;--cyan:#5cf0e8;--text:#f3f7fa;--muted:#91a9b6;--max:1180px}
*{box-sizing:border-box}html,body{margin:0;background:#020a12;color:var(--text);font-family:Tahoma,Arial,sans-serif;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}body{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(19,161,182,.12),transparent 25%),radial-gradient(circle at 88% 14%,rgba(27,121,164,.09),transparent 24%),linear-gradient(180deg,#020a12,#04111b 52%,#020a12)}
a{color:inherit;text-decoration:none}.content-shell{width:min(calc(100% - 32px),var(--max));margin:auto}.content-top{height:86px;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(83,218,223,.11)}.content-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.content-brand img{width:42px;height:42px}.content-brand span{display:grid;line-height:1.05}.content-brand b{font-size:20px}.content-brand b i{font-style:normal;color:var(--cyan)}.content-brand small{color:#809aa7;font-size:9px;margin-top:4px}.content-top nav{display:flex;align-items:center;gap:8px;width:100%}.content-nav-link,.content-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid transparent;border-radius:10px;color:#dce9ee;font-size:13px;padding:0 11px}.content-nav-link:hover,.content-icon-link:hover,.content-nav-link.active,.content-icon-link.active{background:#0b2531;border-color:#245361;color:var(--cyan)}.content-nav-link svg,.content-icon-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.content-icon-link{width:40px;padding:0}.content-nav-spacer{flex:1}
.content-head{padding:48px 0 24px;text-align:center}.content-head .eyebrow{display:inline-block;color:var(--cyan);font-size:12px;margin-bottom:10px}.content-head h1{font-size:clamp(31px,5vw,52px);margin:0 0 12px}.content-head p{max-width:720px;margin:0 auto;color:#a7bbc5;line-height:1.8;font-size:15px}.content-ad{margin:8px auto 28px;width:min(100%,970px);min-height:90px;border:1px dashed #2a5261;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#06151f}.content-ad>span{font-size:10px;color:#5f7a86;position:absolute}.articles-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#081c27,#06131d);margin-bottom:28px}.articles-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid #1c4351}.articles-feature .copy{align-self:center;padding:12px}.chip{display:inline-flex;border:1px solid #255361;background:#0b2934;color:var(--cyan);border-radius:999px;padding:5px 9px;font-size:10px}.articles-feature h2{font-size:30px;line-height:1.35;margin:12px 0 10px}.articles-feature p,.article-card p{color:#96aebb;line-height:1.8;margin:0}.read-link{display:inline-flex;margin-top:16px;color:var(--cyan);font-weight:700;font-size:13px}.articles-title{display:flex;align-items:center;justify-content:space-between;margin:32px 0 14px}.articles-title h2{margin:0;font-size:22px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:54px}.article-card{border:1px solid #183d4a;border-radius:15px;background:#071823;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.article-card:hover{transform:translateY(-2px);border-color:#2d6573}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #183d4a}.article-card .body{padding:15px}.article-card h3{font-size:17px;line-height:1.55;margin:9px 0}.article-card p{font-size:12px}.article-meta{color:#6f8b98;font-size:10px;margin-top:12px}
.article-wrap{width:min(calc(100% - 32px),820px);margin:auto;padding:40px 0 64px}.breadcrumbs{color:#738f9c;font-size:11px;margin-bottom:18px}.article-wrap h1{font-size:clamp(30px,5vw,48px);line-height:1.35;margin:8px 0 12px}.article-lead{font-size:16px;color:#a5bac4;line-height:1.9;margin-bottom:18px}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #204b59;border-radius:18px;margin:20px 0 10px}.article-info{display:flex;gap:12px;color:#748f9b;font-size:11px;margin-bottom:20px}.article-body{font-size:16px;line-height:2.05;color:#dce8ed}.article-body p{margin:0 0 20px}.related{margin-top:40px;padding-top:24px;border-top:1px solid #183744}.related h2{font-size:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{border:1px solid #173b48;background:#071823;border-radius:12px;padding:12px;font-size:12px;line-height:1.55}
.about-card{width:min(100%,820px);margin:16px auto 64px;border:1px solid var(--line);border-radius:18px;background:#071823;padding:28px}.about-card h2{font-size:22px;margin:0 0 10px}.about-card p{color:#a0b5bf;line-height:1.95}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.about-point{background:#091e29;border:1px solid #1b424f;border-radius:12px;padding:16px}.about-point b{display:block;color:var(--cyan);margin-bottom:6px}.about-point span{font-size:12px;color:#91a9b6;line-height:1.65}
@media(max-width:820px){.content-top{height:auto;min-height:74px;gap:12px}.content-brand b{font-size:17px}.content-brand img{width:38px;height:38px}.content-top nav{gap:4px}.content-nav-link{font-size:12px;padding:0 8px}.articles-feature{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.about-points{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:520px){.content-shell{width:min(calc(100% - 20px),var(--max))}.content-top{flex-wrap:wrap;padding:10px 0}.content-brand{width:100%;justify-content:center}.content-top nav{justify-content:center}.content-nav-spacer{display:none}.content-nav-link{min-height:36px}.content-head{padding:30px 0 18px}.content-head h1{font-size:30px}.article-grid{grid-template-columns:1fr}.articles-feature{padding:12px}.articles-feature h2{font-size:23px}.article-wrap{width:min(calc(100% - 20px),820px);padding-top:28px}.article-wrap h1{font-size:30px}}

/* v0.13.1 article category navigation */
.article-category-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 26px}.article-category-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid #1f4653;background:#071823;color:#b8cbd4;font-size:12px}.article-category-bar a:hover,.article-category-bar a.active{color:#06232a;background:var(--cyan);border-color:var(--cyan);font-weight:700}.content-empty{border:1px dashed #28505d;border-radius:14px;padding:28px;text-align:center;color:#8ea7b3;margin-bottom:50px}.content-top .content-nav-spacer{flex:1 1 auto}
@media(max-width:520px){.article-category-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.article-category-bar::-webkit-scrollbar{display:none}.article-category-bar a{white-space:nowrap;flex:0 0 auto}}

/* v0.14.0 — Articles-only refinement */
.article-home-head{padding-bottom:12px}.article-home-head h1{margin-bottom:0}.article-category-bar{margin-bottom:18px}
.article-slider{position:relative;width:100%;aspect-ratio:16/6.2;min-height:280px;max-height:470px;border:1px solid #1d4a58;border-radius:20px;overflow:hidden;background:#06151f;margin:0 auto 30px;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.article-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(-1.2%);transition:opacity .45s ease,transform .45s ease}.article-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:1}.article-slide>a{display:block;width:100%;height:100%}.article-slide img{width:100%;height:100%;object-fit:cover;display:block}.article-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,18,.18),rgba(2,10,18,.06) 45%,rgba(2,10,18,.78));pointer-events:none}.article-slide-overlay{position:absolute;z-index:2;right:28px;bottom:28px;max-width:min(520px,62%);padding:16px 18px;border-radius:14px;background:rgba(4,18,28,.72);border:1px solid rgba(92,240,232,.22);backdrop-filter:blur(8px)}.article-slide-overlay h2{font-size:clamp(20px,3vw,34px);line-height:1.3;margin:0}.article-slide-overlay p{margin:6px 0 0;color:#b5cad3;line-height:1.7;font-size:13px}.slide-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;border:1px solid rgba(92,240,232,.26);background:rgba(3,18,27,.76);color:#dffdf9;font-size:28px;display:grid;place-items:center;cursor:pointer}.slide-arrow.prev{right:14px}.slide-arrow.next{left:14px}.slide-dots{position:absolute;z-index:6;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:7px;direction:ltr}.slide-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.36);cursor:pointer}.slide-dots button.active{width:22px;border-radius:999px;background:var(--cyan)}
.article-grid-top{padding-bottom:10px}.content-ad{position:relative}.article-share{border:1px solid #24505d;border-radius:999px;background:#08202b;color:var(--cyan);padding:6px 11px;font:700 11px Tahoma,Arial,sans-serif;cursor:pointer}.article-info{align-items:center;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.article-slide{transition:none!important;transform:none!important}.article-card{transition:none!important}}
@media(max-width:820px){.article-slider{aspect-ratio:16/8;min-height:260px}.article-slide-overlay{right:18px;bottom:22px;max-width:72%}.slide-arrow{width:36px;height:36px}.slide-arrow.prev{right:9px}.slide-arrow.next{left:9px}}
@media(max-width:520px){.article-slider{aspect-ratio:4/3;min-height:0;border-radius:16px}.article-slide-overlay{right:12px;left:12px;bottom:26px;max-width:none;padding:11px 12px}.article-slide-overlay h2{font-size:20px}.article-slide-overlay p{font-size:11px}.slide-arrow{width:32px;height:32px;font-size:22px}.articles-title{margin-top:24px}}

/* v0.14.1 — unified article stream + strict card rhythm */
.content-top{position:relative}.content-top .content-help-corner{position:absolute;left:0;top:23px;z-index:4}.content-top .content-about-corner{position:absolute;left:48px;top:23px;z-index:4}.content-top nav{padding-left:92px}
.article-stream{align-items:stretch;padding-bottom:54px}.article-stream>.content-ad{grid-column:1/-1;margin:6px auto 12px;min-height:90px}.article-card{display:flex;flex-direction:column;min-width:0;height:100%}.article-card-image{display:block;flex:0 0 auto}.article-card .body{display:flex;flex-direction:column;flex:1;min-width:0}.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px}.article-card-meta time{font-size:10px;color:#6f8b98;white-space:nowrap}.article-card h3{margin:10px 0 7px;min-width:0}.article-card h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:3.6em;max-height:3.6em;line-height:1.8;margin:0}.article-card .chip{max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-card .article-meta{margin-top:auto}.articles-title{display:none!important}
@media(max-width:820px){.content-top .content-help-corner{top:17px}.content-top .content-about-corner{top:17px}.content-top nav{padding-left:88px}.article-stream>.content-ad{grid-column:1/-1}}
@media(max-width:520px){.content-top .content-help-corner{left:0;top:16px}.content-top .content-about-corner{left:42px;top:16px}.content-top nav{padding-left:82px}.article-card p{min-height:3.45em;max-height:3.45em}}

/* v0.14.4 — true contained slider media frame; no full-bleed slide images */
.article-slider{background:linear-gradient(145deg,#06151f,#071b25)}
.article-slide>a{position:relative;width:100%;height:100%;display:block}
.article-slide-media{
  position:absolute;left:34px;top:30px;bottom:30px;width:60%;
  display:grid;place-items:center;overflow:hidden;border-radius:18px;padding:30px;
  border:1px solid rgba(92,240,232,.13);
  background:
    radial-gradient(circle at 50% 44%,rgba(42,167,173,.10),transparent 58%),
    linear-gradient(145deg,rgba(5,25,35,.88),rgba(4,16,27,.72));
  box-shadow:inset 0 0 40px rgba(0,0,0,.18);
}
.article-slide-media img{
  display:block;width:auto;height:auto;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center;border-radius:12px;
}
.article-slide.vector-media .article-slide-media{padding:34px}
.article-slide.vector-media .article-slide-media img{width:78%;height:78%;max-width:78%;max-height:78%}
.article-slide.raster-media .article-slide-media{padding:30px}
.article-slide.raster-media .article-slide-media img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.article-slide::after{background:linear-gradient(90deg,rgba(2,10,18,.08),rgba(2,10,18,.02) 52%,rgba(2,10,18,.24));z-index:1}
.article-slide-overlay{
  right:28px;bottom:28px;width:min(500px,40%);max-width:40%;min-width:0;
  padding:15px 17px;background:rgba(4,18,28,.82);z-index:3
}
.article-slide-overlay h2{
  display:block;max-width:100%;margin:0;font-size:clamp(19px,2.35vw,31px);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.article-slide-overlay p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow:hidden;max-height:3.4em;margin:7px 0 0;line-height:1.7;font-size:12px
}
.slide-arrow{z-index:5}.slide-dots{z-index:6}

@media(max-width:1024px){
  .article-slide-media{left:24px;top:22px;bottom:22px;width:58%;padding:24px}
  .article-slide.vector-media .article-slide-media{padding:26px}
  .article-slide.vector-media .article-slide-media img{width:82%;height:82%;max-width:82%;max-height:82%}
  .article-slide.raster-media .article-slide-media{padding:24px}
  .article-slide-overlay{right:18px;bottom:22px;width:44%;max-width:44%;padding:13px 14px}
  .article-slide-overlay h2{font-size:clamp(18px,2.6vw,27px)}
}
@media(max-width:820px){
  .article-slide-media{left:18px;top:18px;bottom:18px;width:56%;padding:20px}
  .article-slide.vector-media .article-slide-media{padding:22px}
  .article-slide.vector-media .article-slide-media img{width:84%;height:84%;max-width:84%;max-height:84%}
  .article-slide.raster-media .article-slide-media{padding:20px}
  .article-slide-overlay{right:14px;bottom:18px;width:46%;max-width:46%}
  .article-slide-overlay h2{font-size:21px}
}
@media(max-width:620px){
  .article-slider{aspect-ratio:4/3;min-height:0}
  .article-slide-media{left:14px;right:14px;top:14px;bottom:auto;width:auto;height:58%;padding:16px}
  .article-slide.vector-media .article-slide-media{padding:16px}
  .article-slide.vector-media .article-slide-media img{width:88%;height:88%;max-width:88%;max-height:88%}
  .article-slide.raster-media .article-slide-media{padding:16px}
  .article-slide-overlay{left:12px;right:12px;bottom:18px;width:auto;max-width:none;padding:11px 12px}
  .article-slide-overlay h2{font-size:18px}
  .article-slide-overlay p{font-size:11px;max-height:3.2em}
}
@media(max-width:430px){
  .article-slide-media{left:12px;right:12px;top:12px;height:56%;padding:14px}
  .article-slide.vector-media .article-slide-media{padding:14px}
  .article-slide.raster-media .article-slide-media{padding:14px}
  .article-slide-overlay{bottom:17px;padding:10px 11px}
  .article-slide-overlay h2{font-size:17px}
}

/* v0.14.5 — slider geometry reset: one centered media frame aligned to the slide */
.article-slide-media{
  position:absolute;
  left:50%;
  right:auto;
  top:26px;
  bottom:26px;
  width:calc(100% - 148px);
  height:auto;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(92,240,232,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,25,35,.9),rgba(4,16,27,.76));
  box-shadow:inset 0 0 34px rgba(0,0,0,.16);
  z-index:0;
}
.article-slide-media img{
  display:block;
  margin:auto;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  border:0;
  border-radius:12px;
  transform:none;
}
.article-slide.vector-media .article-slide-media{padding:30px}
.article-slide.vector-media .article-slide-media img{
  width:auto;
  height:auto;
  max-width:78%;
  max-height:78%;
}
.article-slide.raster-media .article-slide-media{padding:26px}
.article-slide.raster-media .article-slide-media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}
.article-slide::after{
  z-index:1;
  background:linear-gradient(90deg,rgba(2,10,18,.03),rgba(2,10,18,.01) 52%,rgba(2,10,18,.16));
}
.article-slide-overlay{z-index:3}

@media(max-width:1024px){
  .article-slide-media{
    left:50%;right:auto;top:22px;bottom:22px;
    width:calc(100% - 116px);height:auto;
    transform:translateX(-50%);padding:24px
  }
  .article-slide.vector-media .article-slide-media{padding:26px}
  .article-slide.vector-media .article-slide-media img{width:auto;height:auto;max-width:82%;max-height:82%}
  .article-slide.raster-media .article-slide-media{padding:22px}
}
@media(max-width:820px){
  .article-slide-media{
    left:50%;right:auto;top:18px;bottom:18px;
    width:calc(100% - 84px);height:auto;
    transform:translateX(-50%);padding:20px
  }
  .article-slide.vector-media .article-slide-media{padding:22px}
  .article-slide.vector-media .article-slide-media img{width:auto;height:auto;max-width:84%;max-height:84%}
  .article-slide.raster-media .article-slide-media{padding:18px}
}
@media(max-width:620px){
  .article-slide-media{
    left:50%;right:auto;top:14px;bottom:auto;
    width:calc(100% - 28px);height:58%;
    transform:translateX(-50%);padding:16px
  }
  .article-slide.vector-media .article-slide-media{padding:16px}
  .article-slide.vector-media .article-slide-media img{width:auto;height:auto;max-width:88%;max-height:88%}
  .article-slide.raster-media .article-slide-media{padding:14px}
}
@media(max-width:430px){
  .article-slide-media{
    left:50%;right:auto;top:12px;bottom:auto;
    width:calc(100% - 24px);height:56%;
    transform:translateX(-50%);padding:14px
  }
  .article-slide.vector-media .article-slide-media{padding:14px}
  .article-slide.vector-media .article-slide-media img{width:auto;height:auto;max-width:88%;max-height:88%}
  .article-slide.raster-media .article-slide-media{padding:12px}
}