/*
Theme Name: MC Gazeta
Theme URI: https://johngorn.com
Description: Дочерняя тема missioncontrol — газетная полоса (Gazeta). Рендер из jg_page_content(). Пробная тема JG. Скоуп только на главной.
Author: Evgeny Gorun
Template: missioncontrol
Version: 1.0
*/

body.jg-gazeta{
  --bg:#f6f1e3; --ink:#141210; --mut:#3c372e; --mut2:#4a453c; --mut3:#6d675c; --red:#8c1d18; --line:#d9d2c0;
  background:var(--bg)!important; color:var(--ink)!important;
  font-family:Georgia,"Times New Roman",serif!important; line-height:1.55;
}
.jg-gazeta *{box-sizing:border-box}
.jg-gazeta img{max-width:100%;height:auto}
.jg-gazeta a{color:var(--ink)}
.ga-wrap{max-width:1040px;margin:0 auto;padding:0 26px}
.ga-sans{font-family:system-ui,Arial,sans-serif}

/* Masthead */
.ga-mast{text-align:center;border-bottom:4px double var(--ink);padding:28px 0 14px;margin-bottom:10px}
.ga-mast h1{font-size:clamp(30px,6vw,60px);font-weight:900;text-transform:uppercase;letter-spacing:.02em;margin:0}
/* Dateline */
.ga-dateline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:system-ui,sans-serif;
  font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut3);border-bottom:1px solid var(--ink);padding:7px 2px;margin-bottom:14px}
.ga-dateline a{color:var(--mut3)} .ga-dateline .cur{color:var(--red)} .ga-dateline .sep{opacity:.5}
/* Slim nav */
.ga-nav{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;font-family:system-ui,sans-serif;font-size:12.5px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:30px}
.ga-nav a{color:var(--ink);text-decoration:none} .ga-nav a:hover{color:var(--red)}

/* Rubric header */
.ga-sec{padding:30px 0;border-top:4px double var(--ink)}
.ga-sec:first-of-type{border-top:0}
.ga-kick{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 6px}
.ga-h2{font-size:clamp(24px,3.6vw,38px);font-weight:800;line-height:1.12;margin:0 0 8px}
.ga-standfirst{font-size:17px;font-style:italic;color:var(--mut2);margin:0 0 22px;max-width:680px}
.ga-hl{color:var(--red);font-weight:700}   /* перекрас .hl/.proj-hl */

/* Lead (hero) */
.ga-lead{padding:8px 0 20px}
.ga-lead .name{font-size:clamp(30px,5vw,54px);font-weight:900;line-height:1.04;margin:6px 0 8px;letter-spacing:-.01em}
.ga-lead .name em{font-style:normal} .ga-lead .name span{color:var(--red)}
.ga-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.ga-btn{display:inline-block;font-family:system-ui,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:11px 20px;border:1px solid var(--ink);background:var(--ink)}
.jg-gazeta .ga-btn{color:var(--bg)}
.jg-gazeta .ga-btn img.emoji{filter:brightness(0) invert(1)}
.jg-gazeta .ga-btn:hover{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}
.jg-gazeta .ga-btn.sec{background:transparent;color:var(--ink)}
.jg-gazeta .ga-btn.sec img.emoji{filter:none}
.jg-gazeta .ga-btn.sec:hover{background:var(--ink);color:var(--bg)}

/* Stats — «цифры номера» */
.ga-stats{display:flex;flex-wrap:wrap;gap:24px 44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.ga-stat .n{font-size:44px;font-weight:900;line-height:1}
.ga-stat .l{font-family:system-ui,sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut3);margin-top:4px}

/* About — фото + 3-колоночный текст с буквицей */
.ga-about{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}
.ga-fig{margin:0} .ga-fig img{border:1px solid var(--ink);display:block;width:100%}   /* фото ЦВЕТНОЕ + тонкая рамка */
.ga-fig figcaption{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut3);margin-top:6px;text-align:center}
.ga-ci{font-family:system-ui,sans-serif;font-size:12.5px;margin:6px 0;display:flex;gap:8px}
.ga-ci .ico{width:16px;color:var(--red)}
.ga-grad{color:var(--red);font-style:italic}
.ga-cols{column-count:3;column-gap:28px;column-rule:1px solid var(--line);font-size:15px;line-height:1.65;text-align:justify}
.ga-cols p{margin:0 0 12px}
.ga-cols .dropcap::first-letter{font-size:52px;font-weight:800;float:left;line-height:.9;padding:4px 8px 0 0;color:var(--red)}
.ga-badges{margin-top:14px;font-family:system-ui,sans-serif;font-size:11.5px;color:var(--mut3);letter-spacing:.03em}
.ga-badges span:not(:last-child)::after{content:" · "}

/* Skills */
.ga-skg{margin-bottom:16px;break-inside:avoid}
.ga-skg h3{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);border-bottom:1px solid var(--line);padding-bottom:5px;margin:0 0 8px}
.ga-sk{display:grid;grid-template-columns:1fr 110px 84px;align-items:center;gap:12px;padding:4px 0;font-size:14px}
.ga-sk .bar{height:5px;background:#e6dfcc;position:relative;overflow:hidden}
.ga-sk .bar i{position:absolute;left:0;top:0;height:100%;background:var(--red)}
.ga-sk .lvl{font-family:system-ui,sans-serif;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut3);text-align:right}

/* Briefs (portfolio/autolab/process/blog как заметки) */
.ga-briefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}
.ga-brief{break-inside:avoid}
.ga-brief .bk{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700}
.ga-brief h3{font-size:18px;font-weight:800;margin:4px 0 6px;line-height:1.2}
.ga-brief h3 a{color:var(--ink);text-decoration:none} .ga-brief h3 a:hover{color:var(--red)}
.ga-brief p{font-size:14px;line-height:1.55;color:var(--mut);margin:0}
.ga-brief .tags{font-family:system-ui,sans-serif;font-size:11px;color:var(--mut3);margin-top:6px}
.ga-brief .tags span:not(:last-child)::after{content:" · "}
.ga-brief .date{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut3);margin-top:6px;display:block}
a.ga-brief.alab-card{text-decoration:none;color:inherit;cursor:pointer;display:block} a.ga-brief.alab-card:hover h3{color:var(--red)}
.ga-brief .more{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--red);margin-top:6px;display:inline-block}

/* Rows (lab/automate) */
.ga-row{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.ga-row .ico{font-size:16px} .ga-row .nm{font-weight:800;min-width:150px} .ga-row .ds{color:var(--mut)} .ga-row .arw{color:var(--red);font-weight:700}

/* Status / LIVE TELEMETRY */
.ga-stx{border:1px solid var(--ink);padding:22px;background:#fbf7ec;max-width:660px}
.ga-stx-live{font-family:system-ui,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ga-stx-live .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
.ga-stx-upd{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut3);margin-bottom:16px}
.ga-stx-row{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.ga-stx-row .nd{font-weight:800} .ga-stx-row .mt{color:var(--mut3);flex:1;min-width:120px;font-family:system-ui,sans-serif;font-size:12px}
.ga-stx-row .ok{color:var(--red);font-family:system-ui,sans-serif;font-size:12px;font-weight:700} .ga-stx-row .ok.down{color:#141210}

/* Gallery */
.ga-gal img{border:1px solid var(--ink);cursor:zoom-in;width:100%;display:block}
.ga-lb{display:none;position:fixed;inset:0;z-index:9999;background:rgba(20,18,16,.9);align-items:center;justify-content:center;padding:24px}
.ga-lb.open{display:flex} .ga-lb img{max-width:94vw;max-height:90vh;border:3px solid #f6f1e3;cursor:zoom-out}

/* Resume */
.ga-res{padding:14px 0;border-bottom:1px solid var(--line)}
.ga-res h3{font-size:18px;font-weight:800;margin:0 0 3px}
.ga-res .meta{font-family:system-ui,sans-serif;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.ga-res p{margin:0;font-size:14.5px;color:var(--mut)}

/* Contact + форма */
.ga-clink{display:flex;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.ga-clink .ico{width:20px;color:var(--red)} .ga-clink strong{min-width:120px}
.ga-form{max-width:560px;margin-top:22px;display:grid;gap:12px}
.ga-form label{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut3);display:block;margin-bottom:4px}
.ga-form input,.ga-form textarea{width:100%;font-family:Georgia,serif;font-size:15px;padding:11px 13px;border:1px solid var(--ink);background:#fff;color:var(--ink)}
.ga-form textarea{min-height:110px;resize:vertical}
#cf-btn{font-family:system-ui,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:0;padding:13px 24px;cursor:pointer;justify-self:start}
#cf-btn:hover{background:var(--red)} .form-msg{font-size:13px;margin-top:4px;font-family:system-ui,sans-serif}
.form-ok{color:#1a6b1a} .form-err{color:var(--red)}

/* Footer */
.ga-foot{border-top:4px double var(--ink);margin-top:40px;padding:16px 0 40px;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* перекрас классов подсветки ИЗ ДАННЫХ под газету (красный) */
.jg-gazeta .hl,.jg-gazeta .proj-hl{color:var(--red);font-weight:700;background:none;-webkit-text-fill-color:var(--red)}
.jg-gazeta .about2-grad{color:var(--red);font-style:italic;background:none;-webkit-text-fill-color:var(--red)}

@media(max-width:900px){.ga-cols{column-count:2}.ga-about{grid-template-columns:1fr}}
@media(max-width:620px){.ga-cols{column-count:1}.ga-sk{grid-template-columns:1fr 70px 74px}}

/* ==== mobile overflow fix 20260725-160412 (group B: skills row) ==== */
@media(max-width:640px){
  .ga-sk{grid-template-columns:1fr 56px auto}
  .ga-sk>*{min-width:0}
  .ga-sk .lvl{overflow-wrap:break-word}
  .ds{overflow-wrap:break-word}
}

/* ==== mobile overflow fix 20260725-160847 (group B2: .ds row wrap) ==== */
@media(max-width:640px){
  .ga-row{flex-wrap:wrap}
  .ga-row>*{min-width:0}
  .ga-row .ds{flex:1 1 100%;overflow-wrap:break-word}
}

/* ==== mobile overflow fix 20260725-162639 (group C: contacts/email) ==== */
@media(max-width:640px){
  #contact{overflow-wrap:anywhere}
  .ga-clink{flex-wrap:wrap}
  .ga-clink>*{min-width:0}
}

/* group A 20260725-170459: gazeta masthead h1 fit mobile */
@media(max-width:640px){
  .ga-mast h1{font-size:clamp(22px,6.5vw,60px);overflow-wrap:anywhere}
}