.school-psy-page{background:#fff;color:#17364a}.school-psy-page *{box-sizing:border-box}.school-psy-page .wrap{max-width:1200px}.school-psy-page h1,.school-psy-page h2,.school-psy-page h3,.school-psy-page p{margin-top:0}.school-psy-page p{line-height:1.72}.school-psy-page h2{font-size:clamp(28px,3vw,40px);line-height:1.32;letter-spacing:-.025em}.school-psy-page a:focus-visible,.school-psy-page summary:focus-visible{outline:3px solid #e56932;outline-offset:4px}.school-psy-page .overline{font-size:13px;color:#b9562f;font-weight:800;letter-spacing:.08em}
.school-psy-hero{background:#f4f5f2;padding:30px 0 69px}.school-psy-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:48px}.school-psy-hero .portfolio-crumb{margin-bottom:49px}.school-psy-hero h1{font-size:clamp(37px,4vw,55px);line-height:1.2;letter-spacing:-.03em;margin:14px 0 24px}.school-psy-lead{font-size:19px;color:#546d78;max-width:560px}.school-psy-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:31px}.school-psy-text-link{font-weight:750;color:#1a5e77;border-bottom:1px solid currentColor}
.school-psy-visual{padding:30px;background:#17455b;color:#fff;border-radius:16px;box-shadow:0 18px 36px #1b465b21;min-height:415px}.school-psy-visual>span{font-size:12px;color:#f2ac83;font-weight:800;letter-spacing:.08em}.school-psy-visual>strong{display:block;font-size:25px;margin:11px 0 36px}.school-psy-visual-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:5px;align-items:center}.school-psy-visual-flow>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:106px;background:#ffffff16;border:1px solid #ffffff2c;border-radius:8px}.school-psy-visual-flow b{color:#ffae7e;font-size:13px}.school-psy-visual-flow em{font-style:normal;font-size:16px;font-weight:800;white-space:nowrap}.school-psy-visual-flow i{text-align:center;font-style:normal;font-size:19px;color:#ffae7e}.school-psy-visual-line{width:1px;height:31px;background:#e7ad86;margin:0 auto}.school-psy-visual-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.school-psy-visual-roles span{text-align:center;background:#f3f7f7;color:#204b5f;border-radius:50px;padding:11px 6px;font-weight:800;font-size:14px}.school-psy-visual small{display:block;font-size:11px;color:#c9dce3;margin-top:22px}
.school-psy-section{padding-top:77px;padding-bottom:77px;scroll-margin-top:95px}.school-psy-heading{max-width:820px;margin-bottom:33px}.school-psy-heading h2{margin:10px 0 14px}.school-psy-heading>p:last-child{font-size:17px;color:#5c7480;margin:0}.school-psy-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.school-psy-pillars article{background:#fff;border:1px solid #dce6e9;border-top:5px solid #d36c40;border-radius:10px;padding:24px;min-height:258px;box-shadow:0 12px 24px #1a3d5307}.school-psy-pillars article:nth-child(2){border-top-color:#33828a}.school-psy-pillars article:nth-child(3){border-top-color:#466f93}.school-psy-pillars article>span{font-size:12px;font-weight:800;color:#b65a31}.school-psy-pillars h3{font-size:22px;margin:17px 0 12px}.school-psy-pillars p{font-size:15px;color:#607985;min-height:77px}.school-psy-tags{display:flex;flex-wrap:wrap;gap:6px}.school-psy-tags small{font-size:11px;font-weight:700;padding:6px 9px;border-radius:4px;background:#eef4f5;color:#2a6078}
.school-psy-soft{background:#f2f7f8}.school-psy-steps{list-style:none;counter-reset:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0;margin:0}.school-psy-steps li{background:#fff;border:1px solid #dce6e9;border-radius:9px;min-height:166px;padding:21px;position:relative}.school-psy-steps li:nth-child(odd){border-top:4px solid #df7546}.school-psy-steps li:nth-child(even){border-top:4px solid #377e87}.school-psy-steps b{font-size:14px;color:#ba582f}.school-psy-steps h3{font-size:21px;margin:14px 0 8px}.school-psy-steps p{font-size:14px;color:#637b86;margin:0}
.school-psy-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.school-psy-use-grid article{display:grid;grid-template-columns:62px 1fr;column-gap:14px;align-content:start;padding:21px;background:#f7f9f9;border:1px solid #dde7e9;border-radius:9px}.school-psy-use-mark{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#d9ebeb;color:#1c6a73;font-size:22px;font-weight:800}.school-psy-use-grid article:nth-child(2) .school-psy-use-mark{background:#e6edf4;color:#2b6081}.school-psy-use-grid article:nth-child(3) .school-psy-use-mark{background:#f7e7dd;color:#b6572e}.school-psy-use-grid h3{font-size:20px;margin:3px 0 8px}.school-psy-use-grid p{font-size:14px;color:#617a85;margin:0}
.school-psy-evidence{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;border-top:1px solid #e1e9ec}.school-psy-evidence h2{margin:10px 0 17px}.school-psy-evidence p:last-child{font-size:15px;color:#5f7884}.school-psy-references{display:flex;flex-direction:column;gap:12px;background:#f6f9f9;border:1px solid #dfe8ea;border-radius:9px;padding:24px}.school-psy-references>b{font-size:16px;margin-bottom:4px}.school-psy-references>a{color:#28657b;text-decoration:underline;text-underline-offset:3px;font-size:14px;line-height:1.6}.school-psy-references details{border-top:1px solid #dce6e9;padding-top:13px;margin-top:4px}.school-psy-references summary{cursor:pointer;color:#245f79;font-weight:750}.school-psy-references details a{display:block;max-width:520px;margin-top:14px}.school-psy-references details img{display:block;width:100%;height:auto;border:1px solid #dfe6e8;border-radius:6px}
.school-psy-final{border-top:1px solid #e1e9ec;display:flex;justify-content:space-between;align-items:center;gap:30px}.school-psy-final h2{margin:10px 0 13px;max-width:730px}.school-psy-final p:last-child{color:#647d88;margin:0}.school-psy-final .btn{white-space:nowrap}
@media(max-width:920px){.school-psy-hero-grid{grid-template-columns:1fr;gap:28px}.school-psy-hero .portfolio-crumb{margin-bottom:25px}.school-psy-pillars{grid-template-columns:1fr 1fr}.school-psy-steps{grid-template-columns:1fr 1fr}.school-psy-use-grid{grid-template-columns:1fr}.school-psy-evidence{grid-template-columns:1fr;gap:21px}}
@media(max-width:600px){.school-psy-hero{padding:22px 0 42px}.school-psy-hero h1{font-size:34px}.school-psy-lead{font-size:17px}.school-psy-visual{padding:20px;min-height:0}.school-psy-visual>strong{font-size:21px;margin-bottom:24px}.school-psy-visual-flow{grid-template-columns:1fr 14px 1fr 14px 1fr;gap:2px}.school-psy-visual-flow>div{min-height:89px}.school-psy-visual-flow em{font-size:12px}.school-psy-visual-flow i{font-size:13px}.school-psy-section{padding-top:45px;padding-bottom:45px}.school-psy-heading>p:last-child{font-size:15px}.school-psy-pillars{grid-template-columns:1fr}.school-psy-pillars article{min-height:0;padding:21px}.school-psy-pillars p{min-height:0}.school-psy-steps{gap:8px}.school-psy-steps li{padding:14px;min-height:142px}.school-psy-steps h3{font-size:17px}.school-psy-steps p{font-size:12px}.school-psy-final{display:block}.school-psy-final .btn{display:inline-block;margin-top:23px}}
.school-psy-photo{margin:0;overflow:hidden;border-radius:12px;background:#e5ecec;box-shadow:0 15px 34px #193f5320}.school-psy-photo img{display:block;width:100%;height:100%;object-fit:cover}.school-psy-photo figcaption{font-size:12px;color:#58717e;background:#fff;padding:10px 15px}.school-psy-hero-photo{height:390px}.school-psy-hero-photo img{height:calc(100% - 35px)}.school-psy-use-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:24px;align-items:stretch}.school-psy-use-layout .school-psy-photo{min-height:390px}.school-psy-use-layout .school-psy-photo img{height:calc(100% - 35px)}.school-psy-use-layout .school-psy-use-grid{display:grid;grid-template-columns:1fr;gap:10px}.school-psy-use-layout .school-psy-use-grid article{min-height:0;align-content:center}
@media(max-width:920px){.school-psy-use-layout{grid-template-columns:1fr}.school-psy-use-layout .school-psy-photo{height:390px;min-height:0}.school-psy-use-layout .school-psy-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.school-psy-use-layout .school-psy-use-grid article{display:block}.school-psy-use-layout .school-psy-use-mark{margin-bottom:10px}}
@media(max-width:600px){.school-psy-hero-photo{height:255px}.school-psy-use-layout .school-psy-photo{height:245px}.school-psy-use-layout .school-psy-use-grid{grid-template-columns:1fr}.school-psy-use-layout .school-psy-use-grid article{display:grid;grid-template-columns:62px 1fr}.school-psy-use-layout .school-psy-use-mark{margin-bottom:0}}
