/* 14.10.2026: «Календарь периодов — 3 месяца» (period-calendar.js) */
.pc-section{scroll-margin-top:80px}
.pc-head{text-align:center;max-width:680px;margin:0 auto 22px}
.pc-head h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;margin:10px 0}
.pc-head p:last-child{font-size:15px;line-height:1.65;color:#d6cce9}
.pc-card{max-width:920px;margin:0 auto;padding:26px 28px;border:1px solid rgba(208,188,250,.28);border-radius:18px;background:linear-gradient(140deg,rgba(38,28,78,.72),rgba(8,10,34,.86));box-shadow:0 0 40px rgba(185,162,242,.08);backdrop-filter:blur(6px)}
.pc-empty{text-align:center}
.pc-empty p{font-size:15px;line-height:1.7;color:#e3dbf3;margin:0 0 16px}
.pc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pc-tabs button{font:600 14px Manrope,system-ui,sans-serif;color:#d0bcfa;background:rgba(185,162,242,.08);border:1px solid rgba(208,188,250,.3);border-radius:999px;padding:9px 18px;cursor:pointer}
.pc-tabs button[aria-selected=true]{background:linear-gradient(120deg,#dfd0ff,#baa0f2);color:#17122a;border-color:transparent}
.pc-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#bfb3d8;margin:0 0 6px}
.pc-month{margin-top:20px}
.pc-month h3{font-family:Lora,Georgia,serif;font-size:24px;color:#f1eaff;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(208,188,250,.18)}
.pc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pc-item{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:14px 16px;border-radius:12px;background:rgba(185,162,242,.06);border-left:3px solid #d0bcfa}
.pc-item.pc-supportive{border-left-color:#8fd3b6}
.pc-item.pc-tense{border-left-color:#ee9aab}
.pc-item.pc-turning{border-left-color:#e6c78a}
.pc-dates b{display:block;font:700 16px Manrope,system-ui,sans-serif;color:#f4eeff}
.pc-dates span{display:block;font-size:13px;color:#bfb3d8;margin-top:3px}
.pc-body p{margin:0;font-size:14.5px;line-height:1.65;color:#e0d8ef}
.pc-body .pc-title{font-weight:700;color:#f4eeff;margin-bottom:4px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.pc-tone{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.pc-tone i{font-style:normal}
.pc-tone svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.pc-supportive .pc-tone,.pc-legend .pc-tone:nth-child(1){color:#8fd3b6}
.pc-tense .pc-tone,.pc-legend .pc-tone:nth-child(2){color:#ee9aab}
.pc-turning .pc-tone,.pc-legend .pc-tone:nth-child(3){color:#e6c78a}
.pc-lock{display:flex;align-items:center;gap:12px;margin-top:10px;padding:13px 16px;border-radius:12px;border:1px dashed rgba(208,188,250,.4);color:#e3dbf3;text-decoration:none;font-size:14px;line-height:1.5}
.pc-lock b{margin-left:auto;color:#d0bcfa;white-space:nowrap}
.pc-lock-ic svg{width:18px;height:18px;fill:none;stroke:#d0bcfa;stroke-width:1.5}
.pc-hint{font-size:14px;color:#bfb3d8;text-align:center}
.pc-card .pc-hint{text-align:left;margin-top:16px}
.pc-note{margin:20px 0 0;font-size:13px;line-height:1.6;color:#a99dc4}
@media(max-width:600px){
  .pc-card{padding:18px 14px}
  .pc-item{grid-template-columns:1fr;gap:6px;padding:12px}
  .pc-tabs button{padding:8px 13px;font-size:13px}
  .pc-lock{flex-wrap:wrap}
  .pc-lock b{margin-left:30px}
}

/* 20.10.2026: объёмные карточки периодов в цвет тона (как сферы в карточке дня лунного календаря) */
.pc-card{background:var(--lx-glass),linear-gradient(140deg,rgba(38,28,78,.66),rgba(8,10,34,.86));border-color:var(--lx-border);box-shadow:var(--lx-shadow)}
.pc-item{background:var(--lx-glass-violet),rgba(19,16,42,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.2)}
.pc-item.pc-supportive{background:var(--lx-glass-good),rgba(19,16,42,.4);border-left-color:var(--lx-good);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.2),-3px 0 14px rgba(95,242,176,.22)}
.pc-item.pc-tense{background:var(--lx-glass-warn),rgba(19,16,42,.4);border-left-color:var(--lx-warn);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.2),-3px 0 14px rgba(255,122,160,.22)}
.pc-item.pc-turning{background:var(--lx-glass-gold),rgba(19,16,42,.4);border-left-color:var(--lx-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.2),-3px 0 14px rgba(245,194,107,.22)}
.pc-item .pc-tone{font-size:13px}