/* Homepage and service introductions. Scoped to preserve tournament tools. */
.sp-home{--sh-navy:#102e43;--sh-blue:#007da5;--sh-sky:#91ddff;background:#fff;color:var(--sh-navy)}
.sp-home h1,.sp-home h2,.sp-home h3{color:inherit;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}.sp-home h2{font-size:clamp(26px,3.1vw,42px);line-height:1.5;letter-spacing:-.045em}.sp-home h3{font-size:20px}.sp-home p{line-height:1.9}.sh-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.sh-block{padding:88px 0}.sh-kicker{font:800 11px/1.5 system-ui,sans-serif;letter-spacing:.19em;color:var(--sh-blue);margin:0 0 20px}.sh-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.sh-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:17px 25px;min-height:56px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:750;line-height:1.6;transition:background .15s,transform .15s}.sh-button:hover{text-decoration:none;transform:translateY(-2px)}.sh-button-sky{background:var(--sh-sky);color:var(--sh-navy)}.sh-button-sky:hover{background:#bceaff}.sh-button-blue{background:var(--sh-blue);color:white}.sh-button-blue:hover{background:#005e7f}.sh-button-outline{border-color:#b9cbd4;color:var(--sh-navy)}.sh-button-outline:hover{background:#eaf6fc}.sh-text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:750;min-height:44px}.sh-note{font-size:12px;color:#526b77}.sh-minmane{background:#f0f8fc;border-top:1px solid #e1edf3}.sh-section-intro{text-align:center;margin-bottom:52px}.sh-section-intro .sh-kicker{margin-bottom:14px}.sh-section-intro h2{margin-bottom:20px}.sh-section-intro h2 span{color:var(--sh-blue)}.sh-section-intro>p:last-child{color:var(--muted);font-size:16px}.sh-create-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.sh-feature-copy{min-width:0}.sh-step{display:flex;align-items:center;gap:14px;color:var(--sh-blue);font:750 34px/1.3 system-ui,sans-serif;margin-bottom:24px}.sh-step>span{font:750 12px/1.6 var(--font);letter-spacing:.08em}.sh-feature-copy h3,.sh-feature-copy h2{font-size:clamp(26px,2.8vw,38px);line-height:1.55;margin-bottom:22px;letter-spacing:-.045em}.sh-feature-copy h3 em{font-style:normal;color:var(--sh-blue)}.sh-feature-copy p{font-size:14px;color:var(--muted)}.sh-feature-copy .sh-feature-lead{font-size:18px;font-weight:700;color:var(--sh-navy)}.sh-inline-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.sh-inline-list li{background:#dfeef6;padding:5px 10px;border-radius:3px;font-size:11px;font-weight:700;color:#285570}.sh-feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.sh-memory{background:#f6f8fa}.sh-memory-heading{display:flex;justify-content:space-between;gap:60px;align-items:center;margin-bottom:40px}.sh-memory-heading h2{margin:0}.sh-memory-heading>div:last-child{max-width:470px;font-size:15px;color:var(--muted)}.sh-memory-heading .sh-note{max-width:440px;font-size:11px;margin:0}.sh-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.sh-scenes article{min-width:0}.sh-scene-image{position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:5px;margin-bottom:20px}.sh-scene-image img{display:block;width:100%;height:100%;object-fit:cover}.sh-scene-image span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#102e439e);padding:30px 18px 13px;color:white;font:700 9px/1.5 system-ui,sans-serif;letter-spacing:.1em}.sh-scenes h3{font-size:17px;margin-bottom:10px}.sh-scenes p{font-size:13px;color:var(--muted);margin-bottom:0}.sh-minmane-cta{margin-top:44px;border-top:1px solid #d6e3eb;padding-top:32px;display:flex;gap:30px;justify-content:space-between;align-items:center}.sh-minmane-cta strong{display:block;font-size:18px;margin-bottom:6px}.sh-minmane-cta>div>span{font-size:12px;color:var(--muted)}.sh-section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}.sh-section-top h2{font-size:32px;margin:0}.sh-section-top>p{color:var(--muted);font-size:13px;margin:0}.sh-database{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:46px 50px;background:#14394f;color:white;border-radius:8px;overflow:hidden}.sh-database:hover{text-decoration:none;background:#19465f}.sh-dark-label{color:var(--sh-sky);font-size:12px;font-weight:700}.sh-database h3{font-size:30px;line-height:1.6;margin:14px 0}.sh-database p{font-size:13px;color:#d3e2eb}.sh-database-link{display:flex;gap:20px;align-items:center;color:var(--sh-sky);font-size:14px;font-weight:700;margin-top:26px}.sh-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}.sh-tools>a{padding:25px 0 0;border-top:1px solid #dbe9f1;color:var(--sh-navy)}.sh-tools>a:hover{text-decoration:none;border-color:var(--sh-blue)}.sh-tools>a>.ui-icon{color:var(--sh-blue);width:26px;height:26px;margin-bottom:14px}.sh-tools h3{font-size:18px;margin-bottom:10px}.sh-tools p{font-size:13px;color:var(--muted)}.sh-tools a>span{display:flex;align-items:center;justify-content:space-between;color:var(--sh-blue);font-size:12px;font-weight:700}.sh-tools a>span>.ui-icon{width:17px}.sp-home .news-section{border-top:1px solid #dde8ee;max-width:1200px;padding-block:35px 55px}.sp-home .news-section h2{font-size:21px}.sp-home [id]{scroll-margin-top:105px}
/* Introductory pages share the homepage's visual language. */
.sh-inner-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--sh-navy);color:white;min-height:460px}.sh-inner-hero>div{padding:64px 48px 64px max(40px,calc((100vw - 1200px)/2))}.sh-inner-hero .sh-kicker{color:var(--sh-sky)}.sh-inner-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.5;color:white}.sh-inner-hero p{font-size:15px;color:#d7e6ef}.sh-inner-hero>img{height:100%;width:100%;object-fit:cover}.sh-breadcrumb{font-size:12px;padding-block:22px;color:var(--muted)}.sh-article{max-width:880px;margin-inline:auto;padding:36px 0 72px}.sh-article section+section{margin-top:56px}.sh-article h2{font-size:28px}.sh-article h3{font-size:19px}.sh-article p{color:var(--muted)}.sh-article .sh-article-callout{padding:28px;background:#edf7fc;border-left:3px solid #007da5}.sh-article-callout p:last-child{margin:0}.sh-article ol{padding-left:24px}.sh-article li{padding-left:8px;margin-bottom:24px;color:var(--muted)}.sh-article li strong{color:var(--sh-navy);display:block;margin-bottom:8px}.sh-article details{padding:20px 0;border-bottom:1px solid #dbe6ed}.sh-article summary{cursor:pointer;font-weight:700}.sh-article details p{margin:16px 0 0}.sh-article .sh-actions{margin-top:24px}
@media(min-width:1600px){}
@media(max-width:1100px){.sh-container{width:calc(100% - 56px)}.sh-create-feature{gap:38px}.sh-feature-grid{gap:48px}.sh-minmane-cta{align-items:flex-start;flex-direction:column}.sh-database{gap:30px;padding:36px}}
@media(max-width:800px){.sh-container{width:calc(100% - 40px)}.sh-block{padding:60px 0}.sh-section-intro{margin-bottom:36px}.sh-section-intro h2{font-size:29px}.sh-section-intro h2 span{display:block}.sh-section-intro>p:last-child{font-size:14px}.sh-create-feature,.sh-feature-grid{grid-template-columns:1fr;gap:34px}.sh-feature-copy h3,.sh-feature-copy h2{font-size:30px}.sh-feature-copy h3 br:nth-child(2){display:none}.sh-step{font-size:28px;margin-bottom:18px}.sh-memory-heading{display:block;margin-bottom:28px}.sh-memory-heading>div:last-child{margin-top:20px;max-width:none;font-size:14px}.sh-scenes{gap:16px}.sh-scenes h3{font-size:15px}.sh-scenes p{font-size:12px}.sh-scene-image{aspect-ratio:1.1}.sh-scene-image span{font-size:7px;padding-inline:10px}.sh-minmane-cta{margin-top:30px;gap:20px}.sh-minmane-cta strong{font-size:16px}.sh-section-top{display:block}.sh-section-top h2{font-size:27px}.sh-section-top>p{margin-top:18px}.sh-database{grid-template-columns:1fr;padding:30px;gap:24px}.sh-database h3{font-size:28px}.sh-tools{gap:20px}.sh-tools p{font-size:12px}.sh-tools p br{display:none}.sh-inner-hero{grid-template-columns:1fr}.sh-inner-hero>div{padding:44px 24px}.sh-inner-hero>img{height:320px}.sh-article{padding-top:20px}.sh-article h2{font-size:25px}}
@media(max-width:480px){.sh-container{width:calc(100% - 36px)}.sh-block{padding:48px 0}.sh-button{padding:15px 18px;gap:16px;font-size:13px;min-height:52px}.sh-section-intro h2{font-size:27px}.sh-section-intro>p:last-child{font-size:12px}.sh-feature-copy h3,.sh-feature-copy h2{font-size:28px}.sh-feature-copy h3 br:nth-child(2){display:block}.sh-scenes{grid-template-columns:1fr;gap:30px}.sh-scene-image{aspect-ratio:1.65;margin-bottom:15px}.sh-scene-image span{font-size:9px;padding:30px 16px 12px}.sh-scenes h3{font-size:18px}.sh-scenes p{font-size:13px}.sh-minmane-cta .sh-actions{gap:12px}.sh-section-top h2{font-size:25px}.sh-database{padding:26px 22px}.sh-database h3{font-size:26px}.sh-database p br{display:none}.sh-tools{grid-template-columns:1fr;gap:24px}.sh-tools>a{position:relative;padding:20px 0 0 44px}.sh-tools>a>.ui-icon{position:absolute;left:0;top:22px}.sh-tools h3{font-size:18px}.sh-tools p{font-size:13px}.sh-inner-hero h1{font-size:31px}.sh-inner-hero>img{height:260px}.sh-article .sh-article-callout{padding:22px}.sh-article section+section{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.sh-button{transition:none}.sh-button:hover{transform:none}}

/* About: the people behind every game, shown through an editorial photo collage. */
.sh-about-strip { padding: 88px 0; background: #fff; }
.sh-about-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 64px; }
.sh-about-gallery { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: 230px 230px; gap: 14px; position: relative; }
.sh-about-gallery::before { content: ''; position: absolute; inset: 26px -20px -20px 26px; background: #eaf5fc; border-radius: 12px; }
.sh-about-gallery figure { position: relative; margin: 0; overflow: hidden; border-radius: 6px; background: #173b4c; }
.sh-about-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sh-about-team { grid-row: 1 / 3; }
.sh-about-team img { object-position: 77% center; }
.sh-about-support img { object-position: 34% center; }
.sh-about-esports img { object-position: 35% center; }
.sh-about-gallery figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 54px 18px 18px; background: linear-gradient(transparent, #082439e6); font-size: 16px; font-weight: 700; color: white; line-height: 1.6; }
.sh-about-gallery figcaption span { display: block; margin-bottom: 5px; color: #b6e8ff; font: 750 11px/1.5 system-ui,sans-serif; letter-spacing: .14em; }
.sh-about-team figcaption { padding: 70px 22px 24px; font-size: 21px; }
.sh-about-copy { padding: 8px 0; min-width: 0; }
.sh-about-copy .sh-kicker { font-size: 13px; margin-bottom: 22px; }
.sp-home .sh-about-copy h2 { font-size: clamp(32px,3.2vw,44px); line-height: 1.5; letter-spacing: -.04em; margin-bottom: 24px; }
.sh-about-copy h2 span { color: var(--sh-blue); }
.sh-about-copy p:not(.sh-kicker) { font-size: 16px; color: #526b77; line-height: 1.9; margin-bottom: 22px; }
.sh-about-copy .sh-about-lead { font-size: 18px!important; font-weight: 650; color: #173c52!important; }
.sh-about-copy .sh-button { margin-top: 8px; font-size: 16px; min-height: 60px; gap: 24px; }
@media(max-width:1100px) {
  .sh-about-grid { gap: 40px; grid-template-columns: 1fr 1fr; }
  .sh-about-gallery { grid-template-columns: 1.1fr 1fr; grid-template-rows: 205px 205px; gap: 10px; }
  .sh-about-gallery figcaption { padding-inline: 12px; font-size: 14px; }
  .sh-about-team figcaption { font-size: 18px; }
  .sh-about-desktop-break { display: none; }
}
@media(max-width:800px) {
  .sh-about-strip { padding: 60px 0; }
  .sh-about-grid { grid-template-columns: 1fr; gap: 42px; }
  .sh-about-gallery { grid-template-columns: 1.2fr 1fr; grid-template-rows: 210px 210px; }
  .sh-about-gallery::before { inset: 18px -10px -14px 18px; }
  .sh-about-gallery figcaption { padding: 50px 18px 18px; font-size: 16px; }
  .sh-about-team figcaption { font-size: 22px; }
  .sh-about-copy { padding: 0; }
  .sp-home .sh-about-copy h2 { font-size: 36px; }
  .sh-about-copy .sh-kicker { margin-bottom: 16px; }
}
@media(max-width:480px) {
  .sh-about-strip { padding: 44px 0 48px; }
  .sh-about-grid { gap: 36px; }
  .sh-about-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 155px 155px; gap: 8px; }
  .sh-about-gallery figure { border-radius: 4px; }
  .sh-about-gallery figcaption { padding: 34px 10px 12px; font-size: 13px; }
  .sh-about-gallery figcaption span { font-size: 10px; margin-bottom: 3px; }
  .sh-about-team figcaption { font-size: 17px; }
  .sp-home .sh-about-copy h2 { font-size: 32px; margin-bottom: 20px; }
  .sh-about-copy .sh-about-lead { font-size: 17px!important; }
  .sh-about-copy .sh-about-lead br { display: none; }
  .sh-about-copy .sh-button { width: 100%; padding-inline: 18px; justify-content: space-between; }
}

/* Lead with the three jobs Spoban does; amateur sports remain the visual focus. */
.sh-hero { display: grid; grid-template-columns: 52% 48%; background: #102e43; color: white; }
.sh-hero-copy { padding: 54px 32px 50px max(40px, calc((100vw - 1200px) / 2)); min-width: 0; }
.sh-hero .sh-kicker { color: #91ddff; font-size: 12px; margin-bottom: 24px; }
.sh-hero-label { font-size: 17px; font-weight: 700; margin: 0 0 16px; }
.sp-home .sh-hero h1 { color: white; font-size: clamp(40px, 4vw, 60px); font-weight: 800; line-height: 1.38; letter-spacing: -.045em; margin: 0 0 24px; }
.sh-hero h1 span { color: #91ddff; }
.sh-hero-description { color: #d8e7ef; font-size: 16px; line-height: 1.9; margin-bottom: 26px; }
.sh-hero-description strong { color: #fff; font-weight: 650; }
.sh-hero .sh-actions { gap: 14px; }
.sh-hero .sh-button { font-size: 16px; padding: 16px 22px; gap: 20px; }
.sh-hero-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: white; font-size: 15px; padding: 14px 12px; border: 1px solid #7594a8; border-radius: 5px; min-height: 58px; }
.sh-hero-secondary:hover { color: #b8eaff; background: #20445b; text-decoration: none; }
.sh-hero-note { font-size: 12px; color: #bad0df; margin: 15px 0 0; }
.sh-hero-visual { padding: 24px 24px 22px 0; min-width: 0; display: flex; flex-direction: column; }
.sh-hero-photo-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(245px,1.12fr) minmax(205px,1fr); gap: 10px; flex: 1; }
.sh-hero-photo-grid figure { position: relative; margin: 0; min-width: 0; min-height: 0; overflow: hidden; border-radius: 4px; background: #284b63; }
.sh-hero-football { grid-column: 1 / 3; }
.sh-hero-photo-grid img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.sh-hero-football img { object-position: 72% 46%; }
.sh-hero-baseball img { object-position: 50% 45%; }
.sh-hero-basketball img { object-position: 50% 44%; }
.sh-hero-photo-grid figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 35px 18px 14px; background: linear-gradient(transparent, #061e36c9); color: white; font-size: 16px; font-weight: 750; line-height: 1.5; }
.sh-hero-scope { padding-top: 14px; }
.sh-hero-scope p { color: #ecf5fa; font-size: 14px; font-weight: 600; margin: 0 0 3px; }
.sh-hero-scope>span { display: block; color: #bdd2e0; font-size: 12px; }
.sh-quicknav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding-block: 26px; }
.sh-quicknav>a { display: flex; align-items: center; gap: 15px; color: #102e43; padding: 8px 22px 8px 0; border-right: 1px solid #dbe6e9; }
.sh-quicknav>a:last-child { border-right: 0; padding-right: 0; }
.sh-quicknav>a>.ui-icon:first-child { width: 28px; height: 28px; color: #007da5; }
.sh-quicknav>a>.ui-icon:last-child { width: 17px; height: 17px; margin-left: auto; }
.sh-quicknav small { display: block; font-size: 12px; color: #007da5; font-weight: 700; margin-bottom: 4px; }
.sh-quicknav strong { display: block; font-size: 18px; font-weight: 750; line-height: 1.5; }
.sh-quicknav-description { display: block; font-size: 12px; color: #526b77; line-height: 1.7; margin-top: 7px; }
@media(min-width:1600px) {
  .sh-hero { grid-template-columns: 50% 50%; }
  .sh-hero-copy { padding-top: 64px; padding-bottom: 64px; }
  .sh-hero-visual { padding-right: max(24px,calc((100vw - 1560px)/2)); }
  .sp-home .sh-hero h1 { font-size: 64px; }
}
@media(max-width:1100px) {
  .sh-hero { grid-template-columns: 53% 47%; }
  .sh-hero-copy { padding: 40px 22px 38px 28px; }
  .sh-hero-visual { padding: 20px 20px 20px 0; }
  .sh-hero-label { font-size: 15px; }
  .sp-home .sh-hero h1 { font-size: 44px; }
  .sh-hero-description { font-size: 15px; }
  .sh-hero .sh-actions { gap: 10px; }
  .sh-hero .sh-button,.sh-hero-secondary { font-size: 14px; padding-inline: 14px; gap: 10px; }
  .sh-hero-scope p { font-size: 12px; }
  .sh-quicknav { gap: 16px; }
  .sh-quicknav>a { gap: 10px; padding-right: 14px; }
  .sh-quicknav strong { font-size: 16px; }
}
@media(max-width:800px) {
  .sh-hero { grid-template-columns: 1fr; }
  .sh-hero-copy { padding: 36px 24px 28px; }
  .sh-hero .sh-kicker { margin-bottom: 18px; }
  .sh-hero-label { font-size: 16px; }
  .sp-home .sh-hero h1 { font-size: clamp(36px,6.5vw,48px); line-height: 1.36; margin-bottom: 22px; }
  .sh-hero-description { font-size: 16px; margin-bottom: 22px; }
  .sh-hero .sh-button,.sh-hero-secondary { font-size: 16px; padding-inline: 20px; min-height: 56px; }
  .sh-hero-visual { padding: 0 24px 22px; }
  .sh-hero-photo-grid { grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: 240px; gap: 8px; }
  .sh-hero-football { grid-column: auto; }
  .sh-hero-photo-grid figcaption { font-size: 14px; padding: 30px 12px 12px; }
  .sh-hero-scope p { font-size: 13px; }
  .sh-quicknav { grid-template-columns: 1fr; gap: 0; padding-block: 10px; }
  .sh-quicknav>a,.sh-quicknav>a:last-child { border-right: 0; padding: 18px 0; gap: 16px; }
  .sh-quicknav>a+a { border-top: 1px solid #dbe6e9; }
  .sh-quicknav strong { font-size: 18px; }
  .sh-quicknav small { font-size: 12px; }
  .sh-quicknav-description { font-size: 13px; margin-top: 4px; }
}
@media(max-width:480px) {
  .sh-hero-copy { padding: 28px 20px 24px; }
  .sh-hero .sh-kicker { font-size: 10px; margin-bottom: 16px; }
  .sh-hero-label { font-size: 14px; margin-bottom: 14px; }
  .sp-home .sh-hero h1 { font-size: clamp(31px,8.6vw,40px); }
  .sh-hero-description { font-size: 16px; }
  .sh-hero-description br { display: none; }
  .sh-hero-description strong { display: block; margin-top: 6px; }
  .sh-hero .sh-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .sh-hero .sh-button,.sh-hero-secondary { justify-content: space-between; padding: 14px 18px; font-size: 16px; }
  .sh-hero-note { font-size: 11px; margin-top: 12px; }
  .sh-hero-visual { padding: 0 12px 20px; }
  .sh-hero-photo-grid { grid-template-columns: 1.12fr 1fr 1fr; grid-template-rows: 180px; gap: 5px; }
  .sh-hero-photo-grid figcaption { padding: 30px 8px 10px; font-size: 12px; }
  .sh-hero-basketball img { object-position: 24% center; }
  .sh-hero-scope { padding-inline: 8px; }
  .sh-hero-scope p { font-size: 12px; }
  .sh-hero-scope>span { font-size: 11px; }
}

/* A visible introduction beside the first actions. */
.sh-hero-about{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:44px;margin:0 0 20px;color:#c3ebff;font-size:14px;line-height:1.7}.sh-hero-about span{color:#fff;font-weight:750;text-decoration:underline;text-underline-offset:5px}.sh-hero-about:hover{color:#fff}.sh-hero-about:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:3px}

/* Actual product captures; no recreated tournament, phone or search interfaces. */
.sh-real-screens { min-width: 0; background: white; border: 1px solid #cedfe8; border-radius: 8px; overflow: hidden; box-shadow: 0 16px 36px #173d5010; }
.sh-real-screens figure { margin: 0; }
.sh-real-screen-link { display: block; }
.sh-real-screen-link img { display: block; width: 100%; height: auto; }
.sh-real-screens figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 16px 18px; font-size: 13px; color: #526b77; border-top: 1px solid #dbe6ed; }
.sh-real-screens figcaption a { font-weight: 700; }
.sh-real-league { border-top: 1px solid #dbe6ed; }
.sh-real-league summary { cursor: pointer; padding: 18px; color: #007da5; font-size: 14px; font-weight: 700; }
.sh-real-league[open] summary { border-bottom: 1px solid #dbe6ed; }
.sh-share-visual { margin: 0; min-width: 0; }
.sh-share-visual>img { display: block; width: 100%; height: auto; border-radius: 6px; }
.sh-share-visual figcaption { color: #526b77; font-size: 14px; line-height: 1.8; margin-top: 16px; }
.sh-db-screenshot { margin: 0; min-width: 0; }
.sh-db-screenshot img { display: block; width: 100%; height: auto; border: 1px solid #7692a6; border-radius: 5px; }
.sh-db-screenshot figcaption { color: #d3e2eb; font-size: 13px; margin-top: 12px; }
@media(max-width:800px) {
 .sh-real-screens { max-width: 600px; width: 100%; margin-inline: auto; }
 .sh-share-visual { order: 2; max-width: 600px; width: 100%; margin-inline: auto; }
 .sh-db-screenshot { max-width: 600px; width: 100%; margin-inline: auto; }
}

/* Introduce the people Minmane supports before showing its tools. */
.sh-manager-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;margin-bottom:72px}
.sh-manager-copy{min-width:0}.sh-manager-copy .sh-kicker{margin-bottom:14px}
.sh-manager-origin{font-size:14px;font-weight:750;color:var(--sh-blue);margin:0 0 14px}
.sh-manager-copy h2{margin:0 0 22px}.sh-manager-copy h2 span{color:var(--sh-blue)}
.sh-manager-copy .sh-manager-lead{font-size:clamp(20px,2vw,26px);font-weight:750;color:var(--sh-navy);line-height:1.7;margin-bottom:18px}
.sh-manager-copy>p:not([class]){font-size:15px;color:var(--muted);margin-bottom:18px}
.sh-manager-copy .sh-text-link{line-height:1.8}.sh-manager-copy .sh-text-link .ui-icon{flex-shrink:0}
.sh-manager-photo{margin:0;min-width:0}.sh-manager-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:72% center;border-radius:6px}
.sh-manager-photo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:12px;font-size:14px;color:#526b77;line-height:1.8}.sh-manager-photo small{font-size:11px}
@media(max-width:800px){.sh-manager-intro{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.sh-manager-copy>p:not([class]) br{display:none}.sh-manager-photo{width:100%;max-width:600px;margin-inline:auto}.sh-manager-photo img{aspect-ratio:3/2}}

/* Give service introductions a clear, generous link surface. */
.sh-hero-about{padding:12px 18px;gap:14px;background:#20475e;border:1px solid #688b9f;border-radius:6px;min-height:56px;text-decoration:none}
.sh-hero-about span{font-size:18px;text-decoration:none}.sh-hero-about:hover{background:#2c5870;text-decoration:none;border-color:#b5e6ff}.sh-hero-about .ui-icon{flex-shrink:0}
.sh-intro-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;max-width:100%;min-height:72px;background:#007da5;border:1px solid #007da5;border-radius:6px;color:#fff}
.sh-intro-link span{min-width:0}.sh-intro-link small{display:block;font-size:12px;line-height:1.7;color:#e0f5ff}.sh-intro-link strong{display:block;font-size:20px;line-height:1.6}.sh-intro-link .ui-icon{flex-shrink:0}
.sh-intro-link:hover{background:#005e7f;border-color:#005e7f;color:#fff;text-decoration:none}.sh-intro-link:focus-visible{outline:3px solid #005e7f;outline-offset:4px}