/* Original implementation based on the public SaaSHub preview; paid source was unavailable. */
.hero-card.directory-hero{display:block;position:relative;min-height:760px;padding:0;border-radius:28px;background:radial-gradient(circle,#9ab7c742 1px,transparent 1px) 0 0/19px 19px,linear-gradient(180deg,#deeffb,#f5faf9);border:1px solid #ffffffbd;overflow:hidden;box-shadow:0 18px 65px #284f5010;isolation:isolate}
.directory-hero>.site-ambient{display:none}.directory-hero-copy{position:relative;z-index:2;padding:38px 24px 0;text-align:center;pointer-events:none}.directory-hero-copy :is(a,input,button,form){pointer-events:auto}.directory-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#ffffffad;border:1px solid #fff;border-radius:30px;font-size:11px;color:#40645b;box-shadow:0 3px 12px #335f4d08}.directory-eyebrow .dot{width:5px;height:5px}
.directory-hero #homeTitle{font-size:clamp(42px,4.9vw,69px);font-weight:650;line-height:1.2;letter-spacing:-.055em;color:#192b2c;margin:20px auto 15px}.directory-hero #homeTitle>span{color:#192b2c}.directory-hero-copy>p{font-size:14px;line-height:1.8;color:#50666c}.directory-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.directory-actions .primary-button{background:#172c27;color:#fff}.directory-actions .primary-button:hover{background:#285046}.directory-actions .secondary-button{background:#fff;color:#243d35;border:1px solid #e4eae8}.directory-actions :is(a,button){font-size:12px;border-radius:12px;min-height:44px;padding:10px 17px;box-shadow:0 4px 10px #16362c0b}.directory-actions .icon{width:17px;height:17px}.directory-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:10px;color:#627c7b}.directory-trust i{width:3px;height:3px;border-radius:50%;background:#8da99f}.directory-trust>span{font-weight:600}
.discovery-search{display:flex;align-items:center;gap:10px;background:#fffffff0;border:1px solid #cddfdf;box-shadow:0 6px 22px #20464009;border-radius:15px;max-width:450px;margin:20px auto 0;padding:6px 6px 6px 16px;text-align:left}.discovery-search>.icon{width:18px;height:18px;color:#748c85}.discovery-search input{min-width:0;flex:1;border:0;background:none;outline:none;padding:8px 0;font-size:12px;color:#294137}.discovery-search:focus-within{outline:2px solid var(--primary);outline-offset:3px}.discovery-search button{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:10px;background:#eaf4ef;color:#26573f;font-size:11px;white-space:nowrap}.discovery-search button .icon{width:16px;height:16px}
.discovery-arc{position:relative;height:350px;margin-top:-25px;isolation:isolate}.discovery-thread{position:absolute;inset:0 0 auto;width:100%;height:160px;fill:none;stroke:#83d4b6;stroke-width:1.3;pointer-events:none;opacity:.75}.discovery-book{position:absolute;top:0;left:50%;width:152px;min-height:224px;padding:11px;text-align:left;border-radius:16px;background:#ffffffed;border:1px solid #fff;box-shadow:0 10px 28px #2c535318;transform:translateX(calc(-50% + var(--arc-slot)*157px)) translateY(var(--arc-drop)) rotate(var(--arc-turn));transform-origin:50% 0;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s;will-change:transform}.discovery-book:hover,.discovery-book:focus-visible{z-index:5;transform:translateX(calc(-50% + var(--arc-slot)*157px)) translateY(calc(var(--arc-drop) - 14px)) rotate(0deg);box-shadow:0 18px 40px #2c53532a}.discovery-clip{position:absolute;top:-14px;left:calc(50% - 8px);width:16px;height:25px;border-radius:3px;background:linear-gradient(145deg,#69c5bc,#b2db8c);box-shadow:0 1px 0 #fff8;transform:rotate(-7deg)}.discovery-clip::before{content:"";position:absolute;top:4px;left:5px;width:6px;height:6px;border-radius:50%;border:2px solid #fff}
.discovery-book-cover{display:grid;place-items:center;height:133px;border-radius:10px;background:#eef4f1;overflow:hidden}.discovery-book .mini-book{width:74px;height:110px;transform:none!important;box-shadow:3px 5px 8px #132f3225}.discovery-book>strong{display:block;font-size:13px;color:#20352e;line-height:1.4;margin-top:12px;height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-book>small{display:block;color:#6e7d77;font-size:9px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-book-bottom{display:flex;align-items:center;gap:5px;font-size:9px;color:#4b7c65;margin-top:10px}.discovery-book-bottom .icon{width:12px;height:12px}.discovery-book-bottom .icon:last-child{margin-left:auto}
.campus-weekly{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:20px 30px;border-radius:26px;background:color-mix(in srgb,var(--card) 72%,transparent);margin:20px 0 28px}.campus-weekly-copy{padding:15px}.campus-weekly-copy h2{font-size:28px;line-height:1.5;margin:10px 0}.campus-weekly-copy p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px}.campus-weekly-copy>a{font-size:12px;padding:12px 0;margin-top:10px}#campusWeeklyShelf{min-width:0}.campus-weekly .featured-shelf{width:100%;min-width:0;min-height:280px;padding:0}.campus-weekly .shelf-stage{min-height:180px}
:root[data-theme="dark"] .directory-hero{background:radial-gradient(circle,#97c2bf26 1px,transparent 1px) 0 0/19px 19px,linear-gradient(180deg,#203d42,#243731);border-color:#68847b4a}:root[data-theme="dark"] .directory-hero #homeTitle,:root[data-theme="dark"] .directory-hero #homeTitle>span{color:#e9f3ec}:root[data-theme="dark"] .directory-hero-copy>p{color:#b5cbc2}:root[data-theme="dark"] .directory-eyebrow{background:#314c44;border-color:#4a645a;color:#cee4d8}:root[data-theme="dark"] .directory-trust{color:#b2c7bc}:root[data-theme="dark"] .discovery-book{background:#2e4239;border-color:#698077}:root[data-theme="dark"] .discovery-book-cover{background:#223b32}:root[data-theme="dark"] .discovery-book>strong{color:#e1eee6}:root[data-theme="dark"] .discovery-book>small{color:#afc5b8}:root[data-theme="dark"] .discovery-book-bottom{color:#a2d4b8}
@media(min-width:1650px){.directory-hero #homeTitle{font-size:74px}.hero-card.directory-hero{min-height:790px}.discovery-book{width:175px;transform:translateX(calc(-50% + var(--arc-slot)*183px)) translateY(var(--arc-drop)) rotate(var(--arc-turn))}.discovery-book:hover,.discovery-book:focus-visible{transform:translateX(calc(-50% + var(--arc-slot)*183px)) translateY(calc(var(--arc-drop) - 14px)) rotate(0deg)}}
@media(max-width:1150px){.discovery-book{width:130px;transform:translateX(calc(-50% + var(--arc-slot)*132px)) translateY(var(--arc-drop)) rotate(var(--arc-turn))}.discovery-book:hover,.discovery-book:focus-visible{transform:translateX(calc(-50% + var(--arc-slot)*132px)) translateY(calc(var(--arc-drop) - 12px)) rotate(0deg)}.directory-hero #homeTitle{font-size:55px}}
@media(max-width:700px){.hero-card.directory-hero{min-height:0;padding-bottom:15px;border-radius:24px}.directory-hero-copy{padding:24px 18px 0}.directory-eyebrow{font-size:10px}.directory-hero #homeTitle{font-size:39px;margin:18px 0 14px}.directory-hero-copy>p{font-size:11px}.discovery-search{margin-top:16px;padding-left:10px;gap:6px}.discovery-search input{font-size:11px}.discovery-search button{padding:9px 10px;font-size:10px}.directory-actions{gap:8px;margin-top:12px}.directory-actions a{font-size:11px;padding:9px 12px;min-height:40px}.directory-trust{font-size:9px;margin-top:14px;gap:6px}.discovery-arc{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;height:280px;padding:24px 22px 12px;margin-top:14px;scrollbar-width:thin}.discovery-thread{display:none}.discovery-book{position:relative;inset:auto;flex:0 0 136px;transform:rotate(-3deg);min-height:226px;scroll-snap-align:center}.discovery-book:nth-of-type(even){transform:rotate(3deg) translateY(7px)}.discovery-book:hover,.discovery-book:focus-visible{transform:translateY(-4px)}.campus-weekly{grid-template-columns:1fr;padding:20px}.campus-weekly-copy{padding:0}.campus-weekly-copy h2{font-size:23px}.campus-weekly-copy h2 br{display:none}.campus-weekly .featured-shelf{min-height:230px}.campus-weekly .shelf-stage{min-height:150px}}
@media(max-width:360px){.directory-hero #homeTitle{font-size:33px}.directory-hero-copy{padding-inline:13px}.discovery-search button .icon{display:none}.discovery-search>.icon{width:15px;height:15px}.directory-actions .icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.discovery-book{transition:none;will-change:auto}.discovery-arc{scroll-behavior:auto}}
:root[data-motion="quiet"] .discovery-book{transition:none;will-change:auto}
