:root{--about-navy:#002e5d;--about-blue:#087ac7;--about-pale:#eaf4fb;--about-gold:#ffc936;--about-green:#008d4b;--about-ink:#082845;--about-muted:#5f706f;--about-line:#cfdbdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7fafb;color:var(--about-ink)}.about-hero{position:relative;isolation:isolate;overflow:hidden;background:#063b70 url('../../uploads/pinabacdao-home-hero-untitled-3.png') center 47%/cover no-repeat;color:#fff}.about-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,30,65,.94) 0%,rgba(0,46,93,.78) 42%,rgba(0,72,126,.34) 72%,rgba(0,30,65,.62) 100%)}.about-hero__gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 15%,rgba(255,255,255,.08) 36%,transparent 58%)}.about-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:7vw;align-items:center;min-height:500px;padding-block:64px 48px}.about-eyebrow,.section-label{display:block;color:var(--about-green);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-eyebrow{color:var(--about-gold)}.about-hero h1{max-width:820px;margin:12px 0 18px;color:#fff;font:800 clamp(2.5rem,5vw,4.8rem)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.05em}.about-hero__copy p{max-width:680px;margin:0;color:#e4eef7;font-size:1.08rem;line-height:1.7}.mayor-collage{position:relative;align-self:end}.mayor-collage__frame{height:330px;padding:12px;border:1px solid rgba(255,255,255,.45);background:rgba(234,244,251,.14);backdrop-filter:blur(5px)}.mayor-collage__frame img{width:100%;height:100%;object-fit:cover;object-position:top}.mayor-collage__label{position:absolute;right:-18px;bottom:22px;min-width:210px;padding:13px 17px;background:rgba(0,30,65,.9);border-left:3px solid var(--about-gold)}.mayor-collage__label span,.mayor-collage__label strong{display:block}.mayor-collage__label span{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.mayor-collage__label strong{margin-top:3px}.mayor-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(234,244,251,.9);color:var(--about-navy);text-align:center}.mayor-photo-placeholder>span{font-size:3.4rem;color:var(--about-blue)}.mayor-photo-placeholder strong{font-size:.92rem}.mayor-photo-placeholder small{margin-top:3px;color:#687c89}.about-tabs{position:relative;display:flex;gap:28px;overflow:auto;border-top:1px solid rgba(255,255,255,.22)}.about-tabs a{position:relative;padding:16px 0;color:#fff;font-size:.77rem;font-weight:700;white-space:nowrap}.about-tabs a:after{content:"";position:absolute;right:50%;bottom:0;left:50%;height:3px;background:var(--about-gold);transition:left .25s ease,right .25s ease}.about-tabs a:hover:after,.about-tabs a:focus-visible:after{right:0;left:0}.about-section{padding-block:64px}.about-section h2{margin:5px 0 14px;color:var(--about-navy);font:800 clamp(1.75rem,2.6vw,2.7rem)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em}.about-section p{color:var(--about-muted);line-height:1.7}.about-tint{background:var(--about-pale);border-block:1px solid #d5e5ef}.about-panel{background:#fff;border:1px solid var(--about-line);border-radius:5px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:24px}.municipal-profile{padding:34px}.municipal-profile>p{max-width:860px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.profile-stats div{min-height:112px;padding:18px;background:var(--about-pale);border-left:3px solid var(--about-blue)}.profile-stats b,.profile-stats span,.profile-stats small{display:block}.profile-stats b{color:var(--about-navy);font:800 1.15rem Manrope}.profile-stats span{margin-top:7px;font-size:.78rem;font-weight:700}.profile-stats small{margin-top:2px;color:#71828b;font-size:.66rem}.quick-information{padding:34px;background:#fafdff}.quick-information dl{margin:22px 0 0}.quick-information dl div{padding:13px 0;border-top:1px solid var(--about-line)}.quick-information dt{color:#71828b;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.quick-information dd{margin:4px 0 0;color:var(--about-navy);font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.municipal-profile,.quick-information{transform:none!important;box-shadow:none!important}.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.narrative-grid>article{padding:30px;background:rgba(255,255,255,.82);border-top:3px solid var(--about-blue)}.narrative-grid h2{font-size:1.5rem}.narrative-grid h3{margin:18px 0 4px;color:var(--about-green);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.narrative-grid ul,.priority-list ul{margin:0;padding:0;list-style:none}.narrative-grid li{padding:11px 0;border-bottom:1px solid var(--about-line)}.narrative-grid li strong,.narrative-grid li span{display:block}.narrative-grid li strong{font-size:.81rem}.narrative-grid li span{margin-top:3px;color:var(--about-muted);font-size:.71rem;line-height:1.45}.section-heading{max-width:900px;margin-bottom:28px}.section-heading>p{margin:0}.section-heading--center{margin-inline:auto;text-align:center}.mayor-corner{display:grid;grid-template-columns:.75fr 1.3fr .9fr;border:1px solid var(--about-line);border-top:3px solid var(--about-gold);background:#fff}.mayor-corner>article,.mayor-corner>blockquote{margin:0;padding:32px}.mayor-corner>*+*{border-left:1px solid var(--about-line)}.mayor-corner__photo{text-align:center}.mayor-corner__photo img,.mayor-corner__photo .mayor-photo-placeholder{width:180px;height:210px;margin:0 auto 16px;object-fit:cover}.mayor-corner__photo h3{margin:0;color:var(--about-navy);font:800 .96rem Manrope}.mayor-corner__photo p{margin:4px 0 0;font-size:.72rem}.mayor-corner blockquote{display:flex;flex-direction:column;justify-content:center}.mayor-corner blockquote>span{height:40px;color:#ff6927;font:800 3.2rem Georgia}.mayor-corner blockquote p{color:#2f4558;font-size:1.18rem;line-height:1.75}.mayor-corner cite{color:#75848a;font-size:.7rem;font-style:normal}.priority-list{display:flex;flex-direction:column;justify-content:center}.priority-list li{position:relative;padding:14px 0 14px 27px;border-bottom:1px solid var(--about-line);font-size:.8rem;font-weight:700}.priority-list li:before{content:"✓";position:absolute;left:0;color:var(--about-blue)}.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.official-card{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--about-line)}.official-card img,.official-avatar{width:64px;height:64px;flex:0 0 auto;border-radius:50%;object-fit:cover}.official-avatar{display:grid;place-items:center;background:#dcecf7;color:var(--about-navy);font:800 1.35rem Manrope}.official-card h3{margin:0;color:var(--about-navy);font:800 .88rem Manrope}.official-card p{margin:3px 0;font-size:.7rem}.official-card a,.office-directory a{color:var(--about-blue);font-size:.68rem}.data-placeholder{grid-column:1/-1;padding:28px;border:1px dashed #a9c4d6;background:#fff}.data-placeholder strong,.data-placeholder span{display:block}.data-placeholder span{margin-top:6px;color:var(--about-muted);font-size:.78rem}.office-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:0 42px}.office-directory article{display:grid;grid-template-columns:54px 1fr;gap:18px;min-height:170px;padding:30px 0;border-top:1px solid var(--about-line)}.office-directory article>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid #cddae1;border-radius:50%;color:var(--about-blue);font-weight:800}.office-directory h3{margin:3px 0 10px;color:var(--about-navy);font:800 1rem Manrope}.office-directory p{margin:0;font-size:.79rem}.barangay-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px}.barangay-summary{display:grid;grid-template-rows:1fr 1fr;gap:14px}.barangay-summary article{padding:25px;background:var(--about-navy);color:#fff}.barangay-summary article:last-child{background:#087ac7}.barangay-summary b{font:800 1.35rem Manrope;color:var(--about-gold)}.barangay-summary h3{margin:8px 0 5px;font-size:.92rem}.barangay-summary p{margin:0;color:#dceaf4;font-size:.72rem}.barangay-directory{padding:31px;background:#fff;border:1px solid var(--about-line)}.barangay-directory h2{font-size:1.7rem}.barangay-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}.barangay-list>span{padding:11px 8px;border-top:1px solid var(--about-line);color:#82919a;font-size:.65rem}.barangay-list strong{margin-left:8px;color:var(--about-navy);font-size:.77rem}.barangay-directory>small{display:block;margin-top:18px;color:#75848a;font-size:.65rem}.municipal-values-strip{background:#fff;border-block:1px solid var(--about-line)}.municipal-values-strip>.shell{display:grid;grid-template-columns:repeat(5,1fr)}.municipal-values-strip article{display:flex;gap:12px;min-height:112px;padding:20px 16px;align-items:center}.municipal-values-strip article+article{border-left:1px solid var(--about-line)}.municipal-values-strip article>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:var(--about-pale);color:var(--about-blue);font-size:.65rem;font-weight:800}.municipal-values-strip strong,.municipal-values-strip small{display:block}.municipal-values-strip strong{color:var(--about-navy);font-size:.73rem}.municipal-values-strip small{margin-top:4px;color:var(--about-muted);font-size:.61rem;line-height:1.35}
@media(max-width:1050px){.about-hero__grid{grid-template-columns:1fr 270px}.profile-layout{grid-template-columns:1fr}.narrative-grid,.official-grid,.office-directory{grid-template-columns:repeat(2,1fr)}.mayor-corner{grid-template-columns:1fr 1.4fr}.priority-list{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--about-line)}.municipal-values-strip>.shell{grid-template-columns:repeat(2,1fr)}.municipal-values-strip article:nth-child(odd){border-left:0}}@media(max-width:720px){.about-hero__grid{grid-template-columns:1fr;min-height:auto;padding-top:52px}.mayor-collage{width:min(100%,330px)}.about-tabs{gap:20px}.about-section{padding-block:44px}.profile-stats,.narrative-grid,.official-grid,.office-directory{grid-template-columns:1fr}.mayor-corner{grid-template-columns:1fr}.mayor-corner>*+*{border-left:0;border-top:1px solid var(--about-line)}.barangay-layout{grid-template-columns:1fr}.barangay-summary{grid-template-columns:1fr 1fr;grid-template-rows:auto}.barangay-list{grid-template-columns:repeat(2,1fr)}.municipal-values-strip>.shell{grid-template-columns:1fr}.municipal-values-strip article{border-left:0!important;border-top:1px solid var(--about-line)}}@media(max-width:460px){.about-hero h1{font-size:2.35rem}.profile-stats,.barangay-summary,.barangay-list{grid-template-columns:1fr}.municipal-profile,.quick-information,.narrative-grid>article,.mayor-corner>article,.mayor-corner>blockquote,.barangay-directory{padding:22px}}

/* Final About-page alignment and municipal palette refinements. */
.about-hero{background-image:url('../../uploads/pinabacdao-municipal-hall-2026.jpg');background-position:center 46%}
.about-hero{background-image:url('../../uploads/Municipal-hall-1.jpg')!important}
.about-hero{background-image:url('../../uploads/Municipal-hall-1.jpg')!important;background-position:center 54%!important;background-size:cover!important}
.about-hero__slideshow{display:none!important}
.about-hero:before{background:linear-gradient(90deg,rgba(0,30,65,.92) 0%,rgba(0,46,93,.74) 44%,rgba(8,122,199,.24) 72%,rgba(0,30,65,.56) 100%)}
.about-hero__grid{min-height:540px;grid-template-columns:minmax(0,1fr) 310px;gap:64px;padding-block:52px 42px}
.mayor-collage{align-self:center;width:310px;justify-self:end}
.mayor-collage__frame{height:310px;padding:10px}
.mayor-collage__label{right:-10px;bottom:18px;min-width:198px}
.about-section h1,.about-section h2,.about-section h3,.section-heading h2,.office-directory h3,.municipal-profile h2,.quick-information h2,.barangay-directory h2{color:var(--about-navy)}
#mayors-corner .section-heading{max-width:none;margin:0 auto 30px;text-align:center}
#mayors-corner .section-heading .section-label{color:var(--about-blue)}
.mayor-corner{min-height:430px;grid-template-columns:.82fr 1.35fr .95fr;border-top-color:var(--about-blue)}
.mayor-corner>article,.mayor-corner>blockquote{display:flex;flex-direction:column;justify-content:center;padding:34px 40px}
.mayor-corner__photo{align-items:center}
.mayor-corner__photo img,.mayor-corner__photo .mayor-photo-placeholder{width:190px;height:220px}
.mayor-corner blockquote p{margin:12px 0 20px;color:var(--about-navy);font-size:1.05rem}
.mayor-corner blockquote>span{color:var(--about-blue)}
.priority-list .section-label{color:var(--about-blue)}
.office-directory{max-width:1500px;margin-inline:auto;gap:0 52px}
.office-directory article{min-height:185px;align-content:center;padding:34px 0}
.office-directory article>span{border-color:#b8cfe0;color:var(--about-blue)}
.office-directory h3{font-size:1.08rem}.office-directory p{max-width:420px;color:#4f6473;line-height:1.65}
@media(max-width:1050px){.about-hero__grid{grid-template-columns:1fr 260px;gap:36px}.mayor-collage{width:260px}.mayor-collage__frame{height:280px}.mayor-corner{min-height:0}}
@media(max-width:720px){.about-hero__grid{grid-template-columns:1fr}.mayor-collage{justify-self:start}.mayor-corner>article,.mayor-corner>blockquote{padding:28px 24px}.office-directory article{min-height:0}}
/* Definitive compact Mayor's Corner proportions. */
@media(min-width:1051px){
  .mayor-corner{min-height:0!important;grid-template-columns:1.05fr 1.35fr 1.05fr!important}
  .mayor-corner>article,.mayor-corner>blockquote{min-height:0!important;padding:18px 30px!important}
  .mayor-corner__photo img,.mayor-corner__photo .mayor-photo-placeholder{width:270px!important;height:150px!important;flex:none!important;margin:0 auto 9px!important}
  .mayor-corner blockquote{align-items:flex-start!important;justify-content:center!important}
  .mayor-corner blockquote>span{height:34px!important;line-height:1!important}
  .mayor-corner blockquote p{margin:6px 0 12px!important;font-size:.98rem!important;line-height:1.58!important}
  .mayor-corner .priority-list{justify-content:center!important}
  .mayor-corner .priority-list ul{display:grid!important;grid-template-rows:repeat(4,54px)!important;width:100%;margin-top:8px!important}
  .mayor-corner .priority-list li{display:flex!important;align-items:center!important;min-height:54px!important;padding:9px 0 9px 27px!important;line-height:1.5!important}
  .mayor-corner .priority-list li:before{top:50%!important;transform:translateY(-50%)!important}
}

/* Balanced About-page sub-navigation below the hero. */
html body #about-content > .about-tabs{
  justify-content:center!important;
  min-height:56px!important;
  gap:36px!important;
  padding-inline:24px!important;
  background:#fff!important;
  border-bottom:1px solid #d9e5f0!important;
  box-shadow:0 2px 8px rgba(0,46,93,.045)!important;
}
html body #about-content > .about-tabs a{
  display:flex!important;
  align-items:center!important;
  min-height:56px!important;
  padding:0 2px!important;
  color:#002e5d!important;
  font-size:.82rem!important;
  line-height:1!important;
}
html body #about-content > .about-tabs a::after{
  right:50%!important;
  bottom:0!important;
  left:50%!important;
  height:3px!important;
  background:#ffc936!important;
}
html body #about-content > .about-tabs a:first-child::after,
html body #about-content > .about-tabs a:hover::after,
html body #about-content > .about-tabs a:focus-visible::after{
  right:0!important;
  left:0!important;
}
@media(max-width:720px){
  html body #about-content > .about-tabs{
    justify-content:flex-start!important;
    min-height:50px!important;
    gap:4px!important;
    padding-inline:12px!important;
    scrollbar-width:none!important;
  }
  html body #about-content > .about-tabs::-webkit-scrollbar{display:none!important}
  html body #about-content > .about-tabs a{
    flex:0 0 auto!important;
    min-height:50px!important;
    padding-inline:12px!important;
    font-size:.74rem!important;
  }
}

/* Keep the About section navigation in a dedicated band below the hero. */
html body #about-content > .about-tabs{
  position:relative!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  gap:30px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-top:0!important;
  border-bottom:1px solid #d9e5f0!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(0,46,93,.08)!important;
}
html body #about-content > .about-tabs a{
  position:relative!important;
  padding:19px 0 17px!important;
  color:var(--about-navy)!important;
  font-size:.79rem!important;
  font-weight:700!important;
}
html body #about-content > .about-tabs a::after{
  background:var(--about-gold)!important;
}

/* Premium Barangay summary panels. */
.mayor-collage__label strong{margin-top:0;text-align:center;letter-spacing:.01em}
.barangay-summary{gap:16px}
.barangay-summary article,.barangay-summary article:last-child{position:relative;min-height:174px;display:flex;flex-direction:column;justify-content:center;padding:28px 26px 28px 30px;overflow:hidden;border:0;border-radius:4px;background:#fff;color:var(--about-navy);box-shadow:0 8px 24px rgba(0,46,93,.06)}
.barangay-summary article:last-child{background:#f1f5f9}
.barangay-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--about-blue)}
.barangay-summary article:last-child:before{background:var(--about-gold)}
.barangay-summary b{color:var(--about-blue);font:800 .68rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.barangay-summary article:last-child b{color:#8a6500}
.barangay-summary h3{margin:10px 0 8px;color:var(--about-navy);font:800 1.05rem/1.3 Manrope,Arial,sans-serif}
.barangay-summary p,.barangay-summary article:last-child p{margin:0;color:#536879;font-size:.75rem;line-height:1.65}

/* Photo-ready diagonal mayor panel and a clearer view of the Municipal Hall. */
.about-hero:before{
  background:linear-gradient(90deg,rgba(0,30,65,.84) 0%,rgba(0,46,93,.62) 32%,rgba(8,122,199,.13) 58%,rgba(0,46,93,.22) 76%,rgba(0,30,65,.42) 100%)!important;
}
.about-hero__gloss{
  background:linear-gradient(108deg,transparent 28%,rgba(255,255,255,.055) 48%,transparent 67%)!important;
}
.about-hero__grid{
  grid-template-columns:minmax(0,1fr) 410px!important;
  gap:54px!important;
}
.mayor-collage{
  position:relative;
  width:410px!important;
  height:auto;
  align-self:stretch!important;
  margin-block:-52px -42px;
  overflow:hidden;
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);
  background:rgba(0,46,93,.28);
}
.mayor-collage:before{
  content:"";
  display:block;
  position:absolute;
  z-index:6;
  top:-3%;
  bottom:-3%;
  left:8%;
  width:2px;
  background:rgba(255,201,54,.94);
  transform:rotate(5.8deg);
  transform-origin:center;
  pointer-events:none;
}
.about-hero__grid:after{display:none}
.mayor-collage__frame{
  position:absolute;
  inset:0;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.mayor-collage__frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.mayor-collage__frame:has(img):after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,46,93,.16),rgba(0,30,65,.44));
  pointer-events:none;
}
.mayor-collage .mayor-photo-placeholder{
  padding-left:42px;
  background:linear-gradient(145deg,rgba(234,244,251,.88),rgba(181,211,232,.72));
}
.mayor-collage__label{
  z-index:4;
  right:0!important;
  bottom:0!important;
  width:78%;
  min-width:0!important;
  padding:16px 20px!important;
  border:0!important;
  background:rgba(0,30,65,.88)!important;
  text-align:center;
}
@media(min-width:721px){
  .mayor-collage{
    position:absolute!important;
    top:-52px!important;
    right:0!important;
    bottom:-42px!important;
    height:auto!important;
    margin:0!important;
  }
}
@media(max-width:1050px){
  .about-hero__grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:34px!important}
  .mayor-collage{width:330px!important;height:auto;margin-block:-52px -42px}
  .mayor-collage:before{transform:rotate(4.7deg)}
}

/* Compact desktop Mayor's Corner with more room for the official portrait. */
@media(min-width:1051px){
  #mayors-corner{padding-top:48px!important;padding-bottom:48px!important}
  #mayors-corner .section-heading{margin-bottom:22px!important}
  #mayors-corner .mayor-corner{
    grid-template-columns:1.2fr 1.28fr .92fr!important;
    min-height:0!important;
    align-items:stretch!important;
  }
  #mayors-corner .mayor-corner>article,
  #mayors-corner .mayor-corner>blockquote{
    height:100%!important;
    padding:15px 28px!important;
  }
  #mayors-corner .mayor-corner__photo img,
  #mayors-corner .mayor-corner__photo .mayor-photo-placeholder{
    width:min(100%,320px)!important;
    height:132px!important;
    margin-bottom:8px!important;
  }
  #mayors-corner .mayor-corner blockquote p{
    margin:4px 0 10px!important;
    font-size:clamp(1.2rem,1.45vw,1.42rem)!important;
    line-height:1.6!important;
  }
  #mayors-corner .mayor-corner__photo,
  #mayors-corner .priority-list{align-self:stretch!important}
  #mayors-corner .priority-list ul{
    grid-template-rows:repeat(4,48px)!important;
    margin-top:5px!important;
  }
  #mayors-corner .priority-list li{
    min-height:48px!important;
    padding-block:7px!important;
  }
}

/* Final About sub-navigation alignment. */
html body #about-content > .about-tabs{
  justify-content:center!important;
  min-height:56px!important;
  gap:36px!important;
  padding-inline:24px!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #d9e5f0!important;
  box-shadow:0 2px 8px rgba(0,46,93,.045)!important;
}
html body #about-content > .about-tabs a{
  display:flex!important;
  align-items:center!important;
  min-height:56px!important;
  padding:0 2px!important;
  color:#002e5d!important;
  font-size:.82rem!important;
  line-height:1!important;
}
html body #about-content > .about-tabs a::after{
  right:50%!important;
  bottom:0!important;
  left:50%!important;
  height:3px!important;
  background:#ffc936!important;
}
html body #about-content > .about-tabs a:first-child::after,
html body #about-content > .about-tabs a:hover::after,
html body #about-content > .about-tabs a:focus-visible::after{
  right:0!important;
  left:0!important;
}
@media(max-width:720px){
  html body #about-content > .about-tabs{
    justify-content:flex-start!important;
    min-height:50px!important;
    gap:4px!important;
    padding-inline:12px!important;
    scrollbar-width:none!important;
  }
  html body #about-content > .about-tabs::-webkit-scrollbar{display:none!important}
  html body #about-content > .about-tabs a{
    flex:0 0 auto!important;
    min-height:50px!important;
    padding-inline:12px!important;
    font-size:.74rem!important;
  }
}