/* A useful campus noticeboard with the magazine's coastal palette. */
.portal-page{--portal-gutter:clamp(22px,5vw,90px)}
.portal-page h1,.portal-page h2,.portal-page h3{overflow-wrap:anywhere}
.portal-opening{padding:36px var(--portal-gutter) 32px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;background:#b7e2f6;border-bottom:2px solid #132432}
.portal-opening .eyebrow{font-size:.8rem}.portal-opening h1{font-size:clamp(68px,9vw,126px);line-height:.9;letter-spacing:-2px;margin:15px 0 20px}.portal-opening h1 em{font-style:normal;color:#a80051}
.portal-intro{font-size:1.125rem;line-height:1.6;max-width:65ch}.portal-jumps{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:22px}.portal-jumps a{font-size:.875rem;font-weight:700;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.portal-edition{border-left:1px solid #13243266;padding:18px 0 12px 32px;align-self:center}.portal-edition>span{display:block;font:800 32px/1.05 var(--display)}.portal-edition p{font-size:.875rem;line-height:1.7;margin:18px 0}.portal-edition .share-button{background:#132432;color:#fff}
.portal-section{padding:48px var(--portal-gutter)}.portal-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.portal-section-heading h2{font-size:clamp(36px,4vw,56px);margin-top:8px;line-height:1.02}.portal-section-heading>p,.portal-section-heading>a{font-size:.875rem;line-height:1.6}.portal-section-heading>p span{color:#445863}
.event-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) minmax(190px,1fr);gap:16px;align-items:end;padding:22px;background:#e2edf1;border:1px solid #13243235;border-radius:8px}.event-filters label{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;gap:6px}.event-filters input[type=search],.event-filters select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #6b7d87;border-radius:4px;background:#fffdf8;color:#132432;font:400 1rem/1.5 'DM Sans',Arial,sans-serif}.event-filters .free-filter{flex-direction:row;align-items:center;grid-column:1/3;min-height:44px;font-weight:500;gap:10px}.free-filter input{width:20px;height:20px;accent-color:#132432}.filter-reset{justify-self:end;min-height:44px;padding:8px 18px;border:1px solid #132432;border-radius:24px;background:transparent;cursor:pointer;color:#132432;font-size:.875rem}
.event-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.event-legend p{font-size:.875rem;line-height:1.6;color:#43545f;flex:1 1 330px;margin-left:8px}.age-badge{display:inline-block;flex-shrink:0;border-radius:4px;padding:5px 9px;font:700 .8rem/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.1px;white-space:normal}.age-all{background:#d4edbf;color:#244521}.age-16{background:#c9e8f6;color:#153d56}.age-18{background:#ffdf85;color:#5a3b00}.age-21{background:#132432;color:#fff}.age-unknown{background:#e6e7e3;color:#38444b;font-size:.75rem}.event-count{font-size:.875rem;margin:18px 0 14px;font-weight:700}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portal-event{min-width:0;display:flex;flex-direction:column;background:#fffdf8;border:1px solid #13243240;border-top:4px solid #132432;padding:24px;border-radius:5px;scroll-margin-top:25px}.portal-event:target{outline:4px solid #d60067;outline-offset:4px}.portal-event[data-campus=cabrillo]{border-top-color:#176184}.portal-event[data-campus=ucsc]{border-top-color:#927000}.event-top{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:18px}.event-top time{font:700 28px/1.1 var(--display);white-space:nowrap}.event-top .age-badge{max-width:145px}.event-category{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#3b5d70;line-height:1.5}
.portal-event h3,.portal-read h3{font:700 32px/1.1 var(--display);margin:9px 0 16px;overflow-wrap:anywhere;min-width:0}.portal-event h3 a,.portal-read h3 a{white-space:normal;text-decoration:none;overflow-wrap:anywhere}.portal-event h3 a:hover,.portal-read h3 a:hover{text-decoration:underline;text-underline-offset:4px}.event-time{font-size:.9375rem;font-weight:700;line-height:1.5;margin-bottom:5px}.event-time>span{font-size:.75rem;font-weight:400;color:#52616b}.event-place{font-size:.875rem;color:#425866;margin-bottom:15px;line-height:1.5}.event-description{font-size:1rem;line-height:1.6;margin-bottom:20px}.event-facts{margin-top:auto;padding-top:14px;border-top:1px solid #13243230}.event-facts p{font-size:.875rem;line-height:1.6;margin:0 0 5px}.event-facts p:first-child{font-weight:700}.event-actions{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px}.event-actions>a{font-size:.875rem;line-height:1.5;min-height:44px;display:flex;align-items:center;text-underline-offset:4px}.portal-share{flex-shrink:0;padding:10px 13px;font-size:.8rem}.portal-note{font-size:.875rem;line-height:1.7;color:#425866;margin-top:22px;max-width:100ch}.portal-note a{font-weight:700;text-underline-offset:4px}.events-empty{padding:30px;background:#e2edf1;border:1px dashed #52616b}.events-empty h3{font:700 30px/1.2 var(--display);margin-bottom:10px}
.campus-section{background:#e4eef2;border-block:1px solid #13243235}.campus-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.campus-card{min-width:0;padding:32px;border:1px solid #13243265;border-radius:6px;background:#b7e2f6}.ucsc-card{background:#ffe59a}.campus-card h3{font:800 clamp(48px,5vw,76px)/1 var(--display);margin:16px 0}.campus-card>p:not(.eyebrow){font-size:1rem;max-width:55ch}.campus-feature{display:inline-flex;align-items:center;min-height:48px;margin:18px 0 8px;font-weight:700;text-underline-offset:5px}.campus-card ul{list-style:none;padding:0;margin:0}.campus-card li{border-top:1px solid #13243230}.campus-card li a{display:flex;min-height:48px;align-items:center;padding:10px 0;text-decoration:none;font-size:1rem}.campus-card li a:hover{text-decoration:underline}.campus-social{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding-top:14px;border-top:2px solid #132432}.campus-social a{font-size:.875rem;min-height:44px;display:flex;align-items:center;text-underline-offset:4px}
.community-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.featured-group{padding:32px;background:#ffe1ee;border:1px solid #13243260;border-radius:6px}.featured-group h3{font:700 clamp(32px,3.4vw,48px)/1.1 var(--display);margin:20px 0}.featured-group>p{font-size:1rem;line-height:1.7}.featured-group .pill{margin:24px 0 16px;font-size:.875rem}.featured-group .group-note{font-size:.875rem;color:#46515c}.source-directory{display:grid;grid-template-columns:1fr 1fr;gap:18px}.source-directory>a{display:flex;flex-direction:column;justify-content:center;border-top:2px solid #132432;padding:18px 0;text-decoration:none;min-width:0}.source-directory>a:hover strong{text-decoration:underline}.source-directory span{font-size:.75rem;font-weight:700;letter-spacing:.6px}.source-directory strong{font:700 28px/1.15 var(--display);margin:9px 0}.source-directory small{font-size:.875rem;color:#425866;line-height:1.5}
.portal-reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portal-read{border-top:2px solid #132432;padding-top:18px;display:flex;flex-direction:column;min-width:0}.portal-read>p:not(.event-category){font-size:1rem;line-height:1.6}.portal-read .read-date{font-size:.8rem!important;color:#52616b;margin:15px 0}.portal-read .portal-share{align-self:start;margin-top:auto}.portal-submit{padding:42px var(--portal-gutter);background:#132432;color:#fff}.portal-submit h2{font-size:52px;margin:16px 0}.portal-submit>p{max-width:68ch}.portal-submit .pill{margin-top:22px}.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:32px var(--portal-gutter);background:#b7e2f6;font-size:.875rem}.portal-footer p{max-width:60ch}.portal-footer>a{font-weight:700;min-height:44px;display:flex;align-items:center}
@media(min-width:1700px){.portal-page{--portal-gutter:calc((100vw - 1500px)/2)}}
@media(max-width:1050px){.event-grid,.portal-reads{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-opening{grid-template-columns:1fr 225px}.portal-edition{padding-left:24px}.community-layout{grid-template-columns:1fr}.source-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.portal-opening{grid-template-columns:1fr;padding-top:30px;gap:0}.portal-opening h1{font-size:84px}.portal-intro{font-size:1rem}.portal-intro br{display:none}.portal-edition{display:none}.portal-jumps{gap:4px 20px}.portal-jumps a{font-size:.875rem}.portal-section{padding:34px var(--portal-gutter)}.portal-section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}.portal-section-heading h2{font-size:40px}.portal-section-heading>p br{display:none}.event-filters{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.event-search{grid-column:1/-1}.event-filters .free-filter{grid-column:1/-1}.filter-reset{grid-column:1/-1;justify-self:start}.event-legend p{margin:4px 0 0;flex-basis:100%}.event-grid,.portal-reads,.campus-grid{grid-template-columns:1fr}.portal-event{padding:22px}.portal-event h3{font-size:34px}.event-top time{font-size:30px}.campus-card,.featured-group{padding:25px}.source-directory{grid-template-columns:1fr 1fr}.source-directory strong{font-size:27px}.portal-read{padding:20px 0 10px}.portal-read h3{font-size:32px}.portal-submit h2{font-size:43px}.portal-footer{gap:10px}.event-actions{align-items:center}.age-badge{font-size:.8rem}}
@media(max-width:380px){.event-filters{grid-template-columns:1fr}.event-filters>*{grid-column:1!important}.source-directory{grid-template-columns:1fr}.event-top{flex-wrap:wrap}.portal-opening h1{font-size:72px}}