/* alexnenov.com — стилове по страници */

/* ==================== home ==================== */
/* Под името: занаятът. Под снимката: редът за опита. */
body.p-home .rolya{margin-top:.55rem;font:500 1.06rem/1.3 var(--fh);letter-spacing:.01em;
  color:var(--ink-3)}
body.p-home .rolya + .lede{margin-top:1.1rem}
body.p-home .lead-figure{justify-self:end;margin:0;text-align:center}
body.p-home .lead-figure figcaption{margin-top:1rem;font:600 .95rem/1.3 var(--fh);
  color:var(--orange)}
@media (max-width:860px){ body.p-home .lead-figure{justify-self:start;text-align:left} }
/* Оправданията, които хората чуват другаде — тихо, в един ред над текста. */
body.p-home .quotes{margin-top:.9rem;font-size:1.02rem;line-height:1.7;color:var(--ink-3);
  max-width:52rem}
body.p-home .quotes + p{margin-top:.9rem;color:var(--ink-2);max-width:var(--measure)}


/* ==================== books ==================== */
/* Решетката с книгите е в общите стилове. */


/* ==================== service ==================== */
/* Подробната страница: дълги текстови секции и модули с подзаглавия. */
body.p-service .prose{max-width:46rem}
body.p-service .prose p{color:var(--ink-2);font-size:1.05rem;line-height:1.7;margin-top:1rem}
body.p-service .prose p:first-child{margin-top:0}
body.p-service .band--navy .prose p, body.p-service .band--cobalt .prose p{color:#D6E5F8}

body.p-service .mods{border-top:2px solid var(--cobalt);margin-top:.5rem}
body.p-service .mod{padding-block:clamp(1.6rem,3vw,2.4rem);border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:46px minmax(0,1fr);gap:clamp(1rem,2.5vw,1.6rem)}
body.p-service .mod-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:linear-gradient(145deg,var(--cobalt),var(--navy));
  box-shadow:0 5px 14px rgba(0,32,92,.22)}
body.p-service .mod-ico svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
body.p-service .mod h3{font-size:clamp(1.15rem,2vw,1.4rem);letter-spacing:-.025em}
body.p-service .mod p{color:var(--ink-2);font-size:1.02rem;line-height:1.68;margin-top:.8rem}
body.p-service .mod-res{margin-top:1.1rem;padding-left:1rem;border-left:3px solid var(--orange);
  font:600 1.01rem/1.55 var(--fh);letter-spacing:-.015em;color:var(--ink)}
@media (max-width:700px){ body.p-service .mod{grid-template-columns:1fr;gap:.4rem} }

/* номериран поток вътре в секция */
body.p-service .flow{list-style:none;margin:1.6rem 0 0;padding:0;border-top:1px solid var(--line-2);
  max-width:52rem}
body.p-service .flow li{padding-block:.95rem;border-bottom:1px solid var(--line)}
body.p-service .flow span{color:var(--ink-2);font-size:1.01rem;line-height:1.6}
body.p-service .flow strong{color:var(--ink);font-weight:600}
body.p-service .band--navy .flow span, body.p-service .band--cobalt .flow span{color:#D6E5F8}
body.p-service .band--navy .flow strong, body.p-service .band--cobalt .flow strong{color:#fff}

/* свързаните услуги като три карти с текст */
body.p-service .rel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}
@media (max-width:860px){ body.p-service .rel-cards{grid-template-columns:1fr} }


/* ==================== process ==================== */
/* Разгърнатите стъпки: номер и заглавие вляво, същината вдясно.
   Три реда, разделени с тънки линии — без хронологии и без украса. */
body.p-process .deep{border-top:2px solid var(--cobalt)}
body.p-process .deep-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);
  gap:clamp(1.2rem,4vw,3rem);padding-block:clamp(1.8rem,3.5vw,2.6rem);
  border-bottom:1px solid var(--line)}
body.p-process .deep-head h3{font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:-.024em}
body.p-process .deep-head p{margin-top:.6rem;font-size:.95rem;color:var(--ink-3)}
body.p-process .deep-row > div > p{color:var(--ink-2);font-size:1.03rem;line-height:1.65;
  margin-bottom:1.1rem;max-width:44rem}
@media (max-width:760px){ body.p-process .deep-row{grid-template-columns:1fr;gap:.9rem} }


/* ==================== achievements ==================== */
/* Редове „година · какво стана“ — без хронологични украси, само линии. */
body.p-achievements .win{border-top:2px solid var(--cobalt)}
body.p-achievements .win-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);
  padding-block:clamp(1.4rem,2.6vw,2rem);border-bottom:1px solid var(--line)}
body.p-achievements .win-row > div:first-child b{display:block;font:600 1.15rem/1 var(--fh);color:var(--cobalt);
  font-variant-numeric:tabular-nums}
body.p-achievements .win-row > div:first-child span{display:block;margin-top:.4rem;font:600 .7rem/1 var(--f);
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
body.p-achievements .win-row h3{font-size:1.15rem;margin-bottom:.5rem}
body.p-achievements .win-row p{color:var(--ink-2);font-size:1rem;line-height:1.65;max-width:50rem}
@media (max-width:700px){ body.p-achievements .win-row{grid-template-columns:1fr;gap:.5rem} }

/* Двата най-силни случая стоят в свое каре, с по-едро заглавие и твърдение. */
body.p-achievements .win-row--big{background:var(--tint);border-radius:12px;border-bottom:0;
  box-shadow:0 4px 18px rgba(4,16,43,.08);
  padding-inline:clamp(1rem,2.5vw,1.6rem);margin-block:.5rem}
body.p-achievements .win-row--big h3{font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.03em;line-height:1.15}
body.p-achievements .win-claim{font:600 1.08rem/1.55 var(--fh) !important;letter-spacing:-.015em;
  color:var(--navy) !important;margin-bottom:.9rem}

/* Карти на проектите: цветно лого горе, име и едно изречение под него. */
body.p-achievements .cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.p-achievements .proj{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.4rem 1.5rem;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 2px 10px rgba(4,16,43,.06);
  transition:border-color .16s,box-shadow .16s,transform .16s}
body.p-achievements .proj:hover{border-color:var(--cobalt);box-shadow:0 14px 34px rgba(0,32,92,.14);
  transform:translateY(-3px)}
body.p-achievements .proj-logo{display:flex;align-items:center;height:42px;margin-bottom:.5rem}
body.p-achievements .proj-logo img{max-height:34px;max-width:170px;width:auto;object-fit:contain}
body.p-achievements .proj h3{font-size:1.05rem}
body.p-achievements .proj:hover h3{color:var(--cobalt)}
body.p-achievements .proj p{color:var(--ink-2);font-size:.95rem;line-height:1.55}
@media (max-width:980px){ body.p-achievements .cards--3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ body.p-achievements .cards--3{grid-template-columns:1fr} }


/* ==================== projects ==================== */
/* Проектите като карти, три на ред. Цялата карта е връзка. */
body.p-projects .proj{display:flex;flex-direction:column;gap:.6rem;padding:1.7rem 1.5rem;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}
body.p-projects .proj:hover{border-color:var(--cobalt);box-shadow:0 14px 34px rgba(0,32,92,.14);
  transform:translateY(-2px)}
body.p-projects .proj-logo{display:flex;align-items:center;height:46px;margin-bottom:.4rem}
body.p-projects .proj-logo img{max-height:38px;max-width:175px;width:auto;object-fit:contain}
body.p-projects .proj h2{font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}
body.p-projects .proj:hover h2{color:var(--cobalt)}
body.p-projects .proj p{color:var(--ink-2);font-size:.96rem;line-height:1.6}
body.p-projects .proj .go{margin-top:auto;padding-top:.9rem;font:600 .9rem/1 var(--f);color:var(--cobalt)}
body.p-projects .proj .go::after{content:" →"}
@media (max-width:860px){ body.p-projects .cards{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ body.p-projects .cards{grid-template-columns:1fr} }


/* ==================== book ==================== */
body.p-book .bk-head{padding-block:clamp(1.6rem,3vw,2.4rem) 0}
body.p-book .crumbs{font-size:.9rem;color:var(--fg-3)}
body.p-book .crumbs a:hover{color:var(--brand)}

body.p-book .bk{display:grid;grid-template-columns:22rem 1fr;gap:clamp(2rem,4vw,3.4rem);
  align-items:start;padding-block:clamp(1.8rem,3.5vw,2.8rem)}
body.p-book .bk-cover{position:sticky;top:7.5rem;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:1.6rem;box-shadow:var(--sh-lg)}
body.p-book .bk-cover img{width:100%;height:auto;display:block;border-radius:var(--r-sm)}
body.p-book .bk-cover .none{aspect-ratio:2/3;display:grid;place-items:center;color:var(--fg-3);
  background:var(--bg-mute);border-radius:var(--r-sm);font-size:.9rem}

body.p-book .bk-labels{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}
body.p-book .lbl{font:700 .74rem/1 var(--f);letter-spacing:.08em;text-transform:uppercase;
  padding:.5rem .75rem;border-radius:var(--r-pill)}
body.p-book .lbl--out{background:#FEF2F2;color:#DC2626}
body.p-book .lbl--sell{background:#E8F8F2;color:#0F9D6E}
body.p-book .lbl--best{background:var(--accent);color:#fff}
body.p-book .bk-main h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:.7rem}
body.p-book .bk-sub{color:var(--fg-2);font-size:1.06rem}

body.p-book .spec{margin:1.8rem 0;padding:1.3rem 1.5rem;background:var(--bg-soft);
  border:1px solid var(--line);border-radius:var(--r);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.1rem}
body.p-book .spec div{display:grid;gap:.25rem}
body.p-book .spec dt{font:600 .74rem/1 var(--f);letter-spacing:.07em;text-transform:uppercase;
  color:var(--fg-3)}
body.p-book .spec dd{margin:0;font-weight:600;font-size:1rem}

body.p-book .bk-txt{font-size:1.08rem;line-height:1.75;color:#1E2633}
body.p-book .bk-txt p{margin-bottom:1.1em}
body.p-book .bk-txt p:last-child{margin-bottom:0}
body.p-book .bk-txt strong{font-weight:600;color:var(--fg)}
body.p-book .bk-txt em{color:var(--fg-2)}

body.p-book .bk-buy{margin-top:2rem;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
body.p-book .bk-note{width:100%;font-size:.86rem;color:var(--fg-3);margin-top:.2rem}

body.p-book .more-books{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
body.p-book .mb{display:block;text-align:center}
body.p-book .mb-img{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:.9rem;box-shadow:var(--sh);transition:.18s;aspect-ratio:3/4;
  display:grid;place-items:center;overflow:hidden}
body.p-book .mb:hover .mb-img{box-shadow:var(--sh-lg);transform:translateY(-3px)}
body.p-book .mb-img img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
body.p-book .mb b{display:block;margin-top:.7rem;font-size:.97rem;line-height:1.35;color:var(--fg)}
body.p-book .mb span{font-size:.86rem;color:var(--fg-3)}

@media (max-width:860px){
  body.p-book .bk{grid-template-columns:1fr}
  body.p-book .bk-cover{position:static;max-width:18rem}
  body.p-book .more-books{grid-template-columns:repeat(2,1fr)}
}


/* ==================== articles ==================== */
/* Решетката със статии е в общите стилове. */


/* ==================== post ==================== */
body.p-post .art-head{padding-block:clamp(2.2rem,4vw,3.4rem) clamp(1.4rem,2.5vw,2rem)}
body.p-post .art-head .wrap{max-width:58rem}
body.p-post .crumbs{font-size:.9rem;color:var(--fg-3);margin-bottom:1.3rem}
body.p-post .crumbs a:hover{color:var(--brand)}
body.p-post .art-head h1{margin-block:1rem 1.3rem;font-size:clamp(1.95rem,3.8vw,3rem)}
body.p-post .art-head .lede{color:var(--fg-2)}
body.p-post .byline{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:.8rem;font-size:.92rem;color:var(--fg-3)}
body.p-post .byline i{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;font:700 .82rem/1 var(--f);font-style:normal;flex:0 0 auto}
body.p-post .byline b{color:var(--fg);font-weight:600;display:block;font-size:.95rem}
body.p-post .byline .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2)}

body.p-post .cover{padding-bottom:clamp(1.6rem,3vw,2.4rem)}
body.p-post .cover .wrap{max-width:70rem}
body.p-post .cover img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r);
  box-shadow:var(--sh-md)}

body.p-post .body .wrap{max-width:54rem}
body.p-post .prose{font-size:1.13rem;line-height:1.78;color:#1E2633}
body.p-post .prose > p:first-of-type{font-size:1.24rem;line-height:1.62;color:var(--fg)}
body.p-post .prose p{margin-bottom:1.3em}
body.p-post .prose h2{font-size:1.6rem;margin:2.2em 0 .7em;letter-spacing:-.025em}
body.p-post .prose h3{font-size:1.28rem;margin:2em 0 .6em}
body.p-post .prose a{color:var(--brand);font-weight:500;text-decoration:underline;
  text-decoration-color:rgba(37,99,235,.32);text-underline-offset:3px}
body.p-post .prose a:hover{text-decoration-color:var(--brand)}
body.p-post .prose img{margin-block:2rem;border-radius:var(--r-sm);box-shadow:var(--sh)}
body.p-post .prose img[data-missing]{display:none}
body.p-post .prose blockquote{margin:2rem 0;padding:.2rem 0 .2rem 1.5rem;
  border-left:3px solid var(--brand);color:var(--fg);font-size:1.18rem;line-height:1.6}
body.p-post .prose blockquote p:last-child{margin-bottom:0}
body.p-post .prose ul, body.p-post .prose ol{padding-left:1.3rem;margin-bottom:1.3em}
body.p-post .prose li{margin-bottom:.55em}
body.p-post .prose strong{font-weight:600;color:var(--fg)}

body.p-post .tags{clear:both;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);
  display:flex;gap:.45rem;flex-wrap:wrap}
body.p-post .tags a{font:500 .88rem/1 var(--f);padding:.48rem .85rem;border-radius:var(--r-pill);
  background:var(--bg-mute);color:var(--fg-2)}
body.p-post .tags a:hover{background:var(--brand-soft);color:var(--brand)}


/* ---- банери на партньорите ----
   Взети едно към едно от pravitelstva.com. Двама рекламодателя по два
   облика, за да не се слеят в едно петно, когато на страницата има два
   банера. Нарочно не приличат на нищо от сайта. */
body.p-post .ad{display:block;margin:26px 0;text-align:left}
/* Банерите и собствената форма отпаднаха — ползва се общата лента. */
body.p-post .more-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
body.p-post .mp{display:flex;flex-direction:column}
body.p-post .mp-img{aspect-ratio:16/10;background:var(--bg-mute);overflow:hidden;
  display:grid;place-items:center}
body.p-post .mp-img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .3s cubic-bezier(.2,.7,.3,1)}
body.p-post .mp:hover .mp-img img{transform:scale(1.04)}
body.p-post .mp-img--none{background:linear-gradient(140deg,#0F172A,#1E293B)}
body.p-post .mp-img--none span{font:800 2rem/1 var(--f);color:rgba(255,255,255,.28)}
body.p-post .mp-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;
  gap:.5rem;flex:1}
body.p-post .mp-body h3{font-size:1.05rem;line-height:1.35;letter-spacing:-.015em;
  margin:0;color:var(--fg)}
body.p-post .mp:hover .mp-body h3{color:var(--brand)}
body.p-post .mp-body .d{margin-top:auto;font-size:.86rem;color:var(--fg-3)}
@media (max-width:860px){ body.p-post .more-posts{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ body.p-post .more-posts{grid-template-columns:1fr} }


/* ==================== stories ==================== */
/* Списъкът с разкази е в общите стилове. */


/* ==================== resources ==================== */
body.p-resources .page-head{padding-block:clamp(2.6rem,5vw,4.2rem) clamp(1.6rem,3vw,2.4rem)}
body.p-resources .page-head .wrap{max-width:46rem}
body.p-resources .page-head p{margin-top:1rem}


body.p-resources .filters .wrap{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding-block:.9rem}









body.p-resources .group{padding-block:clamp(1.8rem,3vw,2.6rem)}
body.p-resources .group + .group{border-top:1px solid var(--line)}
body.p-resources .group > h2{font-size:1.3rem;margin-bottom:.35rem}
body.p-resources .group > p{color:var(--fg-3);font-size:.92rem;margin-bottom:1.4rem}
body.p-resources .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}
body.p-resources .tool{padding:1.4rem;display:flex;flex-direction:column;gap:.85rem}
body.p-resources .tool-top{display:flex;align-items:center;gap:.9rem}
body.p-resources .tool-logo{width:52px;height:52px;flex:0 0 auto;border-radius:11px;background:#fff;
  border:1px solid var(--line);display:grid;place-items:center;padding:.45rem}
body.p-resources .tool-logo img{max-width:100%;max-height:100%;object-fit:contain}
body.p-resources .tool-logo b{font-size:1rem;font-weight:700;color:var(--fg-3)}
body.p-resources .tool h3{font-size:1.08rem}
body.p-resources .tool .say{font-size:.95rem;color:var(--fg-2);line-height:1.6;flex:1}
body.p-resources .tool .say a{color:var(--brand);font-weight:500}
body.p-resources .tool .go{margin-top:.2rem;font-size:.93rem}
body.p-resources .empty{padding:4rem 0;text-align:center;color:var(--fg-2);display:none}

@media (max-width:980px){ body.p-resources .tools{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){
  body.p-resources .tools{grid-template-columns:1fr}
}


/* ==================== about ==================== */
/* Биографията идва от content/pages/za-men.html — текстът на стария сайт. */
body.p-about .bio{max-width:54rem}
body.p-about .bio h2{margin:2.2rem 0 .7rem;font-size:clamp(1.22rem,2vw,1.48rem);letter-spacing:-.022em}
body.p-about .bio h2:first-child{margin-top:0}
body.p-about .bio p{color:var(--ink);font-size:1.05rem;line-height:1.72;margin-bottom:1.05rem}
body.p-about .bio ul{margin:0 0 1.2rem;color:var(--ink);font-size:1.03rem;line-height:1.68}
body.p-about .bio li{position:relative;padding-left:1.4rem;margin-bottom:.5rem}
body.p-about .bio li::before{content:"";position:absolute;left:.3rem;top:.62em;
  width:.42rem;height:.42rem;border-radius:50%;background:var(--orange-2)}
body.p-about .bio a{color:var(--cobalt);border-bottom:1px solid var(--sky)}
body.p-about .bio a:hover{border-color:var(--orange)}


/* ==================== contact ==================== */
/* Само лентата със заявката — нищо свое. */