/* Illustrated navigation and readable school labels. */
:root{--tag-bg:#223a30;--tag-text:#e1f1dc;--tag-border:#45604d}
:root[data-theme="light"]{--tag-bg:#eef4e9;--tag-text:#294b38;--tag-border:#c4d5bb}
.primary-nav{gap:8px;flex-shrink:0}
.primary-nav .nav-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:7px 12px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--surface2),var(--surface));color:var(--text);font-size:13px;font-weight:550;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .2s,background .2s,box-shadow .2s}
.primary-nav .nav-art{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 3px 4px #00000012)}
.primary-nav .nav-pill:is(:visited,:active,:focus-visible){color:var(--text)}
.primary-nav .nav-pill:hover{border-color:var(--accent);color:var(--text);box-shadow:inset 0 1px 0 #ffffff18,0 4px 14px #0000000a}
.primary-nav .nav-pill[aria-current]{border-color:var(--accent);color:var(--accent);background:var(--surface2)}
.tags{display:flex;flex-wrap:wrap;align-items:flex-start;gap:9px;margin-bottom:19px}
.tags span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid var(--tag-border);border-radius:11px;background:var(--tag-bg);color:var(--tag-text);font-size:13px;font-weight:550;line-height:1.5;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff08}
.school-card{border-radius:27px}
.school-cover{height:252px}
.school-cover .art{width:202px;height:202px;transform:translateY(-3px)}
.school-card:hover .school-cover .art{transform:translateY(-3px) rotate(-3deg) scale(1.02)}
.school-cover-name{top:17px;left:18px;max-width:calc(100% - 36px);padding:6px 10px;border:1px solid #ffffff80;border-radius:10px;background:#fffdf680;color:#243b31;font-size:13px;font-weight:600;line-height:1.4}
.school-cover-pill{bottom:16px;left:18px;right:auto;max-width:calc(100% - 36px);min-height:35px;display:flex;align-items:center;padding:8px 12px;border:1px solid #fffdf6;border-radius:12px;background:#fffdf6;color:#294232;font-size:14px;font-weight:600;line-height:1.4;transform:none;box-shadow:0 5px 18px #30443414}
.school-body{padding:23px}
.school-body .tags{min-height:84px;align-content:flex-start}
.school-body p{font-size:14px;line-height:1.75;margin:14px 0 23px}
@media(max-width:1280px){.primary-nav{display:none}.catalog-menu{margin-left:auto}.header-actions{margin-left:0}}
@media(max-width:1200px){.school-cover{height:242px}.school-cover .art{width:190px;height:190px}.school-body{padding:20px}}
@media(max-width:900px){.school-cover{height:264px}.school-cover .art{width:218px;height:218px}.school-body{padding:25px}}
@media(max-width:600px){.school-card{border-radius:25px}.school-cover{height:274px}.school-cover .art{width:224px;height:224px}.school-cover-name{top:18px;left:20px}.school-cover-pill{left:20px;bottom:17px;max-width:calc(100% - 40px);font-size:14px;padding:9px 13px}.school-body{padding:24px}.school-body .tags{min-height:0}.tags{gap:10px;margin-bottom:21px}.tags span{font-size:14px;min-height:38px;padding:9px 13px}}
@media(max-width:370px){.school-cover{height:258px}.school-cover .art{width:208px;height:208px}.school-body{padding:20px}.tags{gap:8px}.tags span{font-size:13px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.primary-nav .nav-pill,.school-cover .art{transition:none}.school-card:hover .school-cover .art{transform:translateY(-3px)}}