/* Public UI components
   Layouts: public, Tinta.com, PPID, Humas.
   Breakpoints: <768 touch-sized collection; 768–991 two columns;
   992–1199 three columns; >=1200 four columns where appropriate.
   Domain-specific article, home, portal and admin rules remain in their
   respective stylesheets. Keep this as the only shared public override. */

/* Collection cards and controls ------------------------------------------- */
.compact-carousel:focus-visible,.portal-shell .portal-carousel:focus-visible{
  outline:2px solid var(--brand,#0b756a);outline-offset:2px;
}
.compact-carousel-controls,.portal-carousel-controls{
  display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 14px;
}
.compact-carousel-controls button,.portal-carousel-controls button{
  display:grid;place-items:center;min-width:36px;width:36px;height:36px;padding:0;
  border:1px solid #cbdcd5;border-radius:11px;background:var(--surface,#fff);
  color:var(--brand,#0b756a);cursor:pointer;
}
.compact-carousel-controls button:disabled,.portal-carousel-controls button:disabled{opacity:.45;cursor:default}
.compact-carousel-controls button:focus-visible,.portal-carousel-controls button:focus-visible{outline:2px solid var(--brand,#0b756a);outline-offset:2px}
.compact-carousel-controls span,.portal-carousel-controls span{min-width:48px;text-align:center;font-size:.78rem;font-weight:750}
.home-video-section .compact-carousel-controls button{background:#eaf9f4;color:#115d54}
.home-video-section .compact-carousel-controls span{color:#fff}
.tinta-related{padding:1.3rem 0 1.8rem}
.tinta-related .tinta-related-grid{margin-top:.7rem}
.tinta-related .tinta-related-grid>article{min-height:0}
.compact-carousel .tinta-feed-card{display:block}
.compact-carousel .tinta-feed-card__image{width:100%;aspect-ratio:16/10}
.compact-carousel .tinta-rubric-grid>a{display:grid}
.compact-carousel .tinta-related-image{aspect-ratio:16/10}
.compact-carousel .tinta-related-image img,
.compact-carousel .content-card-media img,
.compact-carousel .external-news-image img{width:100%;height:100%;object-fit:cover}
.compact-carousel .content-card-media,.compact-carousel .external-news-image{aspect-ratio:1/1;max-height:none}
.compact-carousel .staff-card,.compact-carousel .professional-staff-card{height:auto}
.tinta-top-stories:has(.tinta-top-orbit){display:block}
.tinta-top-orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tinta-top-orbit>*{min-width:0}

/* Staff portraits: preserve faces and headwear across card variants. */
.compact-carousel .home-staff-preview__photo,.compact-carousel .staff-photo-wrap,
.professional-staff-card .staff-photo-wrap{aspect-ratio:4/5!important;min-height:0!important;overflow:hidden}
.compact-carousel .home-staff-preview__photo img,.compact-carousel .staff-photo-wrap img,
.professional-staff-card .staff-photo-wrap img{width:100%;height:100%;object-fit:contain!important;object-position:center top!important}
.portal-shell .portal-carousel .module-staff-card>img{width:100%;aspect-ratio:4/5;object-fit:contain;object-position:center top}
.staff-profile-group .section-heading,.staff-subgroup>h3{width:100%;max-width:none;text-align:left;justify-self:stretch}

/* Video cards: player is inserted only after a user action. */
.home-video-section .home-video-layout{display:block}
.home-video-section .video-box-carousel{align-items:stretch;gap:14px}
.home-video-section .video-box-carousel>.home-video-card{
  display:flex!important;flex-direction:column;gap:0;padding:8px;border-radius:18px;transform:none;
}
.home-video-section .video-box-carousel .home-video-thumb{width:100%;height:auto;max-height:none;border-radius:12px;flex:none}
.home-video-section .video-box-carousel .home-video-thumb[hidden]{display:none!important}
.home-video-section .video-box-carousel .home-video-thumb img{object-fit:cover}
.home-video-section .video-box-carousel .home-video-card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px 6px 5px}
.home-video-section .video-box-carousel .home-video-card h3{display:block;overflow:visible;margin:.3rem 0 .4rem;font-size:1rem;line-height:1.3}
.home-video-section .video-box-carousel .home-video-card p{margin:0 0 .6rem;color:#e4f0ec;font-size:.77rem;line-height:1.45}
.home-video-section .video-box-carousel .home-video-card a{margin-top:auto}
.home-video-inline-player{position:relative;width:100%;aspect-ratio:1/1;background:#000;border-radius:12px;overflow:hidden}
.home-video-inline-player iframe{width:100%;height:100%;border:0}
.home-video-inline-close{position:absolute;top:7px;right:7px;z-index:2;width:34px;height:34px;min-height:34px;border:1px solid #fff8;border-radius:50%;background:#102b2bc9;color:#fff;font-size:1.25rem;cursor:pointer}

@media(max-width:767px){
  .compact-carousel,.portal-shell .portal-carousel{
    display:flex!important;flex-wrap:nowrap!important;gap:clamp(10px,1.4vw,18px);
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;scrollbar-width:thin;padding:4px 2px 14px;
  }
  .compact-carousel>*,.portal-shell .portal-carousel>*{
    flex:0 0 min(76vw,310px);width:min(76vw,310px);min-width:0;
    max-width:calc(100vw - 36px);scroll-snap-align:start;margin-top:0;
  }
  .tinta-related .compact-carousel>article{flex-basis:min(70vw,280px);width:min(70vw,280px)}
  .compact-carousel .tinta-feed-card{padding:0 0 8px}
  .compact-carousel .tinta-feed-card__copy{padding:.6rem .2rem}
  .compact-carousel .tinta-feed-card p{display:none}
  .home-video-section .video-box-carousel{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important}
  .home-video-section .video-box-carousel>.home-video-card{
    flex:0 0 min(76vw,310px);width:min(76vw,310px);max-width:calc(100vw - 36px);
  }
  .home-video-section .video-box-carousel .home-video-thumb{aspect-ratio:1/1}
}
@media(min-width:768px){
  .compact-carousel,.portal-shell .portal-carousel,.tinta-top-orbit,
  .home-video-section .video-box-carousel{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;gap:clamp(14px,1.8vw,24px)!important;
    width:100%!important;max-width:none!important;aspect-ratio:auto!important;
    overflow:visible!important;padding:4px 0!important;scroll-snap-type:none!important;
  }
  .compact-carousel>*,.portal-shell .portal-carousel>*,.tinta-top-orbit>*,
  .home-video-section .video-box-carousel>.home-video-card{
    width:auto!important;max-width:none!important;min-width:0!important;
    height:auto!important;flex:auto!important;grid-column:auto!important;grid-row:auto!important;
  }
  .compact-carousel-controls,.portal-carousel-controls{display:none!important}
  .professional-staff-card .staff-name{white-space:normal!important;overflow-wrap:normal!important;font-size:clamp(.88rem,1.15vw,1.05rem)!important;line-height:1.3!important}
  .home-video-section .video-box-carousel .home-video-thumb{aspect-ratio:16/9}
}
@media(min-width:992px){
  .compact-carousel,.portal-shell .portal-carousel,
  .home-video-section .video-box-carousel,
  .staff-profile-group .professional-staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1200px){
  .compact-carousel,.portal-shell .portal-carousel,
  .home-video-section .video-box-carousel,
  .staff-profile-group .professional-staff-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tinta-top-orbit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media print{
  .compact-carousel,.portal-shell .portal-carousel{display:block!important;overflow:visible!important}
  .compact-carousel-controls,.portal-carousel-controls{display:none!important}
}

/* Selected portrait cards remain a horizontal, snap-aligned collection on desktop too. */
.compact-carousel[data-carousel-all],.portal-carousel[data-carousel-all]{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;gap:14px!important;padding:4px 2px 14px!important;scrollbar-width:thin}
.compact-carousel[data-carousel-all]>*:not(.empty-state),.portal-carousel[data-carousel-all]>*:not(.empty-state){flex:0 0 clamp(250px,26vw,330px)!important;width:clamp(250px,26vw,330px)!important;max-width:calc(100vw - 36px)!important;min-width:0!important;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important;overflow:hidden}
.compact-carousel[data-carousel-all]+.compact-carousel-controls,.portal-carousel[data-carousel-all]+.portal-carousel-controls{display:flex!important}
.content-grid.compact-carousel[data-carousel-all]>.content-card,.tinta-related .compact-carousel[data-carousel-all]>article{min-height:360px;display:flex;flex-direction:column}
.compact-carousel[data-carousel-all] :is(.content-card-media,.tinta-related-image,.tinta-feed-card__image){aspect-ratio:4/3;max-height:190px;background:#edf2f0}
.compact-carousel[data-carousel-all] :is(.content-card-media,.tinta-related-image,.tinta-feed-card__image) img{width:100%;height:100%;object-fit:contain}
.compact-carousel[data-carousel-all] :is(h3,.staff-name){white-space:normal!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;overflow-wrap:break-word}
.home-video-section .video-box-carousel[data-carousel-all]>.home-video-card{flex:0 0 clamp(250px,26vw,330px)!important;width:clamp(250px,26vw,330px)!important;min-height:390px}
@media(max-width:767px){.compact-carousel[data-carousel-all]>*:not(.empty-state),.portal-carousel[data-carousel-all]>*:not(.empty-state){flex-basis:min(78vw,330px)!important;width:min(78vw,330px)!important}}
@media print{.compact-carousel[data-carousel-all],.portal-carousel[data-carousel-all]{display:block!important;overflow:visible!important}}

/* Navigation loader ------------------------------------------------------ */
.site-page-loader{
  position:fixed;inset:0;z-index:10000;display:grid;place-content:center;justify-items:center;
  gap:9px;background:radial-gradient(circle at 50% 45%,#168b76 0,#0a574d 38%,#092d39 80%);color:#fff;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;
}
html.page-loading-enabled .site-page-loader{opacity:1;visibility:visible;pointer-events:auto}
.site-page-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#b6ffdd18,transparent 45%);animation:pageLoaderBreathe 2.3s ease-in-out infinite alternate}
@keyframes pageLoaderBreathe{to{transform:scale(1.35);opacity:.45}}
.site-page-loader__orb{position:relative;display:grid;place-items:center;width:116px;height:116px;margin-bottom:10px}
.site-page-loader__orb i{position:absolute;inset:0;border:3px solid transparent;border-top-color:#bdfbe5;border-right-color:#bdfbe5;border-radius:50%;animation:pageLoaderSpin 1.1s linear infinite}
.site-page-loader__orb i:nth-child(2){inset:12px;border-width:3px;border-top-color:#ffd074;border-right-color:#ffd074;animation-direction:reverse;animation-duration:1.6s}
.site-page-loader__orb i:nth-child(3){inset:26px;border-width:2px;border-top-color:#fff;border-right-color:#fff;animation-duration:2.1s}
.site-page-loader__orb span{font:800 1rem/1.05 system-ui,sans-serif;text-align:center;letter-spacing:.03em}
.site-page-loader strong{font:800 1.05rem/1.3 system-ui,sans-serif}
.site-page-loader small{opacity:.8;font:.78rem/1.3 system-ui,sans-serif}
@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .site-page-loader,.site-page-loader:before,.site-page-loader__orb i{animation:none;transition:none}
  .site-page-loader__orb i{border-color:#bdfbe5}
}

/* Footer and editorial pages --------------------------------------------- */
.site-footer{padding-top:clamp(24px,3vw,48px)}
.site-footer .footer-grid{gap:16px 28px}
.site-footer .footer-links{display:flex!important;flex-flow:row wrap!important;gap:7px 9px!important}
.site-footer .footer-links li{min-width:0}
.site-footer .footer-links a{display:inline-flex;min-height:34px;padding:5px 10px;border:1px solid rgba(255,255,255,.17);border-radius:9px;line-height:1.25;white-space:normal}
.site-footer .footer-links a:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.09)}
.portal-shell .portal-footer>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:14px}
.portal-shell .portal-footer>.container>div:last-child{display:flex;flex-flow:row wrap;align-content:start;gap:8px}
.portal-shell .portal-footer a{margin:0;padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.18)}
@media(max-width:760px){
  .site-footer .footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}
  .site-footer .footer-grid>section{min-width:0}
  .site-footer .footer-grid>section h2{margin-bottom:8px}
  .site-footer .footer-links{gap:5px!important}
  .site-footer .footer-links a{padding:5px 7px;font-size:.72rem;min-height:30px}
  .site-footer .footer-brand p{margin:.4rem 0}
  .site-footer .footer-bottom{margin-top:16px}
  .portal-shell .portal-footer>.container{grid-template-columns:1fr}
}

.page-sambutan-kepala-madrasah .principal-message-layout{gap:clamp(14px,2vw,28px)}
.page-sambutan-kepala-madrasah .principal-letter-card{padding:clamp(18px,2.2vw,32px)}
.page-sambutan-kepala-madrasah .principal-letter-prose{width:100%;max-width:none;padding:0!important;text-align:justify!important;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
.page-sambutan-kepala-madrasah .principal-letter-prose p{max-width:none!important;text-align:justify!important;margin-inline:0!important}
.page-sambutan-kepala-madrasah .principal-letter-prose :is(ol,ul,li){text-align:left}
.page-sambutan-kepala-madrasah .principal-letter-prose :is(blockquote,.principal-emphasis){text-align:left!important}
.vision-mission-section .container{width:min(100% - 28px,1250px)}
.vision-mission-content{gap:clamp(18px,2vw,32px)}
.vision-showcase{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2vw,28px);padding:clamp(18px,2.5vw,34px)}
.vision-showcase blockquote{font-size:clamp(1.3rem,2.5vw,2.5rem);line-height:1.24}
.vision-showcase-copy>p,.mission-heading p{max-width:none;text-align:justify;hyphens:auto;overflow-wrap:break-word}
@media(min-width:768px){
  .page-sambutan-kepala-madrasah .principal-message-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(18px,2.7vw,36px);align-items:start}
  .page-sambutan-kepala-madrasah .principal-profile-panel{position:static;top:auto;align-self:start}
  .page-sambutan-kepala-madrasah .principal-message-photo{width:100%}
  .page-sambutan-kepala-madrasah .principal-letter-card{min-height:0}
}
@media(max-width:767px){
  .page-sambutan-kepala-madrasah .principal-message-layout{width:calc(100% - 20px);grid-template-columns:1fr;gap:14px}
  .page-sambutan-kepala-madrasah .principal-letter-card{padding:14px!important}
  .page-sambutan-kepala-madrasah .principal-letter-prose{font-size:.92rem;line-height:1.7}
  .page-sambutan-kepala-madrasah .principal-letter-prose p{text-align-last:left}
  .page-sambutan-kepala-madrasah .principal-profile-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .page-sambutan-kepala-madrasah .principal-message-photo{width:100%;margin:0}
  .page-sambutan-kepala-madrasah .principal-message-photo>a{max-height:320px}
  .page-sambutan-kepala-madrasah .school-profile-card{padding:12px!important}
  .vision-showcase{grid-template-columns:1fr;padding:17px 14px}
  .vision-showcase blockquote{font-size:clamp(1.25rem,4.3vw,1.7rem)}
  .vision-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .page-sambutan-kepala-madrasah .principal-profile-panel{grid-template-columns:1fr}
  .page-sambutan-kepala-madrasah .principal-message-photo>a{max-height:340px}
  .vision-pillars article{display:block;min-width:0;padding:12px}
}

/* Pengumuman di atas halaman: tombol tutup tetap terbaca di atas latar terang. */
.priority-announcement__text{min-width:0}
.priority-announcement__text :is(strong,p){overflow-wrap:anywhere}
.priority-announcement__close.icon-button{
  flex:none;width:42px;height:42px;min-width:42px;
  background:#fff;color:#173b37;border-color:#fff;
  font-size:1.6rem;line-height:1;font-weight:500
}
.priority-announcement__close.icon-button:hover{background:#edf7f4;color:#0b594e}
.priority-announcement__close.icon-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Portrait cards expose the whole title and a reliable thumbnail frame. */
.feature-service-media{display:block;width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden}
.feature-service-media img{width:100%;height:100%;object-fit:contain}
.feature-service-icon{width:54px;height:54px;display:grid;place-items:center}
.feature-service-carousel .institution-promo-card{display:flex;flex-direction:column;align-items:stretch}
.feature-service-carousel .institution-promo-card>div{flex:1}
.feature-service-carousel .institution-promo-card h3{margin-top:14px}
.home-feature-services .feature-service-carousel>.institution-promo-card{min-height:330px;overflow:hidden}
.home-feature-services .feature-service-media{aspect-ratio:4/3;background:#edf4f1}
.home-feature-services .feature-service-media img{object-fit:contain;object-position:center}
.home-feature-services .institution-promo-card>div{min-width:0}
.home-feature-services .institution-promo-card p{overflow-wrap:anywhere}
.home-feature-services .feature-service-carousel{
  display:flex!important;flex-wrap:nowrap!important;gap:16px!important;
  width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-padding-inline:2px;
  overscroll-behavior-inline:contain;padding:4px 2px 14px!important
}
.home-feature-services .feature-service-carousel>.institution-promo-card{
  flex:0 0 clamp(235px,25vw,310px)!important;
  width:clamp(235px,25vw,310px)!important;max-width:calc(100vw - 36px)!important;
  scroll-snap-align:start
}
.home-feature-services .feature-service-carousel+.compact-carousel-controls{display:flex!important}
.home-video-section .video-box-carousel>.home-video-card{min-height:360px}
.home-video-section .video-box-carousel .home-video-thumb{aspect-ratio:16/9;background:#122c2c}
.home-video-section .video-box-carousel .home-video-thumb>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home-video-section .video-box-carousel .home-video-card-copy h3{display:block;overflow:visible}
.content-grid.compact-carousel>.content-card{min-height:390px;overflow:hidden}
.content-grid.compact-carousel .content-card-media{display:block;position:relative;aspect-ratio:16/10;background:#edf2f0}
.content-grid.compact-carousel .content-card-media>img{display:block;width:100%;height:100%;object-fit:contain}
.content-grid.compact-carousel .content-card-body{min-width:0}
.content-grid.compact-carousel .content-card h3{overflow:visible;display:block;-webkit-line-clamp:unset;line-height:1.35;overflow-wrap:anywhere}
.tinta-top-orbit .tinta-top-card{min-width:0;grid-template-columns:1fr;align-content:start;padding:10px;border:1px solid #dfe5e8;border-radius:12px}
.tinta-top-orbit .tinta-top-card__image{width:100%;height:auto;min-height:0;aspect-ratio:16/10;background:#edf2f0}
.tinta-top-orbit .tinta-top-card__image .tinta-media-frame{padding:0}
.tinta-top-orbit .tinta-top-card__image img{object-fit:contain!important;padding:0!important}
.tinta-top-orbit .tinta-top-card h3{overflow:visible;display:block;-webkit-line-clamp:unset;overflow-wrap:anywhere}
@media(max-width:680px){
  .priority-announcement__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
  .priority-announcement__inner>.button{grid-column:2;grid-row:2;justify-self:start}
  .priority-announcement__close{grid-column:3;grid-row:1;align-self:start}
  .home-feature-services .feature-service-carousel>.institution-promo-card{min-height:350px;flex:0 0 min(77vw,310px)!important;width:min(77vw,310px)!important}
  .content-grid.compact-carousel>.content-card{min-height:400px}
  .tinta-top-orbit.compact-carousel{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:5px 2px 14px}
  .tinta-top-orbit.compact-carousel>.tinta-top-card{flex:0 0 min(76vw,310px);width:min(76vw,310px);scroll-snap-align:start}
}

/* Notification center lives below the header and never covers article text. */
.public-notification-trigger{position:relative;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:0}
.public-notification-trigger [data-public-notification-count]{position:absolute;right:-3px;top:-4px;background:#c32739;color:#fff;border-radius:999px;font:700 .67rem/1 system-ui;padding:4px;min-width:17px}
.public-notification-panel[hidden]{display:none!important}
.public-notification-panel{box-sizing:border-box;width:min(1180px,calc(100% - 28px));margin:8px auto 14px;padding:14px;border:1px solid #cfe2db;border-radius:16px;background:#fff;color:#1b3c36;box-shadow:0 8px 22px #123b3420;scroll-margin-top:95px}
.public-notification-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.public-notification-head button{width:40px;height:40px;border:1px solid #cfe2db;border-radius:10px;background:#fff;font-size:1.4rem;cursor:pointer}
.public-notification-panel [data-public-notification-items]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:10px 0}
.public-notification-panel [data-public-notification-items] a{display:block;padding:10px;border-radius:10px;background:#f3f9f6;color:inherit;line-height:1.4;text-decoration:none}
.public-notification-panel [data-public-notification-items] a:focus-visible{outline:2px solid #117c70}
.public-notification-optin{min-height:42px;padding:8px 12px;border:1px solid #147d70;border-radius:9px;background:#eaf8f3;color:#104b43;font-weight:700;cursor:pointer}
.public-notification-panel small{display:block;margin-top:6px;color:#50645e}
@media(max-width:600px){.public-notification-trigger,.accessibility-header-button{flex-basis:38px;width:38px;min-width:38px;height:38px;min-height:38px}.portal-header-actions{gap:4px}.tinta-header-tools{gap:3px}}

/* Mobile four-corner collections; desktop layout remains the existing grid/rail. */
.square-orbit-controls[hidden]{display:none!important}
.square-orbit-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 20px;color:var(--brand,#116b61)}
.square-orbit-controls button{width:40px;height:40px;border:1px solid #b9d7ce;border-radius:12px;background:#fff;color:inherit;font-size:1.6rem;cursor:pointer}
.square-orbit-controls span{min-width:50px;text-align:center;font-size:.82rem;font-weight:800}
.square-orbit-controls :focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:767px){
  .compact-carousel[data-square-orbit].is-square-orbit~.compact-carousel-controls{display:none!important}
  .compact-carousel[data-square-orbit].is-square-orbit{
    --orbit-height:250px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,var(--orbit-height))!important;gap:8px!important;
    width:100%!important;max-width:100%!important;overflow:visible!important;
    padding:2px!important;scroll-snap-type:none!important;touch-action:pan-y;
  }
  .compact-carousel[data-square-orbit].is-square-orbit>*{
    display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;
    min-width:0!important;min-height:0!important;height:var(--orbit-height)!important;
    flex:none!important;overflow:hidden!important;margin:0!important;padding:7px!important;
    border:1px solid #d9e6e2;border-radius:13px;background:var(--surface,#fff);
    box-shadow:0 5px 17px rgba(13,50,45,.07);scroll-snap-align:none!important;
  }
  .compact-carousel.is-square-orbit>[data-orbit-slot="0"]{grid-column:2!important;grid-row:2!important}
  .compact-carousel.is-square-orbit>[data-orbit-slot="1"]{grid-column:2!important;grid-row:1!important}
  .compact-carousel.is-square-orbit>[data-orbit-slot="2"]{grid-column:1!important;grid-row:1!important}
  .compact-carousel.is-square-orbit>[data-orbit-slot="3"]{grid-column:1!important;grid-row:2!important}
  .compact-carousel.is-square-orbit[data-orbit-count="2"]>[data-orbit-slot="1"]{grid-column:1!important;grid-row:2!important}
  .compact-carousel.is-square-orbit[data-orbit-count="3"]>[data-orbit-slot="2"]{grid-column:1!important;grid-row:2!important}
  .compact-carousel.is-square-orbit :is(.tinta-top-card__image,.tinta-feed-card__image,.tinta-related-image,.content-card-media,.external-news-image){
    display:block!important;flex:none!important;width:100%!important;height:94px!important;
    max-height:94px!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 5px!important;overflow:hidden;
    background:#eef5f2;border-radius:8px;
  }
  .compact-carousel.is-square-orbit :is(.tinta-top-card__image,.tinta-feed-card__image,.tinta-related-image,.content-card-media,.external-news-image) img{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  }
  .compact-carousel.is-square-orbit :is(.tinta-top-card__image b,.content-card-media span){font-size:.6rem;padding:2px 4px}
  .compact-carousel.is-square-orbit :is(.tinta-top-card h3,.tinta-feed-card h3,.tinta-related-grid h3,.content-card h3,.external-news-card h3){
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:5!important;
    overflow:hidden!important;font-size:clamp(.75rem,2.9vw,.92rem)!important;line-height:1.32!important;
    margin:4px 0!important;overflow-wrap:anywhere;
  }
  .compact-carousel.is-square-orbit .tinta-top-card{display:flex!important}
  .compact-carousel.is-square-orbit .tinta-top-card>div,.compact-carousel.is-square-orbit .tinta-feed-card__copy{min-width:0;width:100%;padding:2px!important}
  .compact-carousel.is-square-orbit :is(time,.tinta-card-meta,.tinta-feed-footer,.content-card p,.content-meta){font-size:.65rem!important;line-height:1.3!important}
  .compact-carousel.is-square-orbit :is(.tinta-feed-card p,.content-card p){display:none!important}
  .compact-carousel.is-square-orbit :is(.tinta-feed-card__copy,.content-card-body){padding:4px 2px!important}
  .compact-carousel.is-square-orbit .tinta-related-image{border-radius:8px!important}
  .compact-carousel.is-square-orbit .tinta-related-grid>article{min-height:0!important}
  .compact-carousel.is-square-orbit:where(.professional-staff-grid,.home-staff-preview__grid){--orbit-height:272px}
  .compact-carousel.is-square-orbit :is(.staff-photo-wrap,.home-staff-preview__photo){
    display:block!important;width:100%!important;height:162px!important;max-height:162px!important;
    min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:8px;
  }
  .compact-carousel.is-square-orbit :is(.staff-photo-wrap,.home-staff-preview__photo) img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center top!important}
  .compact-carousel.is-square-orbit .staff-card-copy{padding:5px 2px!important;min-width:0}
  .compact-carousel.is-square-orbit :is(.staff-card-copy h2,.staff-card-copy h3,.home-staff-preview__link h3){font-size:.75rem!important;line-height:1.25!important;margin:3px 0!important;overflow-wrap:anywhere}
  .compact-carousel.is-square-orbit :is(.staff-card-copy p,.staff-card-copy strong,.home-staff-preview__link p){font-size:.66rem!important;line-height:1.25!important;margin:2px 0!important}
  .compact-carousel.is-square-orbit .staff-detail-link{margin-top:2px!important;font-size:.64rem!important}
}

/* Smaller icons leave a dedicated, flexible space for the Tinta.com wordmark. */
@media(max-width:767px){
  .tinta-site-body .tinta-brandbar__inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:5px!important;min-height:64px!important}
  .tinta-site-body .tinta-navigation-controls,.tinta-site-body .tinta-header-tools{display:flex;gap:3px;min-width:0}
  .tinta-site-body .tinta-navigation-controls .tinta-header-button,.tinta-site-body .tinta-header-tools .tinta-header-button,
  .tinta-site-body .tinta-navigation-controls .compact-home-arrow,.tinta-site-body .tinta-header-tools .accessibility-header-button{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:5px!important;border-radius:9px!important;
  }
  .tinta-site-body .tinta-brandbar__inner .tinta-site-logo{min-width:0;max-width:100%;gap:0!important;justify-self:center;font-size:clamp(1.3rem,6vw,2.05rem)!important}
  .tinta-site-body .tinta-brandbar__inner .tinta-site-logo b,.tinta-site-body .tinta-brandbar__inner .tinta-site-logo i{font-size:inherit!important}
  .tinta-site-body .tinta-brandbar__inner svg{width:19px;height:19px}
  .portal-header-actions .accessibility-header-button,.portal-header-actions .portal-menu-toggle{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}
}
.public-notification-footer-link{display:block;margin:12px auto;padding:7px 11px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:.76rem;cursor:pointer;opacity:.8}
.public-notification-footer-link:hover,.public-notification-footer-link:focus-visible{opacity:1}