.article-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 12%,rgba(230,173,40,.13),transparent 36%)}
.article-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.56fr);gap:64px;align-items:center;padding-block:70px}
.article-hero h1{max-width:850px;font-size:clamp(2.55rem,5.8vw,5.15rem)}
.article-hero__lead{max-width:760px;color:var(--muted);font-size:clamp(1.08rem,1.8vw,1.35rem)}
.article-hero__visual{margin:0}
.article-hero__visual img{width:100%;height:auto;aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:72px;align-items:start}
.article-body{font-size:1.05rem}
.article-body h2{margin-top:62px;margin-bottom:20px;font-size:clamp(1.75rem,3.1vw,2.65rem)}
.article-body h3{margin-top:30px}
.article-body p,.article-body li{color:var(--muted)}
.article-page--non-nude .article-body p,.article-page--non-nude .article-body li{text-align:justify;text-wrap:pretty;hyphens:auto}
.article-body strong{color:var(--text)}
.article-body ul,.article-body ol{display:grid;gap:10px;padding-left:22px}
.article-note{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}
.article-note p{margin:0}
.article-photo{margin:34px 0 44px}
.article-photo img{width:100%;height:auto;aspect-ratio:3/2;border:1px solid var(--line);border-radius:20px;object-fit:cover;box-shadow:var(--shadow)}
.article-photo figcaption{margin-top:10px;color:var(--muted);font-size:.9rem}
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:28px 0}
.compare article{padding:23px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.compare article p{margin-bottom:0}
.article-aside{position:sticky;top:24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft)}
.article-aside p{color:var(--muted)}
.article-aside .button{width:100%;margin-top:8px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;color:var(--muted);font-size:.92rem}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.blog-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:var(--panel)}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card__body{padding:25px}
.blog-card__body p{color:var(--muted)}
.blog-card__body a{color:var(--gold-light);font-weight:800;text-decoration:none}
@media(max-width:900px){.article-hero__inner,.article-layout{grid-template-columns:1fr}.article-hero__visual{max-width:520px}.article-aside{position:static}.blog-grid{grid-template-columns:1fr}}
@media(max-width:520px){.article-hero__inner{gap:34px;padding-block:42px}.article-hero h1{font-size:2.45rem}.article-layout{gap:46px}.article-body{font-size:1rem}.article-body h2{margin-top:48px}.compare{grid-template-columns:1fr}.article-note,.article-aside{padding:20px}}