:root,[data-theme="light"]{
            --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
            --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
            --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
            --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
            --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
            --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
            --space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
            --color-bg:#f7f5f0;--color-surface:#fcfbf8;--color-surface-2:#f2eee7;--color-border:rgba(31,32,36,.12);--color-text:#17181c;--color-text-muted:#676b76;--color-primary:#0c7c66;--color-primary-2:#f7a928;
            --shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 10px 30px rgba(0,0,0,.08);--shadow-lg:0 24px 60px rgba(0,0,0,.14);
            --radius-md:20px;--radius-lg:28px;--radius-xl:36px;
            --font-body:'Plus Jakarta Sans',system-ui,sans-serif;--font-display:'DM Serif Display',Georgia,serif;
        }
        [data-theme="dark"]{
            --color-bg:#0d1117;--color-surface:#131a22;--color-surface-2:#1a2330;--color-border:rgba(255,255,255,.1);--color-text:#f4f7fb;--color-text-muted:#9aa4b1;--color-primary:#18b28f;--color-primary-2:#ffb545;
            --shadow-sm:0 1px 2px rgba(0,0,0,.22);--shadow-md:0 10px 30px rgba(0,0,0,.28);--shadow-lg:0 24px 60px rgba(0,0,0,.4);
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html,body{max-width:100%;overflow-x:clip}
        body{
            font-family:var(--font-body);
            font-size:var(--text-base);
            line-height:1.7;
            color:var(--color-text);
            background:
                radial-gradient(circle at top left, rgba(24,178,143,.15), transparent 30%),
                radial-gradient(circle at top right, rgba(255,181,69,.12), transparent 24%),
                var(--color-bg);
        }
        img{display:block;max-width:100%;height:auto}
        a{text-decoration:none;color:inherit}
        button{font:inherit;cursor:pointer}
        .container{width:min(1160px,calc(100% - 24px));margin-inline:auto}
        .article-shell{width:min(820px,100%);margin-inline:auto}
        .topbar{
            position:sticky;top:0;z-index:50;
            backdrop-filter:blur(16px);
            background:color-mix(in srgb,var(--color-bg) 80%, transparent);
            border-bottom:1px solid var(--color-border);
        }
        .nav{
            display:flex;align-items:center;justify-content:space-between;
            gap:var(--space-6);padding:18px 0;flex-wrap:wrap;
        }
        .brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:.02em}
        .logo{
            width:42px;height:42px;border-radius:14px;
            background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));
            display:grid;place-items:center;box-shadow:var(--shadow-md);color:#04110e;
        }
        .logo svg{width:24px;height:24px}
        .nav-links{display:flex;gap:20px;color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap}
        .article-hero{padding:clamp(26px,4vw,48px) 0 var(--space-12)}
        .back-link{
            display:inline-flex;align-items:center;gap:8px;
            font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:18px;
        }
        .eyebrow{
            display:inline-flex;align-items:center;gap:8px;
            padding:8px 14px;border-radius:999px;
            background:color-mix(in srgb,var(--color-primary) 16%, var(--color-surface));
            color:var(--color-primary-2);font-size:var(--text-xs);
            font-weight:800;letter-spacing:.12em;text-transform:uppercase;
        }
        h1{
            font-family:var(--font-display);
            font-size:clamp(2.3rem,4vw,4.8rem);
            line-height:.96;margin-top:18px;
        }
        .article-meta{
            display:flex;flex-wrap:wrap;gap:10px 14px;
            color:var(--color-text-muted);font-size:var(--text-sm);
            margin-top:18px;
        }
        .article-cover{
            margin-top:24px;border-radius:var(--radius-xl);overflow:hidden;
            border:1px solid var(--color-border);box-shadow:var(--shadow-lg);background:var(--color-surface);
        }
        .article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
        .article-layout{
            display:grid;grid-template-columns:minmax(0,1fr) 280px;
            gap:26px;align-items:start;padding-bottom:var(--space-16);
        }
        .article-card,.aside-card,.related-card{
            background:var(--color-surface);
            border:1px solid var(--color-border);
            box-shadow:var(--shadow-md);
        }
        .article-card{border-radius:var(--radius-xl);padding:clamp(22px,4vw,42px)}
        .article-content > * + *{margin-top:1.1em}
        .article-content h2,.article-content h3,.article-content h4{
            line-height:1.15;margin-top:1.5em;font-family:var(--font-display);
        }
        .article-content h2{font-size:var(--text-xl)}
        .article-content h3{font-size:var(--text-lg)}
        .article-content ul,.article-content ol{padding-left:1.25rem}
        .article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}
        .share-bar{
            display:flex;flex-wrap:wrap;gap:10px;
            margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border);
        }
        .share-btn{
            min-height:42px;padding:0 14px;border-radius:999px;
            border:1px solid var(--color-border);background:var(--color-surface-2);
            color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;
        }
        
        .share-card__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:6px;
}

.share-glass{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:56px;
    padding:14px 14px;
    border-radius:18px;
    text-decoration:none;
    color:var(--color-text);
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 24px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.share-glass:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 16px 32px rgba(0,0,0,.24);
}

.share-glass:active{
    transform:translateY(0);
}

.share-glass__icon{
    width:36px;
    height:36px;
    border-radius:12px;
    display:grid;
    place-items:center;
    flex:0 0 36px;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}

.share-glass__icon svg{
    width:18px;
    height:18px;
    display:block;
}

.share-glass__text{
    font-size:var(--text-sm);
    font-weight:700;
    letter-spacing:.01em;
    color:var(--color-text);
}

.share-glass--whatsapp{
    background:
        linear-gradient(180deg, rgba(37,211,102,.18), rgba(37,211,102,.08)),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border-color:rgba(37,211,102,.22);
}

.share-glass--whatsapp .share-glass__icon{
    background:linear-gradient(180deg, #25d366, #169c4d);
}

.share-glass--telegram{
    background:
        linear-gradient(180deg, rgba(39,167,231,.18), rgba(39,167,231,.08)),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border-color:rgba(39,167,231,.24);
}

.share-glass--telegram .share-glass__icon{
    background:linear-gradient(180deg, #27a7e7, #1789c5);
}

.share-glass--facebook{
    background:
        linear-gradient(180deg, rgba(24,119,242,.18), rgba(24,119,242,.08)),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border-color:rgba(24,119,242,.24);
}

.share-glass--facebook .share-glass__icon{
    background:linear-gradient(180deg, #1877f2, #0f5fc9);
}

.share-glass--x{
    background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    border-color:rgba(255,255,255,.16);
}

.share-glass--x .share-glass__icon{
    background:linear-gradient(180deg, #111111, #000000);
}

@media (max-width: 980px){
    .share-card__grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 520px){
    .share-card__grid{
        grid-template-columns:1fr;
    }
}
        
        .aside-stack{display:grid;gap:18px;position:sticky;top:92px}
        .aside-card{border-radius:var(--radius-lg);padding:20px}
        .aside-label{
            font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;
            color:var(--color-primary-2);font-weight:800;margin-bottom:10px;
        }
        .stat-line{
            display:flex;justify-content:space-between;gap:12px;
            padding:10px 0;border-top:1px solid var(--color-border);
            color:var(--color-text-muted);font-size:var(--text-sm);
        }
        .stat-line:first-of-type{border-top:0;padding-top:0}
        .stat-line strong{color:var(--color-text)}
        .related-section{padding:0 0 40px}
        .related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
        .related-head h2{font-family:var(--font-display);font-size:var(--text-xl)}
        .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
        .related-card{border-radius:var(--radius-lg);overflow:hidden}
        .related-card__image{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#234a69,#111827)}
        .related-card__image img{width:100%;height:100%;object-fit:cover}
        .related-card__body{padding:18px}
        .related-card__meta{
            font-size:var(--text-xs);color:var(--color-text-muted);
            text-transform:uppercase;letter-spacing:.08em;font-weight:700;
        }
        .related-card__title{margin-top:8px;line-height:1.15;font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}
        .related-card__excerpt{margin-top:10px;color:var(--color-text-muted);font-size:var(--text-sm)}
        footer{padding:0 0 40px}
        .footer-card{
            background:var(--color-surface);
            border:1px solid var(--color-border);
            border-radius:30px;padding:24px;
            display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
        }
        .footer-links{display:flex;gap:16px;flex-wrap:wrap;color:var(--color-text-muted)}
        @media (max-width: 980px){
            .article-layout,.related-grid{grid-template-columns:1fr}
            .aside-stack{position:static}
        }