/* Campus is restricted to the public home iframe. Shared member/chat surfaces are untouched. */
#main.campus-main{--red:#ff3048;--action:#d71936;--ink:#131416;--muted:#64676d;--line:#e9e9ed;background:#fff;color:var(--ink);font-family:Pretendard,Arial,sans-serif;margin:0;letter-spacing:-.035em}
#main.campus-main *,#main.campus-main *::before,#main.campus-main *::after{box-sizing:border-box}
#main.campus-main [hidden]{display:none!important}
.campus-hero a,.campus-section a,.campus-last a{color:inherit;text-decoration:none}
#main.campus-main button{font:inherit;cursor:pointer}
#main.campus-main :focus-visible{outline:3px solid #285bd7;outline-offset:4px}
#main.campus-main>.campus-hero{position:relative;background:#fff7f8;padding:0}
.campus-slide{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 40%,#ff768a 0,transparent 65%),linear-gradient(125deg,#fff7f7,#ffd9df);isolation:isolate}
.campus-slide::before,.campus-slide::after{content:"";position:absolute;width:900px;height:300px;border:70px solid #ffffff36;transform:rotate(-25deg);border-radius:50%;right:-380px;top:40px;z-index:-1}
.campus-slide::after{top:200px;right:-220px}
.campus-hero-inner{position:relative;width:min(1200px,100%);margin:auto;min-height:640px;padding:32px 20px 0}
.campus-hero-copy{position:relative;z-index:3}
.campus-pill{display:inline-block;padding:6px 15px;border-radius:30px;color:#bb0e2c;background:#ffcdd5;font-size:13px;font-weight:750;margin-bottom:14px}
.campus-hero h1,.campus-hero h2{font-size:clamp(29px,7.2vw,40px);font-weight:900;line-height:1.16;letter-spacing:-.065em;margin:0}
.campus-hero em,.campus-heading em{font-style:normal;color:var(--red)}
.campus-hero-copy p{font-size:15px;line-height:1.5;margin:16px 0 20px;font-weight:550}
#main.campus-main .campus-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--action);color:#fff;border-radius:7px;font-weight:750;font-size:16px;min-height:48px;padding:12px 24px}
.campus-art{position:absolute;bottom:0;right:0;width:100%;height:295px;pointer-events:none}
.campus-founder{position:absolute;bottom:-8px;right:0;width:240px;height:300px;object-fit:contain;z-index:2}
.campus-browser{position:absolute;left:15px;bottom:25px;width:230px;background:#fff;border:8px solid #1b1c1f;border-top-width:18px;border-radius:12px;transform:rotate(-7deg);box-shadow:0 10px 20px #4d0a2520;padding:12px}
.campus-browser small{font-size:8px;color:#7a7a7a;display:block}
.campus-browser strong{display:block;font-size:18px;line-height:1.2;margin:6px 0}
.campus-browser img{width:100%;height:95px;object-fit:cover;object-position:top;border-radius:3px}
.slide-2{background:radial-gradient(ellipse at right,#802334,transparent 65%),#151619;color:#fff}
.slide-2 .campus-pill{background:transparent;border:1px solid #ff3048;color:#ff647a}
.slide-2 .campus-browser{color:#111;transform:rotate(5deg)}
.slide-3{background:linear-gradient(125deg,#fff,#f0f1ef)}
.slide-4{background:radial-gradient(ellipse at 80% 20%,#ff807f,transparent),linear-gradient(130deg,#f51e3a,#b60c2d);color:white}
.slide-4 em{color:white}.slide-4 .campus-pill{background:transparent;border:1px solid #fff;color:#fff}
#main.campus-main .slide-4 .campus-button{background:white;color:#d71936}
.campus-flow{position:absolute;left:12px;bottom:80px;display:grid;grid-template-columns:80px 12px 80px;gap:8px;align-items:center;color:#111}
.campus-flow span{padding:22px 4px;background:#fff;border-radius:12px;box-shadow:0 5px 24px #12151812;font-size:14px;text-align:center;font-weight:800}
.campus-flow b{color:#ff3048}.campus-flow b:nth-of-type(2){display:none}
.campus-notebook{position:absolute;left:18px;bottom:30px;transform:rotate(-12deg);background:#fff9ee;color:#171719;width:170px;padding:22px 16px;border-left:9px dotted #8d857c;box-shadow:0 10px 20px #0002}
.campus-notebook strong{display:block;font-size:24px;margin:15px 0}.campus-notebook small,.campus-notebook span{font-size:11px}
.campus-controls{z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;padding:8px;color:#151515}
.campus-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white;font-size:19px}
.campus-controls span{font-size:13px;min-width:54px;text-align:center;font-variant-numeric:tabular-nums}




#main.campus-main>.campus-section{padding:0;width:min(1200px,100% - 32px);margin:40px auto;scroll-margin-top:20px}
.campus-heading{margin-bottom:22px}.campus-heading h2,.campus-resources>h2{font-size:25px;line-height:1.3;font-weight:850;letter-spacing:-.045em;margin:0}
.campus-heading h2 small{font-size:12px;color:#fff;background:var(--action);border-radius:5px;padding:7px 10px;vertical-align:middle;margin-left:7px;letter-spacing:0}
.campus-heading p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.campus-heading>a{font-size:13px;color:var(--action)!important;font-weight:700;display:block;margin-top:10px}
.campus-lectures{display:grid;gap:18px}.campus-lecture{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.campus-lecture>div{padding:16px}
.campus-lecture h3{font-size:19px;font-weight:800;margin:0 0 8px}.campus-lecture p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px;min-height:42px}
#main.campus-main .campus-outline{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ff9ba9;border-radius:5px;color:var(--action);font-size:14px;font-weight:750}
.campus-benefits{display:grid;grid-template-columns:1fr;gap:12px}.campus-benefit{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;position:relative;min-width:0}
.campus-benefit>span{display:flex;gap:9px;align-items:flex-start;padding:14px;min-height:72px}.campus-benefit b{font-size:12px;color:#fff;background:var(--red);padding:4px;border-radius:4px}.campus-benefit strong{font-size:17px;font-weight:850;line-height:1.3}
.campus-benefit img{display:block;width:100%;height:120px;object-fit:cover;object-position:top}.campus-benefit small{display:block;font-size:11px;padding:8px 12px;color:var(--muted)}
.campus-offers{display:grid;gap:16px;margin:28px 0 14px}.campus-offers article{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;background:#fff0f3;padding:25px 20px;min-height:215px}.campus-offers h3{font-size:23px;font-weight:850;margin:0 0 10px}.campus-offers p{font-size:14px;line-height:1.5;margin:0 0 16px;max-width:240px}.campus-offers img{position:absolute;width:45%;height:130px;object-fit:cover;right:-20px;bottom:20px;z-index:-1;opacity:.2;transform:rotate(-8deg);border:5px solid #fff;border-radius:8px}.campus-all-programs{background:#fff9fa}
.campus-reviews{display:grid;gap:12px}.campus-review{display:grid;grid-template-columns:22px 52px minmax(0,1fr);gap:9px;padding:16px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(110deg,#fff,#fffafa);align-items:center}
.campus-review-number{background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:4px;align-self:start;text-align:center;padding:4px 0}.campus-review>img{width:52px;height:60px;object-fit:contain;border-radius:6px;background:#fff}.campus-review h3{font-size:14px;line-height:1.35;margin:0 0 3px;font-weight:700}.campus-review strong{font-size:16px;line-height:1.4;color:var(--action)}.campus-review p{margin:3px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}.campus-review>a{grid-column:3;font-size:12px;color:var(--action)!important;font-weight:700;min-height:32px;display:flex;align-items:center}
#main.campus-main .community-preview-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#main.campus-main .community-preview-board{background:white;border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0;color:#18181a}
#main.campus-main .community-preview-board header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
#main.campus-main .community-preview-board h3{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;margin:0}
#main.campus-main .community-preview-board h3 img{width:24px;height:24px}
#main.campus-main .community-preview-board header>a{font-size:11px;color:#73757a;white-space:nowrap}
#main.campus-main .community-list-head{display:none}
#main.campus-main .community-preview-post{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:6px;min-height:44px;border-top:1px solid #f0f0f2;align-items:center;padding:8px 0}
#main.campus-main .community-preview-title{font-size:12px;min-width:0;display:flex;gap:4px;align-items:center}
#main.campus-main .community-preview-title strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.campus-main .community-post-author{font-size:10px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
#main.campus-main .community-post-date,#main.campus-main .community-post-views{display:none}
#main.campus-main .community-required-label{color:var(--action);font-size:10px;white-space:nowrap}.community-comment-count{font-size:10px;color:#898989}
.campus-resource-grid{display:grid;gap:14px;margin-top:18px}.campus-resource-grid>a{display:flex;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:8px}.campus-resource-grid img{width:82px;height:85px;object-fit:cover;border-radius:5px;background:#fff1f3}.campus-resource-grid strong{display:block;font-size:17px}.campus-resource-grid small{display:block;font-size:12px;color:#777;line-height:1.4;margin:7px 0}.campus-resource-grid b{font-size:12px;color:var(--action)}
.campus-support{padding:22px 16px;border-radius:10px;background:#fff3f5}.campus-support h2{font-size:20px;font-weight:800;margin:0 0 8px}.campus-support p{font-size:13px;color:#777;margin:0;line-height:1.5}.campus-support nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.campus-support a{display:flex;justify-content:center;align-items:center;background:#fff;min-height:50px;border-radius:6px;font-size:13px;font-weight:700}
.campus-legacy{max-width:1200px;margin:35px auto;padding:0 16px}.campus-legacy>summary{border:1px solid var(--line);border-radius:7px;padding:18px;font-size:15px;font-weight:700;cursor:pointer;text-align:center}.campus-legacy[open]>summary{margin-bottom:24px}
.campus-last{padding:30px 20px;background:linear-gradient(110deg,#ff163e,#ff3048);color:white;text-align:center}.campus-last h2{font-size:23px;font-weight:850;margin:0 0 9px}.campus-last p{font-size:13px;line-height:1.5;margin:0 0 20px;color:#fff}.campus-last .campus-button{background:white!important;color:var(--action)!important}
#main.campus-main .salary-footer{background:#fff;color:#4c4d52;border-top:1px solid var(--line);padding:30px 16px}
#main.campus-main .salary-footer .footer-brand{color:#151515}
.campus-legacy .wrap{max-width:100%}
@media(min-width:360px){.campus-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-benefit strong{font-size:15px}}
@media(min-width:700px){.campus-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#main.campus-main .campus-lectures{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-section{margin:52px auto}.campus-offers,.campus-reviews,#main.campus-main .community-preview-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.campus-review{grid-template-columns:22px 52px minmax(0,1fr)}.campus-resource-grid>a{gap:12px;padding:12px}.campus-resource-grid img{width:65px}.campus-support nav{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.campus-hero-inner{min-height:480px;padding:62px 32px 68px}.campus-hero-copy{width:60%}.campus-hero h1,.campus-hero h2{font-size:51px}.campus-hero-copy p{font-size:18px}.campus-art{width:54%;height:100%}.campus-founder{width:370px;height:463px;right:0}.campus-browser{width:330px;left:10px;bottom:58px;padding:20px}.campus-browser strong{font-size:25px}.campus-browser img{height:155px}.campus-flow{left:0;bottom:155px;grid-template-columns:repeat(3,78px);gap:6px;z-index:3}.campus-flow span{padding:30px 3px}.campus-flow b{display:none}.campus-flow span:last-child{display:none}.campus-notebook{width:220px;left:10px;bottom:45px}.campus-controls{position:absolute;left:max(calc((100% - 1136px)/2),32px);bottom:98px;padding:0;background:transparent}.campus-controls button{width:32px;height:32px;font-size:15px}.campus-controls span{font-size:12px}.campus-heading h2,.campus-resources>h2{font-size:32px}.campus-heading p{font-size:16px}#main.campus-main>.campus-section{padding:0;width:min(1200px,100% - 64px)}.campus-benefits{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.campus-benefit strong{font-size:17px}.campus-benefit img{height:130px}.campus-offers article{padding:28px;min-height:220px}.campus-offers img{opacity:.85;width:42%;height:150px;right:0}.campus-offers h3{font-size:25px}.campus-offers p{max-width:300px}.campus-review{grid-template-columns:24px 64px minmax(0,1fr) 70px;padding:17px 16px;gap:12px}.campus-review>img{width:64px;height:64px}.campus-review>a{grid-column:auto;font-size:12px}.campus-review h3{font-size:16px}.campus-review strong{font-size:19px}.campus-review p{font-size:12px}.campus-community>.campus-heading{display:flex;align-items:center;justify-content:space-between}.campus-support{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 30px}.campus-support nav{margin:0;min-width:450px}.campus-last{display:flex;align-items:center;justify-content:center;gap:75px;text-align:left}.campus-last p{margin:0}.campus-last h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){#main.campus-main *,#main.campus-main *::before,#main.campus-main *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.campus-symbol{position:relative;display:inline-block;vertical-align:middle;width:30px;height:30px;overflow:hidden;margin:0 10px 14px 0}.campus-symbol img{position:absolute;width:200px;max-width:none;height:auto;left:-13px;top:-18.5px}
/* Keep the counter legible on both dark and light slides; remove inherited board reserve height. */
.campus-controls [data-campus-count]{display:grid;place-items:center;min-height:32px;background:#fff;color:#151515;border:1px solid #e9e9ed;border-radius:18px;padding:0 8px}
#main.campus-main .community-preview-list{min-height:0}
#main.campus-main .community-preview-post{grid-template-areas:"title author"}
@media(min-width:1000px){.campus-flow{grid-template-columns:repeat(4,66px)}.campus-flow span:last-child{display:block}}

.campus-proof-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.campus-proof-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--action);font-weight:650}

/* One lecture, four topics; the video grid stays visible beside the learning resources. */
#main.campus-main .campus-topic-banner{display:block;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:16/9;background:#fff1f3;overflow:hidden;color:var(--ink);padding:clamp(16px,4vw,30px)}
#main.campus-main .campus-topic-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
#main.campus-main .campus-topic-banner strong{position:relative;z-index:2;display:block;width:65%;font-size:clamp(23px,7cqw,44px);font-weight:900;letter-spacing:-.06em;line-height:1.18;word-break:keep-all}
#main.campus-main .campus-topic-banner strong>span{display:block;font-size:.7em;letter-spacing:-.04em;margin-top:6px}
#main.campus-main .campus-topic-label{position:absolute;left:clamp(16px,4vw,30px);bottom:18px;border:1px solid #d7193655;border-radius:4px;color:var(--action);background:#fff9;font-size:11px;font-weight:750;padding:5px 8px}
#main.campus-main .campus-topic-person{position:absolute;right:-2%;bottom:-8%;width:51%;height:103%;object-fit:contain;object-position:bottom}
#main.campus-main .campus-topic-number{display:block;margin:0 0 8px;color:var(--action);font-size:12px;font-weight:750}
#main.campus-main .campus-lecture{display:flex;flex-direction:column;min-width:0}
#main.campus-main .campus-lecture>div{display:flex;flex-direction:column;flex:1}
#main.campus-main .campus-lecture .campus-outline{margin-top:auto}
#main.campus-main .campus-youtube .reading-video-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-auto-flow:row;grid-auto-columns:auto;gap:24px}
#main.campus-main .campus-youtube .reading-video{min-width:0}
#main.campus-main .campus-youtube .reading-player{min-height:200px;background:#151619;border-radius:10px}
#main.campus-main .campus-youtube .reading-video h3{font-size:17px;margin:8px 0;line-height:1.5}
#main.campus-main .campus-youtube .reading-video-number{color:var(--action);font-size:12px}
#main.campus-main .campus-youtube .reading-video>a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
#main.campus-main .campus-youtube .reading-video-status{font-size:13px;line-height:1.6;color:var(--action);margin:10px 0 0}
#main.campus-main .campus-youtube .reading-channel-link{color:var(--action);border-color:#ffb6c1;min-height:48px}
@media(min-width:800px){#main.campus-main .campus-youtube .reading-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}

/* Measured reference geometry; these rules stay inside the public campus iframe. */
#main.campus-main>.campus-hero{height:auto;aspect-ratio:8/5;min-height:0;overflow:clip;border:0;box-sizing:border-box}
#main.campus-main .campus-slide{height:100%}
#main.campus-main .campus-hero-inner{width:min(1200px,100%);height:100%;min-height:0;padding:14px 20px 26px}
#main.campus-main .campus-hero-copy{width:66%}
#main.campus-main .campus-symbol{display:none}
#main.campus-main .campus-pill{font-size:10px;padding:2px 8px;margin:0 0 7px}
#main.campus-main .campus-hero h1,#main.campus-main .campus-hero h2{font-size:clamp(18px,5.3vw,32px);line-height:1.16;margin:0}
#main.campus-main .campus-hero-copy p{font-size:clamp(10px,2.7vw,14px);line-height:1.4;margin:8px 0}
#main.campus-main .campus-hero .campus-button{min-height:28px;padding:5px 9px;font-size:11px;gap:5px}
#main.campus-main .campus-art{width:48%;height:100%}
#main.campus-main .campus-founder{width:100%;height:90%;right:-5%;bottom:-2%;object-fit:contain;object-position:bottom}
#main.campus-main .campus-browser{width:80%;left:-7%;bottom:12%;padding:5px;border-width:4px;border-top-width:9px}
#main.campus-main .campus-browser small{font-size:5px}
#main.campus-main .campus-browser strong{font-size:10px;margin:3px 0}
#main.campus-main .campus-browser img{height:44px}
#main.campus-main .campus-flow{left:-15%;bottom:22%;grid-template-columns:repeat(2,48px);gap:4px}
#main.campus-main .campus-flow span{padding:9px 2px;font-size:9px}
#main.campus-main .campus-flow b{display:none}
#main.campus-main .campus-notebook{width:90px;left:-8%;bottom:16%;padding:9px 7px;border-left-width:4px}
#main.campus-main .campus-notebook strong{font-size:13px;margin:6px 0}
#main.campus-main .campus-notebook small,#main.campus-main .campus-notebook span{font-size:6px}
#main.campus-main .campus-controls{position:absolute;inset:auto 12px 5px auto;display:flex;padding:0;gap:4px;background:transparent}
#main.campus-main .campus-controls button{width:24px;height:24px;font-size:12px}
#main.campus-main .campus-controls [data-campus-count]{min-width:42px;min-height:24px;font-size:10px;padding:0 4px}
#main.campus-main .campus-dots{position:absolute;bottom:5px;left:20px;display:flex;align-items:center;gap:0;height:24px;z-index:5}
#main.campus-main .campus-dots button{width:24px;height:24px;padding:8px;border:0;background:transparent}
#main.campus-main .campus-dots button::after{content:"";display:block;width:8px;height:8px;background:#8889;border-radius:10px}
#main.campus-main .campus-dots button[aria-current="true"]{width:36px}
#main.campus-main .campus-dots button[aria-current="true"]::after{width:20px;background:var(--red)}
#main.campus-main>#lecture-entry{width:calc(100% - 40px);max-width:1200px;margin:33px auto 64px;padding:0}
#lecture-entry>.campus-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 16px;margin:0;border-bottom:1px solid #bfc1c5}
#lecture-entry .campus-heading h2{display:flex;align-items:center;gap:28px;font-size:20px;line-height:26px;margin:0;white-space:nowrap}
#lecture-entry .campus-heading h2 small{position:relative;display:flex;align-items:center;min-height:35px;padding:6px 10px;margin:0;font-size:14px;line-height:23px;font-weight:500;background:var(--red)}
#lecture-entry .campus-heading h2 small::before{content:"";position:absolute;left:-8px;top:12px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid var(--red)}
#lecture-entry .campus-lecture-controls{display:flex;gap:4px;flex:none}
#lecture-entry .campus-lecture-controls button{display:grid;place-items:center;width:32px;height:35px;border:0;background:transparent;color:#747b84;font-size:21px;font-weight:300;padding:0}
#lecture-entry .campus-lecture-controls button:disabled{opacity:.35;cursor:default}
#main.campus-main #lecture-entry .campus-lectures{display:flex;width:calc(100% + 20px);gap:24px;margin-top:32px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start}
#lecture-entry .campus-lectures::-webkit-scrollbar{display:none}
#main.campus-main #lecture-entry .campus-lecture{position:relative;display:block;flex:0 0 calc((100% - 7.2px)/1.3);min-width:0;border:1px solid #bfc1c5;border-radius:16px;scroll-snap-align:start;scroll-margin:0;background:#fff}
#main.campus-main #lecture-entry .campus-topic-banner{display:block;padding:16px;aspect-ratio:16/9;flex:none}
#main.campus-main #lecture-entry .campus-topic-banner strong{font-size:clamp(18px,7cqw,32px)}
#main.campus-main #lecture-entry .campus-topic-label{left:16px;bottom:12px;font-size:9px;padding:3px 6px}
#main.campus-main #lecture-entry .campus-lecture-body{display:block;padding:16px 20px 24px}
#lecture-entry .campus-lecture-badges{display:flex;flex-wrap:wrap;gap:8px;min-height:24px}
#lecture-entry .campus-lecture-badges span{display:flex;align-items:center;justify-content:center;min-height:24px;padding:0 7px;border:1px solid var(--red);border-radius:5px;color:var(--action);font-size:13px;line-height:1.4;font-weight:700;letter-spacing:-.13px;white-space:nowrap}
#lecture-entry .campus-lecture-badges span:last-child{background:var(--red);color:white}
#main.campus-main #lecture-entry .campus-lecture h3{font-size:16.8px;line-height:28px;font-weight:800;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:16px 0 0}
#main.campus-main #lecture-entry .campus-lecture .sr-only{min-height:0;margin:0;padding:0}
#main.campus-main .campus-browser,#main.campus-main .campus-flow,#main.campus-main .campus-notebook{display:none}
@media(min-width:640px){
 #main.campus-main .campus-browser,#main.campus-main .campus-notebook{display:block}
 #main.campus-main .campus-flow{display:grid}
 #main.campus-main>.campus-hero{aspect-ratio:auto;height:340px}
 #main.campus-main .campus-hero-inner{padding:32px}
 #main.campus-main .campus-hero h1,#main.campus-main .campus-hero h2{font-size:36px}
 #main.campus-main .campus-pill{font-size:12px;padding:4px 12px;margin-bottom:12px}
 #main.campus-main .campus-hero-copy p{font-size:15px;margin:12px 0}
 #main.campus-main .campus-hero .campus-button{min-height:40px;padding:8px 16px;font-size:14px}
 #main.campus-main .campus-art{width:48%}
 #main.campus-main .campus-browser{width:65%;left:0;padding:10px}
 #main.campus-main .campus-browser strong{font-size:18px}
 #main.campus-main .campus-browser img{height:90px}
 #main.campus-main .campus-founder{height:98%;width:85%;right:0}
 #main.campus-main .campus-controls{right:max(32px,calc((100% - 1200px)/2));bottom:12px}
 #main.campus-main .campus-dots{left:50%;transform:translateX(-50%);bottom:12px}
 #main.campus-main .campus-flow{grid-template-columns:repeat(2,68px);left:0}
 #main.campus-main .campus-flow span{font-size:12px;padding:18px 3px}
 #main.campus-main .campus-notebook{width:150px;padding:18px 12px;left:0}
 #main.campus-main .campus-notebook strong{font-size:22px}
 #main.campus-main .campus-notebook small,#main.campus-main .campus-notebook span{font-size:10px}
}
@media(min-width:768px){
 #main.campus-main>#lecture-entry{width:calc(100% - 64px);margin-top:65px}
 #lecture-entry .campus-heading h2{font-size:28px;line-height:42px}
 #main.campus-main #lecture-entry .campus-lectures{width:100%}
 #main.campus-main #lecture-entry .campus-lecture{flex-basis:calc((100% - 48px)/3)}
}
@media(min-width:1024px){
 #main.campus-main>.campus-hero{height:420px}
 #main.campus-main .campus-hero-inner{padding:42px 0}
 #main.campus-main .campus-hero-copy{width:60%;padding:0 32px}
 #main.campus-main .campus-hero h1,#main.campus-main .campus-hero h2{font-size:44px}
 #main.campus-main .campus-hero-copy p{font-size:18px;margin:14px 0 18px}
 #main.campus-main .campus-browser{width:300px;bottom:44px;padding:16px;left:0}
 #main.campus-main .campus-browser img{height:120px}
 #main.campus-main .campus-browser strong{font-size:23px}
 #main.campus-main .campus-founder{height:410px;width:328px}
}