/* Психіки + смуга Candle Oracle. Токени беруться з tokens.css теми (navy/gold/ivory). */
.pp-main{background:var(--color-navy-primary);overflow-x:clip}
.pp-wrap{max-width:1080px;margin:0 auto;padding:0 var(--space-5);position:relative;z-index:var(--z-content)}
.pp-section{position:relative;padding:var(--space-16) 0}
.pp-section.alt{background:rgba(17,24,39,.55);border-block:1px solid var(--color-white-5)}
.pp-section h2{font-family:var(--font-heading);font-size:clamp(28px,3.4vw,40px);color:var(--color-ivory);margin:0 0 var(--space-6);font-weight:600}
.pp-section h3{font-family:var(--font-heading);font-size:22px;color:var(--color-ivory);margin:0 0 var(--space-2)}
.pp-section p,.pp-section li{color:var(--color-gray-blue);line-height:1.75;font-size:16px}
.pp-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);font-weight:600;margin:0 0 var(--space-3)}
.pp-crumbs{max-width:1080px;margin:0 auto;padding:calc(var(--space-24) + 8px) var(--space-5) 0;font-size:13px;color:var(--color-gray-blue);display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:var(--z-content)}
.pp-crumbs a{color:var(--color-gold);text-decoration:none}
.pp-hero{position:relative;padding:var(--space-8) 0 var(--space-12)}
.pp-hero-grid{display:grid;grid-template-columns:260px 1fr;gap:var(--space-10);align-items:center}
.pp-portrait{width:260px;height:260px;border-radius:50%;object-fit:cover;border:1px solid rgba(214,177,92,.5);box-shadow:0 0 50px rgba(214,177,92,.22)}
.pp-hero h1{font-family:var(--font-heading);font-size:clamp(40px,5.5vw,64px);line-height:1.05;margin:0 0 var(--space-2);color:var(--color-ivory)}
.pp-role{color:var(--color-gold);font-weight:600;font-size:17px;margin:0 0 var(--space-3)}
.pp-tagline{font-size:18px;color:var(--color-gray-blue);line-height:1.6;max-width:560px;margin:0 0 var(--space-5)}
.pp-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}
.pp-btn-ghost{display:inline-flex;align-items:center;border:1px solid rgba(214,177,92,.5);color:var(--color-gold);border-radius:999px;padding:12px 24px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s}
.pp-btn-ghost:hover{background:rgba(214,177,92,.12);color:var(--color-gold-light)}
.pp-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pp-chips li{border:1px solid var(--color-white-10);background:var(--color-white-5);color:var(--color-ivory)!important;font-size:13px!important;padding:5px 13px;border-radius:999px;line-height:1.4!important}
.pp-two{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-12);align-items:start}
.pp-two.flip{grid-template-columns:1fr 1.25fr}
.pp-bio p{margin:0 0 var(--space-4)}
.pp-figure{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-white-8);box-shadow:var(--shadow-card)}
.pp-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.pp-figure figcaption{padding:12px 16px;font-size:13px;color:var(--color-gray-blue);background:rgba(11,15,31,.85)}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4)}
.pp-card{background:var(--color-navy-card);border:1px solid var(--color-white-8);border-radius:var(--radius-lg);padding:var(--space-6)}
.pp-card p{margin:0;font-size:15px}
.pp-list{padding-left:20px;margin:0}
.pp-list li{margin-bottom:8px}
.pp-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}
.pp-steps li{counter-increment:s;background:var(--color-navy-card);border:1px solid var(--color-white-8);border-radius:var(--radius-lg);padding:var(--space-6);position:relative}
.pp-steps li::before{content:"0" counter(s);font-family:var(--font-heading);font-size:34px;color:var(--color-gold);display:block;margin-bottom:6px}
.pp-steps p{margin:0;font-size:15px}
.pp-q{padding:0;margin:0}
.pp-q li{list-style:none;position:relative;padding:12px 16px 12px 44px;background:var(--color-white-5);border-radius:var(--radius-md);margin-bottom:10px;color:var(--color-ivory)!important}
.pp-q li::before{content:"\201C";position:absolute;left:16px;top:2px;font-family:var(--font-heading);font-size:34px;color:var(--color-gold)}
.pp-note{font-size:13px!important;color:var(--color-gray-blue);opacity:.85;margin-top:var(--space-4)!important}
.pp-faq details{border:1px solid var(--color-white-8);border-radius:var(--radius-md);background:var(--color-navy-card);margin-bottom:10px;padding:0 var(--space-5)}
.pp-faq summary{cursor:pointer;padding:16px 0;color:var(--color-ivory);font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pp-faq summary::after{content:"+";color:var(--color-gold);font-size:20px}
.pp-faq details[open] summary::after{content:"\2212"}
.pp-faq details p{margin:0 0 16px}
.pp-others{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}
.pp-other{display:flex;gap:14px;align-items:center;background:var(--color-navy-card);border:1px solid var(--color-white-8);border-radius:var(--radius-lg);padding:14px;text-decoration:none}
.pp-other img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.pp-other strong{display:block;color:var(--color-ivory)}
.pp-other span{font-size:13px;color:var(--color-gray-blue)}
/* смуга Candle Oracle */
.pp-oracle-band{position:relative;max-width:1080px;margin:var(--space-12) auto;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(214,177,92,.4);background:radial-gradient(120% 140% at 12% 0%,rgba(214,177,92,.16),transparent 55%),var(--color-navy-secondary);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-8);align-items:center;width:calc(100% - 2*var(--space-5));z-index:var(--z-content)}
.pp-oracle-band h2{margin:0 0 6px!important;font-size:clamp(24px,3vw,34px)!important;font-family:var(--font-heading);color:var(--color-ivory)}
.pp-oracle-band p{margin:0;font-size:15px;color:var(--color-gray-blue)}
.pp-flame{width:54px;height:80px;filter:drop-shadow(0 0 14px rgba(255,170,60,.65))}
/* картки психіків (індекс і головна) */
.pp-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}
.pp-team-card{background:var(--color-navy-card);border:1px solid var(--color-white-8);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .3s,border-color .3s}
.pp-team-card:hover{transform:translateY(-4px);border-color:rgba(214,177,92,.5)}
.pp-team-card img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:1px solid rgba(214,177,92,.5);margin-bottom:var(--space-4)}
.pp-team-card h3{margin:0 0 2px;font-family:var(--font-heading);font-size:24px;color:var(--color-ivory)}
.pp-team-card h3 a{color:inherit;text-decoration:none}
.pp-team-role{color:var(--color-gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:var(--space-3)}
.pp-team-card p{font-size:14px;color:var(--color-gray-blue);line-height:1.65;margin:0 0 var(--space-4)}
.pp-team-card .pp-spec{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:var(--space-4)}
.pp-team-card .pp-spec span{font-size:12px;border:1px solid var(--color-white-10);border-radius:999px;padding:3px 10px;color:var(--color-ivory)}
.pp-team-card .link-gold{margin-top:auto}
@media(max-width:820px){
 .pp-hero-grid{grid-template-columns:1fr;text-align:center;justify-items:center}
 .pp-portrait{width:200px;height:200px}
 .pp-actions,.pp-chips{justify-content:center}
 .pp-two,.pp-two.flip{grid-template-columns:1fr;gap:var(--space-6)}
 .pp-oracle-band{grid-template-columns:1fr;text-align:center;justify-items:center;padding:var(--space-8) var(--space-5)}
 .pp-section{padding:var(--space-12) 0}
}
/* головна: секція #readers — flex-рядок теми; перемикаємо на колонку, щоб картки й смуга йшли під текстом */
#readers.section-split{flex-direction:column;align-items:stretch;justify-content:center}
#readers .container{width:100%}