inline{ display:inline; }
.flex{ display:flex; }
.flex-col{ display:flex; flex-direction:column; }
.space-between{ justify-content:space-between; }
.wrap{ flex-wrap:wrap; }
.ai-center{ align-items:center; }

/* Gaps */
.gap-6{ gap:6px; } .gap-8{ gap:8px; } .gap-10{ gap:10px; } .gap-12{ gap:12px; } .gap-16{ gap:16px; }

/* Spacing (margins) */
.mt-4{ margin-top:4px; } .mt-6{ margin-top:6px; } .mt-8{ margin-top:8px; }
.mt-10{ margin-top:10px; } .mt-12{ margin-top:12px; } .mt-16{ margin-top:16px; } .mt-18{ margin-top:18px; }
.mb-0{ margin-bottom:0; } .mb-4{ margin-bottom:4px; } .mb-6{ margin-bottom:6px; } .mb-8{ margin-bottom:8px; }
.mb-10{ margin-bottom:10px; } .mb-12{ margin-bottom:12px; } .mb-16{ margin-bottom:16px; }
.my-12-8{ margin:12px 0 8px; }

/* Width helpers */
.max-600{ max-width:600px; margin:0 auto; }
.max-700{ max-width:700px; margin:0 auto; }
.max-800{ max-width:800px; margin:0 auto; }
.max-900{ max-width:900px; margin:0 auto; }
.max-comfy{ max-width: 1000px; margin: 0 auto; }
.section-narrow { max-width: clamp(840px, 92vw, 860px); margin: 0 auto; }

/* Grid helpers */
.week-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); }
.grid-4-100{ grid-template-columns:repeat(4,minmax(100px,1fr)); }
.auto-180{ grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.auto-220{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.auto-260{ grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.col-span-2{ grid-column:span 2; }

/* Size / visibility */
.minh-88{ min-height:88px; }       /* sometimes used for schedule tiles */
.opacity-40{ opacity:.4; }
.bb-line{ border-bottom:1px solid var(--line); }
.list-plain{ list-style:none; padding-left:0; margin:0; }
.pad-8-12{ padding: 8px 12px; }
.pad-10-12{ padding: 10px 12px; }
.pad-28{ padding: 28px; }

/* Typography weights/sizes */
.fw-700 { font-weight: 700; }
.fs-90 { font-size: .9em; }

/* Width utility used by HCN field */
.max-220 { width: 220px; max-width: 100%; }

/* Width + centering */
.max-220{ max-width:220px; } .max-260{ max-width:260px; }
.max-320{ max-width:320px; } .max-360{ max-width:360px; }
.max-520{ max-width:520px; } .max-560{ max-width:560px; } .max-680{ max-width:680px; } .max-685{ max-width:685px; }
.w-44{ width:44px; }
.w-120{ width:120px; }
.minw-170{ min-width:170px; }
.minw-140{ min-width:140px; }
.mx-auto{ margin-left:auto; margin-right:auto; }

/* More spacing helpers seen in templates */
.ml-6{ margin-left:6px; } .ml-8{ margin-left:8px; } .ml-auto{ margin-left:auto; }
.mb-6{ margin-bottom:6px; } .mb-8{ margin-bottom:8px; } .mb-10{ margin-bottom:10px; } .mb-12{ margin-bottom:12px; }
.mt-0{ margin-top:0; } .mt-6{ margin-top:6px; } .mt-8{ margin-top:8px; } .mt-10{ margin-top:10px; } .mt-12{ margin-top:12px; } .mt-16{ margin-top:16px; }
.m-0{ margin:0; }

/* text utilities */
.tc{ text-align:center; }
.fw-400{ font-weight:400; }
.fw-700{ font-weight:700; }
.fs-90{ font-size:.9em; }

/* quick padding + visibility */
.p-0{ padding:0; }
.hidden{ display:none !important; }