/* PROJECT GABAY — final visual brief. Palette sampled from supplied cover.
   Adjust branding here. Interface and service data remain separate. */
:root{--gabay-blue:#013370;--gabay-navy:#012255;--gabay-red:#AB1822;--gabay-yellow:#FABA10;--gabay-white:#FEFEFE;--gabay-text:#333333;--gabay-grey:#F6F7F9;--gabay-line:#d9dde3;--gabay-width:1160px}
.gabay-portal{color:var(--gabay-text);background:var(--gabay-white);font:1rem/1.7 Arial,sans-serif}.gabay-portal *{box-sizing:border-box}.gabay-portal p,.gabay-portal h1,.gabay-portal h2,.gabay-portal h3{margin:0}.gabay-portal a{text-decoration:none}.portal-container{width:min(var(--gabay-width),calc(100% - 64px));margin-inline:auto}.gabay-portal .portal-main{padding:0;margin:0;max-width:none}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(32px,calc((100vw - var(--gabay-width))/2));background:white;border-top:7px solid transparent;border-image:linear-gradient(90deg,var(--gabay-red) 35%,var(--gabay-yellow) 35% 65%,var(--gabay-blue) 65%) 1;border-bottom:1px solid var(--gabay-line);position:relative;z-index:20}.portal-wordmark{display:flex;align-items:center;gap:12px;color:var(--gabay-navy);font:bold 1rem/1.3 Georgia,serif;letter-spacing:.055em}.portal-wordmark img{object-fit:contain}.portal-wordmark small{display:block;font:700 .7rem/1.7 Arial,sans-serif;letter-spacing:.18em;margin-top:3px}.portal-menu{position:relative}.portal-menu summary{list-style:none;cursor:pointer;border:1px solid #aab5c3;padding:9px 15px;color:var(--gabay-navy);font-size:.9rem;display:flex;gap:15px;align-items:center}.portal-menu summary::-webkit-details-marker{display:none}.portal-menu[open] summary{background:var(--gabay-grey)}.portal-menu nav{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 40px));max-height:70vh;overflow:auto;background:white;box-shadow:0 12px 35px #01225522;border:1px solid var(--gabay-line);padding:10px;display:grid}.portal-menu a{padding:10px 12px;color:var(--gabay-navy);font-size:.9rem;border-left:3px solid transparent}.portal-menu a:hover{background:var(--gabay-grey);border-color:var(--gabay-yellow)}
/* White layered curves echo the supplied visual language. No Inquirer branding. */
.portal-hero{position:relative;text-align:center;padding:62px 0 48px;isolation:isolate;background:radial-gradient(ellipse at 112% -65%,transparent 56%,#e9ebee 56.2%,#fafafa 62%,transparent 62.2%),radial-gradient(ellipse at -20% 130%,transparent 49%,#edeef0 49.2%,#fafafa 58%,transparent 58.2%),#fff}.portal-promo{width:min(670px,100%);margin:0 auto 44px;display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:10px;text-align:left;background:linear-gradient(145deg,#fff,#f2f4f7);border:1px solid #dce1e8;border-bottom:4px solid var(--gabay-yellow);border-radius:28px;padding:24px 16px 22px 30px;box-shadow:0 13px 34px #0122550c;transition:transform .2s,box-shadow .2s}.portal-promo:hover{transform:translateY(-3px);box-shadow:0 18px 40px #01225518}.portal-promo img{display:block;width:100%;height:auto;object-fit:contain}.promo-copy strong{font:bold clamp(1.4rem,2.6vw,2rem)/1.1 Georgia,serif;color:var(--gabay-navy)}.promo-copy p{margin-top:13px;font-size:.92rem;line-height:1.65;color:var(--gabay-text)}.promo-copy>span{display:inline-block;font-weight:700;font-size:.8rem;color:var(--gabay-blue);border-bottom:2px solid var(--gabay-yellow);margin-top:20px;padding-bottom:3px}.gabay-portal .portal-hero h1{font:bold clamp(2.5rem,7.8vw,6.2rem)/1.05 Georgia,serif;letter-spacing:-.05em;color:var(--gabay-navy)}.portal-acronym{font-size:clamp(1rem,2.2vw,1.55rem);font-weight:700;line-height:1.45;max-width:830px;margin:20px auto 0!important;color:var(--gabay-red)}.portal-intro{font-size:clamp(1rem,1.7vw,1.2rem);max-width:730px;margin:20px auto 0!important;line-height:1.85}.portal-down{display:flex;width:50px;height:50px;align-items:center;justify-content:center;border:1px solid var(--gabay-blue);border-radius:50%;margin:34px auto 0;color:var(--gabay-blue);font:2rem/1 Arial,sans-serif}.portal-down:hover{background:var(--gabay-yellow)}
/* ANG SALIGAN: a readable newspaper grid, not a flattened page screenshot. */
.saligan-section{padding:60px 0 80px;background:#f3f4f6;scroll-margin-top:20px}.saligan-paper{padding:35px;background:white;border:1px solid #d6d9de;box-shadow:0 12px 35px #01225508;color:var(--gabay-text)}.saligan-masthead{text-align:center;border-top:4px solid var(--gabay-navy);padding-top:12px}.saligan-kicker{font:700 .72rem/1.5 Arial,sans-serif;letter-spacing:.22em;color:var(--gabay-red)}.gabay-portal .saligan-masthead h2,.saligan-masthead h2{font:bold clamp(2.6rem,7.5vw,5.6rem)/1.1 Georgia,serif;letter-spacing:-.055em;color:var(--gabay-navy);margin:6px 0}.saligan-masthead>p{font:1rem/1.6 Georgia,serif;margin-bottom:16px}.saligan-meta{display:flex;justify-content:space-between;gap:20px;border-top:3px double var(--gabay-navy);border-bottom:1px solid var(--gabay-navy);padding:9px 0;font-size:.69rem;letter-spacing:.08em}.saligan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:25px}.saligan-story{min-width:0;border-bottom:1px solid var(--gabay-line);padding-bottom:23px}.saligan-lead{grid-column:span 2;grid-row:span 2}.story-tag{color:var(--gabay-red);font:bold .7rem/1.4 Arial,sans-serif;letter-spacing:.1em;margin-bottom:8px!important}.saligan-story h3{font:bold 1.35rem/1.15 Georgia,serif;color:var(--gabay-navy);letter-spacing:-.025em;margin:0 0 14px!important}.saligan-lead h3{font-size:clamp(1.8rem,3vw,2.6rem)}.saligan-story h3 a{color:inherit;text-decoration:none}.saligan-story h3 a:hover{text-decoration:underline;text-decoration-color:var(--gabay-yellow)}.saligan-photo{display:block;position:relative;overflow:hidden;aspect-ratio:1.7;background:#f3f4f6;margin-bottom:15px}.saligan-lead .saligan-photo{aspect-ratio:1.35}.saligan-photo img{position:absolute;left:0;top:var(--photo-top,0);width:100%;height:auto;max-width:none}.saligan-story>p:not(.story-tag){font:1rem/1.75 Georgia,serif;margin-top:12px}.read-story{display:inline-block;color:var(--gabay-blue);font:bold .8rem/1.6 Arial,sans-serif;border-bottom:2px solid var(--gabay-yellow);padding-bottom:3px;margin-top:15px;text-decoration:none}.read-story:hover{border-bottom-color:var(--gabay-red)}.saligan-staff{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:25px;border-top:3px double var(--gabay-navy);margin-top:25px;padding-top:20px;font-size:.8rem;line-height:1.7}.saligan-staff strong{color:var(--gabay-navy)}.saligan-source{font-size:.75rem;margin-top:18px!important;color:#626b77}.saligan-full{max-width:840px}.saligan-full>p{margin:20px 0;font-size:1.05rem;line-height:1.85}.saligan-full details{margin:28px 0;border:1px solid var(--gabay-line);padding:15px}.saligan-full summary{cursor:pointer;color:var(--gabay-blue)}.saligan-full img{display:block;max-width:100%;height:auto;margin:20px auto 0}
/* Large welcome type followed by the actual service search and municipal path. */
.portal-welcome{padding:85px 0}.welcome-heading{max-width:940px}.portal-eyebrow{color:var(--gabay-red);font:bold .82rem/1.5 Arial,sans-serif;letter-spacing:.15em}.welcome-acronym{font-size:.9rem;color:#626a74;margin-top:7px!important}.gabay-portal .welcome-heading h2{font:bold clamp(2rem,3.7vw,3.25rem)/1.18 Georgia,serif;color:var(--gabay-navy);letter-spacing:-.025em;margin:25px 0}.welcome-heading>p:last-child{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.8}.portal-search{display:flex;align-items:center;gap:14px;margin-top:38px;background:var(--gabay-grey);border:1px solid #a5b2c5;padding:9px 9px 9px 20px}.portal-search svg{flex-shrink:0;color:var(--gabay-blue)}.portal-search input{min-width:0;flex:1;border:0;padding:15px 0;background:transparent;font:1rem Arial,sans-serif;color:var(--gabay-text)}.portal-search button,.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--gabay-blue);color:white!important;border:0;border-bottom:3px solid transparent;padding:12px 22px;font-weight:700;font-size:.9rem;text-decoration:none}.portal-search button:hover,.portal-button:hover{border-bottom-color:var(--gabay-yellow)}.portal-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.portal-pills a{padding:8px 16px;border-radius:30px;border:1px solid var(--gabay-line);color:var(--gabay-navy);font-size:.875rem;min-height:44px;transition:transform .2s}.portal-pills a:hover{transform:translateY(-2px);border-color:var(--gabay-yellow);box-shadow:0 2px var(--gabay-yellow)}.portal-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:38px}.portal-categories a{display:flex;flex-direction:column;gap:10px;min-height:125px;border:1px solid var(--gabay-line);border-bottom:4px solid var(--gabay-line);padding:22px;color:var(--gabay-navy);transition:transform .2s}.portal-categories a:hover{transform:translateY(-3px);border-bottom-color:var(--gabay-yellow)}.portal-categories span{font-weight:700;line-height:1.45}.portal-categories small{color:#60666e;font-size:.8rem;line-height:1.65}.portal-municipal{margin-top:60px;background:var(--gabay-grey);border-left:5px solid var(--gabay-yellow);padding:38px}.gabay-portal .portal-municipal h2{font:bold clamp(1.6rem,3vw,2.25rem)/1.3 Georgia,serif;color:var(--gabay-navy);margin:12px 0 18px}.portal-municipal p:not(.portal-eyebrow){max-width:840px;line-height:1.85}.portal-municipal .portal-button{margin-top:24px}
/* Place the hall just before the footer, away from service text. */
.portal-hall{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:#f5f6f8;overflow:hidden}.portal-hall>img{width:100%;height:440px;object-fit:cover;object-position:center 60%}.portal-hall>div{padding:50px}.portal-hall p{font:bold clamp(1.5rem,3.2vw,2.6rem)/1.5 Georgia,serif;color:var(--gabay-navy)}.portal-footer{background:var(--gabay-blue);color:white;text-align:center;padding:60px 0 32px;border-top:7px solid var(--gabay-yellow)}.portal-footer .footer-seal{border-radius:50%;margin-bottom:17px}.portal-footer h2{color:white;font:bold clamp(1.8rem,3.5vw,2.8rem)/1.2 Georgia,serif;margin:0 0 25px!important}.portal-footer p{font-size:.96rem;line-height:1.9;margin:0}.portal-footer a{color:white;text-decoration:none}.portal-footer a:hover{text-decoration:underline;text-decoration-color:var(--gabay-yellow);text-decoration-thickness:2px}.portal-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 25px;margin:30px 0;font-size:.85rem}.portal-footer .portal-credit{border-top:1px solid #ffffff35;max-width:830px;padding-top:27px;margin:0 auto 24px;font-size:.85rem}.portal-footer .portal-copyright{font-size:.75rem;color:#e0e8f2}.gabay-portal a:focus-visible,.gabay-portal button:focus-visible,.gabay-portal summary:focus-visible,.gabay-portal input:focus-visible{outline:3px solid var(--gabay-red);outline-offset:4px}.portal-footer a:focus-visible{outline-color:var(--gabay-yellow)}
@media(max-width:850px){.portal-container{width:calc(100% - 40px)}.portal-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.saligan-paper{padding:25px}.saligan-grid{grid-template-columns:1fr 1fr;gap:25px}.saligan-lead{grid-column:1/-1;grid-row:auto}.saligan-lead .saligan-photo{aspect-ratio:1.7}.saligan-staff{grid-template-columns:1fr 1fr}.saligan-staff p:last-child{grid-column:1/-1}.portal-hall>div{padding:30px}.portal-hall>img{height:360px}}
@media(max-width:560px){.portal-header{padding:13px 20px}.portal-wordmark{font-size:.8rem;gap:8px}.portal-wordmark img{width:39px;height:39px}.portal-wordmark small{font-size:.65rem}.portal-menu summary{font-size:.8rem;padding:8px 10px;gap:8px}.portal-hero{padding:35px 0 35px}.portal-promo{padding:18px 10px 18px 18px;border-radius:22px;margin-bottom:32px;grid-template-columns:1fr 1.12fr}.promo-copy strong{font-size:1.25rem}.promo-copy p{font-size:.8rem;margin-top:10px}.promo-copy>span{font-size:.75rem;margin-top:13px}.portal-acronym{font-size:1rem}.portal-intro{font-size:1rem}.portal-down{margin-top:26px}.saligan-section{padding:35px 0 45px}.saligan-section>.portal-container{width:calc(100% - 24px)}.saligan-paper{padding:20px 16px}.saligan-meta{flex-direction:column;gap:4px;font-size:.65rem}.saligan-masthead>p{font-size:.87rem}.saligan-grid{grid-template-columns:1fr;gap:25px}.saligan-lead{grid-column:auto}.saligan-story h3{font-size:1.6rem}.saligan-lead h3{font-size:1.95rem}.saligan-story>p:not(.story-tag){font-size:1rem}.saligan-staff{grid-template-columns:1fr;gap:14px}.saligan-staff p:last-child{grid-column:auto}.portal-welcome{padding:45px 0}.welcome-heading>p:last-child{font-size:1.1rem;line-height:1.85}.portal-search{flex-wrap:wrap;gap:8px;padding:10px 12px}.portal-search input{width:calc(100% - 34px);flex:auto;font-size:1rem}.portal-search button{width:100%}.portal-categories{gap:12px}.portal-categories a{padding:17px;min-height:135px;font-size:.9rem}.portal-municipal{padding:25px 20px;margin-top:38px}.portal-municipal .portal-eyebrow{font-size:.72rem;letter-spacing:.08em}.portal-hall{grid-template-columns:1fr}.portal-hall>img{height:330px}.portal-hall>div{padding:30px 25px}.portal-hall p{font-size:1.6rem;text-align:center}.portal-footer{padding:42px 0 27px}.portal-footer p{font-size:.85rem}.portal-footer nav{gap:15px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gabay-portal *{transition:none!important}}
@media print{.gabay-portal .portal-header,.portal-menu,.portal-promo,.portal-down,.portal-search,.portal-pills{display:none}.gabay-portal .portal-footer{display:block!important;background:white;color:black}.portal-footer *{color:black!important}.saligan-grid{display:block}.saligan-story{break-inside:avoid;margin-bottom:25px}.portal-hero{background:white}}