:root{--ps-red:#d71920;--ps-ink:#102131;--ps-muted:#667480;--ps-paper:#f6f7f8;--ps-line:#dfe5e8;--ps-max:1360px}
body.psikospor-shell{margin:0!important;background:var(--ps-paper)!important;color:var(--ps-ink)!important;overflow-x:hidden}
body.psikospor-shell .ps-shell-header{height:auto;min-height:84px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;gap:clamp(18px,2.5vw,40px);background:#fff;border-bottom:1px solid var(--ps-line);position:relative;z-index:20;box-shadow:none}
.ps-shell-logo{display:block;width:270px;height:58px;flex:0 0 270px;background:url('/assets/psikospor-logo.png') center/100% auto no-repeat;text-indent:-9999px;overflow:hidden}
body.psikospor-shell .ps-shell-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(13px,1.55vw,25px);flex:1;min-width:0;margin:0}
body.psikospor-shell .ps-shell-nav a{position:relative;display:flex;align-items:center;min-height:84px;color:#35414d!important;text-decoration:none!important;white-space:nowrap;font:600 14px/1.1 Inter,Arial,sans-serif!important}
.ps-shell-nav a:hover,.ps-shell-nav a.is-active{color:#111d28!important}.ps-shell-nav a.is-active:after{content:'';position:absolute;height:3px;left:0;right:0;bottom:0;background:var(--ps-red)}
.ps-shell-menu{display:none;border:0;background:transparent;color:var(--ps-ink);font-size:25px;padding:10px;cursor:pointer}
body.psikospor-shell .ps-shell-footer{margin-top:0;min-height:0;background:#102131;color:#cbd4d9;padding:28px clamp(18px,4vw,58px);display:flex;align-items:center;gap:28px;flex-wrap:wrap;font:13px/1.4 Inter,Arial,sans-serif}
.ps-shell-footer__logo{display:block;width:190px;height:40px;background:url('/assets/psikospor-logo.png') center/100% auto no-repeat;text-indent:-9999px;overflow:hidden}.ps-shell-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}.ps-shell-footer a{color:#e7edf0!important;text-decoration:none!important}.ps-shell-footer small{width:100%;color:#95a3ad}
body.psikospor-shell .site-header,body.psikospor-shell .article-footer,body.psikospor-shell>footer{box-sizing:border-box}
body.psikospor-shell .listing,body.psikospor-shell .reference-main{box-sizing:border-box}
body.psikospor-shell:not(.reference-home) .listing{max-width:var(--ps-max);margin:0 auto;padding:54px clamp(18px,4vw,58px) 70px;background:#fff;color:var(--ps-ink)}
body.psikospor-shell:not(.reference-home) .listing>h1{margin:0;color:var(--ps-ink);font:800 clamp(40px,5vw,66px)/1.02 Inter,Arial,sans-serif;letter-spacing:-3px;text-transform:none}body.psikospor-shell:not(.reference-home) .listing>h1 em{color:var(--ps-red)}
body.psikospor-shell:not(.reference-home) .intro-text{max-width:720px;color:var(--ps-muted);font:16px/1.6 Inter,Arial,sans-serif}.psikospor-shell .perspective-grid,.psikospor-shell .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.psikospor-shell .perspective-grid article,.psikospor-shell .knowledge-grid article{min-height:260px;padding:23px;background:#fff!important;border:1px solid var(--ps-line);border-top:4px solid var(--ps-red);border-radius:12px;color:var(--ps-ink);box-shadow:0 5px 18px rgba(16,24,40,.045)}.psikospor-shell .perspective-grid article:nth-child(2),.psikospor-shell .knowledge-grid article:nth-child(2){border-top-color:#b48224}.psikospor-shell .perspective-grid h2,.psikospor-shell .knowledge-grid h2{color:var(--ps-ink);font:800 25px/1.08 Inter,Arial,sans-serif;text-transform:none}.psikospor-shell .perspective-grid p,.psikospor-shell .knowledge-grid p{color:var(--ps-muted)}.psikospor-shell .perspective-grid a,.psikospor-shell .knowledge-grid a{color:var(--ps-ink)}
.section-landing{max-width:var(--ps-max);margin:0 auto;padding:54px clamp(18px,4vw,58px) 70px}.section-landing__intro{max-width:740px;margin-bottom:34px}.section-landing__eyebrow{margin:0 0 12px;color:var(--ps-red);font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:1.2px}.section-landing h1{margin:0;color:var(--ps-ink);font:800 clamp(40px,5vw,66px)/1.02 Inter,Arial,sans-serif;letter-spacing:-3px}.section-landing__intro>p:last-child{margin:17px 0 0;color:var(--ps-muted);font:16px/1.6 Inter,Arial,sans-serif}.section-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-card{min-height:278px;padding:23px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ps-line);border-top:4px solid var(--ps-red);border-radius:12px;color:var(--ps-ink);text-decoration:none;box-shadow:0 5px 18px rgba(16,24,40,.045);transition:transform .18s ease,box-shadow .18s ease}.section-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,24,40,.10)}.section-card__type{color:var(--ps-red);font:800 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.8px}.section-card h2{margin:22px 0 10px;font:800 24px/1.1 Inter,Arial,sans-serif;letter-spacing:-.9px}.section-card p{margin:0;color:var(--ps-muted);font:14px/1.55 Inter,Arial,sans-serif}.section-card__cta{margin-top:auto;padding-top:20px;color:var(--ps-ink);font:800 12px/1 Inter,Arial,sans-serif}
@media(max-width:1100px){.ps-shell-logo{width:230px;flex-basis:230px}body.psikospor-shell .ps-shell-nav{gap:14px}body.psikospor-shell .ps-shell-nav a{font-size:13px!important}}
@media(max-width:820px){body.psikospor-shell .ps-shell-header{min-height:70px}.ps-shell-logo{width:205px;height:48px;flex-basis:205px}.ps-shell-menu{display:block;margin-left:auto}body.psikospor-shell .ps-shell-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:9px 18px 15px;background:#fff;border-bottom:1px solid var(--ps-line);box-shadow:0 12px 24px rgba(16,24,40,.08);flex-wrap:wrap;justify-content:flex-start;gap:0}body.psikospor-shell .ps-shell-header.is-open .ps-shell-nav{display:flex}body.psikospor-shell .ps-shell-nav a{min-height:42px;padding:0 11px;font-size:13px!important}body.psikospor-shell .ps-shell-nav a.is-active:after{height:2px;bottom:4px}.section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.psikospor-shell .ps-shell-header{padding:0 16px}.ps-shell-logo{width:185px;height:45px;flex-basis:185px}body.psikospor-shell .ps-shell-footer{padding:25px 18px}.ps-shell-footer nav{margin-left:0}.section-landing{padding:38px 16px 48px}.section-landing h1{font-size:40px;letter-spacing:-2px}.section-card-grid{grid-template-columns:1fr;gap:13px}.section-card{min-height:240px;padding:20px}}
