/* FlashCourt Clubs — same visual language as Venue OS: white, hairlines,
   system font stack, one accent colour per club. Mobile first. */

:root {
	--fcc-ink: #14181F;
	--fcc-muted: #5A6270;
	--fcc-line: #E4E7EA;
	--fcc-soft: #F4F6F7;
	--fcc-dark: #0E1013;
	--fcc-ok: #2F6B1E;
	--fcc-warn: #A2510F;
	--fcc-bad: #A8321C;
	--fcc-link: #1E2B4D;
	--fcc-r: 12px;
}
*, *::before, *::after { box-sizing: border-box; }
.fcc-body {
	margin: 0; background: #fff; color: var(--fcc-ink);
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased;
	padding-bottom: env(safe-area-inset-bottom, 0px);
}
.fcc-shell { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; }
.fcc-narrow { max-width: 640px; }
.fcc-pad { padding-top: 22px; padding-bottom: 40px; }
.fcc-sr { position: absolute; left: -9999px; }
a { color: var(--fcc-link); }
img { max-width: 100%; }

/* top bar */
.fcc-top { border-bottom: 1px solid var(--fcc-line); background: #fff; position: sticky; top: 0; z-index: 10; padding-top: env(safe-area-inset-top, 0px); }
.fcc-top__in { display: flex; align-items: center; justify-content: space-between; min-height: 54px; gap: 12px; }
.fcc-fc { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--fcc-link); font-weight: 800; font-style: italic; letter-spacing: .04em; font-size: 15px; }
.fcc-top__nav { display: flex; gap: 16px; font-size: 14px; }
.fcc-top__nav a { text-decoration: none; color: var(--fcc-ink); font-weight: 600; padding: 12px 0; }

/* type */
.fcc-h1 { font-size: 30px; line-height: 1.1; letter-spacing: -.02em; margin: 6px 0 8px; font-weight: 800; }
.fcc-h2 { font-size: 20px; margin: 0; font-weight: 800; letter-spacing: -.01em; }
.fcc-h3 { font-size: 17px; margin: 18px 0 8px; font-weight: 700; }
.fcc-lead { font-size: 17px; margin-top: 0; }
.fcc-muted { color: var(--fcc-muted); }
.fcc-small { font-size: 13px; }
.fcc-kicker { font-size: 12px; letter-spacing: .08em; font-weight: 700; color: var(--fcc-ok); margin: 0; }
.fcc-link { font-size: 14px; font-weight: 600; text-decoration: none; }
.fcc-link:hover { text-decoration: underline; }
.fcc-fine { display: flex; gap: 10px; color: var(--fcc-muted); font-size: 13px; margin-top: 22px; }
.fcc-ico { flex-shrink: 0; }

/* buttons */
.fcc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; padding: 0 18px; border-radius: 10px; border: 1px solid transparent; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; background: var(--fcc-soft); color: var(--fcc-ink); }
.fcc-btn--accent { background: var(--fcc-accent); color: var(--fcc-dark); }
.fcc-btn--dark { background: var(--fcc-ink); color: #fff; }
.fcc-btn--line { background: #fff; border-color: #D5DAE0; }
.fcc-btn--ghost { background: transparent; border-color: #5A6270; color: #fff; }
.fcc-btn--done { background: #fff; border-color: var(--fcc-ok); color: var(--fcc-ok); }
.fcc-btn--sm { min-height: 40px; padding: 0 13px; font-size: 14px; }
.fcc-btn--wide { width: 100%; }
.fcc-btn:focus-visible, .fcc-date input:focus-visible + span { outline: 3px solid var(--fcc-accent); outline-offset: 2px; }

/* notes + status */
.fcc-note { margin: 14px 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; background: var(--fcc-soft); }
.fcc-note--ok { background: #EEF6E6; color: #24501A; }
.fcc-note--bad { background: #FBECE8; color: var(--fcc-bad); }
.fcc-note--warn { background: #FDF3E6; color: #7A3E0C; }
.fcc-st { font-size: 13px; font-weight: 700; }
.fcc-st--ok { color: var(--fcc-ok); }
.fcc-st--warn { color: var(--fcc-warn); }
.fcc-st--bad { color: var(--fcc-bad); }
.fcc-st--link { color: var(--fcc-link); }

/* hero */
.fcc-hero { background: var(--fcc-dark); color: #fff; padding: 30px 0 26px; }
.fcc-hero--slim { padding: 18px 0 22px; }
.fcc-hero__kicker { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #C2C8CF; margin: 0 0 6px; }
.fcc-hero__kicker .fcc-ico { color: var(--fcc-accent); }
.fcc-hero__name { font-size: 40px; line-height: 1; margin: 0; font-weight: 800; letter-spacing: -.02em; text-transform: uppercase; }
.fcc-hero__tag { margin: 10px 0 0; font-size: 13px; letter-spacing: .28em; text-transform: uppercase; color: var(--fcc-accent); font-weight: 700; }
.fcc-hero__about { margin: 10px 0 0; color: #C2C8CF; font-size: 15px; max-width: 560px; }
.fcc-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.fcc-back { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; color: var(--fcc-muted); font-weight: 600; font-size: 14px; min-height: 44px; }
.fcc-back--light { color: #C2C8CF; }

/* sections + rows */
.fcc-sec { padding-top: 26px; }
.fcc-sec__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.fcc-rows { list-style: none; margin: 0; padding: 0; }
.fcc-rows > li { border-bottom: 1px solid var(--fcc-line); }
.fcc-rows > li:last-child { border-bottom: 0; }
.fcc-row { display: flex; align-items: center; gap: 14px; padding: 14px 0; text-decoration: none; color: inherit; }
.fcc-row--flat { gap: 12px; }
.fcc-row .fcc-ico { color: #8A919B; }
.fcc-row__body { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fcc-row__body .fcc-muted { font-size: 14px; }
.fcc-when { width: 44px; text-align: center; line-height: 1.1; }
.fcc-when small { display: block; font-size: 12px; color: var(--fcc-muted); font-weight: 700; }
.fcc-when strong { font-size: 24px; }
.fcc-av { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--fcc-soft); flex-shrink: 0; }
.fcc-av__img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* program cards */
.fcc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.fcc-card { display: flex; flex-direction: column; gap: 3px; padding: 16px; border: 1px solid var(--fcc-line); border-radius: var(--fcc-r); text-decoration: none; color: inherit; transition: border-color .15s; }
.fcc-card:hover { border-color: var(--fcc-ink); }
.fcc-card__t { font-size: 17px; }
.fcc-card .fcc-muted { font-size: 14px; }
.fcc-card__price { margin-top: 6px; font-weight: 700; }

/* leaderboard */
.fcc-board { list-style: none; margin: 0; padding: 0; }
.fcc-board li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-board li:last-child { border-bottom: 0; }
.fcc-board__n { width: 22px; font-weight: 800; font-size: 18px; }
.fcc-board__h { flex: 1; font-weight: 600; }
.fcc-board__r { font-weight: 800; font-size: 18px; font-variant-numeric: tabular-nums; }
.fcc-tablewrap { overflow-x: auto; }
.fcc-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.fcc-table th { text-align: left; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--fcc-muted); font-weight: 700; padding: 10px 8px 8px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-table td { padding: 11px 8px 11px 0; border-bottom: 1px solid var(--fcc-line); vertical-align: top; }
.fcc-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.fcc-table .rank, .fcc-table .rate { font-weight: 800; }
.fcc-table tr.is-me td { background: #F6FAEF; }
.fcc-panel { margin: 18px 0; padding: 16px; background: var(--fcc-soft); border-radius: var(--fcc-r); }
.fcc-panel p:first-child { margin-top: 0; }
.fcc-panel--accent { background: #fff; border: 2px solid var(--fcc-accent); }
.fcc-you { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fcc-you span { display: flex; flex-direction: column; }
.fcc-you strong { font-size: 22px; }

/* program page */
.fcc-facts { list-style: none; margin: 18px 0; padding: 0; border-top: 1px solid var(--fcc-line); }
.fcc-facts li { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-facts li > .fcc-ico { color: var(--fcc-link); }
.fcc-facts li > span { flex: 1; display: flex; flex-direction: column; }
.fcc-facts small { color: var(--fcc-muted); font-size: 14px; }
.fcc-dates { border: 0; padding: 0; margin: 0 0 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 8px; }
.fcc-dates legend { padding: 0; margin-bottom: 10px; }
.fcc-date { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 76px; border: 1px solid #D5DAE0; border-radius: 10px; cursor: pointer; text-align: center; line-height: 1.15; }
.fcc-date input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.fcc-date:has(input:checked) { border: 2px solid var(--fcc-ink); }
.fcc-date.is-off { background: var(--fcc-soft); color: #8A919B; cursor: not-allowed; }
.fcc-date__m { font-size: 12px; color: var(--fcc-muted); }
.fcc-date__d { font-size: 22px; font-weight: 800; }
.fcc-date__s { font-size: 12px; font-weight: 700; color: var(--fcc-ok); }
.fcc-date.is-off .fcc-date__s { color: #8A919B; }
.fcc-bar { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0 calc(14px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--fcc-line); margin-top: 10px; }
.fcc-bar span { display: flex; flex-direction: column; }

/* forms */
.fcc-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.fcc-field { display: flex; flex-direction: column; gap: 5px; font-size: 14px; font-weight: 600; min-width: 0; margin: 0 0 10px; }
.fcc-form .fcc-field { margin: 0; }
.fcc-field--wide { grid-column: 1 / -1; }
.fcc-field input:not([type=radio]):not([type=color]), .fcc-field select, .fcc-field textarea, .fcc-con__tools select { font: inherit; font-weight: 400; font-size: 16px; min-height: 46px; padding: 10px 12px; border: 1px solid #CBD1D7; border-radius: 10px; background: #fff; color: var(--fcc-ink); width: 100%; }
.fcc-field input[type=color] { width: 64px; height: 46px; border: 1px solid #CBD1D7; border-radius: 10px; padding: 4px; background: #fff; }
.fcc-field input:focus, .fcc-field select:focus, .fcc-field textarea:focus { outline: 2px solid var(--fcc-accent); outline-offset: 1px; border-color: var(--fcc-ink); }
.fcc-radio { border: 0; padding: 0; flex-direction: row; flex-wrap: wrap; gap: 8px 18px; }
.fcc-radio legend { width: 100%; padding: 0; margin-bottom: 6px; }
.fcc-radio label { display: flex; align-items: center; gap: 6px; font-weight: 400; min-height: 40px; }
.fcc-prefix { display: flex; align-items: center; border: 1px solid #CBD1D7; border-radius: 10px; overflow: hidden; }
.fcc-prefix em { font-style: normal; font-weight: 400; color: var(--fcc-muted); padding-left: 12px; white-space: nowrap; font-size: 14px; }
.fcc-prefix input { border: 0 !important; }

/* console */
.fcc-con { padding-top: 18px; padding-bottom: 40px; }
.fcc-con__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fcc-con__name { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.02em; text-transform: uppercase; }
.fcc-con__tools { display: flex; gap: 8px; align-items: center; }
.fcc-con__tools select { min-height: 40px; padding: 6px 10px; font-size: 14px; width: auto; }
.fcc-tabs { display: flex; gap: 22px; margin-top: 14px; border-bottom: 1px solid var(--fcc-line); overflow-x: auto; scrollbar-width: none; }
.fcc-tabs a { padding: 12px 0; white-space: nowrap; text-decoration: none; color: var(--fcc-muted); font-weight: 600; border-bottom: 2px solid transparent; }
.fcc-tabs a.is-on { color: var(--fcc-ink); border-bottom-color: var(--fcc-ink); }
.fcc-count { display: inline-block; min-width: 20px; text-align: center; font-size: 12px; line-height: 20px; border-radius: 10px; background: var(--fcc-warn); color: #fff; }
.fcc-daynav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 10px; }
.fcc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 6px 0 14px; }
.fcc-stats--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; }
.fcc-stats > div { padding: 12px; border: 1px solid var(--fcc-line); border-radius: var(--fcc-r); display: flex; flex-direction: column; }
.fcc-stats strong { font-size: 26px; line-height: 1.1; font-weight: 800; font-variant-numeric: tabular-nums; }
.fcc-stats strong.is-warn { color: var(--fcc-warn); }
.fcc-stats small { color: var(--fcc-muted); font-size: 13px; }
.fcc-attn { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #F0D4B4; background: #FFF9F2; border-radius: var(--fcc-r); text-decoration: none; color: inherit; margin-bottom: 14px; }
.fcc-attn > .fcc-ico:first-child { color: var(--fcc-warn); }
.fcc-attn span { flex: 1; display: flex; flex-direction: column; }
.fcc-attn small { color: var(--fcc-muted); font-size: 13px; }
.fcc-sess { display: flex; gap: 12px; margin-bottom: 12px; }
.fcc-sess__t { width: 64px; flex-shrink: 0; font-size: 14px; color: var(--fcc-muted); padding-top: 14px; }
.fcc-sess__b { flex: 1; min-width: 0; border: 1px solid var(--fcc-line); border-radius: var(--fcc-r); padding: 12px 14px; }
.fcc-sess__b .fcc-h3 { margin: 0; }
.fcc-sess__b p { margin: 2px 0; }
.fcc-sess.is-off .fcc-sess__b { background: var(--fcc-soft); }
.fcc-roster { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--fcc-line); }
.fcc-roster li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-roster li:last-child { border-bottom: 0; }
.fcc-roster li > span { display: flex; flex-direction: column; min-width: 0; }
.fcc-roster form { margin: 0; }
.fcc-dayhead { font-size: 14px; letter-spacing: .04em; text-transform: uppercase; color: var(--fcc-muted); margin: 20px 0 4px; }
.fcc-line { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--fcc-line); flex-wrap: wrap; }
.fcc-line.is-off { opacity: .6; }
.fcc-line__t { width: 64px; font-size: 14px; color: var(--fcc-muted); }
.fcc-line__b { flex: 1; display: flex; flex-direction: column; min-width: 200px; }
.fcc-line__b small { font-size: 13px; }
.fcc-line > span:last-child { display: flex; align-items: center; gap: 12px; }
.fcc-line form, .fcc-pay form, .fcc-row form { margin: 0; }
.fcc-pay { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-pay__img { width: 84px; height: 112px; border-radius: 8px; overflow: hidden; border: 1px solid var(--fcc-line); flex-shrink: 0; background: var(--fcc-soft); }
.fcc-pay__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fcc-pay__b { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fcc-pay__b small { font-size: 13px; }
.fcc-pay__act { display: flex; gap: 8px; margin-top: 8px; }

/* footer */
.fcc-foot { border-top: 1px solid var(--fcc-line); margin-top: 32px; }
.fcc-foot__in { display: flex; justify-content: space-between; gap: 12px; padding: 18px 20px; font-size: 13px; color: var(--fcc-muted); }
.fcc-foot a { color: var(--fcc-muted); text-decoration: none; }

@media (max-width: 560px) {
	.fcc-form { grid-template-columns: minmax(0, 1fr); }
	.fcc-hero__name { font-size: 34px; }
	.fcc-top__nav { gap: 12px; }
}

/* previews */
.fcc-av--ini { display: flex; align-items: center; justify-content: center; background: var(--fcc-link); color: #fff; font-weight: 700; font-size: 15px; }
.fcc-dates--view { margin-top: 10px; }
.fcc-dates--view .fcc-date { cursor: default; }
.fcc-copy { margin-top: 8px; }
.fcc-copy input { font-size: 13px !important; min-height: 40px !important; }
.fcc-line.is-new { background: #F6FAEF; }
.fcc-mt { margin-top: 32px; }
.fcc-prow { border: 1px solid var(--fcc-line); border-radius: var(--fcc-r); padding: 14px; margin: 0 0 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.fcc-prow .fcc-field { margin: 0; }
@media (max-width: 560px) { .fcc-prow { grid-template-columns: minmax(0, 1fr); } }

/* rankings */
.fcc-subtabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 12px; }
.fcc-subtabs a { padding: 8px 14px; border: 1px solid #D5DAE0; border-radius: 10px; text-decoration: none; color: var(--fcc-ink); font-weight: 600; font-size: 14px; min-height: 40px; display: inline-flex; align-items: center; }
.fcc-subtabs a.is-on { background: var(--fcc-ink); border-color: var(--fcc-ink); color: #fff; }
.fcc-inline { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; margin: 8px 0; }
.fcc-inline form { display: flex; gap: 8px; align-items: flex-end; margin: 0; }
.fcc-inline .fcc-field { margin: 0; flex: 1; min-width: 180px; }
.fcc-acts { display: flex; gap: 6px; justify-content: flex-end; align-items: center; }
.fcc-acts form { margin: 0; }
.fcc-acts select { font: inherit; font-size: 14px; min-height: 40px; border: 1px solid #CBD1D7; border-radius: 10px; padding: 4px 8px; background: #fff; }
.fcc-details { margin-top: 26px; border-top: 1px solid var(--fcc-line); padding-top: 14px; }
.fcc-details summary { font-weight: 700; cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.fcc-form--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; }
@media (max-width: 560px) { .fcc-form--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* real FlashCourt logo in the club page header */
.fcc-fc__ic { width: 30px; height: 30px; display: block; }
.fcc-fc__wm { height: 30px; width: auto; display: block; }
@media (max-width: 400px) { .fcc-fc__wm { height: 24px; } }

/* coach slots */
.fcc-coachhd { display: flex; align-items: center; gap: 16px; }
.fcc-av--big { width: 68px; height: 68px; border: 2px solid var(--fcc-accent); display: flex; align-items: center; justify-content: center; background: #2B3138; color: #fff; font-weight: 800; font-size: 26px; }
.fcc-coachhd .fcc-hero__name { font-size: 34px; }
a.fcc-date { text-decoration: none; color: inherit; }
a.fcc-date.is-on { border: 2px solid var(--fcc-ink); }
.fcc-slots { border: 0; padding: 0; margin: 0 0 14px; display: flex; flex-direction: column; gap: 8px; }
.fcc-slots legend { padding: 0; margin-bottom: 10px; }
.fcc-slot { position: relative; display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 0 16px; border: 1px solid #D5DAE0; border-radius: 10px; cursor: pointer; }
.fcc-slot input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.fcc-slot:has(input:checked) { border: 2px solid var(--fcc-ink); }
.fcc-slot:has(input:focus-visible) { outline: 3px solid var(--fcc-accent); outline-offset: 2px; }
.fcc-slot__t { flex: 1; font-weight: 600; }
.fcc-slot__s { font-size: 13px; font-weight: 700; color: var(--fcc-ok); }
.fcc-slot.is-off { background: var(--fcc-soft); color: #8A919B; cursor: not-allowed; }
.fcc-slot.is-off .fcc-slot__t { text-decoration: line-through; }
.fcc-slot.is-off .fcc-slot__s { color: #8A919B; }
.fcc-hours { border: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 8px; }
.fcc-hours legend { grid-column: 1 / -1; padding: 0; margin-bottom: 4px; }
.fcc-hours label { position: relative; }
.fcc-hours input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.fcc-hours span { display: flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #D5DAE0; border-radius: 10px; font-weight: 600; font-size: 14px; }
.fcc-hours input:checked + span { background: var(--fcc-ink); border-color: var(--fcc-ink); color: #fff; }
.fcc-hours input:focus-visible + span { outline: 3px solid var(--fcc-accent); outline-offset: 2px; }
.fcc-slotgrp { margin-top: 28px; border-top: 1px solid var(--fcc-line); padding-top: 6px; }
.fcc-slotday { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-story { flex-shrink: 0; width: 108px; height: 192px; border-radius: 10px; overflow: hidden; background: #0b0d0f; display: block; }
.fcc-story img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fcc-slotday__b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fcc-slotlist { list-style: none; margin: 8px 0 0; padding: 0; }
.fcc-slotlist li { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--fcc-line); font-size: 14px; flex-wrap: wrap; }
.fcc-slotlist li > span:first-child { width: 70px; font-weight: 600; }
.fcc-slotlist li > span:nth-child(2) { flex: 1; min-width: 120px; }
.fcc-slotlist form { margin: 0; }
.fcc-slotday__act { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 0; }

/* check-in with a note */
.fcc-roster li { flex-wrap: wrap; }
.fcc-ci form { margin: 0; }
.fcc-note-form { flex-basis: 100%; }
.fcc-note-form summary { font-size: 13px; font-weight: 600; color: var(--fcc-link); cursor: pointer; min-height: 32px; display: inline-flex; align-items: center; }
.fcc-note-form form { display: grid; gap: 8px; padding: 10px 0 4px; }
.fcc-note-form .fcc-field { margin: 0; }

/* membership, policy, students */
.fcc-joinband { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: var(--fcc-r); background: var(--fcc-dark); color: #fff; text-decoration: none; border-left: 6px solid var(--fcc-accent); }
.fcc-joinband > span { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.fcc-joinband small { color: var(--fcc-accent); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.fcc-joinband strong { font-size: 19px; }
.fcc-joinband em { font-style: normal; font-size: 13px; color: #C2C8CF; }
.fcc-plans { border: 0; padding: 0; margin: 0 0 12px; display: grid; gap: 10px; }
.fcc-plans legend { padding: 0; margin-bottom: 8px; }
.fcc-plan { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px; border: 1px solid #D5DAE0; border-radius: var(--fcc-r); cursor: pointer; }
.fcc-plan input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.fcc-plan:has(input:checked) { border: 2px solid var(--fcc-ink); }
.fcc-plan:has(input:focus-visible) { outline: 3px solid var(--fcc-accent); outline-offset: 2px; }
.fcc-plan__k { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fcc-muted); }
.fcc-plan__p { font-size: 26px; font-weight: 800; }
.fcc-plan__n { font-size: 15px; }
.fcc-plan__i { font-size: 14px; color: var(--fcc-ok); font-weight: 600; }
.fcc-memcard { display: flex; flex-direction: column; gap: 4px; padding: 22px; border-radius: 16px; background: var(--fcc-dark); color: #fff; border-top: 6px solid var(--fcc-accent); }
.fcc-memcard small { font-size: 12px; letter-spacing: .14em; color: var(--fcc-accent); font-weight: 800; }
.fcc-memcard strong { font-size: 24px; }
.fcc-memcard__no { font-size: 30px; font-weight: 800; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.fcc-memcard span:last-child { font-size: 13px; color: #C2C8CF; }
.fcc-meter { height: 10px; background: #E4E7EA; border-radius: 5px; overflow: hidden; }
.fcc-meter span { display: block; height: 100%; background: var(--fcc-accent); }
.fcc-policy { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--fcc-line); border-left: 4px solid var(--fcc-accent); border-radius: 10px; font-size: 14px; }
.fcc-policy .fcc-h3 { margin-top: 0; }
.fcc-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 600; cursor: pointer; }
.fcc-check input { width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; }
.fcc-pphead { display: flex; align-items: center; gap: 12px; margin: 6px 0 12px; }
.fcc-pphead > span:last-child { display: flex; flex-direction: column; }
.fcc-pphead strong { font-size: 20px; }
.fcc-goal { display: flex; flex-direction: column; gap: 3px; padding: 16px; border-radius: 14px; background: #1B2F4E; color: #fff; margin: 10px 0; }
.fcc-goal small { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #D4F53C; }
.fcc-goal strong { font-size: 20px; }
.fcc-goal span { font-size: 13px; color: #C9D3E0; }
.fcc-focus { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.fcc-focus span { display: flex; flex-direction: column; align-items: center; padding: 10px 6px; border: 1px dashed #D5DAE0; border-radius: 12px; font-size: 12px; font-weight: 700; color: #8A919B; }
.fcc-focus span b { font-size: 20px; }
.fcc-focus span.is-on { border: 2px solid var(--fcc-ink); color: var(--fcc-ink); }
.fcc-inlinecopy { display: block; width: 100%; margin-top: 6px; font: inherit; font-size: 13px; padding: 8px 10px; border: 1px solid #E0C59E; border-radius: 8px; background: #fff; }

/* setup checklist */
.fcc-step { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--fcc-line); }
.fcc-step__n { width: 32px; height: 32px; flex-shrink: 0; border-radius: 16px; border: 2px solid var(--fcc-ink); display: flex; align-items: center; justify-content: center; font-weight: 800; }
.fcc-step.is-done .fcc-step__n { background: var(--fcc-ok); border-color: var(--fcc-ok); color: #fff; }
.fcc-step__b { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.fcc-step__a { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

/* club photo */
.fcc-hero__logo { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 3px solid var(--fcc-accent); display: block; margin-bottom: 12px; background: #fff; }
.fcc-logo { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.fcc-logo__img { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; background: var(--fcc-dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 26px; flex-shrink: 0; }
.fcc-logo__img img { width: 100%; height: 100%; object-fit: cover; }
.fcc-av--ini .fcc-av__img { width: 100%; height: 100%; object-fit: cover; }

.fcc-top__sa{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:9px;background:#F4F8EC;border:1px solid #D6E3C2;color:#3E5413!important;font-weight:700;font-size:13px;text-decoration:none}
/* one-step sign-up inside booking forms */
.fcc-signup{margin:6px 0 14px;padding:14px 16px;border:1px solid var(--fcc-line,#E4E8E2);border-radius:14px;background:#fff}
.fcc-signup .fcc-h3{margin:0 0 8px}
.fcc-signup .fcc-field{margin-bottom:10px}
/* student Passport in the console: round stamps + their share card */
.fcc-ppstamps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 16px}
.fcc-ppstamp{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;border:3px dashed #D9DEE3;color:#8A939C;text-align:center}
.fcc-ppstamp b{font-size:26px;line-height:1}
.fcc-ppstamp i{font-style:normal;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.fcc-ppstamp.is-on{border-style:solid;border-color:#fff;box-shadow:0 0 0 3px currentColor inset;color:#1B2F4E;transform:rotate(-6deg)}
.fcc-ppstamp.is-on:nth-child(even){transform:rotate(5deg)}
.fcc-ppstamp.s-serve{background:#FBE3EA}.fcc-ppstamp.s-volley{background:#E3F4EC}.fcc-ppstamp.s-forehand{background:#FFE9D9}.fcc-ppstamp.s-backhand{background:#ECE5FA}.fcc-ppstamp.s-footwork{background:#FFF3CC}.fcc-ppstamp.s-match_play{background:#E2F0FA}
.fcc-ppshare{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px;padding:12px;border:1px solid #E4E8E2;border-radius:14px;background:#fff}
.fcc-ppshare__img img{width:110px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.12);display:block}
.fcc-ppshare span{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
@media(min-width:700px){.fcc-ppstamps{grid-template-columns:repeat(6,1fr)}}

/* package choice: one class or the whole series */
.fcc-pkg{border:0;margin:6px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.fcc-pkg__o{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #DDE2E6;border-radius:14px;background:#fff;cursor:pointer}
.fcc-pkg__o input{accent-color:var(--fcc-accent,#1B2F4E);width:18px;height:18px}
.fcc-pkg__o span{flex:1;display:flex;flex-direction:column}
.fcc-pkg__o small{color:#6B7480;font-size:12.5px}
.fcc-pkg__o b{font-size:17px}
.fcc-pkg__o:has(input:checked){border-color:var(--fcc-accent,#1B2F4E);box-shadow:0 0 0 2px var(--fcc-accent,#1B2F4E) inset}
.fcc-stats--4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:700px){.fcc-stats--4{grid-template-columns:repeat(4,1fr)}}
.fcc-money{margin:12px 0 16px;padding:14px 16px}
.fcc-money__r{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:6px 0;font-size:14px}
.fcc-money__r i{display:block;height:10px;border-radius:5px;background:var(--fcc-accent,#1B2F4E);min-width:6px}
.fcc-money__r b{font-size:14px}
.fcc-hero__pw{margin:6px 0 0;font-size:13.5px;font-weight:600;opacity:.9}.fcc-hero__pw a{color:inherit;text-decoration:underline}
.fcc-billnote{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:14px 16px;border-left:4px solid #3F6B55}.fcc-billnote span{font-size:13.5px;color:#4A554E}
.fcc-tabs__more{margin:6px 0 12px;font-size:13px;color:#6B7380}.fcc-tabs__more a{color:#3F6B55;font-weight:700;text-decoration:none}
/* checkboxes and radios stay small and sit beside their words */
.fcc-shell input[type=checkbox],.fcc-shell input[type=radio]{width:20px!important;height:20px!important;min-height:0!important;min-width:20px;flex:none;margin:0;padding:0;border-radius:5px;accent-color:#2F4A3E}
.fcc-radio label{flex-direction:row!important;align-items:center;gap:10px;flex:1 1 100%;font-weight:500;line-height:1.35}
@media(min-width:700px){.fcc-radio label{flex:0 1 auto}}
.fcc-field label:has(>input[type=checkbox]),label.fcc-check{flex-direction:row!important;align-items:center;gap:10px}
.fcc-shell input[type=date],.fcc-shell input[type=time]{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
.fcc-pkuse{display:flex;gap:10px;align-items:flex-start;border-left:4px solid #3F6B55}.fcc-paybox[hidden]{display:none!important}
.fcc-progshare{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.fcc-pkuse.is-ask{border-left-color:#C9A64B}.fcc-pkuse small{display:block;margin-top:4px;color:#6A746E;font-size:13px}
.fcc-walkin{margin-top:12px;padding:12px;border:1px dashed #CFD9D1;border-radius:14px;background:#FAFBFA}.fcc-walkin summary{cursor:pointer;font-weight:800;color:#2F5A43}.fcc-walkin[open] summary{margin-bottom:10px}
.fcc-walkin form{display:flex;flex-direction:column;gap:10px}.fcc-walkin__pay{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.fcc-walkin__pay legend{font-weight:700;font-size:13px;margin-bottom:4px}.fcc-walkin__pay label{display:flex;gap:8px;align-items:center;font-size:14px}
.fcc-newseries summary{cursor:pointer;list-style:none}.fcc-newseries summary::-webkit-details-marker{display:none}.fcc-newseries[open] summary{margin-bottom:12px}
.fcc-tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.fcc-tpls form{margin:0}.fcc-tpls button{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:14px;border:1.5px solid #DDE5DF;background:#fff;text-align:left;cursor:pointer;font:inherit}
.fcc-tpls button strong{font-size:14px}.fcc-tpls button small{font-size:12px;color:#6A746E}.fcc-tpls button:active{border-color:#3F6B55;background:#F2F7F3}
.fcc-fmt{margin:-4px 0 12px}
/* Event costs: the planner sits inside the console */
.fcc-planner{margin:0 -16px}
.fcc-planner #vtp-app{min-height:0;background:transparent;padding:0}
.fcc-planner #vtp-app .vtp-wrap{padding:4px 16px 0}
.fcc-planner #vtp-app .vtp-brand,.fcc-planner #vtp-app .vtp-note{display:none}
.fc-planwall{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:14px;border-radius:14px;border:1.5px dashed #C9B36B;background:#FFFBEF;font-size:14px;color:#4A3F17}.fc-planwall span{font-size:13px;color:#6A5D2A}.fc-planwall a{align-self:flex-start;margin-top:6px;padding:8px 14px;border-radius:10px;background:#2F5A43;color:#fff!important;font-weight:800;text-decoration:none}.fc-plantrial{margin:10px 0;padding:10px 12px;border-radius:12px;background:#EEF6EF;color:#244534;font-size:13.5px}
.fc-plantrial.is-ended{background:#FFF6E5;color:#5A4410}
.fcc-joined summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.fcc-joined summary::-webkit-details-marker{display:none}.fcc-joined[open] summary{margin-bottom:8px}
.fcc-pknote{border-left:4px solid #C9A64B!important;background:#FFFBEF!important;font-size:14px}
.fcc-card__pk{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#E8F2E6;color:#2E5A36;font-size:12px;font-weight:800}
/* An ended class: stamp + join the next one */
.fcc-ended{position:relative;margin:8px 0 24px;padding:22px 18px 18px;border-radius:20px;border:1.5px dashed #CFC6B0;background:#FBF8F1;overflow:hidden}
.fcc-ended__stamp{position:absolute;top:16px;right:-6px;transform:rotate(12deg);padding:6px 16px;border:3px solid #B4532A;border-radius:10px;color:#B4532A;font-weight:900;letter-spacing:.18em;font-size:18px;opacity:.85}
.fcc-ended__h{margin:0 70px 10px 0;font-size:18px;font-weight:800;color:#2A2216}
.fcc-ended__next{list-style:none;margin:6px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.fcc-ended__next a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #E6E0D2;text-decoration:none;color:#1E2723}
.fcc-ended__next small{color:#6A746E}.fcc-ended form{margin:4px 0}.fcc-ended .fcc-link{display:inline-block;margin-top:10px}
.fcc-ended__stamp{position:static!important;display:inline-block;transform:rotate(-6deg)!important;margin:0 0 12px;font-size:16px!important}
.fcc-ended__h{margin-right:0!important}
.fcc-about{margin:12px 0}.fcc-about p{line-height:1.55}
.fcc-know{margin:12px 0 18px;padding:12px 14px;border-radius:14px;background:#F6F8F6;border:1px solid #E1E7E2}
.fcc-know summary{cursor:pointer;font-weight:800;color:#1E2723;list-style:none}.fcc-know summary::-webkit-details-marker{display:none}.fcc-know summary::after{content:" ›";color:#6A746E}
.fcc-know[open] summary{margin-bottom:8px}.fcc-know p{margin:6px 0}
/* Match play sheet */
.fcc-sheet{margin:0 0 20px;padding:16px;border-radius:20px;background:#fff;border:2px solid #2F5A43;box-shadow:0 10px 30px rgba(22,48,36,.10)}
.fcc-sheet__h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.fcc-sheet__h h2{margin:2px 0 0;font-size:20px}.fcc-sheet__h .fcc-kicker{margin:0}
.fcc-sheet__box{margin:10px 0;border-radius:14px;background:#F7F9F7;border:1px solid #E6ECE6}
.fcc-sheet__box>summary{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.fcc-sheet__box>summary::-webkit-details-marker{display:none}
.fcc-sheet__box>summary span{font-size:12.5px;color:#6A746E}.fcc-sheet__box>form,.fcc-sheet__box>.fcc-sheet__st,.fcc-sheet__box>p{margin:0 14px 14px}
.fcc-sheet__box.is-flat{padding:12px 14px}.fcc-sheet__box.is-flat .fcc-sheet__st{margin:8px 0 0}.fcc-sheet__t{font-size:15px}
.fcc-sheet__box form{display:flex;flex-direction:column;gap:10px}
.fcc-sheet__ppl{display:flex;flex-wrap:wrap;gap:6px}
.fcc-chipck{position:relative;cursor:pointer}.fcc-chipck input{position:absolute;opacity:0}.fcc-chipck span{display:inline-flex;padding:7px 12px;border-radius:999px;border:1.5px solid #D3DBD5;background:#fff;font-size:13.5px;font-weight:700;color:#3A4741}
.fcc-chipck input:checked+span{background:#2F5A43;border-color:#2F5A43;color:#fff}
.fcc-sheet__set{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fcc-sheet__m{padding:10px 0;border-top:1px solid #E6ECE6}.fcc-sheet__m:first-child{border-top:0}.fcc-sheet__m small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6A746E}
.fcc-sheet__row{display:grid;grid-template-columns:minmax(0,1fr) 54px auto 54px minmax(0,1fr);gap:6px;align-items:center;margin-top:4px}
.fcc-sheet__row .n{font-weight:700;font-size:14px;line-height:1.25;color:#1E2723;overflow-wrap:anywhere}.fcc-sheet__row .r{text-align:right}
.fcc-sheet__row input{width:100%;min-width:0;height:46px;padding:0;text-align:center;font-size:20px;font-weight:800;border:1.5px solid #D3DBD5;border-radius:12px;background:#fff;-moz-appearance:textfield}
.fcc-sheet__row input::-webkit-outer-spin-button,.fcc-sheet__row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fcc-sheet__row em{font-style:normal;color:#8A938D}
.fcc-sheet__next{width:100%;min-height:50px;font-size:16px}.fcc-sheet__hint{text-align:center;margin:6px 0 0}
.fcc-sheet__st{list-style:none;padding:0;counter-reset:st}.fcc-sheet__st li{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:baseline;padding:7px 0;border-top:1px solid #E6ECE6;counter-increment:st}
.fcc-sheet__st li::before{content:counter(st);font-weight:800;color:#6A746E}.fcc-sheet__st li:first-child{border-top:0}.fcc-sheet__st li:first-child span{font-weight:800}
.fcc-sheet__st b{font-size:15px}.fcc-sheet__st small{font-size:12px;color:#6A746E}
.fcc-sheet__reset{background:none;border:0;color:#A33B2B;font-weight:700;text-decoration:underline;cursor:pointer;margin-top:6px}
.fcc-sheet__open{margin-top:8px;display:inline-flex}
.fcc-more summary{list-style:none;cursor:pointer}.fcc-more summary::-webkit-details-marker{display:none}
.fcc-more summary span{font-weight:800;color:#2F5A43;font-size:14px}.fcc-more[open] summary{display:none}
.fcc-sheet__next{color:#fff!important;background:#2F5A43!important}
/* Joined your club — simple rows; tap for the member's record with this club */
.fcc-mem{list-style:none;margin:6px 0 10px;padding:0;border-radius:14px;background:#fff;border:1px solid #E6ECE6;overflow:hidden}
.fcc-mem li+li{border-top:1px solid #EEF1EE}
.fcc-mem a{display:flex;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;color:inherit}
.fcc-mem__av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#E8F2E6;color:#2E5A36;font-weight:800;font-size:15px}
.fcc-mem__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.fcc-mem__b strong{font-size:15px;color:#1E2723}.fcc-mem__b small{font-size:12.5px;color:#6A746E}
.fcc-mem em{flex:none;font-style:normal;font-size:20px;color:#9AA49E}
.fcc-joined{text-align:left}
.fcc-member{margin:0 0 16px;padding:16px;border-radius:18px;background:#fff;border:2px solid #2F5A43;box-shadow:0 10px 30px rgba(22,48,36,.10)}
.fcc-member__h{display:flex;align-items:center;gap:12px;margin-bottom:6px}.fcc-member__h div{flex:1;min-width:0;display:flex;flex-direction:column}.fcc-member__h strong{font-size:18px}.fcc-member__h small{font-size:12.5px;color:#6A746E}
.fcc-member__h a{font-size:24px;line-height:1;color:#6A746E;text-decoration:none}
.fcc-member h3{margin:16px 0 6px;font-size:14px;color:#3A4741}
.fcc-member__l,.fcc-member__c{list-style:none;margin:0;padding:0}
.fcc-member__l li{padding:10px 12px;margin-bottom:6px;border-radius:12px;background:#F7F9F7}.fcc-member__l li p{margin:4px 0;font-size:14px;line-height:1.45}.fcc-member__l .g{color:#2F5A43;font-weight:700;font-size:13px}.fcc-member__l small{font-size:12px;color:#6A746E}
.fcc-member__c li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #EEF1EE;font-size:14px}.fcc-member__c li:first-child{border-top:0}.fcc-member__c small{color:#6A746E;white-space:nowrap}
.fcc-member__p{margin:14px 0 0;font-size:12px;color:#6A746E}
.fcc-member__l b,.fcc-member__l small{display:block}
.fcc-more2{margin:2px 0 8px}.fcc-more2>summary{list-style:none;cursor:pointer;padding:8px 0;font-weight:800;font-size:13.5px;color:#2F5A43}.fcc-more2>summary::-webkit-details-marker{display:none}
.fcc-more2>summary::after{content:" ›"}.fcc-more2[open]>summary{display:none}
.fcc-cf{margin:14px 0}.fcc-cf summary{cursor:pointer}.fcc-cf__r{display:grid;grid-template-columns:1fr 130px;gap:8px;margin:6px 0}.fcc-cf__r input{min-height:42px;border:1px solid #D3DBD5;border-radius:10px;padding:0 10px}.fcc-pricenote{padding:8px 12px;border-radius:12px;background:#F2F7F1;color:#2F5A43;font-weight:700}.fcc-export{margin:0 0 10px}
/* Performance */
.fcc-perf__f{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.fcc-perf__f select,.fcc-perf__f input{min-height:42px;border:1px solid #D3DBD5;border-radius:10px;padding:0 10px;background:#fff}.fcc-perf__f .c{display:inline-flex;gap:6px}.fcc-perf__f .c[hidden]{display:none}
.fcc-perf__f button{min-height:42px;padding:0 14px;border:0;border-radius:10px;background:#1E2723;color:#fff;font-weight:800}
.fcc-perf__k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px}.fcc-perf__k div{display:flex;flex-direction:column;padding:12px 14px;border-radius:14px;background:#F4F7F4}
.fcc-perf__k div.is-main{grid-column:1/-1;background:#1F3D2E;color:#fff}.fcc-perf__k div.is-main small,.fcc-perf__k div.is-main i{color:#CFE0D4}
.fcc-perf__k b{font-size:26px;line-height:1.1}.fcc-perf__k small{font-size:13px;font-weight:700}.fcc-perf__k i{font-style:normal;font-size:12px;color:#5A6560;margin-top:2px}
.fcc-perf__h{margin:14px 0 6px;font-size:15px}.fcc-perf__l{list-style:none;margin:0;padding:0;border:1px solid #E6ECE6;border-radius:14px;overflow:hidden;background:#fff}
.fcc-perf__l li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 14px}.fcc-perf__l li+li{border-top:1px solid #EEF1EE}.fcc-perf__l span{display:flex;flex-direction:column}.fcc-perf__l small{font-size:12px;color:#6A746E}.fcc-perf__l b{font-size:16px}.fcc-perf__l em{font-style:normal;font-size:13px;color:#5A6560}
.fcc-perf__w{margin:16px 0}.fcc-perf__w summary{cursor:pointer;font-weight:800}
.fcc-inv{margin:10px 0;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #E6ECE6;display:flex;flex-direction:column;gap:4px}.fcc-inv small{color:#6A746E;font-size:12.5px}.fcc-inv__b{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.fcc-testbar{margin:0;padding:10px 16px;background:#FFF1DE;color:#7A4A0C;font-size:14px;text-align:center;border-bottom:1px solid #F0D7AE}.fcc-testbar strong{margin-right:4px}
.fcc-testcard{margin:16px 0}.fcc-testcard form{display:inline-block;margin:6px 6px 0 0}.fcc-st--warn{background:#FFF1DE;color:#8A5212}