.psy-directory{--psy-dir-ink:#14263c;--psy-dir-accent:#c2410c;--psy-dir-muted:#526174}
.psy-directory .psy-directory-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;align-items:start;padding:1.5rem 0}
.psy-directory-hero h1{font-size:clamp(2rem,4.4vw,3.6rem);color:var(--psy-dir-ink);max-width:45rem}
.psy-directory-intro{max-width:40rem;margin:1.25rem 0;font-size:1.1rem;line-height:1.7;color:var(--psy-dir-muted)}
.psy-directory-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.psy-directory-group{min-width:0;border:1px solid #dce4ef;border-radius:1rem;background:#fff}
.psy-directory-config h2{font-size:1.2rem}
.psy-directory-config-note{margin-top:.65rem;color:var(--psy-dir-muted);font-size:.78rem;line-height:1.5}
.psy-directory-general-guide{display:inline-flex;align-items:center;min-height:44px;margin-top:.2rem;color:var(--psy-dir-accent);font-size:.82rem;text-decoration:underline;text-underline-offset:3px}
.psy-directory-aptitude-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}
.psy-directory-aptitude-links a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;border:1px solid #dce4ef;border-radius:.5rem;background:#fff;color:var(--psy-dir-ink);font-size:.9rem;font-weight:700;min-height:44px}
.psy-directory-aptitude-links a:hover{border-color:var(--psy-dir-accent);background:#fff7ed}
.psy-directory-history{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--psy-dir-accent);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.psy-directory-section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin:0 0 1.5rem}
.psy-directory-section-heading h2{font-size:1.6rem}
.psy-directory-section-heading>p{max-width:28rem;color:var(--psy-dir-muted);line-height:1.7}
.psy-directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.psy-directory-group{padding:1.25rem}
.psy-directory-group>h3{font-size:1.15rem;font-weight:800;color:var(--psy-dir-ink);padding-bottom:.5rem;border-bottom:2px solid #fed7aa}
.psy-directory-group>h3 a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:44px}
.psy-directory-group>h3 a:hover{color:var(--psy-dir-accent);text-decoration:underline;text-underline-offset:3px}
.psy-directory-group>h3 a span{color:var(--psy-dir-accent)}
.psy-directory-level-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.65rem 0 .35rem}
.psy-directory-level-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .35rem;border:1px solid #fed7aa;border-radius:.5rem;background:#fff7ed;color:#9a3412;font-size:.85rem;font-weight:650}
.psy-directory-level-links a:hover{border-color:var(--psy-dir-accent);background:#ffedd5}
.psy-directory-skills{list-style:none;padding:0;margin:0}
.psy-directory-skills li{padding:.4rem 0;border-bottom:1px solid #e2e8f0}
.psy-directory-skills li:last-child{border:0;padding-bottom:0}
.psy-directory-skill-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.psy-directory-skill-heading h4{min-width:0;flex:1}
.psy-directory-skills h4 a{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.95rem;font-weight:750;color:var(--psy-dir-ink)}
.psy-directory-skills h4 a:hover{color:var(--psy-dir-accent);text-decoration:underline;text-underline-offset:3px}
.psy-directory-skills h4 a span{color:var(--psy-dir-accent)}
.psy-directory-skills p{margin:.1rem 0;color:var(--psy-dir-muted);font-size:.85rem;line-height:1.55}
.psy-directory-skill-count{flex-shrink:0;white-space:nowrap;font-size:.72rem;color:var(--psy-dir-muted)}
.psy-directory-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.psy-directory-modes .psy-card{display:flex;flex-direction:column;align-items:start;gap:.85rem}
.psy-directory-modes h3{font-weight:800;font-size:1.1rem}
.psy-directory-modes p{flex:1;color:var(--psy-dir-muted)}
.psy-directory-repeat{margin-top:1rem;padding:1rem 1.25rem;border-left:3px solid #c2410c;background:#fff7ed;color:var(--psy-dir-muted);line-height:1.7;font-size:.9rem}
.psy-directory-learning{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}
.psy-directory-steps{list-style:decimal;padding-left:1.3rem;margin:1.25rem 0;line-height:1.7}
.psy-directory-steps li+li{margin-top:.5rem}
.psy-directory-learning>div>p{color:var(--psy-dir-muted);font-size:.9rem;line-height:1.7}
.psy-directory-preview{padding:1.5rem;border:1px solid #dce4ef;border-radius:1rem;background:linear-gradient(135deg,#fff,#f0f5fa)}
.psy-directory-pill{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:100px;background:#fff1e6;color:#9a3412;font-size:.76rem;font-weight:750;line-height:1.4}
.psy-directory-preview h3{margin:1rem 0;font-size:1.25rem;font-weight:800}
.psy-directory-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.psy-directory-sequence span{display:grid;place-items:center;min-height:3.3rem;background:#fff;border:1px solid #dce4ef;border-radius:.6rem;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}
.psy-directory-sequence .psy-directory-missing{border:2px dashed #c2410c;color:#c2410c;background:#fff7ed}
.psy-directory-differences{display:grid;grid-template-columns:repeat(4,1fr);margin:.65rem 9%;color:#c2410c;text-align:center;font-size:.8rem;font-weight:750}
.psy-directory-preview p{margin:1rem 0;font-size:.95rem;line-height:1.7;color:var(--psy-dir-muted)}
.psy-directory-preview a{display:inline-flex;align-items:center;min-height:44px;color:var(--psy-dir-accent);text-decoration:underline;text-underline-offset:3px;font-size:.9rem;font-weight:700}
.psy-directory-faq details{border-bottom:1px solid #e2e8f0;padding:.35rem 0}
.psy-directory-faq details:last-child{border:0}
.psy-directory .psy-directory-faq summary{min-height:44px;padding:.75rem 0}
.psy-directory-faq details p{margin:.5rem 0 1rem;color:var(--psy-dir-muted)}
.psy-directory :is(a,button,summary):focus-visible{outline:3px solid #c2410c;outline-offset:4px}
.psy-directory .psy-button{background:#c2410c;color:#fff;min-height:48px}
.psy-directory-hero-actions .psy-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.psy-directory :is(#practicar,#subtipos,#levels-title,#como-practicar,.psy-directory-group){scroll-margin-top:9rem}
@media(max-width:800px){
    .psy-directory .psy-directory-hero{grid-template-columns:1fr;gap:1rem;padding:.5rem 0}
    .psy-directory-hero h1{font-size:clamp(1.8rem,7.6vw,2.5rem)}
    .psy-directory-hero .psy-public-eyebrow{margin-bottom:.6rem}
    .psy-directory-intro{font-size:.95rem;line-height:1.55;margin:.75rem 0}
    .psy-directory-hero-actions{gap:.75rem}
    .psy-directory-hero-actions .psy-secondary{padding:.6rem .75rem;font-size:.85rem;min-height:44px}
    .psy-directory .psy-directory-config{padding:1rem}
    .psy-directory-config h2{font-size:1.15rem;margin-bottom:.85rem}
    .psy-directory-config fieldset{margin-bottom:.8rem}
    .psy-directory-config legend{font-size:.85rem;margin-bottom:.45rem}
    .psy-directory-config label{padding:.6rem}
    .psy-directory-config .psy-verbal-summary{font-size:.8rem;line-height:1.5;margin:.45rem 0 .65rem}
    .psy-directory-aptitude-links{grid-template-columns:repeat(3,minmax(0,1fr))}
    .psy-directory-aptitude-links a{font-size:.85rem;padding:.6rem;overflow-wrap:anywhere}
    .psy-directory-section-heading{display:block}
    .psy-directory-section-heading>p{margin-top:.75rem;max-width:none;font-size:.95rem}
    .psy-directory-groups,.psy-directory-modes,.psy-directory-learning{grid-template-columns:1fr}
    .psy-directory-group{padding:.9rem}
    .psy-directory-group>h3{font-size:1.08rem}
    .psy-directory-level-links a{font-size:.8rem}
    .psy-directory-skills h4 a{font-size:.9rem}
    .psy-directory .psy-public-section{margin:1.75rem 0}
}
