/* Teams information page (Deb's approved mockup, 2026-11-06). Loaded only on that page, after
   design.css and home.css; every rule is scoped to the page. */

/* WordPress wraps each group's blocks in an inner container; it steps aside so the grids below see the cards. */
.gbms-tcards > .wp-block-group__inner-container, .gbms-thow > .wp-block-group__inner-container, .gbms-tfaq-wrap > .wp-block-group__inner-container, .gbms-texplore > .wp-block-group__inner-container, .gbms-tcard > .wp-block-group__inner-container, .gbms-tfaq > .wp-block-group__inner-container, .gbms-trules > .wp-block-group__inner-container { display: contents; }
.gbms-teamsinfo .entry-content > .wp-block-group { margin-top: 0; margin-bottom: 0; }

/* Hero: the Earning Points split layout. */
.gbms-hero-teamsinfo { min-height: 0; padding: clamp(2rem, 4vw, 3.25rem) 1.25rem clamp(4rem, 7vw, 5.5rem); background: var(--gbms-cream); }
/* Deb's photo: three riders spread across a meadow, so it runs wider than the Earning Points photo and fades in sooner. */
.gbms-hero-teamsinfo .gbms-hp-photo { position: absolute; top: 0; right: 0; width: 64%; height: 100%; object-fit: cover; object-position: left center; }
.gbms-hero-teamsinfo::after { background: linear-gradient(90deg, var(--gbms-cream) 36%, rgba(245, 242, 232, .6) 40%, rgba(245, 242, 232, 0) 45%); }
.gbms-hero-teamsinfo .gbms-hero-inner { max-width: 1200px; }
.gbms-hero-teamsinfo .gbms-hp-text { max-width: 34rem; }
.gbms-hero-teamsinfo h1 { margin: 0; color: var(--gbms-forest); font-size: clamp(2.4rem, 4.8vw, 3.6rem); font-style: normal; font-weight: 900; line-height: 1.08; text-shadow: none; }
.gbms-hero-teamsinfo h1::after { content: ""; display: block; width: 7.5rem; height: 5px; margin-top: .55rem; border-radius: 3px; background: var(--gbms-forest); }
.gbms-hero-teamsinfo p.gbms-hp-sub { margin: .9rem 0 .7rem; color: var(--gbms-forest); font-family: "Kaushan Script", var(--gbms-font-heading); font-size: clamp(1.5rem, 2.8vw, 2.1rem); line-height: 1.25; text-shadow: none; }
.gbms-hero-teamsinfo p.gbms-hp-lead { color: var(--gbms-slate); font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.55; text-shadow: none; }
.gbms-hero-teamsinfo .gbms-wave-back { fill: var(--gbms-bean-pale); }

/* Sections: interior-page spacing. */
.gbms-teamsinfo .gbms-sec { padding: clamp(1.25rem, 2.5vw, 2rem) 1.25rem; }
.gbms-teamsinfo .gbms-teams-formation { padding-top: 0; }
.gbms-teamsinfo .entry-content-wrap { padding-top: 0; }
.gbms-teamsinfo .gbms-sec h2 { margin-bottom: 1.1rem; font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
.gbms-teamsinfo h2.gbms-teams-lined { display: flex; align-items: center; justify-content: center; gap: 1.25rem; }
.gbms-teamsinfo h2.gbms-teams-lined::before, .gbms-teamsinfo h2.gbms-teams-lined::after { content: ""; width: clamp(2rem, 6vw, 3rem); height: 4px; border-radius: 2px; background: var(--gbms-bean); }

/* Icons: the bean-green mask the other pages use. */
.gbms-tform-icon, .gbms-tcard::before, .gbms-thow-item::before, .gbms-trules::before, .gbms-teamsinfo h2.gbms-ti-question::before, .gbms-texplore h2::before, .gbms-btn-person .wp-block-button__link::before { content: ""; display: block; flex: none; background: var(--gbms-bean); -webkit-mask: no-repeat center / contain var(--gbms-icon); mask: no-repeat center / contain var(--gbms-icon); }
.gbms-ti-start, .gbms-ti-size { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Ccircle cx='32' cy='11' r='10'/%3E%3Ccircle cx='11' cy='16' r='7'/%3E%3Ccircle cx='53' cy='16' r='7'/%3E%3Cpath d='M14 46c0-14 8-22 18-22s18 8 18 22zM0 44c0-10 4-17 11-17 2 0 4 1 6 2-4 4-7 9-7 15zM64 44c0-10-4-17-11-17-2 0-4 1-6 2 4 4 7 9 7 15z'/%3E%3C/svg%3E"); }
.gbms-ti-find { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M20 2a18 18 0 0 1 14.6 28.5L47 43l-4 4-12.5-12.4A18 18 0 1 1 20 2zm0 6a12 12 0 1 0 0 24a12 12 0 1 0 0-24z'/%3E%3C/svg%3E"); }
.gbms-ti-mine { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 48'%3E%3Ccircle cx='18' cy='11' r='10'/%3E%3Cpath d='M0 46c0-14 8-22 18-22 5 0 9 2 12 5a13 13 0 0 0 2 17z'/%3E%3Cpath fill-rule='evenodd' d='M42 24l3 0 1 4 3 1 3-2 2 2-2 3 1 3 4 1v3l-4 1-1 3 2 3-2 2-3-2-3 1-1 4h-3l-1-4-3-1-3 2-2-2 2-3-1-3-4-1v-3l4-1 1-3-2-3 2-2 3 2 3-1zm1.5 9a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0-7z'/%3E%3C/svg%3E"); }
.gbms-ti-status { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Ccircle cx='26' cy='11' r='9'/%3E%3Ccircle cx='8' cy='16' r='6'/%3E%3Cpath d='M10 46c0-13 7-20 16-20 5 0 9 2 12 6a16 16 0 0 0 3 14zM0 44c0-9 3-15 9-15 2 0 3 0 5 1-3 4-5 9-5 14z'/%3E%3Cpath fill-rule='evenodd' d='M56 18a14 14 0 1 1 0 28a14 14 0 1 1 0-28zm6.5 7.5L54 34l-4-4-3 3 7 7 11.5-11.5z'/%3E%3C/svg%3E"); }
.gbms-ti-division { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M24 1a13 13 0 0 1 13 13c0 9-13 22-13 22S11 23 11 14A13 13 0 0 1 24 1zm0 8a5 5 0 1 0 0 10a5 5 0 1 0 0-10zM12 34l3 3c-6 1-9 3-9 4 0 2 7 4 18 4s18-2 18-4c0-1-3-3-9-4l3-3c7 1 11 4 11 7 0 4-10 7-23 7S1 45 1 41c0-3 4-6 11-7z'/%3E%3C/svg%3E"); }
.gbms-ti-points { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 56'%3E%3Cpath fill-rule='evenodd' d='M16 0h32v5h13v8c0 10-7 17-16 18-2 4-5 7-9 8v7h9v9H19v-9h9v-7c-4-1-7-4-9-8C10 30 3 23 3 13V5h13zM9 11v2c0 6 4 11 9 12-1-4-2-9-2-14zm46 0h-7c0 5-1 10-2 14 5-1 9-6 9-12z'/%3E%3C/svg%3E"); }
.gbms-ti-annual, .gbms-tform-icon { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M12 1h5v5h14V1h5v5h6a5 5 0 0 1 5 5v31a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V11a5 5 0 0 1 5-5h6zM6 17v24h36V17zm5 5h6v5h-6zm10 0h6v5h-6zm10 0h6v5h-6zm-20 9h6v5h-6zm10 0h6v5h-6z'/%3E%3C/svg%3E"); }
.gbms-ti-question { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M24 1a23 23 0 1 1 0 46a23 23 0 1 1 0-46zm0 5a18 18 0 1 0 0 36a18 18 0 1 0 0-36zm0 5c5 0 9 3 9 8 0 4-2 6-5 7-1 1-2 2-2 3v2h-5v-3c0-3 2-5 4-6 2-1 3-2 3-3 0-2-2-3-4-3s-4 1-4 4h-5c0-6 4-9 9-9zm-3 22h5v5h-5z'/%3E%3C/svg%3E"); }
.gbms-ti-book { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 44'%3E%3Cpath fill-rule='evenodd' d='M2 4c9-3 18-2 26 3 8-5 17-6 26-3v38c-9-3-18-2-26 2-8-4-17-5-26-2zm5 4v27c6-1 12 0 18 2V10c-6-3-12-3-18-2zm42 0c-6-1-12-1-18 2v27c6-2 12-3 18-2z'/%3E%3C/svg%3E"); }
.gbms-btn-person { --gbms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 44'%3E%3Ccircle cx='20' cy='11' r='10'/%3E%3Cpath d='M0 44c0-14 8-20 20-20s20 6 20 20z'/%3E%3C/svg%3E"); }

/* Team Formation panel: dates from the season's own settings. */
.gbms-tform { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; max-width: 1080px; margin: 0 auto; padding: 1.1rem 2rem; border: 1px solid var(--gbms-line); border-radius: var(--gbms-radius); background: var(--gbms-bean-pale); box-shadow: var(--gbms-shadow); }
.gbms-tform-icon { width: 3rem; height: 3rem; background: var(--gbms-forest); }
.gbms-tform-head { flex: 1 1 16rem; padding-left: 2rem; border-left: 2px solid rgba(36, 76, 58, .2); }
.gbms-teamsinfo .gbms-tform h2 { margin: 0; font-size: clamp(1.45rem, 2.6vw, 2rem); text-align: left; }
.gbms-tform-badge { display: inline-block; margin-top: .35rem; padding: .2em .8em; border-radius: 999px; font-family: var(--gbms-font-heading); font-size: .9rem; font-weight: 800; }
.gbms-tform-soon .gbms-tform-badge { background: var(--gbms-gold); color: var(--gbms-ink-on-bean); }
.gbms-tform-open .gbms-tform-badge { background: var(--gbms-forest); color: var(--gbms-white); }
.gbms-tform-closed .gbms-tform-badge { background: var(--gbms-slate); color: var(--gbms-white); }
.gbms-tform-dates { margin: 0; padding-left: 2rem; border-left: 2px solid rgba(36, 76, 58, .2); font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.45; }
.gbms-tform-dates div { display: flex; gap: .4rem; }
.gbms-tform-dates dt { color: var(--gbms-forest); font-family: var(--gbms-font-heading); font-weight: 900; }
.gbms-tform-dates dd { margin: 0; color: var(--gbms-slate); }
.gbms-tform-note { flex-basis: 100%; margin: 0; color: var(--gbms-slate); }

/* Three Ways to Get Involved. */
.gbms-tcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; max-width: 1200px; margin: 0 auto; }
.gbms-tcards .gbms-tcard { margin: 0; }
.gbms-tcard { display: flex; flex-direction: column; align-items: center; padding: 1.4rem 1.4rem 1.5rem; border-radius: var(--gbms-radius); background: linear-gradient(180deg, var(--gbms-white) 70%, var(--gbms-bean-pale)); box-shadow: var(--gbms-shadow); text-align: center; }
.gbms-tcard::before { width: 4.25rem; height: 3.25rem; margin-bottom: .5rem; background: var(--gbms-forest); }
.gbms-tcard h3 { margin: 0 0 .4rem; color: var(--gbms-forest); font-size: 1.5rem; font-weight: 900; }
.gbms-tcard p { flex: 1; margin: 0 0 1rem; color: var(--gbms-slate); line-height: 1.45; }
.gbms-tcard .wp-block-buttons { justify-content: center; }
.gbms-btn-person .wp-block-button__link.wp-block-button__link { display: inline-flex; align-items: center; gap: .55rem; }
.gbms-btn-person .wp-block-button__link::before { width: .95em; height: 1.05em; background: currentColor; }

/* How Teams Work: five short columns in one card. */
.gbms-teamsinfo .gbms-teams-how { padding-bottom: clamp(3rem, 6vw, 4.5rem); }
.gbms-thow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 1200px; margin: 0 auto; padding: 1.25rem .5rem; border-radius: var(--gbms-radius); background: var(--gbms-white); box-shadow: var(--gbms-shadow); }
.gbms-thow .gbms-thow-item { margin: 0; }
.gbms-thow-item { padding: .25rem 1rem; text-align: center; }
.gbms-thow-item + .gbms-thow-item { border-left: 2px solid rgba(36, 76, 58, .12); }
.gbms-thow-item::before { width: 3.5rem; height: 2.6rem; margin: 0 auto .5rem; background: var(--gbms-forest); }
.gbms-thow-item h3 { margin: 0 0 .3rem; color: var(--gbms-forest); font-size: 1.15rem; font-weight: 900; }
.gbms-thow-item p { margin: 0; color: var(--gbms-slate); font-size: .95rem; line-height: 1.4; }

/* Common Team Questions, with the Official Rules beside them. */
.gbms-tfaq-wrap { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 2rem; max-width: 1200px; margin: 0 auto; }
.gbms-teamsinfo h2.gbms-ti-question { display: flex; align-items: center; gap: .75rem; margin: 0; text-align: left; }
.gbms-teamsinfo h2.gbms-ti-question::before { width: 1.6em; height: 1.6em; background: var(--gbms-forest); }
.gbms-teamsinfo p.gbms-tfaq-sub { margin: .1rem 0 1rem calc(1.6em * 1.4 + .75rem); color: var(--gbms-slate); }
.gbms-tfaq .gbms-faq { max-width: none; }
.gbms-trules { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem 0 1rem 2rem; border-left: 2px solid rgba(36, 76, 58, .2); text-align: center; }
.gbms-trules::before { width: 4rem; height: 3.25rem; margin-bottom: .6rem; background: var(--gbms-forest); }
.gbms-trules h3 { margin: 0 0 .4rem; color: var(--gbms-forest); font-size: 1.5rem; font-weight: 900; }
.gbms-trules p { margin: 0 0 1rem; color: var(--gbms-slate); font-size: 1.05rem; }
.gbms-trules .wp-block-buttons { justify-content: center; }
.gbms-teamsinfo .gbms-btn-outline .wp-block-button__link.wp-block-button__link { display: inline-flex; align-items: center; min-height: 44px; padding: .65em 1.6em; border: 2px solid var(--gbms-forest); border-radius: 999px; background: var(--gbms-white); color: var(--gbms-forest); font-family: var(--gbms-font-heading); font-size: 1.05rem; font-weight: 800; text-decoration: none; }
.gbms-teamsinfo .gbms-btn-outline .wp-block-button__link.wp-block-button__link:hover { background: var(--gbms-forest); color: var(--gbms-white); }

/* Explore Teams: a forest band before the footer. */
.gbms-teams-explore { padding: 1.75rem 1.25rem; background: var(--gbms-forest); }
.gbms-texplore { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 2rem; max-width: 1100px; margin: 0 auto; }
.gbms-teamsinfo .gbms-texplore h2 { display: flex; align-items: center; gap: .75rem; margin: 0; padding-right: 2rem; border-right: 2px solid rgba(255, 255, 255, .3); color: var(--gbms-white); font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
.gbms-texplore h2::before { width: 1.6em; height: 1.2em; background: var(--gbms-white); }
.gbms-texplore p { flex: 1 1 18rem; max-width: 24rem; margin: 0; color: var(--gbms-white); }
.gbms-btn-lime .wp-block-button__link.wp-block-button__link { min-height: 44px; padding: .7em 1.6em; border-radius: 999px; background: var(--gbms-bean); color: var(--gbms-ink-on-bean); font-family: var(--gbms-font-heading); font-size: 1.05rem; font-weight: 800; text-decoration: none; }
.gbms-btn-lime .wp-block-button__link.wp-block-button__link:hover { background: var(--gbms-bean-pale); }

@media (max-width: 960px) {
	.gbms-thow { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.25rem; }
	.gbms-thow-item:nth-child(4) { border-left: 0; }
	.gbms-tfaq-wrap { grid-template-columns: 1fr; }
	.gbms-trules { padding: 1.5rem 0 0; border-left: 0; border-top: 2px solid rgba(36, 76, 58, .2); }
}
@media (max-width: 760px) {
	.gbms-hero-teamsinfo { display: block; padding: 0 0 3.5rem; }
	.gbms-hero-teamsinfo .gbms-hp-photo { position: static; display: block; width: 100%; height: 210px; }
	.gbms-hero-teamsinfo::after { display: none; }
	.gbms-hero-teamsinfo .gbms-hero-inner { padding: 1.25rem 1.25rem 0; }
	.gbms-tform { padding: 1rem 1.25rem; }
	.gbms-tform-icon { display: none; }
	.gbms-tform-head, .gbms-tform-dates { padding-left: 0; border-left: 0; }
	.gbms-tcards { grid-template-columns: 1fr; }
	.gbms-thow { grid-template-columns: 1fr 1fr; }
	.gbms-thow-item:nth-child(n) { border-left: 0; }
	.gbms-thow-item:last-child { grid-column: 1 / -1; }
	.gbms-teamsinfo h2.gbms-teams-lined::before, .gbms-teamsinfo h2.gbms-teams-lined::after { width: 1.25rem; }
	.gbms-teamsinfo p.gbms-tfaq-sub { margin-left: 0; }
	.gbms-teamsinfo .gbms-texplore h2 { padding-right: 0; border-right: 0; }
	.gbms-texplore { text-align: center; }
}