/* ═══════════════════════════════════════════════════════════════════
   kagami-pday.css · v0.1 · 2026-09-30
   Само класовете на „Перфектният ден · по професия“ (Ш8: индекс /ai/ + професия).
   Зарежда се СЛЕД kagami-brand.css, kagami-blog.css и kagami-lab.css (преизползва .md 🔒/🌐, .article, .upd, .rel-grid).
   Нищо от общите файлове не се пипа.
   Раздели: 1 карти на професии · 2 кодове ESCO/ISCO · 3 НПО блок · 4 списъци · 5 денят преди/след · 6 телефон
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 · карти на професии ── */
.pd{max-width:1120px;margin:0 auto;padding:0 20px 40px}
.pd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pd-card{display:flex;flex-direction:column;gap:8px;color:inherit;border-top:3px solid var(--accent,var(--mint))}
.pd-card:hover{text-decoration:none}
.pd-card .sec{font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,var(--mint))}
.pd-card h3{font-size:1.3rem;margin:0}
.pd-card p{font-size:.92rem;flex:1;margin:0}
.pd-card .tools{font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}
.pd-card .go{font-family:var(--f-mono);font-size:.74rem;color:var(--accent,var(--mint));align-self:flex-start}
.pd-card .old{font-family:var(--f-mono);font-size:.66rem;color:var(--muted)}
.pd-card.soon{opacity:.85;border-top-style:dashed}
.pst{display:inline-block;font-family:var(--f-mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;border:1px solid;align-self:flex-start}
.pst.g{color:#6fe0a4;border-color:#2BB673}
.pst.y{color:#f3c46b;border-color:var(--amber)}

/* ── 2 · кодове ESCO / ISCO ── */
.code-esco{display:flex;flex-wrap:wrap;gap:6px}
.code-esco span{font-family:var(--f-mono);font-size:.68rem;padding:2px 8px;border-radius:6px;border:1px solid rgba(143,199,255,.45);color:#8fc7ff;background:rgba(61,134,214,.08)}
.code-esco span.ap{border-style:dashed;color:var(--silver)}

/* ── 3 · НПО блок ── */
.npo{border:1.5px solid var(--mint);border-radius:var(--r);background:linear-gradient(135deg,rgba(10,191,176,.10),rgba(10,191,176,.02));padding:26px 26px 22px;margin:10px 0 30px;scroll-margin-top:90px}
.npo .k{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin-bottom:6px}
.npo h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 10px}
.npo p{color:var(--text2);max-width:72ch}
.npo ol{margin:12px 0 16px 22px;color:var(--text2);line-height:1.8}
.npo .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.npo .fine{font-size:.82rem;color:var(--muted);margin-top:12px}

/* ── 4 · списъци (социални · зелени) ── */
details.plist{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:12px 0;padding:0}
details.plist summary{cursor:pointer;padding:14px 18px;font-weight:800;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:10px}
details.plist summary::-webkit-details-marker{display:none}
details.plist summary::after{content:"＋";font-family:var(--f-mono);color:var(--mint)}
details.plist[open] summary::after{content:"－"}
details.plist summary small{font-family:var(--f-mono);font-weight:600;font-size:.72rem;color:var(--muted);margin-left:auto}
details.plist .tbl{margin:0 14px 14px}
.tbl td .ap{color:var(--muted);font-family:var(--f-mono);font-size:.72rem}

/* ── 5 · денят преди/след ── */
.day{display:flex;flex-direction:column;gap:14px;margin:8px 0 16px}
.day-part{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:18px 20px;border-left:4px solid var(--accent,var(--mint))}
.day-part .when{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,var(--mint))}
.day-part h3{font-size:1.2rem;margin:4px 0 12px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ba>div{border-radius:10px;padding:12px 14px;font-size:.9rem;line-height:1.65;color:var(--text2)}
.ba .b{background:rgba(255,255,255,.03);border:1px dashed var(--line)}
.ba .a{background:rgba(10,191,176,.06);border:1px solid rgba(10,191,176,.35)}
.ba .l{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.ba .b .l{color:var(--muted)}
.ba .a .l{color:var(--mint)}
.day-part .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.split .card h3{font-size:1.15rem}
.split ul{margin:8px 0 0 18px;color:var(--text2);line-height:1.8;font-size:.93rem}

/* ── 6 · телефон ── */
@media(max-width:980px){.pd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .pd{padding:0 16px 30px}
  .pd-grid,.ba,.split{grid-template-columns:1fr}
  .npo{padding:20px 18px}
}