/*
Theme Name: Telegram Brand Native Preview
Theme URI: https://telegram.org/apps
Author: Local site team
Description: Editable block theme for isolated Telegram English previews.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: telegram-brand-native
*/
:root{--brand:#1889c9;--brand-deep:#123d5b;--ink:#173044;--muted:#5a7082;--line:#d9e7ee;--soft:#eef8fc;--card:#fff;--radius:20px}
body{margin:0;background:#f8fbfc;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}
body.bd-site-mobile{--brand:#1889c9;--brand-deep:#123d5b;--soft:#e9f7ff}
body.bd-site-desktop{--brand:#1479aa;--brand-deep:#0b2f45;--soft:#e8f6f9}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brand-deep)}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.site-header{background:var(--brand-deep);color:#fff;box-shadow:0 3px 16px rgba(5,35,54,.14)}
.site-header .wp-block-group{max-width:1160px;margin:auto;padding:16px 24px;gap:22px}
.site-brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:800;line-height:1.2;color:#fff;text-decoration:none}
.site-brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}
.site-brand-title{font-size:1.2rem;font-weight:800;line-height:1.2;margin:0}.site-brand-title a{color:#fff;text-decoration:none}
.site-header .wp-block-navigation-item__content,.site-header .wp-block-navigation__responsive-container-open,.site-header .wp-block-navigation__responsive-container-close{color:#fff}
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--brand-deep);color:#fff;padding:24px}
.site-footer{margin-top:auto;background:#112d3f;color:#d5e7ef}
.site-footer .wp-block-group{max-width:1160px;margin:auto;padding:34px 24px}
.site-footer a{color:#d5e7ef}
.site-footer p{margin:0}
.site-shell{max-width:1160px;margin:0 auto;padding:36px 24px 64px}
.site-shell.narrow{max-width:870px}
.site-kicker{display:inline-block;text-transform:uppercase;font-size:.77rem;font-weight:800;letter-spacing:.13em;color:var(--brand)}
.site-hero{background:linear-gradient(125deg,var(--brand-deep),#176b98);color:#fff;border-radius:28px;padding:58px clamp(24px,6vw,74px);overflow:hidden;position:relative}
body.bd-site-mobile .site-hero{background:linear-gradient(130deg,#103652,#168bc4)}
.site-hero:after{content:"";position:absolute;width:340px;height:340px;border:2px solid rgba(255,255,255,.15);border-radius:50%;right:-95px;top:-120px;box-shadow:0 0 0 60px rgba(255,255,255,.045)}
.site-hero>*{position:relative;z-index:1}
.site-hero h1{font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.13;letter-spacing:-.04em;max-width:760px;margin:12px 0 20px;color:#fff}
.site-hero p{font-size:1.12rem;max-width:720px;color:#d9edf7}
.site-hero .wp-block-buttons{margin-top:26px}
.site-hero .wp-block-button__link{background:#fff;color:var(--brand-deep);font-weight:800;border-radius:12px;padding:12px 23px}
.site-hero .is-style-outline .wp-block-button__link{color:#fff;border-color:#fff;background:transparent}
.site-section{padding:52px 0 0}
.site-section h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:0 0 12px}
.site-section>.wp-block-group{margin-top:22px}
.site-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(11,53,78,.04);height:100%;box-sizing:border-box}
.site-card h3{margin:0 0 8px;font-size:1.25rem;line-height:1.32}
.site-card p{color:var(--muted);margin:0 0 12px}
.site-card a{font-weight:700}
.site-subhead{color:var(--muted);max-width:760px;margin:0}
.site-article-head{padding:24px 0 12px;border-bottom:1px solid var(--line);margin-bottom:25px}
.site-article-head h1{font-size:clamp(2rem,4vw,3.05rem);line-height:1.18;letter-spacing:-.025em;margin:8px 0 10px}
.site-article-meta{color:var(--muted);font-size:.92rem}
.site-content{font-size:1.045rem}
.site-content h2{margin:38px 0 10px;font-size:1.55rem;line-height:1.3}
.site-content p,.site-content li{line-height:1.82}
.site-content ul,.site-content ol{padding-left:1.5em}
.site-download{border:1px solid #add5e8;border-left:5px solid var(--brand);border-radius:16px;background:#fff;padding:20px 24px;margin:22px 0 30px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.site-download h2{font-size:1.15rem;margin:0 0 4px}
.site-download p{margin:0;color:var(--muted);font-size:.93rem;max-width:600px}
.site-download a,.site-download .disabled{display:inline-flex;padding:11px 20px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.site-download .disabled{background:#dce7ec;color:#546a78}
.site-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.site-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.site-list h2{font-size:1.23rem;margin:0 0 8px;line-height:1.35}
.site-list p{margin:0;color:var(--muted)}
.site-pagination{margin-top:28px}
.site-empty{padding:40px;background:#fff;border:1px solid var(--line);border-radius:16px}
@media(max-width:700px){.site-header .wp-block-group{padding:13px 17px}.site-brand{font-size:1.02rem}.site-shell{padding:22px 16px 44px}.site-hero{border-radius:20px;padding:38px 22px}.site-list{grid-template-columns:1fr}.site-download{align-items:stretch}.site-download a,.site-download .disabled{justify-content:center}.site-footer .wp-block-group{padding:28px 18px}}