/* ИИ-раздел журнала — стили scoped, только .ai-* и [data-ai-*] */
.ai-hub-head{padding:56px 0 28px;border-bottom:1px solid var(--line,#d8d8d2)}
.ai-kicker{font-family:var(--sans,system-ui,sans-serif);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--green,#1a5c43);margin:0 0 14px}
.ai-kicker a{color:var(--green,#1a5c43);text-decoration:none}
.ai-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,5vw,46px);line-height:1.12;font-weight:700;color:var(--ink,#171916);margin:0 0 16px}
.ai-dek{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--ink,#171916);margin:0 0 14px;max-width:46em}
.ai-intro{font-family:var(--sans,system-ui,sans-serif);font-size:15px;line-height:1.65;color:var(--ink-soft,#55564f);margin:0;max-width:46em}
.ai-section{padding:40px 0 8px}
.ai-h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,3.4vw,30px);line-height:1.2;font-weight:700;color:var(--ink,#171916);margin:0 0 6px}
.ai-note{font-family:var(--sans,system-ui,sans-serif);font-size:14px;color:var(--ink-soft,#55564f);margin:0 0 22px}
.ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 8px}
.ai-card{background:transparent;border:0;border-top:1px solid var(--line,#d8d8d2);border-radius:0;padding:20px 0;display:flex;flex-direction:column;gap:10px}
.ai-card-cat{font-family:var(--sans,system-ui,sans-serif);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--green,#1a5c43)}
.ai-card h3{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.25;font-weight:700;margin:0}
.ai-card h3 a{color:var(--ink,#171916);text-decoration:none}
.ai-card h3 a:hover{color:var(--green,#1a5c43)}
.ai-card p{font-family:var(--sans,system-ui,sans-serif);font-size:14px;line-height:1.6;color:var(--ink-soft,#55564f);margin:0;flex:1}
.ai-read{font-family:var(--sans,system-ui,sans-serif);font-size:14px;font-weight:600;color:var(--green,#1a5c43);text-decoration:none;margin-top:4px}
.ai-read:hover{text-decoration:underline}
.ai-offer{background:var(--paper,#fcfcfa);border:0;border-top:3px solid var(--green,#1a5c43);border-bottom:1px solid var(--line,#d8d8d2);border-radius:0;padding:30px 0;margin:34px 0 10px}
.ai-offer-body{font-family:var(--sans,system-ui,sans-serif);font-size:15px;line-height:1.65;color:var(--ink,#171916);max-width:46em}
.ai-offer-body p{margin:0 0 12px}
.ai-offer-body ul{margin:0 0 12px;padding-left:20px}
.ai-offer-body li{margin:0 0 8px}
.ai-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ai-cta{display:inline-block;font-family:var(--sans,system-ui,sans-serif);font-size:15px;font-weight:600;padding:12px 22px;border-radius:0;text-decoration:none;border:1px solid var(--green,#1a5c43)}
a.ai-cta--primary{background:var(--green,#1a5c43);color:#fff}
a.ai-cta--primary:hover{background:#144a36}
a.ai-cta--ghost{background:#fff;color:var(--green,#1a5c43)}
a.ai-cta--ghost:hover{background:var(--paper,#fcfcfa)}
.ai-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 8px}
.ai-example{background:transparent;border:0;border-top:1px solid var(--line,#d8d8d2);border-radius:0;padding:20px 0;display:flex;flex-direction:column;gap:10px}
.ai-example img{width:100%;height:auto;border-radius:0;border:1px solid var(--line-soft,#e8e8e2);display:block}
.ai-example figcaption{font-family:var(--sans,system-ui,sans-serif);font-size:12.5px;line-height:1.5;color:var(--ink-soft,#55564f)}
.ai-example-name{font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:700;margin:0}
.ai-example-name a{color:var(--ink,#171916);text-decoration:none;word-break:break-word}
.ai-example-name a:hover{color:var(--green,#1a5c43)}
.ai-example:last-child{grid-column:1/-1}.ai-example p{font-family:var(--sans,system-ui,sans-serif);font-size:13.5px;line-height:1.55;color:var(--ink-soft,#55564f);margin:0;flex:1}
.ai-example-link{font-family:var(--sans,system-ui,sans-serif);font-size:14px;font-weight:600;color:var(--green,#1a5c43);text-decoration:none}
.ai-example-link:hover{text-decoration:underline}
.ai-about-link{margin:18px 0 0}
.ai-about-link a{font-family:var(--sans,system-ui,sans-serif);font-size:15px;font-weight:600;color:var(--green,#1a5c43);text-decoration:none}
.ai-about-link a:hover{text-decoration:underline}
@media(max-width:900px){.ai-cards,.ai-examples{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
 .ai-hub-head{padding:36px 0 22px}
 .ai-cards,.ai-examples{grid-template-columns:1fr;gap:14px}
 .ai-offer{padding:22px 0;margin:26px 0 8px}
 .ai-cta{width:100%;text-align:center;box-sizing:border-box}
}