/* Marketing-page enhancements only. The approved shared stylesheet is unchanged. */
.quick-apps,.gallery-hint{display:none}
.top,.nav{flex-wrap:wrap}
h1,h2,h3{overflow-wrap:anywhere}
#screens{scroll-margin-top:28px}
.gallery:focus-visible{outline:3px solid #155caa;outline-offset:6px}
.watch-feature>a{flex-shrink:0;border-radius:25px}
@media(max-width:760px){
  .hero{padding:30px 0 28px;gap:18px}
  .hero .eyebrow{margin-bottom:18px}
  .hero .lede{margin-bottom:16px}
  .hero .actions{margin-top:20px;gap:12px 16px}
  .hero .actions .text-link{font-size:12px;color:var(--muted)}
  .quick-apps{display:flex;gap:8px 12px;flex-wrap:wrap;margin-top:14px}
  .quick-apps a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:13px;font-weight:650}
  .quick-apps a:hover{text-decoration:underline}
  .hero .small-note{margin-top:12px}
  .hero-art{height:auto;min-height:365px;max-width:350px;padding-top:342px}
  .art-screenshot.shift{width:142px;top:12px;left:32px}
  .art-screenshot.toe{width:134px;top:34px;right:30px}
  .art-disc{inset:40px 20px 40px}
  .art-star{font-size:42px;top:5px;right:20px}
  .art-caption{position:relative;inset:auto;padding-left:12px;font-size:11px;margin:0}
  .principles{padding:16px 0}
  #apps{padding-top:42px}
  .app-hero .actions{gap:10px 18px}
  .gallery-hint{display:block;font-size:13px;color:var(--muted);margin:16px 0 0}
  .gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82%,300px);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;padding:8px 8px 16px;margin:22px -8px 0;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper)}
  .gallery figure{scroll-snap-align:start}
  .gallery figcaption{font-size:14px;margin-top:12px}
  .gallery a{scroll-margin-inline:8px}
}
@media(max-width:600px){
  .watch-feature{flex-direction:column;gap:20px}
  .watch-feature img{width:155px}
}
@media(max-width:370px){
  .hero-art{height:auto;min-height:340px;padding-top:320px}
  .art-screenshot.shift{width:132px;left:20px}
  .art-screenshot.toe{width:125px;right:18px}
  .art-caption{font-size:10px;left:4px}
}
@media print{
  .quick-apps,.gallery-hint{display:none}
  .gallery{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible}
}

/* Home About introduction: existing type, colours and divider language. */
#about .developer-intro{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
#about .developer-intro h3{font-size:1.125rem;margin:0 0 12px}
#about .developer-intro p{margin-bottom:0}