/* Form controls use the restrained, rounded treatment of Apple store forms. */
.filter-box .field{position:relative;min-height:58px}.filter-box .field label{position:absolute;top:8px;left:16px;right:35px;z-index:1;margin:0;color:#6e6e73;font-size:10px;line-height:1.25;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-box .field input,.filter-box .field select{height:58px;min-height:58px;margin:0;padding:23px 38px 8px 16px;border:1px solid #a1a1a6;border-radius:12px;background-color:#fff;color:#1d1d1f;font-size:13px;line-height:1.4;box-shadow:none;transition:border-color .18s,box-shadow .18s}.filter-box .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px 20px;background-position:right 12px center;cursor:pointer}.filter-box .field select option{color:#1d1d1f;background:#fff;font-weight:400}.filter-box .field input:hover,.filter-box .field select:hover{border-color:#6e6e73}.filter-box .field:focus-within label{color:#0066cc}.filter-box .field input:focus,.filter-box .field select:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e329;outline:none}.filter-box>.button{height:42px;margin-bottom:7px}.filter-box .field input::placeholder{color:#86868b}.resource-list{grid-template-columns:repeat(2,1fr)}
/* One shared pill follows the selected notice category. */
.segments-wrap{display:flex;align-items:center;gap:8px;min-width:0;margin:25px 0}.tabs.notice-segments{--segment-x:6px;--segment-width:0px;position:relative;isolation:isolate;display:flex;flex:1;flex-wrap:nowrap;gap:0;min-width:0;max-width:100%;width:max-content;padding:6px;margin:0;overflow-x:auto;overflow-y:hidden;border-radius:32px;background:#e8e8ed;scrollbar-width:none;overscroll-behavior-x:contain}.notice-segments::-webkit-scrollbar{display:none}.notice-segments .segment-thumb{position:absolute;top:6px;bottom:6px;left:0;width:var(--segment-width);background:#1d1d1f;border-radius:25px;transform:translateX(var(--segment-x));z-index:0;pointer-events:none}.notice-segments.segments-ready .segment-thumb{transition:transform .36s cubic-bezier(.22,.8,.2,1),width .36s cubic-bezier(.22,.8,.2,1)}.tabs.notice-segments .tab{flex-shrink:0;position:relative;z-index:1;border:0;border-radius:25px;background:transparent;padding:12px 19px;color:#424245;font-weight:400;font-size:13px;line-height:1.4;white-space:nowrap;transition:color .22s}.tabs.notice-segments .tab.active{background:transparent;color:#fff;font-weight:500}.notice-segments .tab-count{font-size:9px;opacity:.65;margin-left:4px}.notice-segments .tab.active .tab-count{opacity:.85}.notice-segments .tab:hover:not(.active){color:#000}.notice-segments .tab:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}.segment-scroll{display:none;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:#e8e8ed;color:#6e6e73}.has-overflow .segment-scroll{display:inline-flex}.segment-scroll[disabled]{opacity:.25}.segment-scroll[data-segment-prev] .icon{transform:rotate(180deg)}.segment-scroll .icon{width:16px;height:16px}
/* The article directory belongs only to University Guides. */
body:not(.is-guides) .sidebar,body:not(.is-guides) #menu-toggle{display:none}.guide-sidebar{background:#fafafa}.guide-nav-title{display:block;color:#1d1d1f;font-weight:600;font-size:18px;margin:2px 12px 22px}.guide-nav-index{display:block;font-size:12px;margin:0 2px 22px;padding:9px 12px;color:#6e6e73;border-radius:8px}.guide-nav-index.active{background:#e8e8ed;color:#1d1d1f}.guide-nav-group{margin:5px 0}.guide-nav-post{display:block;color:#424245;font-size:13px;line-height:1.7;padding:10px 12px;border-radius:8px}.guide-nav-post:hover{background:#efeff2}.guide-nav-post.active{color:#1d1d1f;background:#e8e8ed;font-weight:600}.guide-nav-sections{margin:12px 0 18px 16px;border-left:1px solid #d2d2d7;padding-left:16px}.guide-nav-sections a{display:block;color:#86868b;font-size:11px;line-height:1.7;margin:12px 0}.guide-nav-sections a:hover{color:#0066cc}.is-guides .content{max-width:900px}.blog-index,.blog-article{max-width:760px;margin:0 auto}.blog-heading{margin:0 0 26px;padding:7px 0 28px;border-bottom:1px solid #d2d2d7}.blog-heading h1{font-size:44px;font-weight:600;letter-spacing:-1.5px;color:#1d1d1f;margin:0 0 15px;line-height:1.25}.blog-heading p{font-size:16px;color:#6e6e73;margin:0;line-height:1.7}.blog-post{padding:29px 0 32px;border-bottom:1px solid #e5e5e7}.post-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#86868b;line-height:1.6;letter-spacing:0}.blog-post h2{color:#1d1d1f;font-size:26px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin:12px 0}.blog-post h2 a:hover{color:#0066cc}.blog-post p{color:#6e6e73;font-size:14px;line-height:1.9;margin:0 0 15px}.post-read{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#0066cc}.post-read .icon{width:14px;height:14px}.blog-article-heading{padding:10px 0 30px;border-bottom:1px solid #d2d2d7;margin-bottom:30px}.blog-article-heading h1{color:#1d1d1f;font-size:40px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:17px 0}.blog-article-heading>p{color:#6e6e73;line-height:1.8;font-size:16px;margin:0}.blog-article .article{max-width:none;line-height:2;font-size:16px}.blog-article .article h2{font-size:24px;margin-top:36px;scroll-margin-top:100px}.blog-article .article-actions{font-size:13px}.blog-article .article-actions a{text-decoration:none}.is-guides footer{max-width:760px}
@media(min-width:981px){.is-guides #menu-toggle{display:none}.is-guides .guide-sidebar{display:block;visibility:visible;transform:none;top:64px;bottom:0;width:270px;padding:33px 20px;border-right:1px solid #e5e5e7;box-shadow:none;z-index:20}.is-guides #nav-close{display:none}.is-guides main{margin-left:270px;padding:48px 4vw 0}.is-guides .topbar{padding-left:32px}}
@media(max-width:980px){.is-guides #menu-toggle{display:inline-flex}.guide-sidebar{width:min(315px,86vw)}.guide-nav-title{margin-top:0}.is-guides main{margin-left:0}.blog-index,.blog-article{max-width:760px}.tabs.notice-segments .tab{padding:12px 16px}}
@media(max-width:720px){.topbar{height:98px;padding:0 18px 42px;align-items:center}.topnav{display:flex;position:absolute;top:56px;left:0;right:0;height:42px;justify-content:center;align-items:center;gap:36px;margin:0;padding:0 20px;border-top:1px solid #00000006;font-size:12px}.top-actions{margin-left:auto}main{margin-top:98px}.is-guides main{margin-top:98px;padding:28px 22px 0}.is-guides .guide-sidebar{top:0}.filter-box .field label{font-size:10px;left:13px;right:30px}.filter-box .field input,.filter-box .field select{font-size:12px;padding-left:13px;border-radius:11px}.filter-box .field select{background-position:right 9px center;background-size:18px}.filter-box .field{min-width:calc(50% - 10px)}.filter-box>.button{height:38px;margin-bottom:9px}.segments-wrap{gap:5px;margin:20px 0}.tabs.notice-segments{padding:5px;border-radius:27px}.notice-segments .segment-thumb{top:5px;bottom:5px;border-radius:23px}.tabs.notice-segments .tab{font-size:12px;padding:11px 15px}.notice-segments .tab-count{font-size:9px}.segment-scroll{width:26px;height:26px}.segment-scroll .icon{width:14px;height:14px}.blog-heading{padding-bottom:24px;margin-bottom:4px}.blog-heading h1{font-size:34px;letter-spacing:-1px}.blog-heading p{font-size:14px}.blog-post{padding:27px 0}.blog-post h2{font-size:22px;margin:12px 0}.blog-post p{font-size:13px}.blog-article-heading h1{font-size:30px;line-height:1.5}.blog-article-heading>p{font-size:14px}.blog-article .article{font-size:15px}.blog-article .article h2{font-size:22px;scroll-margin-top:120px}.resource-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.notice-segments.segments-ready .segment-thumb,.tabs.notice-segments .tab{transition:none}}

.blog-article-heading h1{text-wrap:balance}.blog-post h2{text-wrap:pretty}

/* Expanded menus share an in-page surface across operating systems. */
.filter-box select[hidden]{display:none!important}
.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;height:58px;padding:23px 36px 8px 16px;text-align:left;border:1px solid #a1a1a6;border-radius:12px;background:#fff;color:#1d1d1f;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-trigger>svg{position:absolute;right:12px;top:19px;width:20px;height:20px;fill:none;stroke:#6e6e73;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.picker-trigger:hover{border-color:#6e6e73}.picker-trigger:focus-visible,.picker-trigger[aria-expanded=true]{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}
.picker-popover{position:fixed;top:0;z-index:150;display:flex;flex-direction:column;overflow:hidden;padding:7px;background:#fffffff7;border:1px solid #00000012;border-radius:16px;box-shadow:0 16px 50px #1d1d1f24,0 3px 10px #1d1d1f0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform-origin:top center;animation:picker-appear .18s cubic-bezier(.2,.7,.2,1)}
.picker-popover.opens-up{top:auto;transform-origin:bottom center}.picker-search-wrap{flex-shrink:0;padding:5px 5px 10px;border-bottom:1px solid #e8e8ed;margin-bottom:5px}.picker-search{width:100%;height:38px;padding:0 12px;border:0;border-radius:9px;outline:none;background:#f1f1f4;font:inherit;font-size:13px;color:#1d1d1f}.picker-search:focus-visible{box-shadow:inset 0 0 0 2px #0071e3}.picker-search::placeholder{color:#86868b}
.picker-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#c4c4c9 transparent;scroll-padding:5px}.picker-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:40px;padding:9px 12px;border-radius:9px;color:#1d1d1f;font-size:13px;line-height:1.5;cursor:pointer}.picker-option>span{min-width:0;overflow-wrap:anywhere}.picker-option>svg{flex-shrink:0;width:17px;height:17px;fill:none;stroke:#0071e3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}.picker-option[aria-selected=true]>svg{opacity:1}.picker-option[aria-selected=true]{font-weight:500}.picker-option:hover{background:#f0f0f3}.picker-option.is-active{background:#eaf3fd;color:#0066cc}.picker-empty{padding:24px 12px;text-align:center;font-size:13px;color:#86868b}
.saved-stat{color:#6e6e73;transition:background .2s}.saved-stat:hover{background:#efeff2}.saved-stat>span{display:flex;align-items:center;gap:7px}.saved-stat .icon{width:13px;height:13px;color:#0066cc}
.picker-search:focus-visible{outline:none}
@keyframes picker-appear{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* A quiet entrance, followed by staggered section and staircase reveals. */
.hero-art{transform:translateY(var(--art-scroll,0px));will-change:transform}
.motion-ready .hero-copy h1{animation:hero-rise 1.05s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-copy>p{animation:hero-rise .9s .13s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-actions{animation:hero-rise .9s .25s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-art img{animation:art-arrive 1.4s .18s cubic-bezier(.16,1,.3,1) both}
.motion-ready .feature-panel,.motion-ready .guide-feature,.motion-ready .home-tools{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.motion-ready .feature-panel:nth-child(2){transition-delay:.12s}.motion-ready .is-revealed{opacity:1;transform:none}
.journey{gap:10px;padding-bottom:12px}.journey>div{position:relative;background:linear-gradient(145deg,#e2edf8,#bdcfe3);border:1px solid #bed0e4;box-shadow:0 16px 26px -12px #385b8952,inset 0 1px 0 #ffffffc9;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;border-radius:13px 13px 5px 5px}.journey>div:nth-child(2){background:linear-gradient(145deg,#ccdef1,#9ab8d8);border-color:#a6bfdc}.journey>div:nth-child(3){background:linear-gradient(145deg,#a8c8e8,#709bc6);border-color:#81a9d2}.journey>div:nth-child(4){background:linear-gradient(145deg,#537fab,#2a557f);border-color:#49749f}.journey span{color:#385779}.journey strong{color:#203b57;font-weight:500}.journey>div:nth-child(4) span{color:#e0ecf8}.journey>div:nth-child(4) strong{color:#fff}.journey:hover>div{transform:translateY(-6px);box-shadow:0 24px 34px -14px #385b8960}.journey:hover>div:nth-child(2){transition-delay:.04s}.journey:hover>div:nth-child(3){transition-delay:.08s}.journey:hover>div:nth-child(4){transition-delay:.12s}.journey:focus-visible{outline:2px solid #0071e3;outline-offset:8px;border-radius:14px}
.motion-ready .guide-feature:not(.is-revealed) .journey>div{transform:translateY(40px);opacity:0}.motion-ready .guide-feature .journey>div{transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .85s,box-shadow .55s}.motion-ready .guide-feature.is-revealed .journey>div:nth-child(2){transition-delay:.1s}.motion-ready .guide-feature.is-revealed .journey>div:nth-child(3){transition-delay:.2s}.motion-ready .guide-feature.is-revealed .journey>div:nth-child(4){transition-delay:.3s}
.home-tool-grid>a{transition:transform .35s}.home-tool-grid>a:hover{transform:translateY(-4px)}
@keyframes hero-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes art-arrive{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:720px){.picker-trigger{font-size:12px;padding-left:13px;padding-right:32px;border-radius:11px}.picker-trigger>svg{right:9px;width:18px}.picker-option{min-height:44px}.hero-art{width:155%;align-self:center}.journey{gap:8px}}
@media(prefers-reduced-motion:reduce){.picker-popover,.motion-ready .hero-copy h1,.motion-ready .hero-copy>p,.motion-ready .hero-actions,.motion-ready .hero-art img{animation:none}.hero-art{transform:none;will-change:auto}.motion-ready .feature-panel,.motion-ready .guide-feature,.motion-ready .home-tools,.journey>div,.motion-ready .guide-feature .journey>div,.home-tool-grid>a{transition:none;opacity:1;transform:none}.journey:hover>div,.home-tool-grid>a:hover{transform:none}}
