/* Reference catalogue: readable, lightweight, RTL-friendly, no external fonts. */
.psd12-ref-hero{border:1px solid rgba(204,171,95,.36);border-radius:22px;padding:clamp(20px,4vw,44px);background:linear-gradient(135deg,#111c42,#343066 68%,#3d2357);color:#fff;margin:0 0 22px}
.psd12-ref-hero h1{color:#ffe4a3;font-size:clamp(1.7rem,3.1vw,2.8rem);line-height:1.65;margin:.4em 0}.psd12-ref-hero h1 em{color:#fff;font-style:normal}
.psd12-ref-hero p{color:#f6f0ff;line-height:2.15;font-size:1rem;max-width:78ch}
.psd12-ref-toc{padding:18px 20px;background:#f3f0fb;border:1px solid #e4ddec;border-radius:18px;margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.psd12-ref-toc strong{color:#282345}.psd12-ref-toc a{border:1px solid #c8c0da;border-radius:999px;padding:7px 15px;background:white;color:#26234e;text-decoration:none}
.psd12-method{background:#fffaf2;border-right:4px solid #ba8a35;border-radius:14px;padding:20px 24px;margin-bottom:28px;color:#2d2a31;line-height:2.1}
.psd12-method h2{font-size:1.25rem;color:#282345}.psd12-ref-section{margin-bottom:30px;scroll-margin-top:90px}
.psd12-group-head{border-bottom:2px solid #ddc495;margin-bottom:17px}.psd12-group-head h2{font-size:1.6rem;color:#29234a}.psd12-group-head p{color:#3b3a46;line-height:2}
.psd12-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.psd12-ref-entry{background:#fff;border:1px solid #e4deec;border-radius:17px;padding:19px 20px;box-shadow:0 6px 25px rgba(34,29,66,.05);scroll-margin-top:100px;min-width:0}
.psd12-ref-entry:target{border:2px solid #a47517;box-shadow:0 0 0 5px rgba(207,159,65,.18),0 7px 25px rgba(34,29,66,.08);background:#fffaee}
.psd12-ref-entry h3{color:#272145;font-size:1.13rem;line-height:1.8;margin:7px 0}.psd12-ref-entry p{color:#44404d;line-height:2;overflow-wrap:anywhere}
.psd12-ref-label{font-size:.78rem;color:#685487;letter-spacing:.02em}.psd12-ref-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}
.psd12-ref-actions a{display:inline-block;color:#53377e;font-size:.91rem;line-height:1.8;text-decoration:underline;text-underline-offset:4px}.psd12-ref-actions a:first-child{color:#79520b;font-weight:700}
@media(max-width:760px){.psd12-ref-grid{grid-template-columns:1fr}.psd12-ref-entry{padding:16px}.psd12-ref-hero{padding:22px 18px}.psd12-ref-toc{gap:7px}}

/* Override inherited article text colors on the dark hero. */
.psd-article .psd-inner .psd12-ref-hero h1{color:#ffe4a3!important;text-shadow:0 2px 4px rgba(0,0,0,.18)}
.psd-article .psd-inner .psd12-ref-hero h1 em{color:#ffffff!important}
.psd-article .psd-inner .psd12-ref-hero p{color:#f5efff!important;opacity:1!important}
.psd-article .psd-inner .psd12-ref-hero .psd-eyebrow{color:#f7cb75!important}