/* Public-only release chrome; original main and functional modules remain. */
html{color-scheme:light}html body.apple-public .global-header .b-lang{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:1px solid #d2d2d7;border-radius:50%;background:white;color:#1d1d1f;cursor:pointer} .global-header .b-lang svg{width:18px;height:18px}.global-header .alco-lang-panel{right:20px;top:62px}.global-footer #privacy-choices{font:inherit;background:none;border:0;color:inherit;padding:0;cursor:pointer}.global-header .global-menu-panel[hidden]{display:none}.global-header .global-menu-panel.is-open{display:block}.global-header .global-links{min-width:0}
@media(max-width:833px){.global-header.mobile-open .global-links{display:flex;position:absolute;top:56px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:20px}.global-header.mobile-open .global-links button,.global-header.mobile-open .global-links a{padding:12px;text-align:left}.global-header.mobile-open .mega-panel{position:relative;top:auto;box-shadow:none}}

/* Public chrome controls are independent of retired enterprise theme scope. */
html body.apple-public .global-header button.b-lang{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;padding:6px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#f5f5f7!important;color:#1d1d1f!important;box-shadow:none!important}
html body.apple-public .global-header button.b-lang svg{width:18px!important;height:18px!important;flex:0 0 18px!important;display:block!important;fill:none!important;stroke:currentColor!important}

.apple-public .home-closing .home-location{font-size:14px;line-height:1.5;color:#626268;max-width:44em;margin:18px auto 24px}
/* Override the legacy bundle's global Arial!important only on eligible public HTML.
   Code islands and the original Material Symbols .ms glyph font remain distinct. */
body.apple-public,
body.apple-public :is(h1,h2,h3,h4,h5,h6,p,a,span:not(.ms),div,li,ul,ol,td,th,label,button,input,select,textarea,.btn):not(pre *):not(code *):not(kbd *):not(samp *){font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif!important}
body.apple-public :is(pre,code,kbd,samp),body.apple-public :is(pre,code,kbd,samp) *{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
body.apple-public .hosting-feature p,body.apple-public .product-band.dark p{color:#d2d2d7!important}
body.apple-public .hosting-feature .hero-kicker,body.apple-public .product-band.dark :is(h1,h2,h3,h4){color:#f5f5f7!important}
body.apple-public main :is(.button,.btn,.b-btn):not(.outline):not(.ghost):not(.light):not(.text){background:#ff8c2b!important;border-color:#ff8c2b!important;color:#fff!important}
body.apple-public main :is(.button,.btn,.b-btn):not(.outline):not(.ghost):not(.light):not(.text) :is(span,svg){color:inherit!important}
body.apple-public main :is(.button,.btn,.b-btn):is(.outline,.ghost){color:#1d1d1f!important;background:transparent!important;border-color:#d2d2d7!important}
@media(max-width:600px){body.apple-public .home-subtitle{font-size:20px!important}}
/* The older bundle also assigns Arial directly to body *; include semantic
   containers/inline emphasis without changing glyph fonts or code islands. */
body.apple-public *:not(.ms):not(.ms *):not(.material-icons):not([class*="material-symbols"]):not(pre):not(code):not(kbd):not(samp):not(pre *):not(code *):not(kbd *):not(samp *){font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif!important}
/* The legacy #main text rule reads these inherited tokens. Change only dark
   surfaces' local palette so its high specificity still resolves correctly. */
body.apple-public :is(.hosting-feature,.product-band.dark){--alco-ink:#f5f5f7;--alco-muted:#d2d2d7}
/* Real mobile drill-down uses a native modal with semantic links and focus return. */
body.apple-public .mobile-dialog:not([open]){display:none!important}
body.apple-public .mobile-dialog[open]{display:block;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#fff;color:#1d1d1f;overflow-y:auto;overscroll-behavior:contain}
body.apple-public .mobile-dialog-inner{padding:62px 32px 40px;min-height:100%;box-sizing:border-box}
body.apple-public .mobile-dialog :is(.dialog-close,.mobile-back){background:transparent!important;border:0!important;color:#1d1d1f!important;box-shadow:none!important;min-height:44px}
body.apple-public .mobile-dialog .dialog-close{position:absolute;right:18px;top:8px;width:44px;font-size:32px}
body.apple-public .mobile-dialog .mobile-section>summary,body.apple-public .mobile-dialog .mobile-top-link{font-size:28px!important;line-height:1.25!important;font-weight:560;letter-spacing:-.02em;padding:12px 0!important;color:#1d1d1f!important;text-decoration:none}
body.apple-public .mobile-dialog .mobile-section{border:0!important;margin:0!important;padding:0!important}
body.apple-public .mobile-dialog .mobile-section>ul{margin:16px 0 0;padding:0;list-style:none}
body.apple-public .mobile-dialog .mobile-section>ul a{display:block;font-size:22px;line-height:1.3;padding:12px 0;color:#1d1d1f;text-decoration:none;overflow-wrap:anywhere}
body.apple-public .mobile-dialog .mobile-back{font-size:18px;padding:0;margin:0 0 12px}
body.apple-public .mobile-dialog .mobile-section:not([open])> :is(.mobile-back,ul){display:none}
body.apple-public .mobile-dialog.drilled .mobile-section:not([open]),body.apple-public .mobile-dialog.drilled .mobile-top-link,body.apple-public .mobile-dialog .mobile-section[open]>summary{display:none!important}

/* Current brand reference: reading400, restrained headlines500. */
body.apple-public{font-weight:400!important}
body.apple-public :is(h1,h2,h3,h4,h5,h6),body.apple-public .brandkit-headline-sample,body.apple-public .mobile-dialog .mobile-section>summary{font-weight:500!important}
body.apple-public .brandkit-logo-primary .brandkit-logo-stage img{width:180px!important;height:180px!important;max-width:100%;object-fit:contain}
body.apple-public .brandkit-logo-grid article:first-child .brandkit-mark-stage img{width:min(100%,300px);height:auto;max-height:90px;object-fit:contain}

/* Desktop refinement only: slightly tighter navigation, mobile unchanged. */
@media(min-width:1041px){body.apple-public .global-nav{max-width:1000px;gap:20px}body.apple-public .global-actions{gap:16px}}

/* Fix actual links/contact intrinsic-width overflow; no clipping or masking. */
body.apple-public main#main.family-links .lk-identity{display:block!important;min-width:0!important;max-width:100%!important}
body.apple-public main#main.family-links .lk-content{width:auto!important;max-width:100%!important;min-width:0!important}
body.apple-public main#main.family-links .lk-wrap>*{min-width:0!important;max-width:100%!important}
body.apple-public main#main.family-links :is(.lk-list,.lk-quick,.lk-social,.lk-posts){min-width:0!important;max-width:100%!important}
body.apple-public main#main.family-links .lk-list{grid-template-columns:minmax(0,1fr)}
body.apple-public main#main.family-links :is(.lk-list,.lk-quick,.lk-social,.lk-posts)>*{min-width:0;max-width:100%}
@media(max-width:600px){
 body.apple-public main#main .b-reach{grid-template-columns:minmax(0,1fr)!important}
 body.apple-public main#main .b-reach>*{min-width:0!important;max-width:100%!important}
 body.apple-public main#main .b-reach span{width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word}
}

/* Contact-card polish: comfortable insets and an intact full-width identity. */
body.apple-public main#main.family-links .lk-identity{padding:24px!important}
body.apple-public main#main.family-links .lk-banner--person{display:block!important;min-width:0;max-width:100%}
body.apple-public main#main.family-links .lk-photo{display:block;width:88px!important;height:96px!important;max-width:100%;margin:0 0 18px!important}
body.apple-public main#main.family-links .lk-name{width:auto!important;max-width:100%!important;min-width:0;font-size:28px!important;font-weight:500!important;margin:0 0 12px!important;word-break:normal!important;overflow-wrap:normal!important}
body.apple-public main#main.family-links .lk-banner :is(h1,h2,h3){word-break:normal!important;overflow-wrap:normal!important}
body.apple-public main#main.family-links .lk-place{width:100%!important;max-width:100%;margin:16px 0!important}
body.apple-public main#main.family-links .lk-quick{margin-top:24px!important}
body.apple-public main#main.family-links .lk-card-download{margin-top:20px!important}
body.apple-public main#main.family-links .lk-list a{padding:18px 20px!important}

body.apple-public main#main.family-links .lk-quick>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding:12px 6px!important}

/* Mobile repair: neutralize verified legacy presentation conflicts only on
   adapted public pages. Functional modules and private pages remain untouched. */
html:has(body.apple-public){zoom:1}
body.apple-public main :is(.button,.btn,.b-btn){border-radius:980px!important;min-height:44px;box-shadow:none!important;text-shadow:none!important;white-space:normal;text-align:center}
body.apple-public main :is(.button,.btn,.b-btn)::before,body.apple-public main :is(.button,.btn,.b-btn)::after{box-shadow:none!important}
body.apple-public main :is(.hosting-feature,.product-band.dark) :is(.button,.btn,.b-btn):is(.outline,.ghost){color:#f5f5f7!important;border-color:#86868b!important;background:transparent!important}
body.apple-public main :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=password],input[type=number],input:not([type]),textarea,select){border-radius:12px!important}
body.apple-public main.family-insights .article-author-role{max-width:none}
body.apple-public main.family-insights .article-meta{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:16px 24px}
body.apple-public main.family-insights .article-author{flex:1 1 230px;min-width:0;width:auto}
body.apple-public main.family-insights .article-publication{flex:0 1 auto}
body.apple-public main.family-insights .articlebody>p{margin:0 0 24px!important}
/* Legacy links inline CSS uses three repeated IDs. Match its specificity
   explicitly here; keep these corrections together rather than adding layers. */
html body.apple-public.page-links #main#main#main .lk-list a{padding:18px 46px 18px 20px!important;margin:0!important;border-radius:0!important;min-height:78px}
html body.apple-public.page-links #main#main#main .lk-list a::after{right:20px}
html body.apple-public.page-links #main#main#main .lk-list a.primary{padding:18px 46px 18px 20px!important;border-radius:0!important;margin:0!important;background:#ff8c2b!important}
html body.apple-public.page-links #main#main#main .lk-list strong{font-weight:500!important}
@media(max-width:600px){
 html body.apple-public.page-payments:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7) #main#main#main .pay-grid input{font-size:16px!important}
 body.apple-public .global-nav{padding-inline:20px;gap:12px}
 body.apple-public .global-actions{gap:2px}
 body.apple-public .global-actions .icon-button{width:40px;height:44px}
 html body.apple-public .global-header button.b-lang{flex-basis:40px!important;width:40px!important;height:40px!important}
 body.apple-public main.family-insights .article-meta{flex-direction:column;gap:12px;padding-bottom:24px;margin-bottom:28px}
 body.apple-public main.family-insights .article-author{flex:none;width:100%}
 body.apple-public main.family-insights .article-publication{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 16px;text-align:left}
 body.apple-public main.family-insights .article-author-role{font-size:13px;line-height:1.5}
}

/* Region selector loads asynchronously. Give the existing controls their own
   public presentation so delayed location text cannot collide with the hero. */
body.apple-public .b-geo-top{position:relative;display:flex;justify-content:center;align-items:center;margin:16px auto 24px;width:100%;max-width:420px;min-width:0}
body.apple-public :is(.b-geo-top,.b-geo-menu)[hidden]{display:none!important}
body.apple-public .b-geo-pill{display:flex;align-items:stretch;max-width:100%;min-width:0;border:1px solid #d2d2d7;border-radius:14px;background:#fff;overflow:hidden}
body.apple-public .b-geo-chip{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:10px 12px;margin:0;font-size:13px;line-height:1.4;font-weight:400;color:#626268;text-align:left;text-decoration:none}
body.apple-public .b-geo-chip svg{width:16px;height:16px;flex:0 0 16px;color:#1d1d1f}
body.apple-public .b-geo-chip span{min-width:0;overflow-wrap:break-word}
body.apple-public .b-geo-change{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;margin:0;padding:0;border:0;border-left:1px solid #e5e5e8;border-radius:0!important;background:transparent;color:#1d1d1f;box-shadow:none;cursor:pointer}
body.apple-public .b-geo-change svg{width:16px;height:16px}
body.apple-public .b-geo-change[aria-expanded=true] svg{transform:rotate(180deg)}
body.apple-public .b-geo-menu{position:absolute;z-index:70;top:calc(100% + 8px);left:0;right:0;display:grid;min-width:0;padding:6px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;box-shadow:0 12px 32px #00000014;text-align:left}
body.apple-public .b-geo-menu button{display:block;width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:8px!important;background:transparent;color:#1d1d1f;font-size:14px;line-height:1.4;text-align:left;box-shadow:none;cursor:pointer}
body.apple-public .b-geo-menu button:is(:hover,:focus-visible),body.apple-public .b-geo-menu button[aria-checked=true]{background:#f5f5f7}
body.apple-public .b-geo-menu .b-geo-auto{border-top:1px solid #e5e5e8;border-radius:0 0 8px 8px!important}

/* Static partner matrix: animation clones are never useful on a phone. */
body.apple-public .b-marquee{display:grid;gap:16px;min-width:0}
body.apple-public .b-marquee-row{min-width:0;width:100%;overflow:visible}
body.apple-public .b-marquee-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0;width:100%!important;min-width:0;animation:none!important;transform:none!important}
body.apple-public .b-marquee-track>li{display:flex;align-items:center;justify-content:center;min-width:0;min-height:90px;margin:0;padding:8px;border-bottom:1px solid #e5e5e8;list-style:none}
body.apple-public .b-marquee-track>li[aria-hidden=true]{display:none!important}
body.apple-public .b-marquee-track .b-logo-link{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:76px;padding:0;border:0;background:transparent;box-shadow:none;text-decoration:none}
body.apple-public .b-marquee-track .b-logo-more{display:none}
@media(max-width:600px){body.apple-public .b-marquee-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.apple-public .b-marquee-track img{transform:scale(.8);transform-origin:center}}

/* Testimonials remain separate cards at every public width. */
body.apple-public .b-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;columns:auto}
body.apple-public .b-reviews>.quote{margin:0;min-width:0}
@media(max-width:600px){body.apple-public .b-reviews{grid-template-columns:minmax(0,1fr)}}

/* Manufacturer image normalizer retains transparent image padding via inline
   negative margins. Contain that padding in each logo frame, never the page. */
body.apple-public .b-marquee-track .b-logo-link{overflow:hidden}

/* Bound offers' intrinsic grid widths on both sides of its 900px breakpoint. */
html body.apple-public.page-offers #main#main#main .of-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body.apple-public.page-offers #main#main#main .of-grid li.of-wide a{grid-template-columns:minmax(0,320px) minmax(0,1fr)!important}
html body.apple-public.page-offers #main#main#main .of-grid :is(li,a,a>*){min-width:0}
html body.apple-public.page-offers #main#main#main .of-grid .of-art{max-width:100%!important;height:auto}
/* /offers only: remove automatic grid minimums and bound artwork to its cell. */
@media(max-width:900px){
 html body.apple-public.page-offers #main#main#main .of-grid,
 html body.apple-public.page-offers #main#main#main .of-grid a,
 html body.apple-public.page-offers #main#main#main .of-grid li.of-wide a{grid-template-columns:minmax(0,1fr)!important}
 html body.apple-public.page-offers #main#main#main .of-grid>li,
 html body.apple-public.page-offers #main#main#main .of-grid a{min-width:0}
 html body.apple-public.page-offers #main#main#main .of-grid .of-art{max-width:100%!important;height:auto}
}

/* Desktop verification: preserve each embed provider and restore its layout. */
body.apple-public iframe.events-embed{display:block;width:100%;max-width:100%;height:700px;padding:0;border:1px solid #d2d2d7;border-radius:16px;background:#fff;margin-block:28px 32px}
@media(max-width:900px){body.apple-public iframe.events-embed{height:620px}}
@media(max-width:600px){body.apple-public iframe.events-embed{height:560px}}
body.apple-public .b-map>iframe{display:block;width:100%;max-width:100%;height:440px;border:0}
@media(max-width:600px){body.apple-public .b-map>iframe{height:320px}}
/* Existing player is position:relative with aspect-ratio:16/9. Remove the
   obsolete min-height that can extend the child below its clipped parent. */
body.apple-public .training-player iframe.training-video{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border:0}
/* No generic iframe rule: Cal, Stripe, device-preview archives and 260x34 seals
   retain their original provider/handler dimensions and security attributes. */

body.apple-public .b-profile-hero .b-profile-photo img{display:block;margin-inline:auto}

/* Give the two featured Explore cards one row and the three resource links
   a second row. Keep the full set in document order at narrower widths. */
@media (min-width: 960px) {
  body.apple-public .wk-spot-sec .wk-spots {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body.apple-public .wk-spot-sec .wk-spots > .wk-spot {
    grid-column: span 3;
  }
  body.apple-public .wk-spot-sec .wk-spots > .explore-simple {
    grid-column: span 2;
  }
}
body.apple-public .wk-spot-sec .explore-symbol {
  height: 128px;
  min-height: 128px;
}
body.apple-public .wk-spot-sec .explore-symbol svg {
  width: 52px;
  height: 52px;
}
body.apple-public .b-case-meta + .b-link {
  display: block;
  margin-block-start: 12px;
}
body.apple-public .training-card h3 + .training-card-summary {
  margin-block-start: 10px;
}
body.apple-public .global-footer .footer-bottom nav #privacy-choices {
  color: #424245;
  text-align: start;
}
body.apple-public .global-footer .footer-bottom nav #privacy-choices:hover {
  text-decoration: underline;
}

/* Secondary homepage banners share a content rail with the editorial cards. */
body.apple-public .home-secondary-banners {
  display: grid;
  gap: 12px;
  margin-block: 12px;
}
body.apple-public .home-secondary-banner {
  background: #f5f5f7;
}
body.apple-public .home-secondary-banner.tile-development {
  background: #f5f0e9;
}
body.apple-public .home-secondary-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 64px);
  width: min(100%, 1100px);
  margin-inline: auto;
  padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 48px);
}
body.apple-public .home-secondary-copy .hero-kicker {
  font-size: clamp(17px, 2vw, 21px);
  margin-block: 0 12px;
}
body.apple-public .home-secondary-copy h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  margin-block: 0 14px;
}
body.apple-public .home-secondary-copy > p:not(.hero-kicker) {
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.4;
  margin-block: 0;
}
body.apple-public .home-secondary-copy .hero-actions {
  justify-content: flex-start;
  margin-block-start: 22px;
}
body.apple-public .home-secondary-banner :is(.support-visual, .development-visual) {
  margin: 0;
}
body.apple-public .home-secondary-banner .code-window {
  max-width: 100%;
}
@media (max-width: 700px) {
  body.apple-public .home-secondary-inner {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
  }
  body.apple-public .home-secondary-copy .hero-actions {
    justify-content: center;
  }
}

/* Separate the footer from the preceding surface and align its utility rows. */
body.apple-public .global-footer {
  border-block-start: 1px solid #dedee3;
  padding-block: 28px 24px;
}
body.apple-public .global-footer .footer-inner {
  max-width: 1044px;
}
body.apple-public .global-footer .footer-breadcrumb {
  margin-block: 0 18px;
}
body.apple-public .global-footer .footer-columns ul {
  margin-block-end: 0;
}
body.apple-public .global-footer .footer-help {
  margin-block: 0 14px;
  padding-block: 20px 12px;
}
body.apple-public .global-footer .footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 24px;
  align-items: start;
}
body.apple-public .global-footer .footer-bottom nav {
  grid-row: 2;
  grid-column: 1 / -1;
  align-items: center;
  gap: 4px 14px;
  margin: 0;
}
body.apple-public .global-footer .footer-bottom nav a {
  border: 0;
  padding: 0;
}
body.apple-public .global-footer .footer-region {
  margin: 0;
  justify-self: end;
}
body.apple-public .apple-home > #contact.b-closing {
  padding-block-end: clamp(28px, 4vw, 48px);
}
@media (max-width: 600px) {
  body.apple-public .global-footer .footer-bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  body.apple-public .global-footer .footer-region {
    justify-self: start;
  }
}

/* An illuminated ribbon gives the homepage hero a focal point. */
body.apple-public .home-hero.home-hero-illuminated {
  --alco-ink: #f5f5f7;
  --alco-muted: #c9c9d0;
  min-height: auto;
  justify-content: flex-start;
  align-items: center;
  padding: clamp(38px, 5vw, 70px) 24px 18px;
  background:
    radial-gradient(ellipse at 52% 87%, #5b2e18 0%, #201414 31%, transparent 67%),
    #0b0b0e;
  color: #f5f5f7;
  margin-block-end: 12px;
}
body.apple-public .home-hero-illuminated :is(h1, .hero-kicker, .home-subtitle) {
  color: #f5f5f7 !important;
}
body.apple-public .home-hero-illuminated .hero-kicker {
  font-size: 16px;
  letter-spacing: .18em;
  color: #ffb27b !important;
}
body.apple-public .home-hero-illuminated .home-subtitle {
  color: #d1cbd0 !important;
}
body.apple-public .home-hero-illuminated .button.outline {
  color: #f5f5f7 !important;
  border-color: #aaa0a3 !important;
  background: transparent !important;
}
body.apple-public .home-hero-illuminated .hero-actions {
  margin-block-start: 18px;
}
body.apple-public .hero-ribbon-art {
  display: block;
  width: min(100%, 1020px);
  height: auto;
  margin-block-start: 20px;
  filter: drop-shadow(0 18px 22px #0008);
}
@media (max-width: 600px) {
  body.apple-public .hero-ribbon-art {
    width: 100%;
  }
}

@media (min-width: 834px) {
  body.apple-public .global-nav {
    max-width: 1160px;
  }
  body.apple-public .global-links {
    gap: clamp(9px, 1.3vw, 18px);
    margin-inline-start: 0;
  }
}
@media (min-width: 834px) and (max-width: 1040px) {
  body.apple-public .global-nav {
    gap: 14px;
  }
  body.apple-public .global-actions {
    gap: 10px;
  }
}

body.apple-public.page-training-detail .phead h1 + .postmeta {
  margin-block-start: 12px;
}

/* The links page main already supplies the outside gutters. */
body.apple-public main#main.family-links .lk-wrap {
  max-width: 1044px;
  padding: 8px 0 0;
  gap: 38px;
  align-items: start;
}
body.apple-public main#main.family-links .lk-content {
  align-self: start;
  margin: 0;
  padding: 0;
  border: 0;
}
body.apple-public main#main.family-links .lk-quick {
  gap: 8px !important;
  border-block-start: 0;
}
body.apple-public main#main.family-links .lk-social {
  gap: 8px 12px;
}
@media (max-width: 820px) {
  body.apple-public main#main.family-links .lk-wrap {
    max-width: 680px;
    gap: 28px;
  }
}

/* The header keeps a plain text hover and a separate keyboard focus cue. */
body.apple-public .global-header .global-links > :is(a, button):is(:hover, [aria-expanded="true"]) {
  background: transparent !important;
  box-shadow: none !important;
}
body.apple-public .global-header .global-links > :is(a, button):hover {
  text-decoration: none;
}
body.apple-public .global-header .global-links > :is(a, button):focus-visible {
  outline: 2px solid #62626d;
  outline-offset: 3px;
}

/* Keep the artwork full bleed while the copy retains its reading width. */
body.apple-public .home-hero.home-hero-illuminated {
  overflow: hidden;
}
body.apple-public .home-hero-illuminated .hero-ribbon-art {
  flex: none;
  max-width: none;
  width: calc(100% + 48px);
  height: clamp(155px, 25vw, 360px);
  margin-inline: -24px;
}
body.apple-public .apple-home .hosting-feature {
  background: linear-gradient(180deg, #f4ebe5, #f8f5f2);
  color: #1d1d1f;
  --alco-ink: #1d1d1f;
  --alco-muted: #515154;
}
body.apple-public .apple-home .hosting-feature :is(h2, p, .hero-kicker) {
  color: #1d1d1f !important;
}
body.apple-public main.apple-home .hosting-feature .button.outline,
body.apple-public main .apple-home .hosting-feature .button.outline {
  color: #1d1d1f !important;
  border-color: #a29a95 !important;
}

/* Align article metadata and prose to a shared reading column. */
body.apple-public main#main.family-insights :is(.articleintro > .prose, .article-meta, .articlebody) {
  max-width: 760px !important;
  margin-inline: auto !important;
}
body.apple-public main#main.family-links .lk-feed {
  mask-image: none;
}

body.apple-public .home-hero.home-hero-illuminated .hero-kicker {
  letter-spacing: .055em;
}
body.apple-public .home-hero-illuminated .hero-ribbon-art {
  height: clamp(190px, 31vw, 450px);
}
body.apple-public main .hero-enquiry .hero-enquiry-interests,
body.apple-public main fieldset.hero-enquiry-interests {
  row-gap: 10px !important;
  column-gap: 16px !important;
}
@media (min-width: 1041px) {
  body.apple-public .global-header .global-nav {
    max-width: 1010px;
  }
  body.apple-public .global-header .global-links {
    gap: 14px;
  }
}
@media (min-width: 960px) {
  body.apple-public .wk-spot-sec .wrap > .wk-spots {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body.apple-public .wk-spot-sec .wk-spots > .wk-spot {
    width: auto;
    min-width: 0;
  }
}
body.apple-public .wk-spot-sec .wk-spots .explore-simple {
  align-items: stretch;
}
body.apple-public .wk-spot-sec .wk-spots .explore-simple .explore-symbol {
  height: 92px;
  min-height: 92px;
}
body.apple-public .wk-spot-sec .wk-spots .explore-simple .wk-spot-body {
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
}
body.apple-public .wk-spot-sec .wk-spots .explore-simple .wk-spot-body > p {
  margin-block: 0 8px;
}

/* Repeat the hero palette later on the homepage, after the light service bands. */
body.apple-public .apple-home .home-secondary-banner.tile-development {
  background: radial-gradient(ellipse at 80% 90%, #39251f, transparent 65%), #141315;
  color: #f5f5f7;
}
body.apple-public .apple-home .tile-development .home-secondary-copy :is(h2, p) {
  color: #f5f5f7 !important;
}
body.apple-public .apple-home .tile-development .button.outline {
  background: transparent !important;
  border-color: #a39a9a !important;
  color: #f5f5f7 !important;
}

body.apple-public .apple-home a.editorial-card .type-art {
  color: #1d1d1f !important;
}
body.apple-public .apple-home a.editorial-card .type-art > span {
  color: #ff8c2b !important;
}

html body.apple-public .global-header button.b-lang {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.apple-public .global-header button.b-lang svg {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
}

body.apple-public .home-hero.home-hero-illuminated {
  isolation: isolate;
}
body.apple-public .home-hero.home-hero-illuminated > :not(.hero-ribbon-art) {
  position: relative;
  z-index: 1;
}
body.apple-public .home-hero.home-hero-illuminated .hero-ribbon-art {
  height: clamp(240px, 40vw, 570px);
  margin-block-start: clamp(-150px, -10vw, -70px);
  mask-image: linear-gradient(to bottom, transparent, #000 32%);
}

@media (min-width: 960px) {
  body.apple-public .wk-spot-sec .wk-spots:has(> .wk-spot:nth-child(3):not(.explore-simple)) > .wk-spot {
    grid-column: span 2;
  }
}

/* Keep the dedicated contact form on the same rail as the surrounding sections. */
body.apple-public main#main.family-contact .b-contact-section .b-contact-form {
  max-width: none;
}

body.apple-public main#main.family-contact .contact-enquiry-next-note {
  text-align: center;
  max-width: 72ch !important;
  text-wrap: balance;
}

html:has(body.apple-public #apple-mobile-nav[open]) {
  overflow: hidden;
}

/* Constrain partner artwork to the available grid cell on narrow screens. */
body.apple-public main .b-partners .b-logo-link > img {
  max-inline-size: 100%;
  object-fit: contain;
}