@media (min-width:900px){
 body{background:#eef2f8}.phone{padding-left:248px}.screen{max-width:none;padding:28px 42px 70px}
 .bottom-nav{position:fixed;left:0;right:auto;top:0;bottom:0;transform:none;width:248px;height:100dvh;border:0;border-radius:0;background:var(--navy);display:flex;flex-direction:column;gap:8px;padding:132px 18px 24px}
 .bottom-nav:before{content:"";position:absolute;left:28px;top:34px;width:166px;height:48px;background:url('assets/auston-logo.png') center/contain no-repeat}
 .nav-btn{flex:none;width:100%;height:54px;border-radius:15px;background:transparent;color:white;display:grid;grid-template-columns:28px 1fr;justify-items:start;padding:0 18px;gap:12px;font-size:13px}.nav-btn img{filter:brightness(0) invert(1)}.nav-btn.active{background:var(--yellow);color:var(--navy)}.nav-btn.active img{filter:none}
 .home-bg,.yellow-page{margin:-28px -42px -70px;padding:28px 42px 90px;min-height:100dvh}
 .home-bg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);grid-template-areas:"head head" "summary due-title" "class-title due" "next library-title" "next notice";column-gap:26px;row-gap:10px;align-content:start}
 .home-bg>.header{grid-area:head;min-height:86px;margin:0 0 10px;padding:18px 22px}.home-bg>.summary{grid-area:summary;margin:0;min-height:150px;padding:25px}.home-bg>.section-title:nth-of-type(1){grid-area:class-title}.home-bg>.next{grid-area:next;margin:0;min-height:220px;padding:28px}.home-bg>.section-title:nth-of-type(2){grid-area:due-title}.home-bg>section:nth-of-type(3){grid-area:due;margin:0}.home-bg>.section-title:nth-of-type(3){grid-area:library-title}.home-bg>.notice{grid-area:notice;margin:0;min-height:110px;align-items:center}
 .home-bg .header h1{font-size:24px}.home-bg .summary h2{font-size:32px}.home-bg .next h2{font-size:26px}
 .yellow-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-content:start}.yellow-page>.page-title,.yellow-page>.filters,.yellow-page>.search-box,.yellow-page>.career-match,.yellow-page>.day-heading,.yellow-page>.profile-card,.yellow-page>.signout,.yellow-page>.version{grid-column:1/-1}.yellow-page>.page-title{min-height:86px;margin:0}.yellow-page>.section-title{grid-column:1/-1;margin-bottom:0}.yellow-page>.social-card,.yellow-page>.job-card{margin:0}.page-title h1{font-size:26px}.card{padding:22px}
 .app-sheet{left:auto;right:28px;bottom:28px;transform:translateY(110%);width:460px;border-radius:28px}.app-sheet.open{transform:none}.benefits{left:auto;right:0;width:560px;transform:translateX(100%)}.benefits.open{transform:none}
}