/* Equine EDU live course standardization.

   Generated from former page-local CSS so live courses use shared stylesheets only. */

/* Utilities converted from former inline style attributes. */
.ee-u-066503ec { --x:79%; --y:60.5%; }
.ee-u-06a452e2 { width:100%; display:block; border-radius:var(--radius); }
.ee-u-06eec4b6 { --x:54.9%; --y:45%; }
.ee-u-08a6757d { left:49.7%; top:82.2%; }
.ee-u-0a8a3f73 { --x:51%; --y:58.9%; }
.ee-u-0b44c8ad { display:flex; gap:.5rem; }
.ee-u-0bf9d421 { background:var(--blue-light); border:1px solid var(--blue-secondary); border-left:4px solid var(--blue-primary); border-radius:0 var(--radius) var(--radius) 0; padding:1.25rem 1.5rem; margin:0.5rem 0; }
.ee-u-0cf8f93b { margin-top:1rem; }
.ee-u-10a91a59 { background:#2C1A12; }
.ee-u-11ac7f8b { width:36px; height:36px; border-radius:50%; background:#0a0a0a; box-shadow:0 2px 8px rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.1); }
.ee-u-16884469 { margin-bottom:1rem; }
.ee-u-171ab2a1 { margin-top:1rem; padding:0.9rem 1.1rem; background:rgba(200, 162, 122,0.07); border-radius:var(--radius); border:1px solid rgba(200, 162, 122,0.2); }
.ee-u-17559e67 { width:36px; height:36px; border-radius:50%; background:#a86030; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.9rem; flex-shrink:0; box-shadow:0 2px 8px rgba(168,96,48,0.4); }
.ee-u-189dae63 { --x:55.2%; --y:68.5%; }
.ee-u-1a274e5f { font-family:var(--font-display); color:var(--tan); font-size:1.1rem; margin-bottom:1rem; }
.ee-u-1d1d83ea { background:#9B5B2A; }
.ee-u-1d47ab59 { --x:36.1%; --y:66.2%; }
.ee-u-1da9facb { margin:0; }
.ee-u-1e7e77ec { padding:1.25rem; }
.ee-u-1f01d5a7 { color:var(--heading); }
.ee-u-1ff1e22e { font-size:0.9rem; color:var(--body-text); line-height:1.6; }
.ee-u-2205a102 { width:36px; height:36px; border-radius:50%; background:var(--heading); color:var(--tan); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.9rem; flex-shrink:0; box-shadow:0 2px 8px rgba(36, 54, 74,0.4); }
.ee-u-229b4e71 { display:flex; gap:1rem; align-items:flex-start; }
.ee-u-2314ee2e { --x:52.2%; --y:48.9%; }
.ee-u-2431d65a { padding:0; overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:120px; }
.ee-u-271c3c92 { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#0a1f3a 0%,#1a3055 100%); }
.ee-u-2727e18c { font-family:var(--font-display); color:var(--heading); margin-bottom:0.3rem; }
.ee-u-273ccaec { font-size:0.75rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--leather); margin-bottom:0.5rem; }
.ee-u-274011df { width:100%; height:100%; object-fit:cover; display:block; }
.ee-u-2766ef6f { font-size:1.2rem; color:var(--muted-text); padding:4px 10px; }
.ee-u-2de71f6a { display:flex; flex-direction:column; align-items:center; gap:0.3rem; }
.ee-u-31544ca0 { padding:0; overflow:hidden; position:relative; }
.ee-u-3180c912 { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#1a2a4a 0%,#2d4a7a 100%); }
.ee-u-31d50621 { --x:58.4%; --y:63.9%; }
.ee-u-324dd3e4 { width:100%; height:100%; object-fit:cover; display:block; min-height:120px; }
.ee-u-344f639d { left:19.6%; top:18.3%; }
.ee-u-36082faa { background:rgba(127,152,178,0.08); border:1px solid rgba(127,152,178,0.3); border-left:4px solid var(--tan); border-radius:0 var(--radius) var(--radius) 0; padding:1.25rem 1.5rem; margin:0.5rem 0; }
.ee-u-360f31e6 { opacity:.7; cursor:default; }
.ee-u-3b30d038 { width:10%; }
.ee-u-41a087a0 { margin-top: 1.25rem; }
.ee-u-42eb1fa1 { left:81%; top:87%; }
.ee-u-49f9e134 { font-size:0.75rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--tan); margin-bottom:0.5rem; }
.ee-u-4ccb07c3 { --x:77.3%; --y:69.6%; }
.ee-u-4da41f20 { --x:54.5%; --y:65.1%; }
.ee-u-4e49567c { --x:29.5%; --y:66%; }
.ee-u-4e8d2d13 { justify-content:center; margin-top:1.25rem; }
.ee-u-50b6ec39 { left:49.7%; top:53.6%; }
.ee-u-51c57a8f { margin-top:1.25rem; font-family:var(--font-display); font-size:1rem; color:var(--heading); }
.ee-u-52bd7370 { display:flex; flex-direction:column; gap:1.25rem; margin-top:1rem; }
.ee-u-52df3d33 { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#1f2d1a 0%,#3a5a2a 100%); }
.ee-u-53a43e56 { --x:56.1%; --y:70.5%; }
.ee-u-56160a56 { font-size:0.72rem; color:rgba(255,255,255,0.55); text-align:center; margin:0; }
.ee-u-5674a7d2 { --x:51.3%; --y:68.3%; }
.ee-u-5a9322d7 { max-width:680px; }
.ee-u-63eb9f0e { background:var(--heading); }
.ee-u-648c4d1b { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#1a3a1a 0%,#2d5a2d 100%); }
.ee-u-68937c89 { position:relative; display:inline-block; width:55%; user-select:none; }
.ee-u-6e58ee35 { margin-top:2rem; }
.ee-u-70bcb960 { --x:74.8%; --y:69.4%; }
.ee-u-71368a78 { width:36px; height:36px; border-radius:50%; background:var(--tan); color:var(--white); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.9rem; flex-shrink:0; }
.ee-u-7950f65f { width:100%; border-radius:var(--radius); margin-bottom:0.75rem; display:block; }
.ee-u-79e3ecc3 { font-size:.68rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:.25rem; }
.ee-u-7abb0868 { grid-column: 1 / -1; max-width: 480px; margin: 0 auto; }
.ee-u-7d57a5c2 { max-width:420px; }
.ee-u-7dc6109d { --x:28%; --y:50.5%; }
.ee-u-81b4ccbf { color:var(--tan); font-weight:700; }
.ee-u-83559c37 { --x:51.6%; --y:70.5%; }
.ee-u-861454cf { justify-content:center; margin-top:1rem; }
.ee-u-873f2980 { width: 10%; }
.ee-u-878b5d71 { color:var(--heading); font-weight:700; }
.ee-u-87db2275 { position:relative; }
.ee-u-8ad92115 { font-size:.75rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--tan); margin-bottom:.5rem; }
.ee-u-8b58bd66 { color:var(--body-text); font-size:0.88rem; margin-bottom:1.25rem; }
.ee-u-8d3aefa0 { text-align:center; display:block; }
.ee-u-90634e1f { margin-bottom:0.75rem; }
.ee-u-96dc7f90 { width:36px; height:36px; border-radius:50%; background:#c94e1a; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.9rem; flex-shrink:0; box-shadow:0 2px 8px rgba(201,78,26,0.4); }
.ee-u-977373c0 { background:#E8854A; }
.ee-u-9860f15a { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#2a1f0a 0%,#5a3e0a 100%); }
.ee-u-9b1e1397 { left:50%; top:88.4%; }
.ee-u-9d653e2f { font-size:.68rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.55); }
.ee-u-9f9839a4 { left:50.9%; top:39.6%; }
.ee-u-a29213ff { --x:75.7%; --y:60.7%; }
.ee-u-a59c3005 { left:80.9%; top:28.6%; }
.ee-u-ab054dbc { left:17.8%; top:47.7%; }
.ee-u-afcf1e65 { display:flex; justify-content:center; }
.ee-u-b05fd1db { width:0%; }
.ee-u-b372a2da { color:var(--tan); }
.ee-u-b73a68bc { width:36px; height:36px; border-radius:50%; background:linear-gradient(90deg,#a86030 50%,#0a0a0a 50%); box-shadow:0 2px 8px rgba(0,0,0,0.3); }
.ee-u-bd1477d0 { background:#6B2A0B; }
.ee-u-bd44264d { padding:0; overflow:hidden; border:1px solid var(--border); }
.ee-u-bd806f45 { --x:76.7%; --y:45.5%; }
.ee-u-c1e19fb5 { max-width:760px; }
.ee-u-c4fd913e { background:#D4A96A; }
.ee-u-c5b50bbe { width:100%; height:100%; object-fit:contain; display:block; }
.ee-u-c69d039a { --x:35.2%; --y:55.1%; }
.ee-u-c842ae9e { overflow:visible; }
.ee-u-c8a8c0c3 { left:50.3%; top:18.4%; }
.ee-u-c8be1ccb { display:none; }
.ee-u-c8dfa31a { background:rgba(200, 162, 122,.08); border:1px solid rgba(200, 162, 122,.3); border-left:4px solid var(--tan); border-radius:0 var(--radius) var(--radius) 0; padding:1.25rem 1.5rem; }
.ee-u-c8f08d0c { font-family:var(--font-display); color:var(--leather); font-size:1.1rem; margin-bottom:1rem; }
.ee-u-cad980f4 { width:100%; }
.ee-u-cc4a78fd { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#1a2d3a 0%,#2a5a6a 100%); }
.ee-u-cca0a9db { width:100%; height:100%; object-fit:contain; background:var(--soft-white); border-radius:var(--radius); }
.ee-u-cccd49cb { left:82.4%; top:67.1%; }
.ee-u-d061b86e { margin-bottom:.75rem; }
.ee-u-d0e006bc { left:43.9%; top:79.2%; }
.ee-u-d1207bd1 { text-align:center; grid-column:1/-1; justify-self:center; width:calc(50% - 0.4rem); }
.ee-u-d1b4842b { display:flex; gap:0.5rem; }
.ee-u-d2648736 { width:36px; height:36px; border-radius:50%; background:#c94e1a; box-shadow:0 2px 8px rgba(0,0,0,0.3); }
.ee-u-d2e32eaf { font-size:0.83rem; color:var(--body-text); line-height:1.65; margin:0; }
.ee-u-d5de8b22 { width:100%; height:100%; object-fit:contain; display:block; min-height:120px; padding:0.35rem; }
.ee-u-dac4fe6c { text-align:center; }
.ee-u-df4ad56d { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#1a2a1a 0%,#2d4a2d 100%); }
.ee-u-e14c8971 { font-size:2rem; }
.ee-u-e3f24f0f { padding:0; overflow:hidden; position:relative; background:linear-gradient(135deg,#3a1a2a 0%,#5a2a4a 100%); }
.ee-u-e535293f { left:18.1%; top:76.2%; }
.ee-u-e6b583bc { color:var(--body-text); line-height:1.7; }
.ee-u-ed637d7d { background:rgba(200, 162, 122,0.08); border:1px solid rgba(200, 162, 122,0.3); border-left:4px solid var(--tan); border-radius:0 var(--radius) var(--radius) 0; padding:1.25rem 1.5rem; margin:0.5rem 0; }
.ee-u-ee036e5f { padding:0 0 2rem; }
.ee-u-f5054f70 { width:100%; height:115%; object-fit:cover; object-position:top center; display:block; margin-top:-8%; }
.ee-u-f7407e9f { background:linear-gradient(150deg,var(--heading),#0a1428); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0.5rem; padding:1.25rem; }
.ee-u-f84b4b38 { --x:54.9%; --y:56.4%; }
.ee-u-f86043fd { background:#C44C18; }
.ee-u-f8d8d998 { font-family:var(--font-display); color:var(--heading); margin:2rem 0 0.75rem; }
.ee-u-f989999c { color:rgba(255,255,255,0.7); font-size:0.78rem; }
.ee-u-fda59ba7 { width:100%; height:100%; object-fit:contain; object-position:center; display:block; padding:0.5rem; background:#d7c2b8; }
.ee-u-feab8b89 { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.ee-u-ff300ad5 { --x:74.5%; --y:45.1%; }
.ee-u-ff6e4783 { width:160%; max-height:520px; object-fit:contain; display:block; opacity:0.95; filter:drop-shadow(0 16px 40px rgba(0,0,0,0.32)); }
.ee-u-ff8f18b8 { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }

/* Page-scoped course styles converted from former inline <style> blocks. */
/* Extracted from courses/round-pen/colors-markings/common-horse-colors/1-index.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .hero-marking-single {
width: min(100%, 320px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .hero-marking-single img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: scale(1.18);
  filter: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .track-features, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .track-features li, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/2-why-colors-matter.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-2-why-colors-matter .color-mini-row {
display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.7rem;
  margin: -0.85rem 0 -0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-2-why-colors-matter .color-mini-row img {
width: 108px;
  height: 128px;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-2-why-colors-matter .color-mini-row img:nth-child(4) {
transform: scale(1.28);
  transform-origin: center bottom;
}
@media (max-width: 560px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-2-why-colors-matter .color-mini-row {
gap: 0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-2-why-colors-matter .color-mini-row img {
width: 56px;
    height: 66px;
}

}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/3-color-types.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .concept-card img {
height: 220px;
    width: 100%;
    object-fit: contain;
    object-position: center bottom;
    border-radius: var(--radius) var(--radius) 0 0;
    display: block;
    margin-bottom: 0.75rem;
    background: var(--white);
    padding: 0.5rem 0.5rem 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .color-compare-note {
background: rgba(36,54,74,0.04);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1rem 1.25rem;
    font-size: 0.88rem;
    color: var(--body-text);
    line-height: 1.7;
    margin-top: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .color-compare-note strong {
color: var(--heading);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .key-concept-callout {
background: var(--blue-light);
    border: 1px solid var(--blue-secondary);
    border-left: 4px solid var(--blue-primary);
    border-radius: 0 var(--radius) var(--radius) 0;
    padding: 1.25rem 1.5rem;
    margin: 0.5rem 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .key-concept-callout .callout-label {
font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--leather);
    margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .key-concept-callout p {
color: var(--body-text);
    line-height: 1.7;
    margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-system {
display: flex; flex-direction: column; gap: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .gray-timeline {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step {
background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1rem;
    text-align: center;
    position: relative;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step::after {
content: '->';
    position: absolute;
    right: -0.7rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: var(--leather);
    font-weight: 800;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step:last-child::after {
display: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step-age {
font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--leather);
    margin-bottom: 0.35rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step-label {
font-family: var(--font-display);
    font-size: 0.95rem;
    color: var(--heading);
    margin-bottom: 0.4rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step p {
font-size: 0.8rem;
    color: var(--body-text);
    line-height: 1.5;
    margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-bar-bottom {
margin-top: 1.5rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .gray-timeline {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .timeline-step::after {
display: none;
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-system {
gap: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-bar {
gap: 0.5rem;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 0.4rem;
  margin: 1.35rem 0 1.75rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .part-tab, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-btn, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .saddle-view-tab {
min-height: 48px;
  border: 0;
  border-radius: var(--radius);
  background: var(--cream-bg);
  color: var(--body-text);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  padding: 0.85rem 1rem;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .part-tab.active, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-btn.active, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .saddle-view-tab.active, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-btn:nth-child(2).active, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-btn:nth-child(5).active {
background: var(--blue-primary);
  border-color: transparent;
  color: var(--white);
  box-shadow: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .part-tab:not(.active):hover, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .tab-btn:not(.active):hover, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .saddle-view-tab:not(.active):hover {
background: rgba(36,54,74,0.06);
  color: var(--blue-primary);
  opacity: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .part-panel > .lesson-intro-card, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-3-color-types .lesson-intro-card + .tab-system {
margin-bottom: 1.35rem;
}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/4-viewing-room.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid .flip-front {
position:relative; padding: 0; overflow: hidden; border-radius: var(--radius);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid .flip-back {
padding: 1rem; text-align: center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--heading);
    margin-bottom: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-photo {
width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--radius);
    background: var(--cream-bg);
    display: block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .real-horse-flip-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-4-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36,54,74,.86); color:var(--white); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/5-training-barn.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36,54,74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-icon {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-icon svg {
opacity: 0.9;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-icon span {
font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(217,227,236,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--leather);
  letter-spacing: 0.04em;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-footer svg {
color: var(--leather);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .barn-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-5-training-barn .activity-card-image img {
object-position: center 6% !important;
}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/activities/common-colors-worksheets/index.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .lesson-left {
max-width: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card.coming-soon .download-card-preview img {
opacity: 0.82;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card.coming-soon .download-card-footer {
color: var(--muted-text);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
  cursor: pointer;
  border: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download.pdf {
background:var(--blue-primary); color:var(--white);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download.pdf:hover {
background: var(--heading); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download.img {
background: var(--soft-white); color: var(--heading); border: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download.img:hover {
background: var(--cream-secondary); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .btn-download svg {
flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--heading);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36, 54, 74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .page-return a:hover {
transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(36, 54, 74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-grid {
grid-template-columns: 1fr;
}

}
@media (min-width: 560px) and (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-common-colors-worksheets-index .download-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/activities/game-1/color-challenge.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .game-wrap {
max-width: 680px;
  margin: 0 auto;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-progress {
display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-progress-bar {
flex: 1;
  height: 6px;
  background: var(--border);
  border-radius: 999px;
  overflow: hidden;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-progress-fill {
height: 100%;
  background: var(--tan);
  border-radius: 999px;
  transition: width 0.4s ease;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-progress-label {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--body-text);
  white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-score-badge {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--cream-bg);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0.3rem 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--heading);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-photo-wrap {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--cream-bg);
  border: 1px solid var(--border);
  margin-bottom: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-photo-wrap img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-photo-overlay {
position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--radius-lg);
  transition: background 0.25s;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-photo-overlay.correct {
background: rgba(40,180,99,0.18);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-photo-overlay.wrong {
background: rgba(220,53,69,0.18);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-feedback {
min-height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 1rem;
  border-radius: var(--radius);
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 1rem;
  transition: background 0.2s;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-feedback.correct {
background: rgba(40,180,99,0.12);
  color: var(--success);
  border: 1px solid rgba(40,180,99,0.3);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-feedback.wrong {
background: rgba(220,53,69,0.08);
  color: var(--error);
  border: 1px solid rgba(220,53,69,0.25);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .challenge-feedback.hidden {
visibility: hidden;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .next-btn {
flex-shrink: 0;
  padding: 0.4rem 1rem;
  background: var(--tan);
  color: var(--white);
  border: none;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: opacity 0.15s;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .next-btn:hover {
opacity: 0.85;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-screen {
display: none;
  text-align: center;
  padding: 2.5rem 2rem 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-screen.visible {
display: flex;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-trophy {
font-size: 3rem;
  line-height: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-score-big {
width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--tan);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 1.7rem;
  color: var(--white);
  line-height: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-score-label {
font-family: var(--font-display);
  font-size: 1.4rem;
  color: var(--heading);
  margin-bottom: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-message {
font-size: 0.9rem;
  color: var(--body-text);
  line-height: 1.65;
  max-width: 420px;
  margin: 0 auto;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .results-actions {
display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .btn-primary {
padding: 0.7rem 1.5rem;
  background: var(--tan);
  color: var(--white);
  border: none;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: opacity 0.15s;
  text-decoration: none;
  display: inline-block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .btn-primary:hover {
opacity: 0.85;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .btn-secondary {
padding: 0.7rem 1.5rem;
  background: var(--white);
  color: var(--heading);
  border: 2px solid var(--border);
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s;
  text-decoration: none;
  display: inline-block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .btn-secondary:hover {
border-color: var(--blue-primary);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-list {
margin-top: 2rem;
  text-align: left;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-list h3 {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  margin-bottom: 0.75rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-item {
display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.85rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-item:last-child {
border-bottom: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-dot {
width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-dot.correct {
background: var(--success);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-dot.wrong {
background: var(--error);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-color-name {
font-weight: 700; color: var(--heading); flex: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .review-answer {
color: var(--body-text);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-1-color-challenge .photo-loading {
position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cream-bg);
  color: var(--body-text);
  font-size: 0.85rem;
}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/activities/game-2/color-sort.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-intro {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-stat {
display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--body-text);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-stat strong {
color: var(--heading);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .hand-section {
margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .hand-label {
font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--leather);
  margin-bottom: 0.75rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .hand-pile {
display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  min-height: 80px;
  padding: 0.75rem;
  background: var(--cream-bg);
  border: 2px dashed var(--border);
  border-radius: var(--radius-lg);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .hand-pile:empty::after {
content: 'All cards sorted!';
  font-size: 0.85rem;
  color: var(--body-text);
  font-style: italic;
  margin: auto;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card {
width: 110px;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--white);
  border: 2px solid var(--border);
  cursor: grab;
  user-select: none;
  touch-action: manipulation;
  transition: box-shadow 0.18s, transform 0.18s, border-color 0.18s;
  flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card:hover {
box-shadow: 0 6px 20px rgba(36,54,74,0.14); transform: translateY(-2px);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card.touch-selected {
border-color: var(--blue-primary);
  box-shadow: 0 0 0 3px rgba(127,152,178,0.24), 0 8px 24px rgba(36,54,74,0.14);
  transform: translateY(-2px);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card.dragging {
opacity: 0.45;
  cursor: grabbing;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card img {
width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center bottom;
  display: block;
  background: var(--white);
  padding: 0.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card-label {
padding: 0.35rem 0.4rem;
  font-size: 0.64rem;
  font-weight: 700;
  color: var(--body-text);
  text-align: center;
  line-height: 1.3;
  background: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card.correct-placed {
border-color: var(--success);
  pointer-events: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card.wrong-placed {
border-color: var(--error);
  animation: shake 0.35s ease;
}
@keyframes shake {
0%,100%{ transform: translateX(0); }
  20%    { transform: translateX(-5px); }
  60%    { transform: translateX(5px); }
  80%    { transform: translateX(-3px); }
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .buckets-grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}
@media(min-width:700px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .buckets-grid {
grid-template-columns: repeat(3, 1fr);
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket {
border: 2px dashed var(--border);
  border-radius: var(--radius-lg);
  padding: 0.75rem;
  min-height: 150px;
  background: var(--cream-bg);
  transition: border-color 0.18s, background 0.18s;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  touch-action: manipulation;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket.drag-over {
border-color: var(--blue-primary);
  background: rgba(127,152,178,0.07);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket-header {
font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--heading);
  margin-bottom: 0.3rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid var(--border);
  text-align: center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket-cards {
display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  flex: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket .sort-card {
width: 72px; cursor: default;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket .sort-card img {
aspect-ratio: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket .sort-card-label {
font-size: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-actions {
display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .btn-primary {
padding: 0.65rem 1.4rem;
  background: var(--tan);
  color: var(--white);
  border: none;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.87rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: opacity 0.15s;
  text-decoration: none;
  display: inline-block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .btn-primary:hover {
opacity: 0.85;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .btn-secondary {
padding: 0.65rem 1.4rem;
  background: var(--white);
  color: var(--heading);
  border: 2px solid var(--border);
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 0.87rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s;
  text-decoration: none;
  display: inline-block;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .btn-secondary:hover {
border-color: var(--blue-primary);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .completion-banner {
display: none;
  text-align: center;
  padding: 2.5rem 2rem 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .completion-banner.visible {
display: flex;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .completion-emoji {
font-size: 3rem; line-height: 1;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .completion-title {
font-family: var(--font-display);
  font-size: 1.5rem;
  color: var(--heading);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .completion-sub {
font-size: 0.9rem;
  color: var(--body-text);
  line-height: 1.7;
  max-width: 420px;
  margin: 0 auto;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .score-pill {
display: inline-block;
  background: var(--tan);
  color: var(--white);
  border-radius: 999px;
  padding: 0.4rem 1.1rem;
  font-size: 0.85rem;
  font-weight: 800;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .touch-note {
font-size: 0.78rem;
  color: var(--body-text);
  text-align: center;
  margin-bottom: 1rem;
  font-style: italic;
}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .hand-pile {
justify-content: center;
    padding: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .sort-card {
width: 96px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket {
min-height: 112px; padding: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .bucket .sort-card {
width: 64px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-2-color-sort .buckets-grid {
gap: 0.65rem;
}

}

/* Extracted from courses/round-pen/colors-markings/common-horse-colors/activities/game-3/color-compare.html */
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-intro h2 {
font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--heading);
  margin-bottom: 0.4rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-intro p {
color: var(--body-text);
  font-size: 0.88rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-group-label {
font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--leather);
  margin: 2rem 0 0.9rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-group-label:first-of-type {
margin-top: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 580px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card {
border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: 0 2px 8px rgba(36,54,74,0.06);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-viewport {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 230px;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  background: var(--cream-bg);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-img-right {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  padding: 0.5rem;
  box-sizing: border-box;
  display: block;
  background: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-img-left-wrap {
position: absolute;
  inset: 0;
  overflow: hidden;
  width: 100%;
  clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
  -webkit-clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-img-left {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  padding: 0.5rem;
  box-sizing: border-box;
  display: block;
  background: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle {
position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--heading);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle::before, body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle::after {
content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--heading);
  border: 3px solid var(--leather);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle::before {
top: 50%; transform: translate(-50%, -50%);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle::after {
display: none;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-handle-icon {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--heading);
  border: 3px solid var(--leather);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 11;
  color: var(--leather);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-labels {
position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label {
position: absolute;
  bottom: 0.6rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(127,152,178,0.35);
  border-radius: 999px;
  padding: 0.22rem 0.65rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--tan);
  white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label-left {
left: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label-right {
right: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-range-wrap {
display: none;
  padding: 0.7rem 1rem 0;
  background: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-range {
width: 100%;
  accent-color: var(--blue-primary);
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card-footer {
padding: 0.75rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-vs {
flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--leather);
  background: rgba(127,152,178,0.1);
  border: 1px solid rgba(127,152,178,0.3);
  border-radius: 999px;
  padding: 0.2rem 0.5rem;
  margin-top: 0.15rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card-text {

}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card-names {
font-family: var(--font-display);
  font-size: 0.9rem;
  color: var(--heading);
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card-tip {
font-size: 0.78rem;
  color: var(--body-text);
  line-height: 1.6;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .drag-hint {
text-align: center;
  font-size: 0.78rem;
  color: var(--body-text);
  margin-bottom: 1.5rem;
  font-style: italic;
}
@media (max-width: 580px) {
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .lesson-wrap {
padding-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .visual-card {
padding: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-intro {
padding: 1rem;
    margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .drag-hint {
margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-viewport {
aspect-ratio: 3 / 4;
    min-height: 320px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-img-left {
padding: 0.35rem;
    object-position: center center;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label {
bottom: 0.45rem;
    max-width: calc(50% - 1.2rem);
    white-space: normal;
    text-align: center;
    line-height: 1.15;
    letter-spacing: 0.8px;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label-left {
left: 0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-label-right {
right: 0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .compare-card-footer {
padding: 0.8rem;
}
body.ee-page-courses-round-pen-colors-markings-common-horse-colors-activities-game-3-color-compare .slider-range-wrap {
display: block;
}

}

/* Extracted from courses/round-pen/colors-markings/face-markings/1-index.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .hero-marking-single {
width: min(100%, 320px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .hero-marking-single img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: scale(1.18);
  filter: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .track-features, body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .track-features li, body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/colors-markings/face-markings/2-why-markings-matter.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-2-why-markings-matter .marking-mini-row {
display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
  margin: -0.85rem 0 -0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-2-why-markings-matter .marking-mini-row img {
width: 108px;
  height: 128px;
  object-fit: contain;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-2-why-markings-matter .marking-mini-row img:nth-child(3) {
transform: scale(0.82);
}
@media (max-width: 560px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-2-why-markings-matter .marking-mini-row {
gap: 0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-2-why-markings-matter .marking-mini-row img {
width: 56px;
    height: 66px;
}

}

/* Extracted from courses/round-pen/colors-markings/face-markings/3-face-anatomy.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-3-face-anatomy .face-anchor {
position: absolute;
        width: 8px;
        height: 8px;
        background: var(--tan);
        border: 2px solid var(--heading);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        z-index: 3;
        box-shadow: 0 1px 5px rgba(36,54,74,0.35);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-3-face-anatomy .face-label {
position: absolute;
        transform: translate(-50%, -50%);
        background:var(--blue-primary);
        color:var(--white);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.28rem 0.6rem;
        border-radius: 5px;
        white-space: nowrap;
        pointer-events: none;
        box-shadow: 0 2px 8px rgba(36,54,74,0.25);
        z-index: 4;
        transition: box-shadow 0.15s ease;
}

/* Extracted from courses/round-pen/colors-markings/face-markings/4-face-markings.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-4-face-markings .concept-card img {
height: 220px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    padding: 0.75rem;
    box-sizing: border-box;
}

/* Extracted from courses/round-pen/colors-markings/face-markings/5-viewing-room.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-front {
position:relative; padding: 0; overflow: hidden; border-radius: var(--radius);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-back {
padding: 1rem; text-align: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-front .term-name, body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--heading);
    margin-bottom: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-photo {
width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--radius);
    background: var(--cream-bg);
    display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .real-horse-flip-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-face-markings-5-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36,54,74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/round-pen/colors-markings/face-markings/6-training-barn.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36,54,74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-icon {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-icon svg {
opacity: 0.9;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-icon span {
font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(127,152,178,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--leather);
  letter-spacing: 0.04em;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-card-footer svg {
color: var(--leather);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .barn-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--blue-primary);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-6-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/round-pen/colors-markings/face-markings/activities/face-marking-downloads/index.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .lesson-left {
max-width: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .barn-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--blue-primary);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cream-bg);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(127,152,178,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
  cursor: pointer;
  border: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download.pdf {
background: var(--tan);
  color: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download.pdf:hover {
background: var(--leather);
  transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download.img {
background: var(--cream-bg);
  color: var(--heading);
  border: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download.img:hover {
background: var(--cream-secondary);
  transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .btn-download svg {
flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--white);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36,54,74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .page-return a:hover {
transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(36,54,74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-grid {
grid-template-columns: 1fr;
}

}
@media (min-width: 560px) and (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-face-marking-downloads-index .download-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/round-pen/colors-markings/face-markings/activities/game-1/face-marking-match.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-1-face-marking-match .game-image-frame {
width: 100%;
  max-width: 320px;
  margin: 0 auto 1.25rem;
  aspect-ratio: 1 / 1.1;
  background: var(--heading);
  border: 1px solid rgba(127,152,178,0.25);
  border-radius: var(--radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-1-face-marking-match .game-image-frame img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 0.5rem;
}

/* Extracted from courses/round-pen/colors-markings/face-markings/activities/game-2/pin-the-marking.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .game-shell {
background: var(--heading);
  border: 1px solid rgba(200,162,122,0.25);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .game-progress-bar-wrap {
background: rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 0.9rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .game-progress-label {
font-size: 0.78rem; font-weight: 700; color: rgba(255,255,255,0.55); white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .game-score-label {
font-size: 0.78rem; font-weight: 700; color: var(--tan); white-space: nowrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pin-prompt-wrap {
padding: 1.1rem 1.4rem 0.6rem;
  text-align: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pin-prompt-label {
font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 0.3rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pin-prompt-name {
font-family: var(--font-display);
  font-size: 1.65rem;
  color: var(--tan);
  line-height: 1.2;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pony-drop-area {
display: flex;
  justify-content: center;
  padding: 0.5rem 1.4rem 0;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pony-drop-wrap {
position: relative;
  width: 220px;
  border-radius: var(--radius);
  transition: box-shadow 0.18s ease;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pony-drop-wrap.drag-over {
box-shadow: 0 0 0 3px var(--tan), 0 6px 20px rgba(200,162,122,0.28);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pony-drop-wrap.correct-flash {
animation: pony-correct 0.55s ease forwards;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .pony-drop-wrap.wrong-shake {
animation: pony-shake 0.38s ease;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking #pony-img {
width: 100%;
  display: block;
  border-radius: var(--radius);
}
@keyframes pony-correct {
0%   { box-shadow: 0 0 0 4px var(--success); }
  50%  { box-shadow: 0 0 0 10px rgba(76,175,80,0.35); }
  100% { box-shadow: none; }
}
@keyframes pony-shake {
0%,100% { transform: translateX(0); }
  20%     { transform: translateX(-7px); }
  40%     { transform: translateX(7px); }
  60%     { transform: translateX(-4px); }
  80%     { transform: translateX(4px); }
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .options-grid {
display: flex;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.85rem 1.4rem 0.4rem;
  flex-wrap: wrap;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.45rem 0.55rem;
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(200,162,122,0.35);
  border-radius: var(--radius);
  cursor: grab;
  user-select: none;
  width: 86px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card:hover {
border-color: var(--tan);
  box-shadow: 0 3px 14px rgba(200,162,122,0.25);
  background: rgba(255,255,255,0.1);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card.dragging {
opacity: 0.3;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card.used {
opacity: 0.2;
  pointer-events: none;
  cursor: default;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card img {
width: 62px;
  height: 62px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .option-card-label {
font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tan);
  text-align: center;
  line-height: 1.3;
  pointer-events: none;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking #drag-clone {
position: fixed;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.93;
  transform: translate(-50%, -50%) scale(1.1);
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  background: var(--white);
  border: 2px solid var(--heading);
  border-radius: var(--radius);
  padding: 0.4rem 0.45rem 0.5rem;
  box-shadow: 0 8px 28px rgba(36,54,74,0.24);
  width: 86px;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking #drag-clone img {
width: 62px;
  height: 62px;
  object-fit: contain;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking #drag-clone span {
font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--heading);
  text-align: center;
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-2-pin-the-marking .drag-hint {
text-align: center;
  font-size: 0.73rem;
  color: rgba(255,255,255,0.4);
  padding: 0 1.4rem 0.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Extracted from courses/round-pen/colors-markings/face-markings/activities/game-3/marking-memory-game.html */
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .memory-stats-bar {
background: var(--heading);
  padding: 0.85rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .stat-chip {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .stat-chip .stat-val {
font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--tan);
  line-height: 1;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .stat-chip .stat-lbl {
font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .stat-divider {
width: 1px;
  height: 32px;
  background: rgba(255,255,255,0.15);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .memory-grid-wrap {
padding: 1.75rem 2rem 2rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .memory-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.95rem;
  max-width: 920px;
  margin: 0 auto;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card {
perspective: 800px;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-inner {
position: relative;
  width: 100%; height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--radius);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card.flipped .mem-card-inner, body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card.matched .mem-card-inner {
transform: rotateY(180deg);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-front {
position: absolute;
  inset: 0;
  border-radius: var(--radius);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-back {
background: var(--heading);
  border: 2px solid rgba(200,162,122,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-back img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-front {
transform: rotateY(180deg);
  background: var(--cream-bg);
  border: 2px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card.matched .mem-card-front {
border-color: var(--success-bd);
  background: var(--success-bg);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-front.img-card img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card-front.name-card {
flex-direction: column;
  gap: 0.25rem;
  background: var(--white);
  text-align: center;
  padding: 0.55rem;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .name-card-label {
font-family: var(--font-display);
  font-size: clamp(0.92rem, 1.6vw, 1.2rem);
  font-weight: 900;
  color: var(--heading);
  line-height: 1.15;
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card.matched .mem-card-front.name-card {
background: var(--success-bg);
}
body.ee-page-courses-round-pen-colors-markings-face-markings-activities-game-3-marking-memory-game .mem-card.wrong-flash .mem-card-front {
border-color: var(--error-bd);
  background: var(--error-bg);
  animation: wrong-flash 0.35s ease;
}

@keyframes wrong-flash {
  0%,100% { transform: rotateY(180deg); }
  25%     { transform: rotateY(180deg) scale(0.97); }
}

@keyframes match-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(46,125,50,0.4); }
  70%  { box-shadow: 0 0 0 8px rgba(46,125,50,0); }
  100% { box-shadow: 0 0 0 0 rgba(46,125,50,0); }
}

.mem-card.matched .mem-card-inner {
  animation: match-pulse 0.5s ease forwards;
}

.win-screen {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.5rem 2rem 2rem;
  gap: 1rem;
}
.win-screen.show { display: flex; }
.win-trophy {
  font-size: 3rem;
  line-height: 1;
}
.win-title { font-family: var(--font-display); font-size: 1.5rem; color: var(--heading); }
.win-stats {
  display: flex;
  gap: 2rem;
  align-items: center;
  background: var(--cream-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem 1.5rem;
}
.win-stat { text-align: center; }
.win-stat .win-val { font-family: var(--font-display); font-size: 1.6rem; color: var(--heading); line-height: 1; }
.win-stat .win-lbl { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: var(--muted-text); }
.win-msg  { font-size: 0.9rem; color: var(--body-text); line-height: 1.65; max-width: 320px; }

@media (max-width: 480px) {
  .memory-grid { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
  .name-card-label { font-size: 0.78rem; }
}

/* Extracted from courses/round-pen/colors-markings/leg-markings/1-index.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero {

}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero-desc {
max-width: 560px;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-meta-row {
display:flex; flex-wrap:nowrap; gap:0; margin-bottom:1.75rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item {
font-size:0.74rem; font-weight:700; color:var(--leather-dark); padding:0 0.75rem; border-right:1px solid var(--blue-secondary); white-space:nowrap;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item:first-child {
padding-left:0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item:last-child {
border-right:0; padding-right:0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .hero-actions {
display:flex; gap:0.85rem; flex-wrap:wrap;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero-art {
display:flex; justify-content:center; align-items:center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .hero-marking-single {
width:min(100%,330px);
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .hero-marking-single img {
width:100%; height:100%; object-fit:contain; display:block; filter:none;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-list {
margin-top:2rem; display:grid; gap:0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-item {
display:grid; grid-template-columns:40px 1fr auto; gap:1rem; align-items:center; padding:1rem 1.25rem; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); text-decoration:none; transition:box-shadow 0.18s,border-color 0.18s;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-item:hover {
border-color:var(--leather); box-shadow:0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-num {
width:36px; height:36px; border-radius:50%; background:var(--blue-primary); color:var(--white); font-family:var(--font-display); display:flex; align-items:center; justify-content:center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-title {
font-weight:700; font-size:0.9rem; color:var(--heading); margin-bottom:0.2rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-desc {
font-size:0.8rem; color:var(--body-text); line-height:1.5;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-type {
font-size:0.68rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted-text); white-space:nowrap;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .track-features, body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .alignment-list {
list-style:none; display:grid; gap:0.75rem; margin-top:1.25rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .track-features li, body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .alignment-list li {
display:flex; gap:0.75rem; color:var(--body-text); font-size:0.9rem; line-height:1.6;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .cta-section {
border-top:0;
}
@media (max-width:900px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero-inner {
grid-template-columns:1fr;gap:2rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-hero-art {
display:none
}

}
@media (max-width:640px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-meta-row {
flex-wrap:wrap;row-gap:0.6rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item {
padding:0 0.7rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-item {
grid-template-columns:36px 1fr
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .module-type {
grid-column:2
}

}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/colors-markings/leg-markings/2-why-markings-matter.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-location-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .location-card {
background:var(--cream-bg); border:1px solid var(--border); border-radius:var(--radius); padding:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .location-card h3 {
font-family:var(--font-display); color:var(--heading); font-size:1.05rem; margin-bottom:0.45rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .location-card p {
color:var(--body-text); font-size:0.9rem; line-height:1.65; margin:0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-callout {
background:var(--blue-light); border:1px solid rgba(127,152,178,0.35); border-left:4px solid var(--blue-primary); border-radius:0 var(--radius) var(--radius) 0; padding:1rem 1.15rem; color:var(--body-text); line-height:1.7;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-marking-strip {
display:flex; justify-content:center; align-items:flex-end; gap:1.55rem; margin:1.65rem auto 1.85rem; padding:0 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-marking-strip img {
width:116px; height:116px; object-fit:contain; display:block;
}
@media (max-width:760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-location-grid {
grid-template-columns:1fr;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-marking-strip {
gap:1rem; flex-wrap:wrap; margin:2rem auto;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-2-why-markings-matter .leg-marking-strip img {
width:92px; height:92px;
}

}

/* Extracted from courses/round-pen/colors-markings/leg-markings/3-leg-anatomy.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-anatomy-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-card {
background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-card h3 {
font-family:var(--font-display); color:var(--heading); margin-bottom:0.75rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage {
position:relative; min-height:560px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); overflow:visible; display:flex; align-items:center; justify-content:center; user-select:none;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage img {
max-width:82%; max-height:520px; object-fit:contain; display:block;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-marker-svg {
position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; z-index:2;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-marker-line {
stroke:rgba(127,152,178,0.78); stroke-width:1.5; stroke-dasharray:4 3;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-anchor {
position:absolute; left:var(--x); top:var(--y); width:9px; height:9px; background:var(--tan); border:2px solid var(--heading); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:4; box-shadow:0 1px 5px rgba(36,54,74,0.35);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-label {
position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); background:var(--blue-primary); color:var(--white); font-size:0.68rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; padding:0.36rem 0.75rem; border-radius:5px; white-space:nowrap; pointer-events:none; box-shadow:0 2px 8px rgba(36,54,74,0.25); z-index:5;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .diagram-help {
margin-top:0.75rem; color:var(--body-text); font-size:0.82rem; line-height:1.55;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .horse-part-list {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.75rem; margin-top:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .horse-part-list article {
background:var(--cream-bg); border:1px solid var(--border); border-left:3px solid var(--blue-primary); border-radius:0 var(--radius) var(--radius) 0; padding:0.85rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .horse-part-list h3 {
font-family:var(--font-display); color:var(--heading); font-size:1rem; margin-bottom:0.3rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .horse-part-list p {
color:var(--body-text); font-size:0.86rem; line-height:1.55; margin:0;
}
@media (max-width:980px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-anatomy-grid, body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .horse-part-list {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage {
min-height:500px
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage img {
max-height:460px
}

}
@media (max-width:640px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage {
min-height:430px
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-diagram-stage img {
max-width:76%;max-height:390px
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-3-leg-anatomy .leg-label {
font-size:0.62rem;padding:0.3rem 0.58rem
}

}

/* Extracted from courses/round-pen/colors-markings/leg-markings/4-leg-markings.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-4-leg-markings .concept-card img {
height:220px; width:100%; object-fit:contain; object-position:center; padding:0.75rem; box-sizing:border-box;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-4-leg-markings .height-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-4-leg-markings .height-card {
background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:1rem; text-align:center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-4-leg-markings .height-card img {
width:100%; max-height:420px; object-fit:contain; display:block; margin:0 auto 0.75rem;
}
@media (max-width:760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-4-leg-markings .height-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/colors-markings/leg-markings/5-viewing-room.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid .flip-card {
min-height:320px;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid .flip-front {
position:relative; padding:0; overflow:hidden; border-radius:var(--radius);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid .flip-back {
padding:1rem; text-align:center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid .term-name {
font-family:var(--font-display); font-size:1.05rem; color:var(--heading); margin-bottom:0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-photo {
width:100%; height:100%; min-height:320px; object-fit:cover; object-position:center; border-radius:var(--radius); background:var(--cream-bg); display:block;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid .term-def {
color:var(--body-text); font-size:0.9rem; line-height:1.55; text-align:left;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .gallery-instructions {
color:var(--body-text); font-size:1rem; font-weight:700; line-height:1.6; margin-top:0.5rem;
}
@media (max-width:760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .real-horse-flip-grid {
grid-template-columns:1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-leg-markings-5-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36,54,74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/round-pen/colors-markings/leg-markings/6-training-barn.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36,54,74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-icon {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-icon svg {
opacity: 0.9;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-icon span {
font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(127,152,178,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--leather);
  letter-spacing: 0.04em;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-footer svg {
color: var(--leather);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .barn-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--blue-primary);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-round-pen-colors-markings-leg-markings-6-training-barn .activity-card-image img {
width:100%; height:100%; object-fit:cover; object-position:top center; display:block; padding:0; transform:none;
}

/* Extracted from courses/round-pen/colors-markings/leg-markings/activities/leg-marking-downloads/index.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .lesson-left {
max-width: none;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .barn-intro {
background: var(--cream-bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--blue-primary);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cream-bg);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36,54,74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(127,152,178,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
  cursor: pointer;
  border: none;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download.pdf {
background: var(--tan); color: var(--white);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download.pdf:hover {
background: var(--leather); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download.img {
background: var(--cream-bg); color: var(--heading); border: 1px solid var(--border);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download.img:hover {
background: var(--cream-secondary); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .btn-download svg {
flex-shrink: 0;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--white);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36,54,74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .page-return a:hover {
transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(36,54,74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-grid {
grid-template-columns: 1fr;
}

}
@media (min-width: 560px) and (max-width: 760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-downloads-index .download-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/round-pen/colors-markings/leg-markings/activities/leg-marking-games/game-2/leg-marking-memory-game.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .memory-stats-bar {
background:var(--heading);padding:.85rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .stat-chip {
display:flex;flex-direction:column;align-items:center;gap:.1rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .stat-chip .stat-val {
font-family:var(--font-display);font-size:1.3rem;color:var(--tan);line-height:1
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .stat-chip .stat-lbl {
font-size:.6rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.45)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .stat-divider {
width:1px;height:32px;background:rgba(255,255,255,.15)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .memory-grid-wrap {
padding:1.75rem 2rem 2rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .memory-grid {
display:grid;grid-template-columns:repeat(4,1fr);gap:.95rem;max-width:920px;margin:0 auto
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card {
perspective:800px;cursor:pointer;aspect-ratio:1/1;border:0;background:transparent;padding:0
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-inner {
position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card.flipped .mem-card-inner, body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card.matched .mem-card-inner {
transform:rotateY(180deg)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-back, body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-front {
position:absolute;inset:0;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-back {
background:var(--heading);border:2px solid rgba(200,162,122,.35);display:flex;align-items:center;justify-content:center
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-back img {
width:100%;height:100%;object-fit:cover;display:block
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-front {
transform:rotateY(180deg);background:var(--cream-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;padding:.3rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card.matched .mem-card-front {
border-color:rgba(46,125,50,.7);background:var(--success-bg)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-front.img-card img {
width:100%;height:100%;object-fit:contain;display:block
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card-front.name-card {
flex-direction:column;gap:.25rem;background:var(--white);text-align:center;padding:.55rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .name-card-label {
font-family:var(--font-display);font-size:clamp(.92rem,1.6vw,1.2rem);font-weight:900;color:var(--heading);line-height:1.15
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card.matched .mem-card-front.name-card {
background:var(--success-bg)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-2-leg-marking-memory-game .mem-card.wrong-flash .mem-card-front {
border-color:rgba(198,40,40,.6);background:var(--error-bg);animation:wrong-flash .35s ease
}
@keyframes wrong-flash{0%,100%{transform:rotateY(180deg)}25%{transform:rotateY(180deg) scale(.97)}}@keyframes match-pulse{0%{box-shadow:0 0 0 0 rgba(46,125,50,.4)}70%{box-shadow:0 0 0 8px rgba(46,125,50,0)}100%{box-shadow:0 0 0 0 rgba(46,125,50,0)}}.mem-card.matched .mem-card-inner{animation:match-pulse .5s ease forwards}.win-screen{display:none;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;gap:1rem}.win-screen.show{display:flex}.win-trophy{font-size:3rem;line-height:1}.win-title{font-family:var(--font-display);font-size:1.5rem;color:var(--heading)}.win-stats{display:flex;gap:2rem;align-items:center;background:var(--cream-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.5rem}.win-stat{text-align:center}.win-stat .win-val{font-family:var(--font-display);font-size:1.6rem;color:var(--heading);line-height:1}.win-stat .win-lbl{font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-text)}.win-msg{font-size:.9rem;color:var(--body-text);line-height:1.65;max-width:320px}@media(max-width:480px){.memory-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.name-card-label{font-size:.78rem}}

/* Extracted from courses/round-pen/colors-markings/leg-markings/activities/leg-marking-games/game-3/leg-marking-crossword.html */
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .lesson-wrap {
max-width:1500px;grid-template-columns:minmax(0,1fr) 300px;gap:3rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-top {
background:var(--cream-bg);border-bottom:1px solid var(--border);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-status {
font-weight:800;color:var(--heading)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-layout {
display:grid;grid-template-columns:minmax(0,640px) minmax(240px,1fr);gap:1.5rem;align-items:start;padding:1.5rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-board {
display:flex;justify-content:center;max-width:100%;overflow:hidden
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-grid {
display:grid;grid-template-columns:repeat(14,36px);grid-auto-rows:36px;gap:3px;justify-content:center;background:var(--heading);border:1px solid rgba(200,162,122,.35);border-radius:var(--radius-lg);padding:1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);max-width:100%;overflow:hidden
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell {
position:relative;width:36px;height:36px
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell.block {
background:transparent
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell input {
width:100%;height:100%;border:2px solid rgba(200,162,122,.6);border-radius:4px;background:#fffdf8;text-align:center;text-transform:uppercase;font-weight:900;color:var(--heading);font-size:1rem;box-shadow:0 1px 3px rgba(0,0,0,.16)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell input:focus {
outline:2px solid var(--tan);outline-offset:1px;border-color:var(--tan);background:#fff
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell.correct input {
background:var(--success-bg);border-color:rgba(46,125,50,.75)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell.wrong input {
background:var(--error-bg);border-color:rgba(198,40,40,.75)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-num {
position:absolute;top:3px;left:4px;font-size:.5rem;font-weight:900;color:var(--heading);line-height:1;z-index:1
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-panel {
display:grid;grid-template-columns:1fr;gap:1rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-panel h2 {
font-family:var(--font-display);font-size:1.1rem;color:var(--heading);margin-bottom:.25rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-list {
display:grid;gap:.5rem;margin:0;padding:0;list-style:none
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-list li {
font-size:.84rem;line-height:1.45;color:var(--body-text);padding-bottom:.45rem;border-bottom:1px solid var(--border)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-list strong {
color:var(--heading)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-actions {
display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .win-message {
display:none;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;gap:1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 28px rgba(36,54,74,.12)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .win-message.show {
display:flex
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .win-message h2 {
font-family:var(--font-display);font-size:1.5rem;color:var(--heading)
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .win-message p {
font-size:.9rem;color:var(--body-text);line-height:1.65;max-width:360px;margin:0
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .win-badge {
width:100px;height:100px;border-radius:50%;background:var(--blue-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--white);line-height:1
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .score-actions {
display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap
}
@media(max-width:1180px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .lesson-wrap {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-layout {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-panel {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:760px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .clue-panel {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-grid {
grid-template-columns:repeat(14,minmax(20px,36px));grid-auto-rows:minmax(20px,36px);gap:2px
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell {
width:auto;height:auto;aspect-ratio:1
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell input {
font-size:.78rem
}

}
@media(max-width:520px) {
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-layout {
padding:.75rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .crossword-grid {
grid-template-columns:repeat(14,minmax(0,1fr));grid-auto-rows:auto;gap:1px;padding:.6rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-num {
font-size:.42rem
}
body.ee-page-courses-round-pen-colors-markings-leg-markings-activities-leg-marking-games-game-3-leg-marking-crossword .cw-cell input {
font-size:.68rem;border-width:1px
}

}

/* Extracted from courses/round-pen/common-terms/index.html */
body.ee-page-courses-round-pen-common-terms-index {
--terms-cream: var(--cream-bg);
    --terms-cream-soft: var(--soft-white);
    --terms-parchment: var(--cream-secondary);
    --terms-tan: rgba(200, 162, 122, 0.34);
    --terms-tan-mid: var(--tan);
    --terms-shadow: 0 8px 24px rgba(36, 54, 74, 0.08);
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero {
background: var(--heading);
    border-bottom: 3px solid var(--tan);
    padding: calc(var(--nav-height) + 44px) var(--page-pad) 58px;
    overflow: hidden;
    position: relative;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero::before {
content: "";
    position: absolute;
    inset: auto -90px -180px auto;
    width: 420px;
    height: 420px;
    border: 58px solid rgba(200, 162, 122, 0.08);
    border-radius: 50%;
    pointer-events: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-inner {
max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
    gap: 56px;
    align-items: center;
    position: relative;
    z-index: 1;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero h1 {
font-family: var(--font-display);
    font-size: clamp(2.15rem, 4vw, 3.35rem);
    color: var(--white);
    line-height: 1.12;
    margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero h1 span {
color: var(--tan);
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-desc {
color: rgba(255, 255, 255, 0.72);
    font-size: 1rem;
    line-height: 1.75;
    max-width: 690px;
    margin-bottom: 1.6rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-preview {
width: min(100%, 380px);
    justify-self: center;
    position: relative;
    padding: 26px 30px 22px 48px;
    min-height: 300px;
    background: #161411;
    border: 1px solid rgba(200, 162, 122, 0.55);
    border-radius: 8px;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), 0 8px 0 rgba(245, 233, 200, 0.9);
    transform: rotate(-2deg);
}
body.ee-page-courses-round-pen-common-terms-index .journal-preview::before {
content: "";
    position: absolute;
    left: 18px;
    top: 24px;
    bottom: 24px;
    width: 12px;
    background:
      radial-gradient(circle at center, var(--tan) 0 3px, transparent 3.5px) 0 0 / 12px 24px;
    filter: drop-shadow(0 0 4px rgba(232, 197, 106, 0.35));
}
body.ee-page-courses-round-pen-common-terms-index .journal-preview::after {
content: "";
    position: absolute;
    right: -18px;
    top: 44px;
    width: 22px;
    height: 196px;
    border-radius: 0 6px 6px 0;
    background:
      linear-gradient(var(--tan), var(--tan)) 0 0 / 100% 25% no-repeat,
      linear-gradient(var(--success), var(--success)) 0 33% / 100% 25% no-repeat,
      linear-gradient(var(--cream-bg), var(--cream-bg)) 0 66% / 100% 25% no-repeat,
      linear-gradient(var(--leather), var(--leather)) 0 100% / 100% 25% no-repeat;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
body.ee-page-courses-round-pen-common-terms-index .journal-label {
color: var(--leather);
    font-family: var(--font-display);
    font-size: 1.25rem;
    letter-spacing: 0;
    margin-bottom: 0.4rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-sub {
color: rgba(255, 255, 255, 0.56);
    font-size: 0.82rem;
    line-height: 1.55;
    margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-lines {
display: grid;
    gap: 0.65rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-line {
height: 1px;
    background: rgba(245, 233, 200, 0.28);
}
body.ee-page-courses-round-pen-common-terms-index .reference-wrap {
max-width: none;
    margin: 0 auto;
    padding: 2.5rem var(--page-pad) 5rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-tools {
display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-search {
width: 100%;
    min-height: 46px;
    border-radius: var(--radius);
    border: 1px solid var(--border-mid);
    padding: 0 1rem;
    font: inherit;
    color: var(--heading);
    background: var(--white);
    box-shadow: 0 4px 18px rgba(120, 90, 40, 0.16);
}
body.ee-page-courses-round-pen-common-terms-index .reference-count {
color: var(--body-text);
    font-size: 0.86rem;
    white-space: nowrap;
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell {
display: flex;
    flex-direction: column;
    background: var(--heading);
    border: 1px solid rgba(200, 162, 122, 0.5);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 52px rgba(120, 90, 40, 0.28), 0 3px 10px rgba(36, 54, 74, 0.12);
    overflow: visible;
    position: relative;
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed .journal-tabs {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed .journal-pages {
background: transparent;
    padding: 3rem 1rem;
    min-height: 650px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed .journal-pages::before {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages {
position: relative;
    background: linear-gradient(90deg, var(--heading) 0 49.7%, var(--tan) 49.7% 50.3%, var(--heading) 50.3% 100%);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: 2.25rem 2.65rem;
    min-height: 640px;
    overflow: hidden;
    perspective: 1800px;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages::before {
content: "";
    position: absolute;
    left: 50%;
    top: 1.4rem;
    bottom: 1.4rem;
    width: 34px;
    transform: translateX(-50%);
    border-radius: 18px;
    background:
      radial-gradient(circle at center, #1b2738 0 5px, #e8e0ce 5.5px 9px, transparent 9.5px) 50% 7px / 34px 30px repeat-y;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.18));
    z-index: 4;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 3rem;
    min-height: 590px;
    animation: pageFlipIn 360ms var(--ease);
    transform-origin: center center;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel.active {
display: block;
    width: min(100%, 390px);
    min-height: auto;
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page {
position: relative;
    min-height: 500px;
    width: min(100%, 360px);
    border-radius: 8px;
    background:
      radial-gradient(circle at 72% 18%, rgba(255,255,255,0.1), transparent 22%),
      linear-gradient(135deg, rgba(255,255,255,0.08), transparent 34%),
      var(--heading);
    border: 1px solid rgba(200, 162, 122, 0.55);
    box-shadow: inset 0 0 0 2px rgba(200, 162, 122, 0.16), 0 24px 48px rgba(0, 0, 0, 0.28);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white);
    padding: 2rem;
    transform: rotate(-2deg);
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page::before {
content: "";
    position: absolute;
    left: -18px;
    top: 20px;
    bottom: 20px;
    width: 18px;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(circle at center, #111827 0 5px, #d8d0c4 5.5px 8px, transparent 8.5px) 50% 4px / 18px 26px repeat-y;
    filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.28));
    pointer-events: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page::after {
content: "";
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(200, 162, 122, 0.36);
    border-radius: 6px;
    pointer-events: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-label {
color: var(--tan);
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.78rem;
    margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page h2 {
font-family: var(--font-display);
    color: var(--white);
    font-size: clamp(1.95rem, 5vw, 3.2rem);
    line-height: 1.05;
    max-width: 680px;
    margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page h2 span {
color: var(--tan);
}
body.ee-page-courses-round-pen-common-terms-index .journal-cover-page p {
max-width: 540px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
    margin-bottom: 1.6rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.is-flipping {
animation: pageFlipOut 180ms var(--ease);
}
@keyframes pageFlipIn {
from {
      opacity: 0;
      transform: rotateY(-8deg) translateX(10px);
    }
    to {
      opacity: 1;
      transform: rotateY(0) translateX(0);
    }
}
@keyframes pageFlipOut {
from {
      opacity: 1;
      transform: rotateY(0);
    }
    to {
      opacity: 0.5;
      transform: rotateY(8deg);
    }
}
body.ee-page-courses-round-pen-common-terms-index .journal-page {
position: relative;
    z-index: 2;
    min-width: 0;
    background: #fffaf5;
    border: 1px solid rgba(36, 54, 74, 0.08);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78), 0 12px 28px rgba(92, 55, 74, 0.18);
    padding: 1.35rem;
    display: flex;
    flex-direction: column;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page-left {
padding-right: 2rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page-right {
padding-left: 2rem;
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading {
display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid rgba(200, 162, 122, 0.32);
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading h2 {
font-family: var(--font-display);
    color: var(--heading);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.2;
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading p {
max-width: 560px;
    color: var(--body-text);
    font-size: 0.92rem;
    line-height: 1.6;
    margin-top: 0.45rem;
}
body.ee-page-courses-round-pen-common-terms-index .tab-marker {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .page-art {
min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0 1.25rem;
}
body.ee-page-courses-round-pen-common-terms-index .page-art img {
max-width: min(100%, 300px);
    max-height: 245px;
    object-fit: contain;
    filter: drop-shadow(0 12px 24px rgba(36, 54, 74, 0.18));
}
body.ee-page-courses-round-pen-common-terms-index .page-art-icon {
width: min(100%, 300px);
    min-height: 210px;
    border: 1px solid rgba(127, 152, 178, 0.24);
    border-radius: 18px;
    background:
      linear-gradient(90deg, transparent 49%, rgba(127, 152, 178, 0.32) 50%, transparent 51%),
      repeating-linear-gradient(0deg, transparent 0 24px, rgba(36, 54, 74, 0.16) 25px 26px),
      linear-gradient(135deg, rgba(255,255,255,0.92), rgba(231,220,203,0.72));
    box-shadow: 0 14px 28px rgba(36, 54, 74, 0.12);
}
body.ee-page-courses-round-pen-common-terms-index .page-summary {
background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(200, 162, 122, 0.28);
    border-radius: var(--radius);
    padding: 1rem;
    color: var(--body-text);
    line-height: 1.6;
    font-size: 0.92rem;
}
body.ee-page-courses-round-pen-common-terms-index .page-summary strong {
display: block;
    color: var(--heading);
    margin-bottom: 0.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .page-cue {
margin-top: auto;
    padding-top: 1rem;
    color: var(--muted-text);
    font-size: 0.82rem;
    font-weight: 700;
}
body.ee-page-courses-round-pen-common-terms-index .term-reference-grid {
display: block;
    border-top: 1px solid rgba(36, 54, 74, 0.16);
}
body.ee-page-courses-round-pen-common-terms-index .reference-term {
background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(36, 54, 74, 0.16);
    border-radius: 0;
    padding: 0.35rem 0 0.2rem;
    box-shadow: none;
    min-height: 32px;
    color: var(--body-text);
    font-size: 0.94rem;
    line-height: 1.6;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term.is-hidden {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term h3 {
display: inline;
    font-family: var(--font-body);
    color: var(--heading);
    font-size: 0.94rem;
    font-weight: 800;
    margin: 0;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term h3::after {
content: ": ";
    color: var(--tan);
}
body.ee-page-courses-round-pen-common-terms-index .reference-term p {
display: inline;
    color: var(--body-text);
    line-height: inherit;
    font-size: inherit;
}
body.ee-page-courses-round-pen-common-terms-index .reference-note {
margin-top: 1rem;
    border-left: 3px solid var(--tan);
    background: rgba(200, 162, 122, 0.13);
    border-radius: 0 var(--radius) var(--radius) 0;
    padding: 0.9rem 1rem;
    color: var(--heading);
    line-height: 1.6;
    font-size: 0.9rem;
}
body.ee-page-courses-round-pen-common-terms-index .growth-section {
background: var(--heading);
    color: var(--white);
    padding: 64px var(--page-pad);
}
body.ee-page-courses-round-pen-common-terms-index .growth-inner {
max-width: 1050px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
    gap: 3rem;
    align-items: start;
}
body.ee-page-courses-round-pen-common-terms-index .growth-inner .section-title {
color: var(--white);
}
body.ee-page-courses-round-pen-common-terms-index .growth-inner .section-sub {
color: rgba(255, 255, 255, 0.68);
}
body.ee-page-courses-round-pen-common-terms-index .growth-card {
background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(200, 162, 122, 0.28);
    border-radius: var(--radius-lg);
    padding: 1.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .growth-card h3 {
font-family: var(--font-display);
    color: var(--tan);
    margin-bottom: 0.75rem;
}
body.ee-page-courses-round-pen-common-terms-index .growth-list {
list-style: none;
    display: grid;
    gap: 0.75rem;
}
body.ee-page-courses-round-pen-common-terms-index .growth-list li {
color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
    font-size: 0.9rem;
}
body.ee-page-courses-round-pen-common-terms-index .no-results {
display: none;
    background: var(--white);
    border: 1px solid rgba(200, 162, 122, 0.35);
    border-radius: var(--radius);
    padding: 1rem;
    color: var(--body-text);
}
body.ee-page-courses-round-pen-common-terms-index .no-results.visible {
display: block;
}
body.ee-page-courses-round-pen-common-terms-index .journal-controls {
position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 8;
}
body.ee-page-courses-round-pen-common-terms-index .page-status {
position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow {
position: absolute;
    top: 53%;
    transform: translateY(-50%);
    width: 44px;
    height: 76px;
    border-radius: var(--radius);
    border: 1px solid rgba(200, 162, 122, 0.42);
    background: rgba(36, 54, 74, 0.88);
    color: var(--tan);
    font: inherit;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease), opacity var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow:hover {
background: var(--blue-primary);
    transform: translateY(-50%) scale(1.04);
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow.previous {
left: 0.85rem;
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow.next {
right: 0.85rem;
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow:disabled {
opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}
@media (max-width: 980px) {
body.ee-page-courses-round-pen-common-terms-index .reference-hero-inner, body.ee-page-courses-round-pen-common-terms-index .growth-inner {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-common-terms-index .journal-preview {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tabs {
padding: 0 0.75rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab {
flex: 0 0 136px;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages {
background: var(--heading);
      padding: 1.25rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages::before {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active {
grid-template-columns: 1fr;
      gap: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page-left, body.ee-page-courses-round-pen-common-terms-index .journal-page-right {
padding: 1.2rem;
}

}
body.ee-page-courses-round-pen-common-terms-index .vitals-chart {
border-top: 1px solid rgba(36, 54, 74,0.14);
    font-size: 0.78rem;
}
body.ee-page-courses-round-pen-common-terms-index .vitals-row-header, body.ee-page-courses-round-pen-common-terms-index .vitals-row {
display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr;
    gap: 0.2rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid rgba(36, 54, 74,0.1);
    align-items: center;
}
body.ee-page-courses-round-pen-common-terms-index .vitals-row-header {
border-bottom: 2px solid rgba(36, 54, 74,0.18);
    padding-bottom: 0.4rem;
    margin-bottom: 0.1rem;
}
body.ee-page-courses-round-pen-common-terms-index .vh-cell {
font-size: 0.69rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 0.22rem 0.2rem;
    border-radius: 4px;
}
body.ee-page-courses-round-pen-common-terms-index .vh-cell:first-child {
text-align: left; color: var(--heading);
}
body.ee-page-courses-round-pen-common-terms-index .vh-normal {
background: rgba(22,163,74,0.12);  color: #15803d;
}
body.ee-page-courses-round-pen-common-terms-index .vh-monitor {
background: rgba(234,179,8,0.14);  color: #a16207;
}
body.ee-page-courses-round-pen-common-terms-index .vh-emergency {
background: rgba(220,38,38,0.1);   color: #b91c1c;
}
body.ee-page-courses-round-pen-common-terms-index .vr-name {
font-size: 0.76rem;
    font-weight: 800;
    color: var(--heading);
    line-height: 1.3;
    padding-right: 0.25rem;
}
body.ee-page-courses-round-pen-common-terms-index .vr-cell {
font-size: 0.71rem;
    line-height: 1.35;
    text-align: center;
    padding: 0.28rem 0.18rem;
    border-radius: 4px;
    font-weight: 500;
}
body.ee-page-courses-round-pen-common-terms-index .vr-normal {
background: rgba(22,163,74,0.08);  color: #166534;
}
body.ee-page-courses-round-pen-common-terms-index .vr-monitor {
background: rgba(234,179,8,0.1);   color: #854d0e;
}
body.ee-page-courses-round-pen-common-terms-index .vr-emergency {
background: rgba(220,38,38,0.07);  color: var(--error);
}
body.ee-page-courses-round-pen-common-terms-index .vitals-source-note {
margin-top: 0.75rem;
    font-size: 0.72rem;
    color: var(--muted-text);
    line-height: 1.5;
    font-style: italic;
}
body.ee-page-courses-round-pen-common-terms-index .vital-how-list {
display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid rgba(36, 54, 74,0.14);
}
body.ee-page-courses-round-pen-common-terms-index .vital-how-item {
padding: 0.55rem 0;
    border-bottom: 1px solid rgba(36, 54, 74,0.1);
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--body-text);
}
body.ee-page-courses-round-pen-common-terms-index .vital-how-item strong {
color: var(--heading);
    font-size: 0.82rem;
    display: block;
    margin-bottom: 0.1rem;
}
body.ee-page-courses-round-pen-common-terms-index .vitals-emergency-callout {
margin-top: 1rem;
    background: rgba(220,38,38,0.07);
    border: 1px solid rgba(220,38,38,0.2);
    border-left: 3px solid #dc2626;
    border-radius: 0 var(--radius) var(--radius) 0;
    padding: 0.8rem 0.95rem;
    font-size: 0.82rem;
    color: var(--error);
    line-height: 1.6;
}
body.ee-page-courses-round-pen-common-terms-index .vitals-emergency-callout strong {
display: block;
    margin-bottom: 0.3rem;
    font-weight: 800;
}
body.ee-page-courses-round-pen-common-terms-index .breadcrumb {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero {
background: linear-gradient(135deg, var(--heading) 0%, var(--blue-primary) 62%, var(--heading) 100%);
    padding: calc(var(--nav-height) + 52px) var(--page-pad) 58px;
    text-align: center;
    border-bottom: 3px solid var(--tan);
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero::before {
inset: 0;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23C9A84C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E") repeat;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-inner {
max-width: 900px;
    grid-template-columns: 1fr;
    gap: 0;
    justify-items: center;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero h1 {
font-size: clamp(2.1rem, 5vw, 3.55rem);
    margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-desc {
margin-left: auto;
    margin-right: auto;
    max-width: 650px;
}
body.ee-page-courses-round-pen-common-terms-index .course-tag {
display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--tan);
    background: rgba(200, 162, 122, 0.12);
    border: 1px solid rgba(200, 162, 122, 0.3);
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-common-terms-index .course-meta-row, body.ee-page-courses-round-pen-common-terms-index .hero-actions {
justify-content: center;
}
body.ee-page-courses-round-pen-common-terms-index .journal-preview {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-wrap {
max-width: 1280px;
    padding: 40px 5% 60px;
    background: var(--terms-cream);
}
body.ee-page-courses-round-pen-common-terms-index .section-header {
display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--terms-tan);
}
body.ee-page-courses-round-pen-common-terms-index .section-desc {
max-width: 470px;
}
body.ee-page-courses-round-pen-common-terms-index .reference-tools {
position: sticky;
    top: var(--nav-height);
    z-index: 10;
    grid-template-columns: minmax(220px, 380px) auto;
    justify-content: center;
    background: var(--terms-cream-soft);
    border: 1px solid var(--terms-tan);
    border-radius: var(--radius);
    padding: 0.75rem;
    box-shadow: var(--terms-shadow);
}
body.ee-page-courses-round-pen-common-terms-index .reference-search {
min-height: 42px;
    border-radius: 8px;
    box-shadow: none;
    border-color: var(--terms-tan-mid);
    background: var(--white);
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell, body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed {
background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed .journal-tabs {
display: flex;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tabs {
position: sticky;
    top: calc(var(--nav-height) + 72px);
    z-index: 9;
    justify-content: center;
    gap: 0;
    align-items: stretch;
    margin: 0 0 1.5rem;
    padding: 0;
    border: 0;
    border: 1px solid var(--terms-tan);
    border-bottom: 2px solid var(--terms-tan-mid);
    background: var(--terms-cream-soft);
    box-shadow: var(--terms-shadow);
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(even) {
flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 1rem 1.15rem 0.95rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--body-text);
    box-shadow: none;
    font-size: 0.74rem;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    transition: color var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab::after {
content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 3px;
    background: var(--tan);
    opacity: 0;
    transition: opacity var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab:hover, body.ee-page-courses-round-pen-common-terms-index .journal-tab.active, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(odd).active {
background: transparent;
    border-color: transparent;
    color: var(--heading);
    box-shadow: none;
    transform: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab.active::after {
opacity: 1;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages, body.ee-page-courses-round-pen-common-terms-index .journal-shell.cover-closed .journal-pages {
display: block;
    min-height: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
    perspective: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages::before {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active, body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel.active {
display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 22px;
    min-height: 0;
    width: 100%;
    animation: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page {
background: var(--terms-cream-soft);
    border: 1.5px solid var(--terms-tan);
    border-radius: 14px;
    box-shadow: var(--terms-shadow);
    padding: 1.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page-left, body.ee-page-courses-round-pen-common-terms-index .journal-page-right {
padding: 1.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading {
border-bottom-color: var(--terms-tan-mid);
}
body.ee-page-courses-round-pen-common-terms-index .term-reference-grid {
display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 0.85rem;
    border-top: 0;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term {
display: block;
    min-height: 0;
    padding: 0.9rem 1rem;
    border: 1px solid var(--terms-tan);
    border-radius: 8px;
    background: var(--white);
    color: var(--body-text);
    line-height: 1.55;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term:hover {
border-color: var(--tan);
    box-shadow: 0 6px 18px rgba(86, 65, 32, 0.12);
}
body.ee-page-courses-round-pen-common-terms-index .page-summary {
background: var(--terms-parchment);
    border-color: var(--terms-tan-mid);
}
body.ee-page-courses-round-pen-common-terms-index .reference-term h3 {
display: block;
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 0.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-term h3::after {
content: "";
}
body.ee-page-courses-round-pen-common-terms-index .reference-term p {
display: block;
    font-size: 0.86rem;
}
body.ee-page-courses-round-pen-common-terms-index .page-art {
min-height: 240px;
    margin: 0.25rem 0 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .page-art img {
max-width: min(100%, 340px);
    max-height: 270px;
}
body.ee-page-courses-round-pen-common-terms-index .page-art-icon {
width: min(100%, 340px);
    min-height: 240px;
}
body.ee-page-courses-round-pen-common-terms-index .journal-controls {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .growth-section {
background: var(--heading);
}
@media (max-width: 680px) {
body.ee-page-courses-round-pen-common-terms-index .section-header {
display: block;
}
body.ee-page-courses-round-pen-common-terms-index .reference-tools, body.ee-page-courses-round-pen-common-terms-index .panel-heading {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-common-terms-index .reference-tools {
display: grid;
      position: static;
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading {
display: grid;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tabs {
position: static;
      justify-content: flex-start;
}
body.ee-page-courses-round-pen-common-terms-index .journal-pages {
padding: 0;
      min-height: auto;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active, body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel.active {
display: block;
      min-height: auto;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page, body.ee-page-courses-round-pen-common-terms-index .journal-page.mobile-page-active {
display: flex;
      min-height: 0;
      animation: pageFlipIn 300ms var(--ease);
}
body.ee-page-courses-round-pen-common-terms-index .journal-page + .journal-page {
margin-top: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .term-reference-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-common-terms-index .journal-controls {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .page-status, body.ee-page-courses-round-pen-common-terms-index .book-arrow {
position: static;
      transform: none;
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow {
width: 52px;
      height: 44px;
}
body.ee-page-courses-round-pen-common-terms-index .book-arrow:hover {
transform: none;
}

}
body.ee-page-courses-round-pen-common-terms-index .reference-hero {
background: #071229;
    border-bottom: 3px solid var(--tan);
    min-height: 360px;
    display: grid;
    place-items: center;
    padding: 24px var(--page-pad) 40px;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero::before {
content: "";
    position: absolute;
    right: -8%;
    top: -35%;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    border: 60px solid rgba(200, 162, 122,0.06);
    background: none;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-inner {
max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 920px);
    justify-content: center;
    text-align: center;
    gap: 0;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero h1 {
font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3.15rem);
    color: var(--white);
    line-height: 1.15;
    margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-hero-desc {
color: rgba(255,255,255,0.7);
    font-size: 1rem;
    line-height: 1.75;
    max-width: 680px;
    margin: 0 auto 2rem;
}
body.ee-page-courses-round-pen-common-terms-index .course-tag {
border-radius: 2px;
}
body.ee-page-courses-round-pen-common-terms-index .reference-wrap {
max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem var(--page-pad) 5rem;
    background: transparent;
}
body.ee-page-courses-round-pen-common-terms-index .section-header {
display: block;
    margin-bottom: 1.5rem;
    padding-bottom: 1.15rem;
    border-bottom: 1px solid var(--border);
}
body.ee-page-courses-round-pen-common-terms-index .section-desc {
max-width: 760px;
    margin-top: 0.6rem;
}
body.ee-page-courses-round-pen-common-terms-index .reference-tools {
position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    justify-content: stretch;
    margin-bottom: 1.25rem;
    padding: 1rem;
    background: var(--soft-white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 4px 18px rgba(120, 90, 40, 0.12), 0 1px 4px rgba(36, 54, 74, 0.08);
}
body.ee-page-courses-round-pen-common-terms-index .reference-search {
width: 100%;
    border: 1.5px solid var(--border-mid);
    background: var(--white);
}
body.ee-page-courses-round-pen-common-terms-index .journal-tabs {
position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
    margin: 0 0 1.5rem;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(even) {
border: 1px solid rgba(200, 162, 122,0.35);
    border-radius: 2px;
    background: rgba(255,255,255,0.45);
    color: var(--heading);
    padding: 0.6rem 0.85rem;
    font-size: 0.74rem;
    box-shadow: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab::after {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab:hover, body.ee-page-courses-round-pen-common-terms-index .journal-tab.active, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(odd).active {
background: var(--cream-secondary);
    border-color: var(--tan);
    color: var(--heading);
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active, body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel.active {
grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1.5rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page {
background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 18px rgba(120, 90, 40, 0.12), 0 1px 4px rgba(36, 54, 74, 0.08);
    padding: 1.35rem;
}
body.ee-page-courses-round-pen-common-terms-index .panel-heading {
border-bottom: 2px solid rgba(200, 162, 122,0.28);
}
body.ee-page-courses-round-pen-common-terms-index .reference-term {
background: var(--soft-white);
    border: 1px solid var(--border);
}
body.ee-page-courses-round-pen-common-terms-index .page-summary {
background: var(--cream-secondary);
    border-color: rgba(200, 162, 122,0.36);
}
body.ee-page-courses-round-pen-common-terms-index .growth-section {
background: var(--heading);
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-common-terms-index .reference-tools {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-common-terms-index .reference-panel.active, body.ee-page-courses-round-pen-common-terms-index .reference-panel.cover-panel.active {
display: block;
}
body.ee-page-courses-round-pen-common-terms-index .journal-page + .journal-page {
margin-top: 1rem;
}

}
body.ee-page-courses-round-pen-common-terms-index .journal-tabs, body.ee-page-courses-round-pen-common-terms-index .journal-tabs:where(*) {
position: static;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.5rem;
  background: var(--soft-white);
  border: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 0.4rem;
  box-shadow: var(--shadow-rest);
  margin-bottom: 1.5rem;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(even), body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(odd) {
position: static;
  flex: none;
  min-width: 0;
  min-height: 48px;
  border: 0;
  border-radius: var(--radius);
  background: var(--cream-bg);
  color: var(--body-text);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  padding: 0.85rem 0.75rem;
  margin: 0;
  transform: none;
  box-shadow: none;
  transition: background var(--motion-quick) var(--ease), color var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab::after {
display: none;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab.active, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(odd).active, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(even).active {
background: var(--blue-primary);
  color: var(--white);
  border-color: transparent;
}
body.ee-page-courses-round-pen-common-terms-index .journal-tab:not(.active):hover {
background: rgba(36, 54, 74, 0.06);
  color: var(--heading);
  transform: none;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-common-terms-index .journal-tab, body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(even), body.ee-page-courses-round-pen-common-terms-index .journal-tab:nth-child(odd) {
font-size: 0.62rem; letter-spacing: 0; padding: 0.5rem 0.2rem; min-height: 38px;
}

}

/* Extracted from courses/round-pen/equine-anatomy/intro-to-hoof-anatomy/1-index.html */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-inner {
display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;padding:72px 5%
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index {
background:var(--cream-bg)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero {

}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-text h1 {
font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--heading);line-height:1.15;margin-bottom:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-text h1 span {
color:var(--blue-primary)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-desc {
font-size:1rem;color:var(--body-text);line-height:1.75;margin-bottom:1.75rem;max-width:520px
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-meta-row {
display:flex;flex-wrap:nowrap;gap:0;margin-bottom:1.75rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item {
font-size:.74rem;font-weight:700;color:var(--leather-dark);padding:0 .75rem;border-right:1px solid var(--blue-secondary);letter-spacing:.01em;white-space:nowrap
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item:first-child {
padding-left:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item:last-child {
border-right:0;padding-right:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .hero-actions {
display:flex;gap:.85rem;flex-wrap:wrap
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-art {
display:flex;justify-content:center;align-items:center
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-art img {
width:min(100%,360px);height:auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.26))
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-list {
margin-top:2rem;display:grid;gap:.6rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-item {
display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:box-shadow .18s,border-color .18s
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-item:hover {
border-color:var(--tan);box-shadow:0 4px 16px rgba(36, 54, 74,.08)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-num {
width:36px;height:36px;border-radius:50%;background:var(--blue-primary);color:var(--white);font-family:var(--font-display);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-title {
font-weight:700;font-size:.9rem;color:var(--heading);margin-bottom:.2rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-desc {
font-size:.8rem;color:var(--body-text);line-height:1.5
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .module-type {
font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);white-space:nowrap
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .track-features, body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .alignment-list {
list-style:none;display:grid;gap:.75rem;margin-top:1.25rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .track-features li, body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .alignment-list li {
display:flex;gap:.75rem;color:var(--body-text);font-size:.9rem;line-height:1.6
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .cta-section {
border-top:0
}
@media(max-width:900px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-inner {
grid-template-columns:1fr;gap:2rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-hero-art {
display:none
}

}
@media(max-width:640px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-meta-row {
flex-wrap:wrap;row-gap:.6rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item {
padding:0 .7rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item:nth-child(odd) {
padding-left:0
}

}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/equine-anatomy/intro-to-hoof-anatomy/2-why-hoof-anatomy-matters.html */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-card .eyebrow {
color:var(--tan);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;margin-bottom:.45rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-card h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:.45rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-card p {
color:var(--body-text);line-height:1.65;font-size:.92rem;margin:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .callout-list {
display:grid;gap:.7rem;margin-top:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .callout-item {
background:var(--soft-white);border-left:4px solid var(--tan);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1rem;color:var(--body-text);line-height:1.6
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .hoof-shape-strip {
display:flex;justify-content:center;align-items:flex-end;gap:1.55rem;margin:1.65rem auto 1.85rem;padding:0 .5rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .hoof-shape-strip img {
width:116px;height:116px;object-fit:contain;display:block
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .concept-grid {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .hoof-shape-strip {
gap:1rem;flex-wrap:wrap;margin:2rem auto
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-2-why-hoof-anatomy-matters .hoof-shape-strip img {
width:92px;height:92px
}

}

/* Extracted from courses/round-pen/equine-anatomy/intro-to-hoof-anatomy/3-parts-of-the-hoof.html */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-diagram {
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:center
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .diagram-svg {
width:100%;max-width:380px;margin:0 auto;display:block
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .diagram-note {
color:var(--body-text);line-height:1.7;font-size:.92rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .label-text {
font-family:Arial,sans-serif;font-size:13px;font-weight:800;fill:var(--heading)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .label-line {
stroke:var(--tan);stroke-width:2;stroke-dasharray:5 4
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .label-dot {
fill:#05a9d6;stroke:var(--heading);stroke-width:2
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .ref-photo-row {
display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .ref-photo-row img {
width:100%;border-radius:var(--radius-lg);display:block
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-diagram {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .label-text {
font-size:11px
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .ref-photo-row {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .ref-photo-row img {
max-width:200px;margin:0 auto
}

}
/* Labeled-photo placement mechanism (dots, leader lines, label pills over a placed image) */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure {
position:relative;display:block;max-width:420px;margin:0 auto 1.25rem;user-select:none
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .hoof-img {
width:100%;display:block;border-radius:var(--radius-lg)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .leader-layer {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .leader {
stroke:var(--tan);stroke-width:1.5;stroke-dasharray:4 3
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .hoof-anchor {
position:absolute;width:10px;height:10px;background:#05a9d6;border:2px solid var(--heading);border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 1px 5px rgba(36,54,74,0.35)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .hoof-label {
position:absolute;transform:translate(-50%,-50%);background:var(--blue-primary);color:var(--white);font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:0.28rem 0.6rem;border-radius:5px;white-space:nowrap;z-index:4;box-shadow:0 2px 8px rgba(36,54,74,0.25)
}
/* Markers are inert for learners; dragging turns on only in edit mode (#edit in the URL) */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .hoof-anchor,
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .hoof-label {
pointer-events:none
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure.editing {
outline:2px dashed var(--blue-secondary);outline-offset:6px
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure.editing .hoof-anchor,
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure.editing .hoof-label {
pointer-events:auto;cursor:grab;touch-action:none
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-figure .dragging {
cursor:grabbing;box-shadow:0 0 0 3px rgba(5,169,214,0.45)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-edit-bar {
max-width:420px;margin:-0.25rem auto 1.25rem;display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.82rem;color:var(--body-text)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-3-parts-of-the-hoof .hoof-edit-bar button {
font:inherit;font-weight:700;color:var(--white);background:var(--blue-primary);border:none;border-radius:6px;padding:.4rem .8rem;cursor:pointer
}

/* Extracted from courses/round-pen/equine-anatomy/intro-to-hoof-anatomy/4-training-barn.html */
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#31476d)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.95rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-body p {
display:none
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:700;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .practice-panel {
display:none;margin-top:1.5rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .practice-panel.active {
display:block
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-box {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-top {
display:flex;justify-content:space-between;gap:1rem;color:var(--tan);font-weight:800;margin-bottom:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-prompt {
font-family:var(--font-display);font-size:1.4rem;color:var(--heading);text-align:center;background:var(--soft-white);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-options {
display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-option {
border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);padding:.85rem 1rem;color:var(--heading);font-weight:800;cursor:pointer
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-option:hover {
border-color:var(--tan)
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .feedback {
min-height:2rem;text-align:center;font-weight:800;margin-top:1rem
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .match-row {
display:grid;grid-template-columns:1fr 240px;gap:1rem;align-items:center;border-bottom:1px solid var(--border);padding:1rem 0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .match-row:last-child {
border-bottom:0
}
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .match-row select {
padding:.7rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:var(--heading);background:var(--white)
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .activity-grid, body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .game-options, body.ee-page-courses-round-pen-equine-anatomy-intro-to-hoof-anatomy-4-training-barn .match-row {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/1-index.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero {

}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .hero-anatomy-graphic {
width: min(100%, 340px);
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .hero-anatomy-graphic svg {
width: 100%; height: auto;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .track-features, body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .track-features li, body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/3-parts-of-the-horse.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .tab-system {
display:flex;flex-direction:column;gap:1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .diagram-outer {
display:flex;justify-content:center;padding:.5rem 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .diagram-wrap {
position:relative;display:inline-block;width:100%;max-width:680px;user-select:none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .diagram-wrap img {
width:100%;display:block;border-radius:var(--radius);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .diagram-wrap svg.marker-svg {
position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .a-dot {
position:absolute;width:10px;height:10px;background:var(--tan);border:2px solid var(--heading);border-radius:50%;transform:translate(-50%,-50%);z-index:4;box-shadow:0 1px 5px rgba(36, 54, 74,.35);pointer-events:none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .a-lbl {
position:absolute;transform:translate(-50%,-50%);background:var(--blue-primary);color:var(--white);font-size:.63rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .65rem;border-radius:5px;white-space:nowrap;z-index:5;box-shadow:0 2px 8px rgba(36, 54, 74,.25);pointer-events:none;
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .a-lbl {
font-size:.52rem;padding:.2rem .44rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .a-dot {
width:8px;height:8px;
}

}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-3-parts-of-the-horse .tab-system {
gap: 1.5rem;
}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/4-viewing-room.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .diagram-outer {
display:flex;justify-content:center;padding:.5rem 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .diagram-wrap {
position:relative;display:inline-block;width:100%;max-width:960px;user-select:none;background:linear-gradient(160deg,#f0f2f7 0%,#e8eaf2 100%);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 8px 32px rgba(36, 54, 74,0.10);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .diagram-wrap img {
width:100%;display:block;border-radius:var(--radius-lg);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .diagram-wrap svg.marker-svg {
position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .a-dot {
position:absolute;width:10px;height:10px;background:var(--tan);border:2px solid var(--heading);border-radius:50%;transform:translate(-50%,-50%);z-index:4;box-shadow:0 1px 5px rgba(36, 54, 74,.35);pointer-events:none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .a-lbl {
position:absolute;transform:translate(-50%,-50%);background:var(--blue-primary);color:var(--white);font-size:.63rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .65rem;border-radius:999px;white-space:nowrap;z-index:5;box-shadow:0 2px 8px rgba(36, 54, 74,.25);pointer-events:none;
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .a-lbl {
font-size:.52rem;padding:.2rem .44rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-4-viewing-room .a-dot {
width:8px;height:8px;
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/5-training-barn.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36, 54, 74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .game-thumb {
width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--tan);
  letter-spacing: 0.04em;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-card-footer svg {
color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .thumb-bg-challenge {
background: linear-gradient(135deg, var(--heading) 0%, #1e3a6a 100%);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .thumb-bg-match {
background: linear-gradient(135deg, #1a3a1a 0%, #2d5a2d 100%);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .thumb-bg-sort {
background: linear-gradient(135deg, #3a1a2a 0%, #5a2a4a 100%);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .thumb-icon {
font-size: 3rem;
  opacity: 0.7;
}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-5-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/anatomy-games/anatomy-challenge.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-shell {
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-progress-bar-wrap {
background: var(--soft-white); border-bottom: 1px solid var(--border); padding: 0.9rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-progress-label {
font-size: 0.78rem; font-weight: 700; color: var(--body-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-progress-track {
flex: 1; height: 6px; background: var(--border); border-radius: 999px; overflow: hidden;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-progress-fill {
height: 100%; background: var(--heading); border-radius: 999px; transition: width 0.35s ease;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-score-label {
font-size: 0.78rem; font-weight: 700; color: var(--tan); white-space: nowrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-question-area {
padding: 1.75rem 1.5rem 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-prompt {
font-size: 0.72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); margin-bottom: 0.75rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-region-tag {
display: inline-block; background: rgba(200, 162, 122,0.12); border: 1px solid rgba(200, 162, 122,0.3); color: var(--tan); font-size: 0.68rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; margin-bottom: 0.75rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-question-text {
font-family: var(--font-display); font-size: 1.25rem; color: var(--heading); line-height: 1.3; margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-sub {
font-size: 0.85rem; color: var(--body-text); line-height: 1.6; margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-options {
display: grid; gap: 0.6rem; padding: 0 1.5rem 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option {
padding: 0.85rem 1.1rem; border: 1.5px solid var(--border); border-radius: var(--radius); background: var(--white); font-size: 0.88rem; font-weight: 600; color: var(--heading); cursor: pointer; text-align: left; width: 100%; transition: border-color 0.15s, background 0.15s; display: flex; align-items: center; gap: 0.75rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option:hover:not(:disabled) {
border-color: var(--heading); background: var(--soft-white);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option.correct {
border-color: var(--success); background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option.incorrect {
border-color: var(--error); background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option:disabled {
cursor: default;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .option-letter {
width: 26px; height: 26px; border-radius: 50%; background: var(--soft-white); border: 1.5px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 800; color: var(--body-text); flex-shrink: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option.correct .option-letter {
background: var(--success); border-color: var(--success); color: white;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-option.incorrect .option-letter {
background: var(--error); border-color: var(--error); color: white;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-feedback {
margin: 0 1.5rem 1.25rem; padding: 0.85rem 1rem; border-radius: var(--radius); font-size: 0.84rem; line-height: 1.6; display: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-feedback.show {
display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-feedback.correct {
background: var(--success-bg); color: var(--success); border-left: 3px solid var(--success);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-feedback.incorrect {
background: var(--error-bg); color: var(--error); border-left: 3px solid var(--error);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-next-row {
padding: 0 1.5rem 1.5rem; display: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-next-row.show {
display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .btn-next {
background: var(--heading); color: var(--white); border: none; padding: 0.75rem 1.5rem; border-radius: var(--radius); font-weight: 700; font-size: 0.88rem; cursor: pointer;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-result {
padding: 2.5rem 1.5rem; text-align: center; display: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .game-result.show {
display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .result-score {
font-family: var(--font-display); font-size: 3.5rem; color: var(--tan); line-height: 1;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .result-label {
font-size: 0.82rem; color: var(--body-text); text-transform: uppercase; letter-spacing: 1px; margin: 0.4rem 0 1rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .result-message {
font-size: 0.9rem; color: var(--body-text); line-height: 1.65; margin-bottom: 1.5rem; max-width: 420px; margin-left: auto; margin-right: auto;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-challenge .btn-play-again {
background: var(--heading); color: var(--white); border: none; padding: 0.75rem 1.75rem; border-radius: var(--radius); font-weight: 700; cursor: pointer;
}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/anatomy-games/anatomy-memory.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .game-header {
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.4rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .game-title {
font-family: var(--font-display); font-size: 1.05rem; color: var(--heading);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .game-stats {
display: flex; gap: 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .stat {
font-size: 0.78rem; font-weight: 700;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .stat-label {
color: var(--body-text);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .stat-val {
color: var(--tan); margin-left: 0.3rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .memory-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.95rem; max-width: 1040px; margin: 0 auto;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-card {
aspect-ratio: 3 / 4; border-radius: var(--radius); perspective: 600px; cursor: pointer; min-height: 140px;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-card-inner {
width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.38s ease;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-card.flipped .mem-card-inner, body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-card.matched .mem-card-inner {
transform: rotateY(180deg);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-front, body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-back {
position: absolute; inset: 0; border-radius: var(--radius); backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; align-items: center; justify-content: center; padding: 0.6rem; text-align: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-front {
background: var(--heading); border: 1.5px solid rgba(200, 162, 122,0.3);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-front-icon {
font-size: 1.5rem; color: rgba(200, 162, 122,0.5);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-back {
background: var(--white); border: 1.5px solid var(--border); transform: rotateY(180deg); font-size: 0.78rem; color: var(--heading); font-weight: 600; line-height: 1.4; flex-direction: column; gap: 0.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-back.is-term {
font-family: var(--font-display); font-size: 0.88rem; color: var(--heading);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-back.is-def {
font-size: 0.72rem; color: var(--body-text); font-weight: 500;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .mem-card.matched .mem-back {
background: var(--success-bg); border-color: var(--success); color: var(--success);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .result-panel {
background: var(--heading); border-radius: var(--radius-lg); padding: 2.5rem; text-align: center; display: none; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .result-panel.show {
display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .result-score {
font-family: var(--font-display); font-size: 2.5rem; color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .result-label {
font-size: 0.8rem; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .result-msg {
font-size: 0.9rem; color: rgba(255,255,255,0.8); line-height: 1.65; margin-bottom: 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .btn-restart {
background: var(--tan); color: var(--heading); border: none; padding: 0.75rem 1.75rem; border-radius: var(--radius); font-weight: 700; cursor: pointer;
}
@media (max-width: 620px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .memory-grid {
grid-template-columns: repeat(2, 1fr); gap: 0.75rem;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-anatomy-memory .memory-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/anatomy-games/region-sort.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .game-header {
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.4rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .game-title {
font-family: var(--font-display); font-size: 1.05rem; color: var(--heading);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .game-counter {
font-size: 0.82rem; font-weight: 700; color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .term-queue {
background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.5rem; margin-bottom: 1.25rem; text-align: center; min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .current-term {
font-family: var(--font-display); font-size: 2rem; color: var(--heading); margin-bottom: 0.4rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .term-hint {
font-size: 0.82rem; color: var(--body-text);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-btn {
padding: 1.25rem; border: 2px solid var(--border); border-radius: var(--radius-lg); background: var(--white); cursor: pointer; text-align: center; transition: border-color 0.15s, background 0.15s, transform 0.12s; font-family: var(--font-display); font-size: 1rem; color: var(--heading);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-btn:hover {
border-color: var(--heading); background: var(--soft-white); transform: translateY(-2px);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-btn.correct {
border-color: var(--success); background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-btn.incorrect {
border-color: var(--error); background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-btn:disabled {
cursor: default; transform: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .feedback-row {
min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 0.88rem; font-weight: 600; color: var(--body-text); margin-bottom: 0.5rem; text-align: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .feedback-row.correct {
color: var(--success);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .feedback-row.incorrect {
color: var(--error);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .result-panel {
background: var(--heading); border-radius: var(--radius-lg); padding: 2.5rem; text-align: center; display: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .result-panel.show {
display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .result-score {
font-family: var(--font-display); font-size: 3rem; color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .result-label {
font-size: 0.82rem; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .result-msg {
font-size: 0.9rem; color: rgba(255,255,255,0.8); line-height: 1.65; margin-bottom: 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .btn-restart {
background: var(--tan); color: var(--heading); border: none; padding: 0.75rem 1.75rem; border-radius: var(--radius); font-weight: 700; cursor: pointer;
}
@media (max-width: 480px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .region-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-anatomy-games-region-sort .current-term {
font-size: 1.5rem;
}

}

/* Extracted from courses/round-pen/equine-anatomy/parts-of-the-horse/downloads/index.html */
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .lesson-left {
max-width: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
  cursor: pointer;
  border: none;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download.pdf {
background:var(--blue-primary); color:var(--white);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download.pdf:hover {
background: var(--heading); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download.img {
background: var(--soft-white); color: var(--heading); border: 1px solid var(--border);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download.img:hover {
background: var(--cream-secondary); transform: translateY(-1px);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .btn-download svg {
flex-shrink: 0;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--heading);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36, 54, 74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .page-return a:hover {
transform: translateY(-2px); box-shadow: 0 14px 32px rgba(36, 54, 74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-grid {
grid-template-columns: 1fr;
}

}
@media (min-width: 560px) and (max-width: 760px) {
body.ee-page-courses-round-pen-equine-anatomy-parts-of-the-horse-downloads-index .download-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/round-pen/horse-and-pony-breeds/index.html */
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index {
--cream:       #FAF7F2;
  --cream-dark:  #F0EAE0;
  --tan:         #E8DDD0;
  --tan-mid:     #D4C5B0;
  --brown:       #7A5C3E;
  --navy:        var(--heading);
  --navy-light:  var(--blue-primary);
  --gold:        var(--tan);
  --gold-bright: #E0C06A;
  --gold-muted:  rgba(200, 162, 122,0.18);
  --text:        #2A2620;
  --text-mid:    #5C5248;
  --text-light:  #8C857D;
  --white:       #FFFFFF;
  --heading:        #24364A;
  --blue-primary:   #7F98B2;
  --blue-secondary: #A9BACB;
  --body-text:      #4F5B66;
  --muted-text:     #7D858D;
  --leather:        #A9825A;
  --font-display:'Playfair Display', Georgia, serif;
  --font-body:   'DM Sans', system-ui, sans-serif;
  --radius:      14px;
  --radius-sm:   8px;
  --shadow:      0 4px 20px rgba(36, 54, 74,0.10);
  --shadow-lg:   0 16px 60px rgba(36, 54, 74,0.20);
  --transition:  0.25s ease;
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index *, body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index *::before, body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index *::after {
box-sizing:border-box;margin:0;padding:0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index {
scroll-behavior:smooth
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index {
font-family:var(--font-body);background:var(--cream);color:var(--text);line-height:1.65;overflow-x:hidden
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index a {
color:inherit;text-decoration:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index img {
display:block;max-width:100%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index button {
cursor:pointer;font-family:var(--font-body);border:none;background:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .site-nav {
position:sticky;top:0;z-index:200;background:var(--heading);border-bottom:2px solid var(--tan);padding:0 5%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .nav-inner {
max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .nav-logo {
font-family:var(--font-display);font-size:1.2rem;color:var(--white);font-weight:700;letter-spacing:0.5px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .nav-logo span {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .nav-back {
font-size:0.78rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.6);transition:color var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .nav-back:hover {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero {
background:linear-gradient(135deg,var(--heading) 0%,var(--blue-primary) 60%,#162d70 100%);padding:64px 5% 56px;text-align:center;position:relative;overflow:hidden
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero::before {
content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero-tag {
display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--tan);background:rgba(200, 162, 122,0.12);border:1px solid rgba(200, 162, 122,0.3);padding:6px 16px;border-radius:20px;margin-bottom:1.25rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero h1 {
font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--white);line-height:1.15;margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero h1 em {
color:var(--tan);font-style:italic
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero-desc {
font-size:clamp(0.95rem,1.5vw,1.1rem);color:rgba(255,255,255,0.7);max-width:560px;margin:0 auto 2rem;line-height:1.75
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero-actions {
display:flex;gap:1rem;justify-content:center;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .btn-gold {
background:var(--tan);color:var(--heading);padding:12px 28px;border-radius:6px;font-weight:700;font-size:0.9rem;transition:background var(--transition),transform 0.1s;letter-spacing:0.3px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .btn-gold:hover {
background:var(--leather);transform:translateY(-1px)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .btn-outline {
background:transparent;color:var(--white);padding:12px 28px;border-radius:6px;font-weight:600;font-size:0.9rem;border:1.5px solid rgba(255,255,255,0.35);transition:border-color var(--transition),background var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .btn-outline:hover {
border-color:var(--tan);background:rgba(200, 162, 122,0.08)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-bar {
background:var(--heading);border-top:1px solid rgba(255,255,255,0.06);padding:14px 5%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-inner {
max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-label {
font-size:0.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.5)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-track {
flex:1;min-width:160px;height:6px;background:rgba(255,255,255,0.1);border-radius:99px;overflow:hidden
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-fill {
height:100%;background:linear-gradient(90deg,var(--tan),var(--leather));border-radius:inherit;transition:width 0.6s ease;width:0%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-count {
font-size:0.78rem;font-weight:700;color:var(--tan);white-space:nowrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .discovery-badges {
display:flex;gap:0.5rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .badge {
font-size:0.65rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;padding:4px 10px;border-radius:12px;background:rgba(200, 162, 122,0.12);color:rgba(200, 162, 122,0.5);border:1px solid rgba(200, 162, 122,0.15);transition:all 0.4s
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .badge.earned {
background:rgba(200, 162, 122,0.2);color:var(--tan);border-color:rgba(200, 162, 122,0.45)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .controls-section {
background:linear-gradient(180deg, transparent 0%, rgba(252,250,247,0.6) 30%, rgba(252,250,247,0.6) 75%, transparent 100%);padding:0 5%;position:sticky;top:60px;z-index:100
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .controls-inner {
max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-row {
display:flex;gap:0;align-items:stretch;overflow-x:auto;scrollbar-width:none;justify-content:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-row::-webkit-scrollbar {
display:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn {
position:relative;background:none;border:none;border-radius:0;cursor:pointer;padding:1rem 1.3rem 0.95rem;font-family:var(--font-body);font-size:0.78rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted-text);transition:color 0.2s;white-space:nowrap;flex-shrink:0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn::after {
content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--tan);opacity:0;transition:opacity 0.2s
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn:hover {
color:var(--text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn.active {
color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn.active::after {
opacity:1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn.active-gold {
color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn.active-gold::after {
opacity:1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-sort-row {
display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;justify-content:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-wrap {
position:relative;flex:1;min-width:220px;max-width:380px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-icon {
position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:0.4;pointer-events:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-input {
width:100%;padding:9px 12px 9px 38px;border:1.5px solid var(--tan-mid);border-radius:8px;font-family:var(--font-body);font-size:0.85rem;background:var(--white);color:var(--text);outline:none;transition:border-color var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-input:focus {
border-color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .sort-select {
padding:8px 12px;border:1.5px solid var(--tan-mid);border-radius:8px;font-family:var(--font-body);font-size:0.82rem;background:var(--white);color:var(--body-text);outline:none;cursor:pointer
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .results-count {
font-size:0.78rem;color:var(--muted-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-section {
max-width:1280px;margin:0 auto;padding:40px 5% 60px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .section-heading {
display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .section-heading h2 {
font-family:var(--font-display);font-size:1.5rem;color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .section-line {
flex:1;height:1px;background:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-grid {
display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card {
background:var(--white);border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--tan);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card:hover {
transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(200, 162, 122,0.5)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card.viewed .card-img-wrap::after {
content:'✓';position:absolute;top:10px;right:10px;width:26px;height:26px;background:var(--tan);color:var(--heading);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;z-index:2;line-height:26px;text-align:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card.favorited .fav-btn {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-img-wrap {
position:relative;height:190px;overflow:hidden;background:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-img-wrap img {
width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card:hover .card-img-wrap img {
transform:scale(1.06)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-superpower {
position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(0deg,rgba(36, 54, 74,0.85) 0%,transparent 100%);font-size:0.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-body {
padding:14px 16px 12px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-top {
display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-name {
font-family:var(--font-display);font-size:1rem;color:var(--heading);line-height:1.2;font-weight:600
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .fav-btn {
width:28px;height:28px;border-radius:50%;border:1.5px solid var(--tan-mid);display:flex;align-items:center;justify-content:center;color:var(--muted-text);font-size:0.9rem;transition:all var(--transition);flex-shrink:0;margin-top:-2px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .fav-btn:hover {
border-color:var(--tan);color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-origin {
font-size:0.72rem;color:var(--muted-text);margin-bottom:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-tags {
display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .tag {
font-size:0.62rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:3px 8px;border-radius:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .tag-cat {
background:rgba(36, 54, 74,0.07);color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .tag-gaited {
background:rgba(200, 162, 122,0.15);color:var(--brown)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .tag-draft {
background:rgba(122,92,62,0.12);color:var(--brown)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .tag-pony {
background:rgba(30,53,128,0.1);color:var(--blue-secondary)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-stars {
display:flex;align-items:center;gap:3px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .star {
font-size:0.7rem;color:var(--tan-mid)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .star.filled {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-footer {
display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--tan);background:var(--cream)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-height {
font-size:0.72rem;color:var(--muted-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-open {
font-size:0.68rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--tan);opacity:0.8;transition:opacity var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-card:hover .card-open {
opacity:1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .no-results {
text-align:center;padding:60px 20px;color:var(--muted-text);font-size:0.95rem;grid-column:1/-1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .no-results span {
display:block;font-size:2rem;margin-bottom:0.75rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-section {
background:var(--heading);padding:64px 5%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-inner {
max-width:1280px;margin:0 auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-tag {
display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--tan);margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-title {
font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--white);margin-bottom:0.75rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-subtitle {
font-size:0.95rem;color:rgba(255,255,255,0.6);max-width:600px;margin-bottom:2.5rem;line-height:1.75
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-grid {
display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-card {
background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:28px 24px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-card-icon {
width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-hot .blood-card-icon {
background:rgba(220,80,60,0.2)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-cold .blood-card-icon {
background:rgba(60,130,200,0.2)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-warm .blood-card-icon {
background:rgba(130,180,100,0.2)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-pony .blood-card-icon {
background:rgba(200, 162, 122,0.2)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-card h3 {
font-family:var(--font-display);font-size:1.1rem;color:var(--white);margin-bottom:0.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-card p {
font-size:0.82rem;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-breeds {
display:flex;gap:6px;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .blood-tag-pill {
font-size:0.62rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:3px 9px;border-radius:10px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.55)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .warmblood-note {
grid-column:1/-1;background:rgba(200, 162, 122,0.08);border:1px solid rgba(200, 162, 122,0.2);border-radius:var(--radius);padding:20px 24px;display:flex;gap:16px;align-items:flex-start
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .warmblood-note-icon {
font-size:1.4rem;flex-shrink:0;margin-top:2px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .warmblood-note p {
font-size:0.83rem;color:rgba(255,255,255,0.7);line-height:1.7
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .warmblood-note strong {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-overlay {
position:fixed;inset:0;top:60px;z-index:500;pointer-events:none;display:flex;justify-content:flex-end
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-overlay.open {
pointer-events:auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-backdrop {
position:absolute;inset:0;background:rgba(36, 54, 74,0.55);opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(3px)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-overlay.open .modal-backdrop {
opacity:1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-panel {
position:relative;width:min(500px,100%);height:100%;background:var(--white);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-overlay.open .modal-panel {
transform:translateX(0)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-img {
width:100%;height:340px;object-fit:contain;object-position:center top;background:var(--cream);flex-shrink:0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-img-placeholder {
width:100%;height:260px;background:linear-gradient(135deg,var(--tan) 0%,var(--tan-mid) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;flex-shrink:0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-close {
position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:14px 16px;background:transparent;pointer-events:none
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-close-btn {
width:36px;height:36px;border-radius:50%;background:rgba(36, 54, 74,0.75);color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition);pointer-events:auto;flex-shrink:0;margin-top:-260px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-close-btn:hover {
background:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-body {
padding:0 24px 32px;flex:1
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-superpower {
font-size:0.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan);margin-bottom:0.5rem;display:flex;align-items:center;gap:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-superpower::before {
content:'';font-size:0.8rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-name {
font-family:var(--font-display);font-size:1.9rem;color:var(--heading);line-height:1.15;margin-bottom:0.35rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-origin {
font-size:0.82rem;color:var(--muted-text);margin-bottom:1.25rem;display:flex;align-items:center;gap:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-section {
margin-bottom:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-section-title {
font-size:0.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-text);margin-bottom:0.6rem;display:flex;align-items:center;gap:8px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-section-title::after {
content:'';flex:1;height:1px;background:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .stat-grid {
display:grid;grid-template-columns:1fr 1fr;gap:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .stat-item {
background:var(--cream);border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .stat-label {
font-size:0.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:4px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .stat-value {
font-size:0.88rem;font-weight:600;color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-tags {
display:flex;gap:6px;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-tag {
font-size:0.72rem;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--cream-dark);color:var(--body-text);border:1px solid var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .beginner-stars {
display:flex;gap:4px;align-items:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .b-star {
font-size:1rem;color:var(--tan-mid)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .b-star.filled {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-text {
font-size:0.85rem;color:var(--body-text);line-height:1.75
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .funfact-box {
background:linear-gradient(135deg,rgba(200, 162, 122,0.08),rgba(200, 162, 122,0.14));border:1px solid rgba(200, 162, 122,0.3);border-radius:var(--radius-sm);padding:16px 18px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .funfact-box .funfact-label {
font-size:0.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tan);margin-bottom:6px;display:flex;align-items:center;gap:5px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .funfact-box p {
font-size:0.83rem;color:var(--body-text);line-height:1.7
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .didyouknow-box {
background:linear-gradient(135deg,rgba(36, 54, 74,0.04),rgba(36, 54, 74,0.08));border:1px solid rgba(36, 54, 74,0.1);border-radius:var(--radius-sm);padding:16px 18px;margin-top:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .didyouknow-box .dy-label {
font-size:0.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--heading);margin-bottom:6px;display:flex;align-items:center;gap:5px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .didyouknow-box p {
font-size:0.83rem;color:var(--body-text);line-height:1.7
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .color-dots {
display:flex;gap:8px;flex-wrap:wrap;align-items:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .color-dot {
width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,0.12);position:relative;background:var(--dot-color, transparent)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .color-dot-label {
font-size:0.72rem;color:var(--body-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .similar-breeds {
display:flex;gap:8px;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .similar-chip {
font-size:0.75rem;font-weight:600;padding:5px 14px;border-radius:20px;border:1.5px solid var(--tan-mid);color:var(--heading);background:var(--white);cursor:pointer;transition:all var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .similar-chip:hover {
border-color:var(--tan);background:var(--gold-muted)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-fav-row {
display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-close-row {
position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:12px 14px;margin-top:-52px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-fav-btn {
display:flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:700;letter-spacing:0.5px;color:var(--muted-text);padding:8px 16px;border-radius:20px;border:1.5px solid var(--tan-mid);transition:all var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-fav-btn:hover {
border-color:var(--tan);color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-fav-btn.faved {
border-color:var(--tan);color:var(--tan);background:var(--gold-muted)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .rarity-bar-wrap {
display:flex;align-items:center;gap:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .rarity-bar {
flex:1;height:6px;background:var(--tan);border-radius:99px;overflow:hidden
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .rarity-fill {
height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tan),var(--leather));width:var(--rarity-width, 0)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .rarity-label {
font-size:0.72rem;color:var(--muted-text);white-space:nowrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-colors-text {
margin-top:8px;font-size:0.78rem;color:var(--muted-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-traits-list {
font-size:0.83rem;color:var(--body-text);line-height:1.85;padding-left:1.1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-table-wrap {
margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-overlay {
position:fixed;inset:0;z-index:600;background:rgba(36, 54, 74,0.7);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-overlay.open {
opacity:1;pointer-events:auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-modal {
background:var(--white);border-radius:var(--radius);max-width:520px;width:100%;padding:36px;position:relative;max-height:90vh;overflow-y:auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-close {
position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--tan);color:var(--body-text);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-close:hover {
background:var(--tan-mid)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-tag {
font-size:0.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan);margin-bottom:0.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-title {
font-family:var(--font-display);font-size:1.5rem;color:var(--heading);margin-bottom:0.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-subtitle {
font-size:0.85rem;color:var(--muted-text);margin-bottom:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-progress {
height:4px;background:var(--tan);border-radius:99px;margin-bottom:1.5rem;overflow:hidden
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-progress-fill {
height:100%;background:var(--tan);border-radius:inherit;transition:width 0.4s;width:var(--quiz-progress-width, 0)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-question {
font-size:1rem;font-weight:600;color:var(--heading);margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-options {
display:flex;flex-direction:column;gap:8px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-option {
padding:12px 16px;border:1.5px solid var(--tan-mid);border-radius:var(--radius-sm);font-size:0.88rem;color:var(--body-text);text-align:left;transition:all var(--transition);background:var(--white)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-option:hover {
border-color:var(--tan);background:var(--gold-muted);color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-result {
text-align:center;padding:10px 0
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-result-img {
width:180px;height:180px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:4px solid var(--tan);box-shadow:0 8px 32px rgba(200, 162, 122,0.3)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-result-name {
font-family:var(--font-display);font-size:1.6rem;color:var(--heading);margin-bottom:0.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-result-desc {
font-size:0.85rem;color:var(--body-text);line-height:1.7;margin-bottom:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-result-actions {
display:flex;gap:10px;justify-content:center;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .quiz-retake-btn {
background:transparent;border:1.5px solid var(--tan-mid);color:var(--body-text);padding:11px 20px;border-radius:6px;font-size:0.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-bar {
position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--heading);border-top:2px solid var(--tan);padding:12px 5%;transform:translateY(100%);transition:transform 0.3s;display:flex;align-items:center;gap:16px;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-bar.visible {
transform:translateY(0)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-label {
font-size:0.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.6)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-slots {
display:flex;gap:10px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-slot {
width:100px;height:52px;border-radius:8px;border:1.5px dashed rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;font-size:0.68rem;color:rgba(255,255,255,0.3);overflow:hidden;position:relative
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-slot img {
width:100%;height:100%;object-fit:cover
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-slot .slot-remove {
position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,0.5);color:white;font-size:0.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-actions {
display:flex;gap:8px;margin-left:auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-go {
background:var(--tan);color:var(--heading);padding:9px 20px;border-radius:6px;font-size:0.78rem;font-weight:700
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-clear {
color:rgba(255,255,255,0.5);font-size:0.75rem;padding:9px 14px;border:1px solid rgba(255,255,255,0.15);border-radius:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-go:hover {
background:var(--leather)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-hint {
font-size:0.65rem;color:rgba(255,255,255,0.3)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-modal-overlay {
position:fixed;inset:0;z-index:700;background:rgba(36, 54, 74,0.8);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;opacity:0;pointer-events:none;transition:opacity 0.3s;overflow-y:auto;backdrop-filter:blur(4px)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-modal-overlay.open {
opacity:1;pointer-events:auto
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-modal {
background:var(--white);border-radius:var(--radius);max-width:860px;width:100%;padding:32px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-modal-header {
display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-modal-title {
font-family:var(--font-display);font-size:1.5rem;color:var(--heading)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-cols {
display:grid;grid-template-columns:1fr 1fr;gap:24px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-col-img {
width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:12px;border:2px solid var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-col-name {
font-family:var(--font-display);font-size:1.15rem;color:var(--heading);margin-bottom:4px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-col-origin {
font-size:0.75rem;color:var(--muted-text);margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-row {
display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--tan);align-items:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-row-label {
font-size:0.7rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--muted-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-row-val {
font-size:0.83rem;color:var(--body-text)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .site-footer {
background:var(--heading);border-top:1px solid rgba(255,255,255,0.06);padding:32px 5%;text-align:center
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .footer-logo {
font-family:var(--font-display);font-size:1.1rem;color:var(--white);margin-bottom:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .footer-logo span {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .footer-copy {
font-size:0.75rem;color:rgba(255,255,255,0.35)
}
@media(max-width:768px) {
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .hero {
padding:48px 5% 40px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-panel {
width:100%;height:100%
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .modal-close-btn {
margin-top:-260px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .compare-cols {
grid-template-columns:1fr
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .stat-grid {
grid-template-columns:1fr
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-row {
gap:6px
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .filter-btn {
font-size:0.68rem;padding:6px 12px
}

}
@media(max-width:520px) {
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-grid {
grid-template-columns:1fr 1fr
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .search-sort-row {
flex-wrap:wrap
}

}
@media(max-width:380px) {
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .breed-grid {
grid-template-columns:1fr
}

}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .fade-in {
opacity:0;transform:translateY(16px);transition:opacity 0.5s,transform 0.5s
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .fade-in.visible {
opacity:1;transform:none
}
@keyframes pulse-gold {
0%,100%{box-shadow:0 0 0 0 rgba(200, 162, 122,0.4)}50%{box-shadow:0 0 0 8px rgba(200, 162, 122,0)}
}
body.ee-page-courses-schooling-ring-horse-and-pony-breeds-index .card-new {
animation:pulse-gold 1.2s ease-out
}

/* Extracted from courses/round-pen/horse-behavior/intro-to-horse-behavior/1-index.html */
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .track-features, body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .track-features li, body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/horse-behavior/intro-to-horse-behavior/6-training-barn.html */
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-horse-behavior-intro-to-horse-behavior-6-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/horse-safety/rider-safety-basics/1-index.html */
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero-inner {
display:grid; grid-template-columns:1fr 360px; gap:4rem; align-items:center; max-width:1100px; margin:0 auto; padding:72px 5%;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-tag {
display:inline-flex; align-items:center; gap:.5rem; background:rgba(127,152,178,.12); border:1px solid rgba(127,152,178,.3); color:var(--leather-dark); font-size:.7rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:5px 12px; border-radius:2px; margin-bottom:1.25rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero h1 {
font-family:var(--font-display); font-size:clamp(2.2rem,4vw,3.25rem); color:var(--heading); line-height:1.12; margin-bottom:1rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero-desc {
color:var(--body-text); font-size:1rem; line-height:1.75; max-width:540px; margin-bottom:1.75rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-meta-row {
display:flex; flex-wrap:nowrap; gap:0; margin-bottom:1.75rem; align-items:center; min-width:0;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item {
color:var(--leather-dark); font-weight:800; font-size:.74rem; border-right:1px solid var(--blue-secondary); padding:0 .75rem; white-space:nowrap;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item:first-child {
padding-left:0;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item:last-child {
border-right:0;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .hero-actions {
display:flex; gap:.85rem; flex-wrap:wrap;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero-art {
display:flex; justify-content:center; align-items:center;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .hero-marking-single {
width:min(100%,300px); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .hero-marking-single svg {
width:100%; height:100%;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-section {
background:var(--white); padding:4rem 5%;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-inner {
max-width:1100px; margin:0 auto;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-header {
margin-bottom:2.25rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-header .section-label {
display:block; margin-bottom:.5rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-header h2 {
font-family:var(--font-display); color:var(--heading); font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.2; margin-bottom:.6rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .learn-header p {
color:var(--body-text); font-size:.95rem; line-height:1.7; max-width:620px;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .outcome-card {
display:flex; align-items:flex-start; gap:1rem; background:var(--cream-bg); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.35rem 1.4rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .outcome-badge {
width:34px; height:34px; background:var(--blue-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:.05rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .outcome-badge svg {
width:16px; height:16px;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .outcome-text {
color:var(--body-text); font-size:.9rem; line-height:1.65;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-list {
margin-top:2rem; display:grid; gap:.6rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-item {
display:grid; grid-template-columns:40px 1fr auto; gap:1rem; align-items:center; padding:1rem 1.25rem; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); text-decoration:none; transition:box-shadow .18s,border-color .18s;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-item:hover {
border-color:var(--tan); box-shadow:0 4px 16px rgba(36,54,74,.08);
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-num {
width:36px; height:36px; border-radius:50%; background:var(--blue-primary); color:var(--white); font-family:var(--font-display); display:flex; align-items:center; justify-content:center;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-title {
font-weight:800; color:var(--heading); margin-bottom:.2rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-desc {
color:var(--body-text); font-size:.82rem; line-height:1.5;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-type {
color:var(--muted-text); font-size:.68rem; font-weight:800; letter-spacing:1px; text-transform:uppercase; white-space:nowrap;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .track-features, body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .alignment-list {
list-style:none; display:grid; gap:.75rem; margin-top:1.25rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .track-features li, body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .alignment-list li {
display:flex; gap:.75rem; color:var(--body-text); font-size:.9rem; line-height:1.6;
}
@media (max-width:900px) {
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero-inner {
grid-template-columns:1fr;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-hero-art {
display:none;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-item {
grid-template-columns:36px 1fr;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .module-type {
display:none;
}

}
@media (max-width:700px) {
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .course-meta-row {
flex-wrap:nowrap !important; gap:0;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item {
font-size:.62rem !important; padding:0 .38rem !important; letter-spacing:0 !important;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item:first-child {
padding-left:0 !important;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-1-index .meta-item:last-child {
padding-right:0 !important;
}

}

/* Extracted from courses/round-pen/horse-safety/rider-safety-basics/2-why-rider-safety.html */
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36,54,74,.07)
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-card .eyebrow {
color:var(--tan);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;margin-bottom:.45rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-card h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:.45rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-card p {
color:var(--body-text);line-height:1.65;font-size:.92rem;margin:0
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .callout-bar {
background:var(--soft-white);border-left:4px solid var(--tan);padding:1rem 1.25rem;border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:1.5rem 0
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .callout-bar p {
color:var(--body-text);font-size:.92rem;line-height:1.65;margin:0
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .callout-bar strong {
color:var(--heading)
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-2-why-rider-safety .concept-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/horse-safety/rider-safety-basics/4-training-barn.html */
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-4-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/1-index.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero {

}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero-inner {
display:grid; grid-template-columns:1fr 380px; gap:4rem; align-items:center; max-width:1100px; margin:0 auto; padding:72px 5%;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero h1 {
font-family:var(--font-display); font-size:clamp(2.2rem,4vw,3.25rem); color:var(--heading); line-height:1.12; margin-bottom:1rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero-desc {
color:var(--body-text); font-size:1rem; line-height:1.75; max-width:540px; margin-bottom:1.75rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-meta-row {
display:flex; flex-wrap:nowrap; gap:0; margin-bottom:1.75rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item {
color:var(--leather-dark); font-weight:800; font-size:.74rem; border-right:1px solid var(--blue-secondary); padding:0 .75rem; white-space:nowrap;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item:first-child {
padding-left:0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item:last-child {
border-right:0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .hero-actions {
display:flex; gap:.85rem; flex-wrap:wrap;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero-art {
display:flex; justify-content:center; align-items:center;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .hero-marking-single {
width:min(100%,320px); aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; overflow:visible;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .hero-marking-single img {
width:100%; height:100%; object-fit:contain; display:block; transform:scale(1.18); filter:none;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-list {
margin-top:2rem; display:grid; gap:.6rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-item {
display:grid; grid-template-columns:40px 1fr auto; gap:1rem; align-items:center; padding:1rem 1.25rem; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); text-decoration:none; transition:box-shadow .18s,border-color .18s;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-item:hover {
border-color:var(--tan); box-shadow:0 4px 16px rgba(36, 54, 74,.08);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-num {
width:36px; height:36px; border-radius:50%; background:var(--blue-primary); color:var(--white); font-family:var(--font-display); display:flex; align-items:center; justify-content:center;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-title {
font-weight:800; color:var(--heading); margin-bottom:.2rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-desc {
color:var(--body-text); font-size:.82rem; line-height:1.5;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-type {
color:var(--muted-text); font-size:.68rem; font-weight:800; letter-spacing:1px; text-transform:uppercase; white-space:nowrap;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .track-features, body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .alignment-list {
list-style:none; display:grid; gap:.75rem; margin-top:1.25rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .track-features li, body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .alignment-list li {
display:flex; gap:.75rem; color:var(--body-text); font-size:.9rem; line-height:1.6;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .cta-section {
border-top:0;
}
@media (max-width:900px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero-inner {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-hero-art {
display:none
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-item {
grid-template-columns:36px 1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .module-type {
display:none
}

}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/2-why-disciplines-developed.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-card {
background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.35rem; box-shadow:0 4px 16px rgba(36, 54, 74,.07);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-card .eyebrow {
color:var(--tan); font-weight:800; letter-spacing:1.5px; text-transform:uppercase; font-size:.68rem; margin-bottom:.45rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-card h3 {
font-family:var(--font-display); color:var(--heading); font-size:1.15rem; margin-bottom:.45rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-card p {
color:var(--body-text); line-height:1.65; font-size:.92rem; margin:0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .compare-row {
display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .compare-panel {
background:var(--soft-white); border-left:4px solid var(--tan); padding:1.2rem; border-radius:0 var(--radius-lg) var(--radius-lg) 0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .compare-panel h3 {
font-family:var(--font-display); color:var(--heading); margin-bottom:.45rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .compare-panel p {
color:var(--body-text); line-height:1.65; font-size:.92rem; margin:0;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .style-mini-row {
display:flex; justify-content:center; align-items:center; gap:.7rem; margin:-.2rem 0 1.4rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .style-mini-row img {
width:100px; height:75px; object-fit:cover; object-position:center; display:block; border-radius:var(--radius); flex-shrink:0;
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .concept-grid, body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .compare-row {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .style-mini-row {
gap:.4rem;overflow-x:auto;justify-content:flex-start;padding-bottom:.3rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .style-mini-row img {
flex:0 0 72px;width:72px;height:54px
}
}
@media(max-width:400px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-2-why-disciplines-developed .style-mini-row img {
flex:0 0 56px;width:56px;height:42px
}

}

/* Keep Common Riding Disciplines card artwork visible inside shared concept cards. */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-3-popular-riding-disciplines .concept-card img {
width:100%; height:200px; object-fit:contain; object-position:center; display:block; padding:.45rem; box-sizing:border-box; background:var(--soft-white);
}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/4-viewing-room.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-flip-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-flip-grid .flip-card {
min-height:330px;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .flip-front, body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .flip-back {
padding:1.35rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .flip-front.photo-front {
padding:0; overflow:hidden; background:var(--soft-white);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .photo-front img {
width:100%; height:100%; object-fit:cover; object-position:center; display:block;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .photo-front img.saddle-seat-photo {
object-position:62% center;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36, 54, 74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; box-shadow:0 10px 24px rgba(36, 54, 74,.18);
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-badge {
display:inline-flex; background:var(--blue-primary); color:var(--white); border-radius:999px; padding:.25rem .7rem; font-size:.66rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:1rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-title {
font-family:var(--font-display); color:var(--heading); font-size:1.35rem; margin-bottom:.65rem;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-clues {
color:var(--body-text); line-height:1.65; font-size:.92rem; margin:0 0 .65rem; text-align:left;
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-clues:last-child {
margin-bottom:0;
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-flip-grid {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-4-viewing-room .style-flip-grid .flip-card {
min-height:300px
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/5-training-barn.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36, 54, 74,.12);transform:translateY(-3px)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-body p {
display:none
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .style-illustration {
width:74%;max-width:260px
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .style-illustration text {
font-family:Arial,sans-serif;font-weight:800;letter-spacing:2px
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-5-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/activities/downloads/index.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .lesson-wrap {
grid-template-columns:minmax(0,1040px);justify-content:center
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .lesson-left {
max-width:none
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-preview {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;background:var(--cream-secondary);border-bottom:1px solid var(--border)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-preview img {
width:100%;height:100%;object-fit:cover;object-position:top center;display:block
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-badge {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-body {
padding:1.1rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column;gap:.4rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-name {
font-family:var(--font-display);font-size:1rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-body p {
font-size:.85rem;color:var(--body-text);line-height:1.65;margin:0
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-card-footer {
padding:.9rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.6rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .btn-download {
display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:background var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .btn-download.pdf {
background:var(--blue-primary);color:var(--white)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .btn-download.pdf:hover {
background:var(--heading);transform:translateY(-1px)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .btn-download.img {
background:var(--soft-white);color:var(--heading);border:1px solid var(--border)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .btn-download.img:hover {
background:var(--cream-secondary);transform:translateY(-1px)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .page-return {
display:flex;justify-content:center;margin-top:2rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .page-return a {
display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-md);background:var(--tan);color:var(--heading);font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 10px 26px rgba(36, 54, 74,.14);transition:transform var(--motion-quick) var(--ease),box-shadow var(--motion-quick) var(--ease)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .page-return a:hover {
transform:translateY(-2px);box-shadow:0 14px 32px rgba(36, 54, 74,.18)
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-grid {
grid-template-columns:1fr
}

}
@media(min-width:560px) and (max-width:760px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-downloads-index .download-grid {
grid-template-columns:repeat(2,1fr)
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/activities/game-1/discipline-match.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .game-wrap {
width:100%;padding:0 0 1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .game-top {
display:flex;justify-content:space-between;color:var(--tan);font-weight:900;margin-bottom:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .row {
display:grid;grid-template-columns:120px 1fr 220px;gap:1rem;align-items:center;border-bottom:1px solid var(--border);padding:1rem 0
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .row:last-child {
border-bottom:0
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .def {
color:var(--body-text);line-height:1.55
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .result {
font-weight:900;color:var(--heading);margin-top:1rem;text-align:center
}
@media(max-width:760px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-1-discipline-match .row {
grid-template-columns:1fr
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/activities/game-2/job-match.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .game-wrap {
width:100%;padding:0 0 1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .top {
display:flex;justify-content:space-between;color:var(--tan);font-weight:900;margin-bottom:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .prompt {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;color:var(--heading);font-weight:800;line-height:1.6;text-align:center
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .prompt img {
width:min(100%,420px);aspect-ratio:16/10;object-fit:contain;object-position:center;display:block;margin:0 auto 1rem;border-radius:var(--radius);background:var(--white);border:1px solid rgba(36, 54, 74,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .prompt-text {
max-width:680px;margin:0 auto
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .options {
display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .option:hover {
border-color:var(--tan)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .option.correct {
border-color:#1a8c4e;background:rgba(26,140,78,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .option.incorrect {
border-color:#c0392b;background:rgba(192,57,43,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .feedback {
min-height:2rem;text-align:center;font-weight:800;margin-top:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .feedback-correct {
color:#1a8c4e
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .feedback-incorrect {
color:var(--error)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .feedback-summary {
color:var(--heading)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .end-score {
font-family:var(--font-display);font-size:2.5rem;padding:1rem 0;color:var(--heading)
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .options {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-2-job-match .prompt img {
width:100%
}

}

/* Extracted from courses/round-pen/riding-disciplines/common-riding-disciplines/activities/game-3/discipline-sort.html */
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .game-wrap {
width:100%;padding:0 0 1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .game-top {
display:flex;justify-content:space-between;color:var(--tan);font-weight:900;margin-bottom:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .prompt {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;text-align:center;margin-bottom:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .prompt img {
width:min(100%,420px);aspect-ratio:16/10;object-fit:contain;object-position:center;display:block;margin:0 auto 1rem;border-radius:var(--radius);background:var(--white);border:1px solid rgba(36, 54, 74,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .prompt-name {
font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--heading);line-height:1.1
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choices {
display:grid;grid-template-columns:1fr 1fr;gap:.75rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choice {
border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);padding:.95rem 1rem;font-weight:900;color:var(--heading);cursor:pointer
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choice:hover {
border-color:var(--tan)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choice.correct {
border-color:#1a8c4e;background:rgba(26,140,78,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choice.incorrect {
border-color:#c0392b;background:rgba(192,57,43,.08)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .feedback {
min-height:2rem;text-align:center;font-weight:800;margin-top:1rem
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .feedback-correct {
color:#1a8c4e
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .feedback-incorrect {
color:var(--error)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .feedback-summary {
color:var(--heading)
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .prompt-name.end-score {
padding:1rem 0
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .choices {
grid-template-columns:1fr
}
body.ee-page-courses-round-pen-riding-disciplines-common-riding-disciplines-activities-game-3-discipline-sort .prompt img {
width:100%
}

}

/* Extracted from courses/round-pen/tack-equipment/intro-to-tack-equipment/1-index.html */
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .track-features, body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .track-features li, body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/round-pen/tack-equipment/intro-to-tack-equipment/6-training-barn.html */
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-round-pen-tack-equipment-intro-to-tack-equipment-6-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/appaloosa-patterns/1-index.html */
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-inner {
display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;padding:72px 5%
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index {
background:var(--cream-bg)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-text h1 {
font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--heading);line-height:1.15;margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-text h1 span {
color:var(--blue-primary)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-desc {
font-size:1rem;color:var(--body-text);line-height:1.75;margin-bottom:1.75rem;max-width:520px
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-meta-row {
display:flex;flex-wrap:nowrap;gap:0;margin-bottom:1.75rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item {
font-size:.74rem;font-weight:700;color:var(--leather-dark);padding:0 .75rem;border-right:1px solid var(--blue-secondary);letter-spacing:.01em;white-space:nowrap
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item:first-child {
padding-left:0
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item:last-child {
border-right:0;padding-right:0
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .hero-actions {
display:flex;gap:.85rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-art {
display:flex;justify-content:center;align-items:center
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-art img {
width:min(100%,360px);height:auto
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-list {
margin-top:2rem;display:grid;gap:.6rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-item {
display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-num {
width:36px;height:36px;border-radius:50%;background:var(--blue-primary);color:var(--white);font-family:var(--font-display);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-title {
font-weight:700;font-size:.9rem;color:var(--heading);margin-bottom:.2rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-desc {
font-size:.8rem;color:var(--body-text);line-height:1.5
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .module-type {
font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);white-space:nowrap
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .track-features, body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .alignment-list {
list-style:none;display:grid;gap:.75rem;margin-top:1.25rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .track-features li, body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .alignment-list li {
display:flex;gap:.75rem;color:var(--body-text);font-size:.9rem;line-height:1.6
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .cta-section {
border-top:0
}
@media(max-width:900px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-inner {
grid-template-columns:1fr;gap:2rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-hero-art {
display:none
}

}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-meta-row {
flex-wrap:wrap;row-gap:.6rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item {
padding:0 .7rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item:nth-child(odd) {
padding-left:0
}

}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/colors-markings/appaloosa-patterns/2-why-patterns-matter.html */
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-card .eyebrow {
color:var(--tan);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-card h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-card p {
color:var(--body-text);line-height:1.65;font-size:.92rem;margin:0
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-2-why-patterns-matter .concept-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/appaloosa-patterns/3-appaloosa-pattern-types.html */
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-card {
background:var(--soft-white);border:1px solid var(--border);border-left:3px solid var(--tan);border-radius:0 var(--radius) var(--radius) 0;padding:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-card h3 {
font-family:var(--font-display);color:var(--heading);margin-bottom:.3rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-card p {
color:var(--body-text);font-size:.88rem;line-height:1.6;margin:0
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-tag {
display:block;color:var(--tan);font-size:.65rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:.2rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-3-appaloosa-pattern-types .pattern-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/appaloosa-patterns/4-viewing-room.html */
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-art {
min-height:190px;background:var(--soft-white);display:grid;place-items:center;padding:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-art svg {
width:100%;max-width:330px;height:auto
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-body {
padding:1.15rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-body .eyebrow {
color:var(--tan);font-size:.68rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-body h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.3rem;margin:.25rem 0 .45rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-body p {
color:var(--body-text);font-size:.9rem;line-height:1.65;margin:0
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .study-note {
margin-top:1rem;background:var(--soft-white);border-left:3px solid var(--tan);padding:1rem 1.15rem;color:var(--body-text);line-height:1.65
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-4-viewing-room .view-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/appaloosa-patterns/5-training-barn.html */
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .practice-stack {
display:grid;gap:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .practice-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .practice-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.35rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .practice-card p {
color:var(--body-text);line-height:1.65;margin:0 0 1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .choice-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .choice-btn {
border:1px solid var(--border);border-radius:var(--radius);background:var(--soft-white);color:var(--heading);font-weight:800;padding:.85rem 1rem;text-align:left;cursor:pointer
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .choice-btn:hover, body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .choice-btn.selected {
border-color:var(--tan);box-shadow:inset 0 0 0 1px var(--tan)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .term-row {
display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn select {
width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;color:var(--heading);font-weight:700;background:var(--white)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .barn-actions {
display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .barn-btn {
border:0;border-radius:var(--radius);background:var(--blue-primary);color:var(--white);font-weight:900;padding:.8rem 1rem;cursor:pointer
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .barn-btn.secondary {
background:var(--white);color:var(--heading);border:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .feedback {
font-weight:800;color:var(--heading);margin-top:.8rem;min-height:1.4rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .choice-grid, body.ee-page-courses-schooling-ring-colors-markings-appaloosa-patterns-5-training-barn .term-row {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/1-index.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .hero-marking-single {
width: min(100%, 320px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .hero-marking-single img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: scale(1.18);
  filter: none;
}

/* ============================================================================
   Standardized course-index hero art.
   Every course landing page (body class ends in "-1-index") gets the same
   hero-art box size as the Base Coat Colors course: a 320px square. Applies
   whether the art uses .hero-marking-single, .hero-icon-wrap, or a bare
   <img>/<svg>. Selectors are scoped to .course-hero and use the -1-index
   attribute so they outrank the per-course rules above regardless of order.
   ========================================================================== */
body[class$="-1-index"] .course-hero .course-hero-art {
  display: flex; align-items: center; justify-content: center;
}
body[class$="-1-index"] .course-hero .course-hero-art .hero-marking-single,
body[class$="-1-index"] .course-hero .course-hero-art .hero-icon-wrap {
  width: min(100%, 320px); aspect-ratio: 1 / 1;
  display: flex; align-items: center; justify-content: center;
  overflow: visible;
}
body[class$="-1-index"] .course-hero .course-hero-art .hero-marking-single img,
body[class$="-1-index"] .course-hero .course-hero-art .hero-marking-single svg,
body[class$="-1-index"] .course-hero .course-hero-art .hero-icon-wrap img,
body[class$="-1-index"] .course-hero .course-hero-art .hero-icon-wrap svg {
  width: 100%; height: 100%; object-fit: contain; display: block;
}
body[class$="-1-index"] .course-hero .course-hero-art > img,
body[class$="-1-index"] .course-hero .course-hero-art > svg {
  width: min(100%, 320px); aspect-ratio: 1 / 1;
  max-width: 320px; max-height: 320px;
  object-fit: contain; display: block; margin: 0 auto;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .track-features, body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .track-features li, body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/2-why-color-matters.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-2-why-color-matters .color-mini-row {
display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.7rem;
  margin: -0.85rem 0 -0.45rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-2-why-color-matters .color-mini-row img {
width: 108px;
  height: 128px;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-2-why-color-matters .color-mini-row img:nth-child(2) {
transform: scale(1.35);
  transform-origin: center bottom;
}
@media (max-width: 560px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-2-why-color-matters .color-mini-row {
gap: 0.45rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-2-why-color-matters .color-mini-row img {
width: 72px; height: 86px;
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/4-base-coat-colors.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .swatch-strip {
display: flex; gap: 0.4rem; flex-wrap: wrap; margin-top: 0.75rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .swatch-dot {
width: 28px; height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    position: relative;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .swatch-dot::after {
content: attr(data-label);
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.6rem;
    font-weight: 700;
    color: var(--muted-text);
    white-space: nowrap;
    letter-spacing: 0.5px;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .id-checklist {
display: flex; flex-direction: column; gap: 0.65rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .id-check-item {
display: flex; gap: 0.75rem; align-items: flex-start;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .id-check-badge {
width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.65rem; font-weight: 900; margin-top: 0.1rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .badge-yes {
background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .badge-no {
background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .id-check-text {
font-size: 0.9rem; color: var(--body-text); line-height: 1.55;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .tab-photo-row {
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.25rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .tab-photo-wrap {
border-radius: var(--radius);
    overflow: hidden;
    border: 1px solid var(--border);
    background: var(--soft-white);
    aspect-ratio: 4 / 3;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .tab-photo-wrap img {
width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-4-base-coat-colors .tab-photo-row {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/5-viewing-room.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid .flip-front {
position:relative; padding: 0; overflow: hidden; border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid .flip-back {
padding: 1.1rem; text-align: center;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--heading);
    margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-photo {
width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center top;
    border-radius: var(--radius);
    background: var(--soft-white);
    display: block;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.88rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .color-badge {
display: inline-block;
    padding: 3px 10px;
    border-radius: 2rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 0.55rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .badge-chestnut {
background: rgba(180,70,30,0.1);  color: var(--leather-dark); border: 1px solid rgba(180,70,30,0.3);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .badge-black {
background: rgba(36, 54, 74,0.08);  color: var(--heading); border: 1px solid rgba(36, 54, 74,0.2);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .badge-bay {
background: rgba(200, 162, 122,0.12); color: var(--leather-dark); border: 1px solid rgba(200, 162, 122,0.35);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .real-horse-flip-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-5-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36, 54, 74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/6-training-barn.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36, 54, 74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-image img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-body p {
font-size: 0.82rem;
  color: var(--body-text);
  line-height: 1.55;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--tan);
  letter-spacing: 0.04em;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-card-footer svg {
color: var(--tan);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-6-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/activities/downloads/index.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .lesson-left {
max-width: none;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cream-secondary);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .btn-download.pdf {
background:var(--blue-primary);
  color:var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .btn-download.pdf:hover {
background: var(--heading);
  transform: translateY(-1px);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .btn-download.img {
background: var(--soft-white);
  color: var(--heading);
  border: 1px solid var(--border);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .btn-download.img:hover {
background: var(--cream-secondary);
  transform: translateY(-1px);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--heading);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36, 54, 74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .page-return a:hover {
transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(36, 54, 74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-grid {
grid-template-columns: 1fr;
}

}
@media (min-width: 560px) and (max-width: 760px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-downloads-index .download-grid {
grid-template-columns: repeat(2, 1fr);
}

}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/activities/game-1/color-compare.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-intro h2 {
font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--heading);
  margin-bottom: 0.4rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-intro p {
color: var(--body-text);
  font-size: 0.88rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 580px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-card {
border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: 0 2px 8px rgba(36, 54, 74,0.06);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-viewport {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
  background: var(--soft-white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-img-right {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  background: var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-img-left-wrap {
position: absolute;
  inset: 0;
  overflow: hidden;
  width: 100%;
  clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-img-left {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  background: var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-handle {
position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--heading);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-handle::before {
content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--heading);
  border: 3px solid var(--tan);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-handle-icon {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background:var(--blue-primary);
  border: 3px solid var(--tan);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 11;
  color:var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-labels {
position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-label {
position: absolute;
  bottom: 0.6rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.22rem 0.65rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--tan);
  white-space: nowrap;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-label-left {
left: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .slider-label-right {
right: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-card-footer {
padding: 0.75rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-vs {
flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--tan);
  background: rgba(200, 162, 122,0.1);
  border: 1px solid rgba(200, 162, 122,0.3);
  border-radius: 999px;
  padding: 0.2rem 0.5rem;
  margin-top: 0.15rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-card-names {
font-family: var(--font-display);
  font-size: 0.9rem;
  color: var(--heading);
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .compare-card-tip {
font-size: 0.78rem;
  color: var(--body-text);
  line-height: 1.6;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-1-color-compare .drag-hint {
text-align: center;
  font-size: 0.78rem;
  color: var(--body-text);
  margin-bottom: 1.5rem;
  font-style: italic;
}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/activities/game-2/color-scenarios.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-intro h2 {
font-family: var(--font-display);
  font-size: 1.1rem;
  color: var(--heading);
  margin-bottom: 0.4rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-intro p {
color: var(--body-text);
  font-size: 0.88rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-grid {
display: flex; flex-direction: column; gap: 0.85rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-card {
background: var(--white);
  border: 1.5px solid var(--border-mid);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
  transition: border-color 0.18s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-card:hover {
border-color: rgba(200, 162, 122,0.5);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-num {
font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
  margin-bottom: 0.45rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-q {
font-size: 0.92rem;
  font-weight: 600;
  color: var(--heading);
  margin-bottom: 0.75rem;
  line-height: 1.55;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-options {
display: flex; gap: 0.5rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-btn {
padding: 0.45rem 1rem;
  border-radius: var(--radius);
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  border: 1.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-chestnut {
background: rgba(180,70,30,0.08); color: var(--leather-dark); border-color: rgba(180,70,30,0.25);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-chestnut:hover {
background: rgba(180,70,30,0.18);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-black {
background: rgba(36, 54, 74,0.07); color: var(--heading); border-color: rgba(36, 54, 74,0.2);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-black:hover {
background: rgba(36, 54, 74,0.14);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-bay {
background: rgba(200, 162, 122,0.1); color: var(--leather-dark); border-color: rgba(200, 162, 122,0.28);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .opt-bay:hover {
background: rgba(200, 162, 122,0.2);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-btn.correct-pick {
background: var(--success-bg) !important; border-color: var(--success) !important; color: var(--success) !important;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-btn.wrong-pick {
background: var(--error-bg)  !important; border-color: var(--error) !important; color: var(--error) !important;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-btn[disabled] {
cursor: default; opacity: 0.75; pointer-events: none;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-feedback {
display: none;
  margin-top: 0.55rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius);
  font-size: 0.84rem;
  line-height: 1.5;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-feedback.fb-correct {
background: var(--success-bg);
  color: var(--success);
  border: 1px solid var(--success);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-2-color-scenarios .scenario-feedback.fb-wrong {
background: var(--error-bg);
  color: var(--error);
  border: 1px solid var(--error);
}

/* Extracted from courses/schooling-ring/colors-markings/base-coat-colors/activities/game-3/word-search.html */
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-layout {
display: grid;
  grid-template-columns: 1fr 220px;
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-layout {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-panel {
order: -1;
}

}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-grid-wrap {
min-width: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-grid {
display: grid;
  width: 100%;
  gap: 2px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-cell {
aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-size: clamp(0.55rem, 1.5vw, 0.8rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--heading);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-cell.selecting {
background: rgba(200, 162, 122,0.25);
  border-color: var(--tan);
  color: var(--heading);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-cell.found {
background:var(--blue-primary);
  border-color:var(--blue-primary);
  color:var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-cell.found-alt {
background: var(--tan);
  border-color: var(--tan);
  color: var(--heading);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-panel {
background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.1rem 1.25rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-panel h3 {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  margin-bottom: 0.85rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-list {
list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-item {
display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--body-text);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  transition: color 0.2s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-item.found {
color: var(--muted-text);
  text-decoration: line-through;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-check {
width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 900;
  color: transparent;
  background: transparent;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-word-item.found .ws-check {
background:var(--blue-primary);
  border-color:var(--blue-primary);
  color:var(--white);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-progress-wrap {
margin-top: 1.25rem;
  border-top: 1px solid var(--border);
  padding-top: 1rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-progress-label {
font-size: 0.72rem;
  font-weight: 700;
  color: var(--body-text);
  letter-spacing: 0.5px;
  margin-bottom: 0.4rem;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-progress-track {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-progress-fill {
height: 100%;
  background: var(--heading);
  border-radius: 999px;
  transition: width 0.4s ease;
  width: 0%;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-complete {
display: none;
  background: rgba(36, 54, 74,0.04);
  border: 1px solid rgba(200, 162, 122,0.4);
  border-radius: var(--radius);
  padding: 0.9rem 1rem;
  margin-top: 1rem;
  text-align: center;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-complete p {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  margin: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-complete span {
color: var(--tan);
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-reset {
display: block;
  width: 100%;
  margin-top: 1rem;
  padding: 0.55rem;
  background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--body-text);
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
}
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-reset:hover {
border-color: var(--tan);
  color: var(--heading);
}
@media (max-width: 480px) {
body.ee-page-courses-schooling-ring-colors-markings-base-coat-colors-activities-game-3-word-search .ws-cell {
font-size: 0.55rem;
}

}

/* Extracted from courses/schooling-ring/colors-markings/pinto-patterns/1-index.html */
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-inner {
display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;padding:72px 5%
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index {
background:var(--cream-bg)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-text h1 {
font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--heading);line-height:1.15;margin-bottom:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-text h1 span {
color:var(--blue-primary)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-desc {
font-size:1rem;color:var(--body-text);line-height:1.75;margin-bottom:1.75rem;max-width:520px
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-meta-row {
display:flex;flex-wrap:nowrap;gap:0;margin-bottom:1.75rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item {
font-size:.74rem;font-weight:700;color:var(--leather-dark);padding:0 .75rem;border-right:1px solid var(--blue-secondary);letter-spacing:.01em;white-space:nowrap
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item:first-child {
padding-left:0
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item:last-child {
border-right:0;padding-right:0
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .hero-actions {
display:flex;gap:.85rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-art {
display:flex;justify-content:center;align-items:center
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-art img {
width:min(100%,360px);height:auto
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-list {
margin-top:2rem;display:grid;gap:.6rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-item {
display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-num {
width:36px;height:36px;border-radius:50%;background:var(--blue-primary);color:var(--white);font-family:var(--font-display);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-title {
font-weight:700;font-size:.9rem;color:var(--heading);margin-bottom:.2rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-desc {
font-size:.8rem;color:var(--body-text);line-height:1.5
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .module-type {
font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);white-space:nowrap
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .track-features, body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .alignment-list {
list-style:none;display:grid;gap:.75rem;margin-top:1.25rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .track-features li, body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .alignment-list li {
display:flex;gap:.75rem;color:var(--body-text);font-size:.9rem;line-height:1.6
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .cta-section {
border-top:0
}
@media(max-width:900px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-inner {
grid-template-columns:1fr;gap:2rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-hero-art {
display:none
}

}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-meta-row {
flex-wrap:wrap;row-gap:.6rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item {
padding:0 .7rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item:nth-child(odd) {
padding-left:0
}

}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/colors-markings/pinto-patterns/2-why-patterns-matter.html */
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-card .eyebrow {
color:var(--tan);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-card h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-card p {
color:var(--body-text);line-height:1.65;font-size:.92rem;margin:0
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-2-why-patterns-matter .concept-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/pinto-patterns/3-pinto-pattern-types.html */
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-card {
background:var(--soft-white);border:1px solid var(--border);border-left:3px solid var(--tan);border-radius:0 var(--radius) var(--radius) 0;padding:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-card h3 {
font-family:var(--font-display);color:var(--heading);margin-bottom:.3rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-card p {
color:var(--body-text);font-size:.88rem;line-height:1.6;margin:0
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-tag {
display:block;color:var(--tan);font-size:.65rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:.2rem
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-3-pinto-pattern-types .pattern-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/pinto-patterns/4-viewing-room.html */
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-art {
min-height:190px;background:var(--soft-white);display:grid;place-items:center;padding:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-art svg {
width:100%;max-width:330px;height:auto
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-body {
padding:1.15rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-body .eyebrow {
color:var(--tan);font-size:.68rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-body h3 {
font-family:var(--font-display);color:var(--heading);font-size:1.3rem;margin:.25rem 0 .45rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-body p {
color:var(--body-text);font-size:.9rem;line-height:1.65;margin:0
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .study-note {
margin-top:1rem;background:var(--soft-white);border-left:3px solid var(--tan);padding:1rem 1.15rem;color:var(--body-text);line-height:1.65
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-4-viewing-room .view-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/colors-markings/pinto-patterns/5-training-barn.html */
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .practice-stack {
display:grid;gap:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .practice-card {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 4px 16px rgba(36, 54, 74,.07)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .practice-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.35rem;margin-bottom:.45rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .practice-card p {
color:var(--body-text);line-height:1.65;margin:0 0 1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .choice-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .choice-btn {
border:1px solid var(--border);border-radius:var(--radius);background:var(--soft-white);color:var(--heading);font-weight:800;padding:.85rem 1rem;text-align:left;cursor:pointer
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .choice-btn:hover, body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .choice-btn.selected {
border-color:var(--tan);box-shadow:inset 0 0 0 1px var(--tan)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .term-row {
display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn select {
width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem;color:var(--heading);font-weight:700;background:var(--white)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .barn-actions {
display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .barn-btn {
border:0;border-radius:var(--radius);background:var(--blue-primary);color:var(--white);font-weight:900;padding:.8rem 1rem;cursor:pointer
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .barn-btn.secondary {
background:var(--white);color:var(--heading);border:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .feedback {
font-weight:800;color:var(--heading);margin-top:.8rem;min-height:1.4rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .choice-grid, body.ee-page-courses-schooling-ring-colors-markings-pinto-patterns-5-training-barn .term-row {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/1-index.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center; overflow: visible;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .hero-anatomy-graphic {
width: 100%; overflow: visible; display: flex; align-items: center; justify-content: center; align-self: stretch;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .track-features, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .track-features li, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .cta-section {
border-top: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .prereq-note {
display: flex; gap: 0.75rem; align-items: flex-start; background: rgba(200, 162, 122,0.08); border: 1px solid rgba(200, 162, 122,0.25); border-radius: var(--radius); padding: 1rem 1.25rem; margin-top: 1.5rem; font-size: 0.88rem; color: var(--body-text); line-height: 1.6;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .prereq-icon {
font-size: 1rem; flex-shrink: 0; margin-top: 0.1rem;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/3-equine-anatomy.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group {
grid-column: span 2;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.25rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group-label {
font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--muted-text);
  text-align: center;
  padding-top: 0.15rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group-btns {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
}
@media (max-width: 680px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group {
grid-column: span 2;
}

}
@media (max-width: 440px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group {
grid-column: span 1;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .legs-group-btns {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .region-panel {
display: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .region-panel.active {
display: flex; flex-direction: column; gap: 1.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy [id^="panel-"] .diagram-outer {
background: var(--soft-white); border: 1px solid var(--border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-rest);
  padding: 1.25rem; margin: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy [id^="vocab-"].region-panel.active {
display: block;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-outer {
display: flex; justify-content: center; padding: .5rem 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-wrap {
position: relative; display: inline-block; width: 100%; max-width: 680px; user-select: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-wrap img {
width: 100%; display: block; border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-wrap svg.marker-svg {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 2;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-dot {
position: absolute; width: 10px; height: 10px; background: var(--tan); border: 2px solid var(--heading); border-radius: 50%; transform: translate(-50%,-50%); z-index: 4; box-shadow: 0 1px 5px rgba(36, 54, 74,.35); cursor: grab; touch-action: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-dot:active {
cursor: grabbing;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-lbl {
position: absolute; transform: translate(-50%,-50%); background:var(--blue-primary); color:var(--white); font-size: .63rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; padding: .28rem .65rem; border-radius: 5px; white-space: nowrap; z-index: 5; box-shadow: 0 2px 8px rgba(36, 54, 74,.25); cursor: grab; touch-action: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-lbl:active {
cursor: grabbing;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-footer {
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin-top: .6rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .diagram-edit-hint {
font-size: .76rem; color: var(--muted-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .reset-btn {
display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 700; color: var(--body-text); background: none; border: 1px solid var(--border); border-radius: var(--radius); padding: .35rem .85rem; cursor: pointer; transition: border-color .15s, color .15s;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .reset-btn:hover {
border-color: var(--tan); color: var(--heading);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .copy-pos-btn {
display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 700; color: var(--body-text); background: none; border: 1px solid var(--border); border-radius: var(--radius); padding: .35rem .85rem; cursor: pointer; transition: border-color .15s, color .15s;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .copy-pos-btn:hover {
border-color: var(--heading); color: var(--heading);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .pos-output-wrap {
margin-top: .75rem; display: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .pos-output-wrap.open {
display: block;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .pos-output-label {
font-size: .68rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted-text); margin-bottom: .35rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .pos-output {
width: 100%; font-family: monospace; font-size: .72rem; background: var(--soft-white); border: 1px solid var(--border); border-radius: var(--radius); padding: .6rem .75rem; resize: vertical; min-height: 100px; color: var(--heading); line-height: 1.6;
}
@media (max-width: 620px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-lbl {
font-size: .52rem; padding: .2rem .44rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .a-dot {
width: 8px; height: 8px;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .region-tab-btn {
font-size: 0.76rem; padding: 0.5rem 0.7rem;
}

}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .is-baked .diagram-edit-hint, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .is-baked .reset-btn, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .is-baked .copy-pos-btn, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .is-baked .pos-output-wrap, body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-3-equine-anatomy .is-baked .diagram-footer {
display: none !important;
}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/4-training-barn.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow 0.18s, transform 0.18s;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36, 54, 74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .game-thumb {
width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--tan);
  letter-spacing: 0.04em;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-card-footer svg {
color: var(--tan);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .thumb-bg-label {
background: linear-gradient(135deg, #0a1f3a 0%, #1a3055 100%);
}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-4-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/activities/downloads/index.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .lesson-wrap {
grid-template-columns: minmax(0, 1040px); justify-content: center;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .lesson-left {
max-width: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-preview {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-preview img {
width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  padding: 0.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-badge {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-body {
padding: 1.1rem 1.25rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-name {
font-family: var(--font-display);
  font-size: 1rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-body p {
font-size: 0.85rem;
  color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-card-footer {
padding: 0.9rem 1.25rem;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .btn-download {
display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: background var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .btn-download.pdf {
background:var(--blue-primary);
  color:var(--white);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .btn-download.pdf:hover {
background: var(--heading);
  transform: translateY(-1px);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .btn-download.img {
background: var(--soft-white);
  color: var(--heading);
  border: 1px solid var(--border);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .btn-download.img:hover {
background: var(--cream-secondary);
  transform: translateY(-1px);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .page-return {
display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .page-return a {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.4rem;
  border-radius: var(--radius-md);
  background: var(--tan);
  color: var(--heading);
  font-weight: 800;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(36, 54, 74,0.14);
  transition: transform var(--motion-quick) var(--ease), box-shadow var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .page-return a:hover {
transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(36, 54, 74,0.18);
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-downloads-index .download-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/activities/game-1/label-horse.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .tab-bar {
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.6rem .75rem;background:var(--soft-white);border-bottom:1px solid var(--border);margin:0
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .tab-btn.tab-done::after {
content:' ✓';font-size:.68em;opacity:.85
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .game-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(36, 54, 74,.09);overflow:visible;width:100%
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .game-intro-card {
padding:1.2rem 1.5rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 2px 12px rgba(36, 54, 74,.07);margin-bottom:1.25rem
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .game-intro-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.15rem;margin-bottom:.3rem
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .game-intro-card p {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:0
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .game-progress-bar-wrap {
background:var(--heading);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .gpbw-left {
display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .round-badge {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.24rem .65rem;font-size:.65rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .btn-row {
display:flex;gap:.6rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .diagram-area {
padding:1.2rem 1.2rem .8rem;overflow:visible
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .equipment-stage {
position:relative;margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .leader-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.9
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .anchor-dot {
position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue-primary);border:2px solid var(--heading);transform:translate(-50%,-50%);z-index:3;pointer-events:none
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box {
position:absolute;min-width:76px;max-width:150px;min-height:28px;padding:3px 7px;border:2px dashed rgba(36, 54, 74,.3);border-radius:5px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;cursor:default;transition:border-color .12s,background .12s;box-sizing:border-box;white-space:nowrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box.drag-over {
border-color:var(--tan);border-style:solid;background:rgba(200, 162, 122,.1)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box.correct {
border-color:var(--success);border-style:solid;background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box.incorrect {
border-color:var(--error);border-style:solid;background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box.has-tile {
border-style:solid;border-color:rgba(36, 54, 74,.32);cursor:grab
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-placeholder {
font-size:.62rem;color:var(--heading);font-weight:700;pointer-events:none;white-space:nowrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .box-label {
font-size:.68rem;font-weight:700;color:var(--heading);pointer-events:none;text-align:center;line-height:1.2;white-space:nowrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .word-bank-wrap {
padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border);background:var(--soft-white);border-radius:0 0 var(--radius-lg) var(--radius-lg)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .word-bank-label {
font-size:.62rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .word-bank {
display:flex;flex-wrap:wrap;gap:.4rem;min-height:36px;align-items:center
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drag-tile {
display:inline-flex;align-items:center;padding:.32rem .82rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.75rem;font-weight:700;cursor:grab;user-select:none;touch-action:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(36, 54, 74,.18);white-space:nowrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drag-tile:hover {
transform:translateY(-1px);box-shadow:0 4px 12px rgba(36, 54, 74,.25)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drag-tile.is-dragging {
opacity:.28;cursor:grabbing
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drag-ghost {
position:fixed;padding:.32rem .82rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.75rem;font-weight:700;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(36, 54, 74,.35);white-space:nowrap
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .score-card {
display:none;text-align:center;padding:1.75rem 1.5rem;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .score-card.show {
display:block
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .score-emoji {
font-size:2.2rem;margin-bottom:.5rem
}
@media(max-width:560px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drop-box {
max-width:110px;font-size:.62rem
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-1-label-horse .drag-tile {
font-size:.7rem;padding:.28rem .65rem
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/activities/game-2/region-sort.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .term-display {
background: var(--heading); color: var(--white); border-radius: var(--radius-lg); padding: 1.5rem; text-align: center; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .term-prompt {
font-size: 0.68rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.55); margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .term-name {
font-family: var(--font-display); font-size: 2rem; color: var(--tan); line-height: 1.2;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .terms-remaining {
font-size: 0.72rem; color: rgba(255,255,255,0.45); margin-top: 0.4rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .buckets {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .bucket-btn {
padding: 1rem; border: 2px solid var(--border); border-radius: var(--radius); background: var(--white); color: var(--heading); font-family: var(--font-body); font-weight: 800; font-size: 0.88rem; cursor: pointer; transition: all 0.15s; text-align: center;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .bucket-btn:hover:not(:disabled) {
border-color: var(--tan); background: rgba(200, 162, 122,0.08);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .bucket-btn.correct-flash {
border-color: var(--success); background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .bucket-btn.wrong-flash {
border-color: var(--error); background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .sort-feedback {
font-size: 0.84rem; padding: 0.65rem 0.9rem; border-radius: var(--radius); text-align: center; min-height: 40px; margin-bottom: 0.5rem; display: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .sort-feedback.show {
display: block;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .sort-feedback.correct {
background: var(--success-bg); color: var(--success); border-left: 3px solid var(--success);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .sort-feedback.wrong {
background: var(--error-bg); color: var(--error); border-left: 3px solid var(--error);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .result-card {
background: var(--heading); color: var(--white); border-radius: var(--radius-lg); padding: 2rem; text-align: center; display: none;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .result-card.show {
display: block;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .result-big {
font-family: var(--font-display); font-size: 3rem; color: var(--tan);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .result-msg {
font-size: 0.95rem; color: rgba(255,255,255,0.8); margin: 1rem 0 1.5rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .restart-btn {
background: var(--tan); color: var(--heading); border: none; padding: 0.75rem 1.75rem; border-radius: var(--radius); font-weight: 800; font-size: 0.88rem; cursor: pointer;
}
@media (max-width: 560px) {
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .buckets {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-2-region-sort .term-name {
font-size: 1.5rem;
}

}

/* Extracted from courses/schooling-ring/equine-anatomy/equine-anatomy/activities/game-3/term-match.html */
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-status {
display: flex; justify-content: space-between; align-items: center; font-size: 0.82rem; font-weight: 700; color: var(--body-text);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-status span {
color: var(--heading);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .round-badge {
background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); border-radius: var(--radius); padding: 0.3rem 0.75rem; font-size: 0.72rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.8);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-columns {
display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-col-header {
font-size: 0.66rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted-text); text-align: center; margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card {
background: var(--white);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  padding: 0.65rem 0.8rem;
  margin-bottom: 0.45rem;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, opacity 0.2s;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--heading);
  line-height: 1.4;
  min-height: 50px;
  display: flex;
  align-items: center;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card.term {
font-family: var(--font-display); font-size: 0.95rem; color: var(--heading); justify-content: center; text-align: center; font-weight: 700;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card:hover:not(.matched):not(.selected):not(.no-hover) {
border-color: var(--tan); background: rgba(200, 162, 122,0.06);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card.selected {
border-color: var(--heading); background: rgba(36, 54, 74,0.06);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card.matched {
border-color: var(--success); background: var(--success-bg); color: var(--success); cursor: default; opacity: 0.7;
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card.matched.term {
color: var(--success);
}
body.ee-page-courses-schooling-ring-equine-anatomy-equine-anatomy-activities-game-3-term-match .match-card.wrong-shake {
border-color: var(--error); background: var(--error-bg); animation: shake 0.35s ease;
}


@keyframes shake {
  0%,100%{ transform: translateX(0); }
  20%    { transform: translateX(-6px); }
  40%    { transform: translateX(6px); }
  60%    { transform: translateX(-4px); }
  80%    { transform: translateX(4px); }
}

.round-feedback { text-align: center; font-size: 0.84rem; padding: 0.55rem; border-radius: var(--radius); min-height: 36px; margin-bottom: 0.75rem; display: none; font-weight: 700; }
.round-feedback.show { display: block; }
.round-feedback.correct { background: var(--success-bg); color: var(--success); }
.round-feedback.wrong   { background: var(--error-bg); color: var(--error); }

.result-card { background: var(--heading); color: var(--white); border-radius: var(--radius-lg); padding: 2rem; text-align: center; display: none; }
.result-card.show { display: block; }
.result-big { font-family: var(--font-display); font-size: 3rem; color: var(--tan); }
.result-msg { font-size: 0.95rem; color: rgba(255,255,255,0.8); margin: 1rem 0 1.5rem; line-height: 1.6; }
.restart-btn { background: var(--tan); color: var(--heading); border: none; padding: 0.75rem 1.75rem; border-radius: var(--radius); font-weight: 800; font-size: 0.88rem; cursor: pointer; }

@media (max-width: 520px) {
  .match-columns { grid-template-columns: 1fr; }
  .match-card.term { font-size: 0.85rem; }
}

/* Extracted from courses/schooling-ring/health-first-aid/health-disease-prevention/1-index.html */
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .track-features, body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .track-features li, body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/health-first-aid/health-disease-prevention/7-training-barn.html */
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-health-first-aid-health-disease-prevention-7-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/1-index.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-art img {
width: min(100%, 360px); height: auto;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .track-features, body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .track-features li, body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/2-why-vitals-matter.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-2-why-vitals-matter .vitals-mini-row {
display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.6rem;
  margin: -0.5rem 0 0.25rem;
  flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-2-why-vitals-matter .vitals-mini-pill {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  background: rgba(200, 162, 122,0.07);
  border: 1px solid rgba(200, 162, 122,0.22);
  border-radius: 8px;
  padding: 0.65rem 0.9rem;
  min-width: 80px;
  text-align: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-2-why-vitals-matter .vitals-mini-pill .vmp-name {
font-size: 0.65rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--body-text);
}
@media (max-width: 560px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-2-why-vitals-matter .vitals-mini-row {
gap: 0.4rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-2-why-vitals-matter .vitals-mini-pill {
min-width: 64px; padding: 0.5rem 0.6rem;
}

}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/3-vital-signs.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .vital-range-banner {
display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--heading);
    border-radius: var(--radius);
    padding: 1rem 1.25rem;
    margin-bottom: 0.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .vital-range-icon {
font-size: 0.6rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); background: rgba(200, 162, 122,0.15); border: 1px solid rgba(200, 162, 122,0.3); border-radius: 4px; padding: 4px 8px; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .vital-range-label {
font-size: 0.65rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .vital-range-value {
font-family: var(--font-display); font-size: 1.3rem; color: var(--tan); line-height: 1.2;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .how-to-steps {
display: grid; gap: 0.65rem; margin-top: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .how-to-step {
display: flex; gap: 0.85rem; align-items: flex-start;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .step-num {
width: 26px; height: 26px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-size: 0.75rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 0.1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .step-text {
font-size: 0.9rem; color: var(--body-text); line-height: 1.65;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-top: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-card {
padding: 0.85rem 1rem; border-radius: var(--radius); font-size: 0.84rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-card.high {
background: var(--error-bg); border-left: 3px solid var(--error); color: #7a2020;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-card.low {
background: #f0f4ff; border-left: 3px solid #3a5bd9; color: #1a2d7a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-card strong {
display: block; font-size: 0.7rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0.3rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-color-row {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-top: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-swatch {
border-radius: var(--radius); padding: 0.85rem 0.75rem; font-size: 0.82rem; line-height: 1.5;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-swatch strong {
display: block; font-weight: 800; margin-bottom: 0.2rem; font-size: 0.8rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-swatch.normal {
background: #fff0f5; border: 1px solid #f8bbd0; color: #6d2040;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-swatch.concern {
background: #fff8e6; border: 1px solid #ffe082; color: #6d4c00;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-swatch.urgent {
background: var(--error-bg); border: 1px solid #ef9a9a; color: #7a1f1f;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .abnormal-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-color-row {
grid-template-columns: 1fr 1fr;
}

}
@media (max-width: 480px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .gum-color-row {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-3-vital-signs .tab-system {
gap: 1.5rem;
}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/4-viewing-room.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid .flip-card {
min-height: 280px;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-front {
display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-icon-strip {
display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.1rem 1rem 0.9rem;
    flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-emoji {
font-size: 0.62rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); background: rgba(200, 162, 122,0.15); border: 1px solid rgba(200, 162, 122,0.3); border-radius: 4px; padding: 4px 10px;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-tag {
font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 0.35rem;
    opacity: 0.65;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-body {
flex: 1;
    padding: 0.85rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-prompt {
font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.55;
    color: var(--white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-temp   .scenario-icon-strip {
background: #1a0a2e;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-temp   .scenario-body {
background: #220d3a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-temp   .scenario-tag {
color: #c78fff;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-hr     .scenario-icon-strip {
background: #1a0a12;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-hr     .scenario-body {
background: #2a0d1c;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-hr     .scenario-tag {
color: #ff8fab;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-resp   .scenario-icon-strip {
background: #0a1a2e;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-resp   .scenario-body {
background: #0d2240;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-resp   .scenario-tag {
color: #7fc8ff;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gut    .scenario-icon-strip {
background: #0a1a0a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gut    .scenario-body {
background: #0d2a0d;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gut    .scenario-tag {
color: #7fff9e;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-skin   .scenario-icon-strip {
background: #1a140a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-skin   .scenario-body {
background: #2a1e0d;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-skin   .scenario-tag {
color: #ffc87f;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gums   .scenario-icon-strip {
background: #1a0a0a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gums   .scenario-body {
background: #2a0d0d;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-gums   .scenario-tag {
color: #ff9f9f;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-combo  .scenario-icon-strip {
background: #0d0d1a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-combo  .scenario-body {
background: #12122a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .theme-combo  .scenario-tag {
color: var(--tan);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid .flip-back {
padding: 1.25rem 1.1rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1rem;
    color: var(--heading);
    margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.88rem;
    line-height: 1.6;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .answer-flag {
display: inline-block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .answer-flag.normal {
background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .answer-flag.concern {
background: var(--cream-secondary); color: var(--leather-dark);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .answer-flag.urgent {
background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-4-viewing-room .scenario-flip-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/5-training-barn.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card {
display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36, 54, 74,0.12);
  transform: translateY(-3px);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-image {
position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-image.game1-bg {
background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-image.game2-bg {
background: linear-gradient(135deg, #1f2d1a 0%, #3a5a2a 100%);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-image.game3-bg {
background: linear-gradient(135deg, #2d1a3a 0%, #5a2a7a 100%);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-icon {
display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-icon svg {
opacity: 0.9;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-icon span {
font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-tag {
position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(36, 54, 74,0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(200, 162, 122,0.35);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tan);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-body {
padding: 0.9rem 1rem 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-name {
font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--heading);
  line-height: 1.3;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-footer {
padding: 0.7rem 1rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-footer span {
font-size: 0.78rem;
  font-weight: 700;
  color: var(--tan);
  letter-spacing: 0.04em;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-card-footer svg {
color: var(--tan);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .barn-intro {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--heading);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 1.4rem 1.5rem;
  margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .barn-intro h2 {
font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--heading);
  margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .barn-intro p {
color: var(--body-text);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-5-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/activities/vitals-challenge.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .progress-bar-wrap {
background: var(--border); border-radius: 999px; height: 6px; margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .progress-bar-fill {
background: var(--tan); height: 6px; border-radius: 999px; transition: width 0.3s ease;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .round-label {
font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .vital-display {
background: var(--heading); border-radius: var(--radius-lg);
    padding: 2rem 1.75rem; text-align: center; margin-bottom: 1.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .vital-display .vd-sign {
font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .vital-display .vd-reading {
font-family: var(--font-display); font-size: 2.2rem; color: var(--tan); line-height: 1.1; margin-bottom: 0.4rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .vital-display .vd-context {
font-size: 0.84rem; color: rgba(255,255,255,0.6); line-height: 1.55;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .answer-btns {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .ans-btn {
padding: 0.85rem 0.5rem; border: 2px solid var(--border); border-radius: var(--radius); background: var(--white); font-family: var(--font-body); font-size: 0.88rem; font-weight: 700; color: var(--heading); cursor: pointer; transition: all 0.15s;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .ans-btn:hover:not(:disabled) {
border-color: var(--heading); background: var(--soft-white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .ans-btn.selected {
border-color: var(--heading); background: var(--heading); color: var(--white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .ans-btn.correct-ans {
border-color: var(--success); background: var(--success-bg); color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .ans-btn.wrong-ans {
border-color: var(--error); background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .feedback-box {
padding: 1rem 1.2rem; border-radius: var(--radius); font-size: 0.88rem; line-height: 1.65; display: none; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .feedback-box.show {
display: block;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .feedback-box.correct {
background: var(--success-bg); border-left: 3px solid var(--success); color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .feedback-box.incorrect {
background: var(--error-bg); border-left: 3px solid var(--error); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .btn-next {
background: var(--heading); color: var(--white); border: none; padding: 0.8rem 1.75rem; border-radius: var(--radius); font-weight: 700; font-size: 0.9rem; cursor: pointer; display: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-challenge .btn-next.show {
display: inline-block;
}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/activities/vitals-memory.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .progress-bar-wrap {
background: var(--border); border-radius: 999px; height: 6px; margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .progress-bar-fill {
background: var(--tan); height: 6px; border-radius: 999px; transition: width 0.3s ease;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .round-label {
font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); margin-bottom: 0.75rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .vital-prompt-bar {
background: var(--heading);
    border-radius: var(--radius-lg);
    padding: 1.1rem 1.5rem;
    margin-bottom: 1.1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .vital-prompt-bar .vp-badge {
font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--tan);
    background: rgba(200, 162, 122,0.15);
    border: 1px solid rgba(200, 162, 122,0.3);
    border-radius: 4px;
    padding: 3px 8px;
    flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .vital-prompt-bar .vp-question {
font-size: 0.88rem;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    line-height: 1.4;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .instruct-line {
font-size: 0.82rem;
    font-weight: 700;
    color: var(--body-text);
    margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .instruct-line em {
font-style: normal; color: var(--heading);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .steps-grid {
display: grid;
    gap: 0.8rem;
    margin: 0 auto 1.4rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile {
display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: var(--white);
    border: 2px solid var(--border);
    border-radius: var(--radius);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    text-align: left;
    width: 100%;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile:hover:not(.locked):not(.placed) {
border-color: var(--heading); background: var(--soft-white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.placed {
border-color: var(--heading); background: rgba(36, 54, 74,0.05); cursor: default;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.correct {
border-color: var(--success); background: var(--success-bg);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.wrong {
border-color: var(--error); background: var(--error-bg);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.locked {
cursor: default;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-num-badge {
width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-num-badge.empty {
background: var(--soft-white); color: var(--muted-text); border: 2px dashed var(--border);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-num-badge.filled {
background:var(--blue-primary); color:var(--white); border: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-num-badge.correct {
background: var(--success); color: #fff; border: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-num-badge.wrong {
background: var(--error); color: #fff; border: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-text {
font-size: 0.88rem;
    color: var(--heading);
    line-height: 1.55;
    padding-top: 0.15rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.correct .step-text {
color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .step-tile.wrong   .step-text {
color: #7a1a1a;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .correct-order-reveal {
display: none;
    margin-bottom: 1rem;
    padding: 0.9rem 1.1rem;
    background: var(--soft-white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .correct-order-reveal.show {
display: block;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .cor-label {
font-size: 0.65rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--body-text); margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .cor-steps {
display: grid; gap: 0.3rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .cor-step {
font-size: 0.84rem; color: var(--body-text); line-height: 1.55; display: flex; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .cor-step-n {
font-weight: 800; color: var(--heading); flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .feedback-box {
padding: 1rem 1.2rem; border-radius: var(--radius); font-size: 0.88rem; line-height: 1.65; display: none; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .feedback-box.show {
display: block;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .feedback-box.correct {
background: var(--success-bg); border-left: 3px solid var(--success); color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .feedback-box.incorrect {
background: var(--error-bg); border-left: 3px solid var(--error); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .feedback-box.partial {
background: var(--cream-secondary); border-left: 3px solid var(--tan); color: var(--leather-dark);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .action-row {
display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; margin-bottom: 0.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-check {
background: var(--heading); color: var(--white); border: none;
    padding: 0.8rem 1.75rem; border-radius: var(--radius);
    font-weight: 700; font-size: 0.9rem; cursor: pointer; transition: opacity 0.15s;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-check:hover:not(:disabled) {
opacity: 0.88;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-check:disabled {
opacity: 0.4; cursor: default;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-clear {
background: transparent; color: var(--body-text);
    border: 1.5px solid var(--border); padding: 0.8rem 1.25rem;
    border-radius: var(--radius); font-weight: 700; font-size: 0.88rem;
    cursor: pointer; transition: border-color 0.15s;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-clear:hover:not(:disabled) {
border-color: var(--heading); color: var(--heading);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-clear:disabled {
opacity: 0.4; cursor: default;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-next {
background: transparent; color: var(--heading);
    border: 2px solid var(--heading); padding: 0.8rem 1.75rem;
    border-radius: var(--radius); font-weight: 700; font-size: 0.9rem;
    cursor: pointer; display: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-memory .btn-next.show {
display: inline-block;
}

/* Extracted from courses/schooling-ring/health-first-aid/vital-signs/activities/vitals-methods.html */
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .progress-bar-wrap {
background: var(--border); border-radius: 999px; height: 6px; margin-bottom: 2rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .progress-bar-fill {
background: var(--tan); height: 6px; border-radius: 999px; transition: width 0.3s ease;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .round-label {
font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .vital-prompt {
background: var(--heading);
    border-radius: var(--radius-lg);
    padding: 2rem 1.75rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .vital-prompt .vp-tag {
font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 0.7rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .vital-prompt .vp-sign {
font-family: var(--font-display); font-size: 1.8rem; color: var(--tan); line-height: 1.15;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .vital-prompt .vp-emoji {
font-size: 0.6rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tan); background: rgba(200, 162, 122,0.15); border: 1px solid rgba(200, 162, 122,0.3); border-radius: 4px; padding: 4px 10px; margin-bottom: 0.5rem; display: inline-block;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .options-grid {
display: grid; gap: 0.65rem; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .opt-btn {
width: 100%;
    padding: 0.9rem 1.1rem;
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    background: var(--white);
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--heading);
    cursor: pointer;
    text-align: left;
    line-height: 1.5;
    transition: all 0.15s;
    font-weight: 500;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .opt-btn:hover:not(:disabled) {
border-color: var(--heading); background: var(--soft-white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .opt-btn.selected {
border-color: var(--heading); background: var(--heading); color: var(--white);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .opt-btn.correct-ans {
border-color: var(--success); background: var(--success-bg); color: var(--success); font-weight: 600;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .opt-btn.wrong-ans {
border-color: var(--error); background: var(--error-bg); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .feedback-box {
padding: 1rem 1.2rem; border-radius: var(--radius); font-size: 0.88rem; line-height: 1.65; display: none; margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .feedback-box.show {
display: block;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .feedback-box.correct {
background: var(--success-bg); border-left: 3px solid var(--success); color: var(--success);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .feedback-box.incorrect {
background: var(--error-bg); border-left: 3px solid var(--error); color: var(--error);
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .btn-next {
background: var(--heading); color: var(--white); border: none; padding: 0.8rem 1.75rem; border-radius: var(--radius); font-weight: 700; font-size: 0.9rem; cursor: pointer; display: none;
}
body.ee-page-courses-schooling-ring-health-first-aid-vital-signs-activities-vitals-methods .btn-next.show {
display: inline-block;
}

/* Extracted from courses/schooling-ring/horse-behavior/horse-behavior-communication/1-index.html */
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .track-features, body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .track-features li, body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/horse-behavior/horse-behavior-communication/7-training-barn.html */
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-horse-behavior-horse-behavior-communication-7-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/horse-care/equine-nutrition/1-index.html */
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .track-features, body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .track-features li, body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/horse-care/equine-nutrition/7-training-barn.html */
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-horse-care-equine-nutrition-7-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/horse-care/hoof-care-farriery/1-index.html */
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .hero-icon-wrap {
width: min(100%, 280px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .track-features, body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .track-features li, body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/horse-care/hoof-care-farriery/7-training-barn.html */
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-horse-care-hoof-care-farriery-7-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/riding-foundations/gaits-movement/1-index.html */
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-inner {
display: grid;
  grid-template-columns: minmax(0, 680px) minmax(220px, 320px);
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto;
  padding: 64px var(--page-pad);
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-text .course-tag {
display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(127,152,178,0.12);
  border: 1px solid rgba(127,152,178,0.3);
  color: var(--leather);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-text h1 span {
color: var(--blue-primary);
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-desc {
font-size: 1rem; color: var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color: var(--leather); padding: 0 0.75rem; border-right: 1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center; justify-self: center;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .hero-icon-wrap {
width: min(100%, 260px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .hero-icon-wrap svg {
width: 100%; height: 100%;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-item:hover {
border-color: var(--blue-secondary); box-shadow: 0 4px 16px rgba(36,54,74,0.08);
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background: var(--cream-bg); border: 1px solid var(--border-mid); color: var(--blue-primary); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .track-features, body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .track-features li, body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .alignment-list li {
display: flex; gap: 0.75rem; color: var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item {
padding: 0 0.7rem;
}

}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/riding-foundations/gaits-movement/7-training-barn.html */
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .18s,transform .18s
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36,54,74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heading),#405171)
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36,54,74,.72);border:1px solid rgba(200,162,122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.98rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-desc {
color:var(--body-text);font-size:.85rem;line-height:1.6;margin:.4rem 0 0
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:800;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-icon {
font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .coming-soon-badge {
display:inline-block;background:rgba(127,152,178,.15);border:1px solid var(--blue-secondary);color:var(--blue-primary);font-size:.62rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;margin-left:.5rem;vertical-align:middle
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-riding-foundations-gaits-movement-7-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/1-index.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .hero-equipment-single {
width: min(100%, 320px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .hero-equipment-single img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .track-features, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .track-features li, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/2-what-is-driving.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .equipment-photo-strip {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 .25rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .equipment-photo {
background:transparent;border:0;border-radius:0;box-shadow:none;padding:0
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .equipment-photo img {
width:100%;height:120px;object-fit:contain;display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .concept-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .concept-card {
border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem;background:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .concept-card span {
color:var(--tan);font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .concept-card h3 {
font-family:var(--font-display);color:var(--heading);margin:.4rem 0
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .key-term-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .term-card {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .term-card h4 {
font-family:var(--font-display);color:var(--heading);margin-bottom:.35rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .equipment-photo-strip, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .concept-grid, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-2-what-is-driving .key-term-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/3-saddle-bridle-parts.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .diagram-wrap {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 3rem;margin-bottom:1rem;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .diagram-stage {
position:relative;margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .diagram-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .diagram-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-leader {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.55;transition:opacity .15s,stroke-width .15s;vector-effect:non-scaling-stroke
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-leader.active {
opacity:1;stroke-width:2;vector-effect:non-scaling-stroke
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-dot {
position:absolute;width:11px;height:11px;border-radius:50%;background:var(--blue-primary);border:2.5px solid var(--heading);transform:translate(-50%,-50%);cursor:pointer;z-index:5;transition:transform .15s,box-shadow .15s;box-sizing:border-box
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-dot:hover, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-dot.active {
transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 0 5px rgba(23,185,196,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-label {
position:absolute;background:var(--blue-primary);color:var(--white);font-size:.62rem;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:3px;white-space:nowrap;transform:translate(-50%,-50%);z-index:4;cursor:pointer;transition:background .15s,color .15s;pointer-events:all;line-height:1.3;text-align:center
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-label:hover, body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .d-label.active {
background:var(--tan);color:var(--heading)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin-top:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference div {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;transition:border-color .18s,box-shadow .18s
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference div.highlighted {
border-color:var(--tan);box-shadow:0 0 0 2px rgba(200, 162, 122,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference h4 {
font-family:var(--font-display);color:var(--heading);font-size:.95rem;margin:0 0 .25rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference p {
color:var(--body-text);font-size:.82rem;line-height:1.55;margin:0
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .diagram-wrap {
padding:1rem 1.5rem
}

}
@media(max-width:600px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-3-saddle-bridle-parts .parts-reference {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/4-viewing-room.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid .flip-front {
position: relative;
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid .flip-back {
padding: 1rem; text-align: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .image-slot {
width: 100%;
    height: 100%;
    min-height: 300px;
    background: linear-gradient(135deg, rgba(200, 162, 122,.14), rgba(36, 54, 74,.08));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .image-slot span {
display: block;
    color: var(--tan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .image-slot small {
display: block;
    color: var(--heading);
    font-weight: 800;
    margin-top: 0.35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.1rem;
    color: var(--heading);
    margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .equipment-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-4-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36, 54, 74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/5-training-barn.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-grid {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card {
display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow var(--motion-quick) var(--ease), transform var(--motion-quick) var(--ease);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card:hover {
box-shadow: 0 10px 32px rgba(36, 54, 74,.12);
    transform: translateY(-3px);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-image {
position: relative;
    aspect-ratio: 4 / 3;
    background: #f8f3e7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-image svg {
width: 84%; height: 84%;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-tag {
position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background: rgba(36, 54, 74,.78);
    border: 1px solid rgba(200, 162, 122,.35);
    border-radius: 999px;
    padding: 0.25rem 0.7rem;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--tan);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-body {
padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-name {
font-family: var(--font-display);
    font-size: 1rem;
    color: var(--heading);
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-body p {
display: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-card-footer {
padding: 0.75rem 1rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    color: var(--tan);
    font-weight: 800;
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .barn-intro {
background: var(--soft-white);
    border: 1px solid var(--border);
    border-left: 4px solid var(--heading);
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    padding: 1.4rem 1.5rem;
    margin-bottom: 2rem;
}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-5-training-barn .activity-grid {
grid-template-columns: 1fr;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/activities/game-1/label-driving-harness.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .game-wrap {
width:min(100%,1280px);margin:0 auto;padding:2rem 5%
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .game-top {
display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);background:var(--soft-white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .game-stage {
display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:1rem;padding:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .diagram {
background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow:hidden
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .equipment-stage {
position:relative;width:min(100%,760px);margin:0 auto;padding:1.25rem;background:#fff;border-radius:var(--radius);overflow:hidden
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .leader-layer {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.95
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .target-dot {
position:absolute;width:11px;height:11px;border-radius:999px;background:var(--blue-primary);border:2px solid var(--heading);box-shadow:0 2px 8px rgba(36, 54, 74,.24);transform:translate(-50%,-50%);z-index:3
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .number-callout {
position:absolute;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--blue-primary);color:var(--white);box-shadow:0 8px 18px rgba(36, 54, 74,.18);font-weight:900;transform:translate(-50%,-50%);z-index:4
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .answer-list {
display:grid;gap:.65rem;align-content:start;max-height:720px;overflow:auto;padding-right:.25rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .answer-row {
display:grid;grid-template-columns:2rem 1fr;gap:.55rem;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .answer-row strong {
display:inline-flex;width:2rem;height:2rem;border-radius:999px;align-items:center;justify-content:center;background:var(--blue-primary);color:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness select {
width:100%;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);color:var(--heading);background:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness select.result-good {
border-color:var(--success);background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness select.result-bad {
border-color:var(--error);background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .btn-row {
display:flex;gap:.75rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .score-card {
display:none;text-align:center;padding:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .score-card.show {
display:block
}
@media(max-width:900px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .game-stage {
grid-template-columns:1fr
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-1-label-driving-harness .answer-list {
max-height:none
}

}

/* Extracted from courses/schooling-ring/tack-equipment/driving-equipment/activities/game-2/label-driving-bridle.html */
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .game-wrap {
width:min(100%,1180px);margin:0 auto;padding:2rem 5%
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .game-top {
display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);background:var(--soft-white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .game-stage {
display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.65fr);gap:1rem;padding:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .diagram {
background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow:hidden
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .equipment-stage {
position:relative;width:min(100%,460px);margin:0 auto;background:#fff;border-radius:var(--radius);overflow:hidden
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .leader-layer {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.95
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .target-dot {
position:absolute;width:11px;height:11px;border-radius:999px;background:var(--blue-primary);border:2px solid var(--heading);box-shadow:0 2px 8px rgba(36, 54, 74,.24);transform:translate(-50%,-50%);z-index:3
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .number-callout {
position:absolute;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--blue-primary);color:var(--white);box-shadow:0 8px 18px rgba(36, 54, 74,.18);font-weight:900;transform:translate(-50%,-50%);z-index:4
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .answer-list {
display:grid;gap:.75rem;align-content:start
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .answer-row {
display:grid;grid-template-columns:2rem 1fr;gap:.55rem;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .answer-row strong {
display:inline-flex;width:2rem;height:2rem;border-radius:999px;align-items:center;justify-content:center;background:var(--blue-primary);color:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle select {
width:100%;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);color:var(--heading);background:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle select.result-good {
border-color:var(--success);background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle select.result-bad {
border-color:var(--error);background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .btn-row {
display:flex;gap:.75rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .score-card {
display:none;text-align:center;padding:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .score-card.show {
display:block
}
@media(max-width:850px) {
body.ee-page-courses-schooling-ring-tack-equipment-driving-equipment-activities-game-2-label-driving-bridle .game-stage {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/1-index.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .hero-equipment-single {
width: min(100%, 360px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .hero-equipment-single img {
width: 100%;
  height: auto;
  display: block;
  filter: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .track-features, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .track-features li, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/2-what-is-english-riding.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .equipment-photo-strip {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 .25rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .equipment-photo {
background:transparent;border:0;border-radius:0;box-shadow:none;padding:0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .equipment-photo img {
width:100%;height:120px;object-fit:contain;display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .concept-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .concept-card {
border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem;background:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .concept-card span {
color:var(--tan);font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .concept-card h3 {
font-family:var(--font-display);color:var(--heading);margin:.4rem 0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .key-term-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .term-card {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .term-card h4 {
font-family:var(--font-display);color:var(--heading);margin-bottom:.35rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .equipment-photo-strip, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .concept-grid, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-2-what-is-english-riding .key-term-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/3-saddle-bridle-parts.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .saddle-view-tabs {
display: none;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .saddle-view-panel {
display: block; margin-top: 1.35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .saddle-view-panel:first-of-type {
margin-top: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .saddle-reference-panel {
display: grid; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .builder-note {
background: rgba(200, 162, 122,0.09);
  border: 1px solid rgba(200, 162, 122,0.32);
  border-left: 4px solid var(--tan);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .is-baked .builder-note, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .is-baked .builder-toolbar, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .is-baked .position-output {
display: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .builder-note p {
color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .builder-toolbar {
display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .builder-toolbar button {
border: 0;
  border-radius: var(--radius);
  padding: 0.7rem 1rem;
  font-family: var(--font-body);
  font-weight: 800;
  cursor: pointer;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .copy-btn {
background:var(--blue-primary); color:var(--white);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .reset-btn {
background: var(--soft-white); color: var(--heading); border: 1px solid var(--border) !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .builder-status {
color: var(--body-text);
  font-size: 0.85rem;
  font-weight: 700;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .equipment-builder {
position: relative;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 1.25rem;
  overflow: visible;
  user-select: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .equipment-stage {
position: relative;
  width: min(100%, 760px);
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius);
  overflow: visible;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts #saddle-stage, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts #saddle-under-flap-stage {
padding: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts #saddle-underside-stage {
width: min(100%, 940px);
  padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts #bridle-stage {
width: min(100%, 460px);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .equipment-stage img {
width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .leader-layer {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .leader-line {
stroke: var(--tan);
  stroke-width: 1.4;
  stroke-dasharray: 5 4;
  opacity: 0.95;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .anchor-dot {
position: absolute;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--blue-primary);
  border: 2px solid var(--heading);
  box-shadow: 0 2px 8px rgba(36, 54, 74,0.24);
  transform: translate(-50%, -50%);
  cursor: grab;
  z-index: 4;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .is-baked .anchor-dot {
pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout {
position: absolute;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  transform: translate(-50%, -50%);
  z-index: 5;
  cursor: grab;
  white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .is-baked .part-callout {
cursor: default;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout span {
display: inline-flex;
  align-items: center;
  justify-content: center;
  background:var(--blue-primary);
  color:var(--white);
  border-radius: 5px;
  box-shadow: 0 8px 18px rgba(36, 54, 74,0.18);
  padding: 0.45rem 0.85rem;
  font-size: clamp(0.58rem, 1vw, 0.72rem);
  font-weight: 900;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout:focus {
outline: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout:focus span {
box-shadow: 0 0 0 3px rgba(200, 162, 122,0.32), 0 8px 18px rgba(36, 54, 74,0.18);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .anchor-dot:focus {
outline: 2px solid rgba(200, 162, 122,0.65);
  outline-offset: 3px;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout.dragging, body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .anchor-dot.dragging {
cursor: grabbing;
  z-index: 8;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .position-output {
width: 100%;
  min-height: 160px;
  margin-top: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
  font-family: Consolas, monospace;
  font-size: 0.78rem;
  color: var(--heading);
  background: var(--soft-white);
  display: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .position-output.show {
display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .parts-reference {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1rem;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--body-text);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .parts-reference div {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.55rem 0.7rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .parts-reference h4 {
font-family: var(--font-display);
  color: var(--heading);
  font-size: 0.95rem;
  margin: 0 0 0.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .parts-reference p {
color: var(--body-text);
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-guide {
display: grid;
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-summary {
background: rgba(200, 162, 122,0.09);
  border-left: 4px solid var(--tan);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1rem 1.25rem;
  color: var(--body-text);
  line-height: 1.7;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-image-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-image-card {
background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-image-card img {
width: 100%;
  height: 260px;
  object-fit: contain;
  display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-card {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-card h3 {
font-family: var(--font-display);
  color: var(--heading);
  font-size: 1.15rem;
  margin: 0 0 0.5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-card p {
color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .parts-reference {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-image-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-image-card img {
height: 220px;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .tree-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .part-callout span {
font-size: 0.55rem; padding: 0.35rem 0.6rem;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-3-saddle-bridle-parts .saddle-subview-card {
margin: 0 0 1rem;
}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/4-complete-saddle-setup.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-grid {
display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card {
background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(36, 54, 74,.06);
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-img {
width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.75rem;
  display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-body {
padding: 1.1rem 1.25rem 1.25rem; flex: 1;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-body span {
display: block; color: var(--tan); font-size: .68rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: .35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-body h3 {
font-family: var(--font-display); font-size: 1.1rem; color: var(--heading); margin-bottom: .5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-body p {
color: var(--body-text); font-size: .9rem; line-height: 1.65; margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-list {
display: grid; gap: .8rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-item {
display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; align-items: start; background: var(--soft-white); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-num {
width: 2rem; height: 2rem; border-radius: 999px; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-weight: 900; display: inline-flex; align-items: center; justify-content: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-item h3 {
font-family: var(--font-display); font-size: 1rem; color: var(--heading); margin-bottom: .3rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-item p {
color: var(--body-text); font-size: .9rem; line-height: 1.65; margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .note-box {
background: rgba(200, 162, 122,.11); border: 1px solid rgba(200, 162, 122,.32); border-left: 4px solid var(--tan); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; padding: 1.15rem 1.25rem; margin-top: 1rem; color: var(--body-text); line-height: 1.7;
}
@media (max-width: 820px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .setup-card-img {
aspect-ratio: 3 / 2;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-item {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-4-complete-saddle-setup .check-num {
margin-bottom: .1rem;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/5-training-barn.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36, 54, 74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-icon {
display:flex;flex-direction:column;align-items:center;gap:.6rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-icon svg {
opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-icon span {
font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.45)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1;display:flex;flex-direction:column
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.95rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-body p {
display:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:700;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-card-footer svg {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-5-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/6-viewing-room.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-front {
position: relative;
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius);
    height: 300px;
    background: linear-gradient(135deg, #f5f3ee 0%, #ede9e0 100%);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-front img {
width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 1rem;
    box-sizing: border-box;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-back {
padding: 1rem; text-align: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .image-slot {
width: 100%;
    height: 100%;
    min-height: 300px;
    background: linear-gradient(135deg, rgba(200, 162, 122,.14), rgba(36, 54, 74,.08));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .image-slot span {
display: block;
    color: var(--tan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .image-slot small {
display: block;
    color: var(--heading);
    font-weight: 800;
    margin-top: 0.35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.1rem;
    color: var(--heading);
    margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .equipment-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-6-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36, 54, 74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/activities/downloads/index.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .lesson-left {
max-width:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-preview {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;background:var(--soft-white);border-bottom:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-preview img {
width:100%;height:100%;object-fit:cover;object-position:top center;display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-badge {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-body {
padding:1.1rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column;gap:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-name {
font-family:var(--font-display);font-size:1rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-body p {
font-size:.85rem;color:var(--body-text);line-height:1.65;margin:0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-card-footer {
padding:.9rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.6rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download {
display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:background var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease);cursor:pointer;border:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download.pdf {
background:var(--blue-primary);color:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download.pdf:hover {
background:var(--heading);transform:translateY(-1px)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download.img {
background:var(--soft-white);color:var(--heading);border:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download.img:hover {
background:var(--cream-secondary);transform:translateY(-1px)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .btn-download svg {
flex-shrink:0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .page-return {
display:flex;justify-content:center;margin-top:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .page-return a {
display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-md);background:var(--tan);color:var(--heading);font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 10px 26px rgba(36, 54, 74,.14);transition:transform var(--motion-quick) var(--ease),box-shadow var(--motion-quick) var(--ease)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .page-return a:hover {
transform:translateY(-2px);box-shadow:0 14px 32px rgba(36, 54, 74,.18)
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-downloads-index .download-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/activities/game-1/image.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .game-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(36, 54, 74,.09);overflow:visible;width:100%
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .game-intro-card {
padding:1.4rem 1.6rem;background:var(--soft-white);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:.65rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .game-intro-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.25rem;margin-bottom:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .game-intro-card p {
color:var(--body-text);font-size:.88rem;line-height:1.65;margin:.2rem 0 0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .game-progress-bar-wrap {
background:var(--heading);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .gpbw-left {
display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .round-badge {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.28rem .7rem;font-size:.67rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .btn-row {
display:flex;gap:.6rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .diagram-area {
padding:1.4rem 1.4rem 1rem;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .equipment-stage {
position:relative;width:min(100%,480px);margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .leader-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .anchor-dot {
position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue-primary);border:2px solid var(--heading);transform:translate(-50%,-50%);z-index:3;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box {
position:absolute;min-width:80px;max-width:155px;min-height:30px;padding:4px 8px;border:2px dashed rgba(36, 54, 74,.3);border-radius:6px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;cursor:default;transition:border-color .12s,background .12s;box-sizing:border-box;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box.drag-over {
border-color:var(--tan);border-style:solid;background:rgba(200, 162, 122,.1)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box.correct {
border-color:var(--success);border-style:solid;background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box.incorrect {
border-color:var(--error);border-style:solid;background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box.has-pill {
border-style:solid;border-color:rgba(36, 54, 74,.32);cursor:grab
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-placeholder {
font-size:.66rem;color:var(--heading);font-weight:700;pointer-events:none;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .box-label {
font-size:.73rem;font-weight:700;color:var(--heading);pointer-events:none;text-align:center;line-height:1.2;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .word-bank-wrap {
padding:.85rem 1.25rem 1.1rem;border-top:1px solid var(--border);background:var(--soft-white);border-radius:0 0 var(--radius-lg) var(--radius-lg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .word-bank-label {
font-size:.66rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:.55rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .word-bank {
display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drag-tile {
display:inline-flex;align-items:center;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;cursor:grab;user-select:none;touch-action:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(36, 54, 74,.18);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drag-tile:hover {
transform:translateY(-1px);box-shadow:0 4px 12px rgba(36, 54, 74,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drag-tile.is-dragging {
opacity:.28;cursor:grabbing
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drag-ghost {
position:fixed;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(36, 54, 74,.35);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .score-card {
display:none;text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .score-card.show {
display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .score-emoji {
font-size:2.5rem;margin-bottom:.6rem
}
@media(max-width:560px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drop-box {
max-width:110px;font-size:.66rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-1-image .drag-tile {
font-size:.72rem;padding:.3rem .7rem
}

}

/* Extracted from courses/schooling-ring/tack-equipment/english-equipment/activities/game-2/image.html */
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .game-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(36, 54, 74,.09);overflow:visible;width:100%
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .game-intro-card {
padding:1.4rem 1.6rem;background:var(--soft-white);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:.65rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .game-intro-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.25rem;margin-bottom:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .game-intro-card p {
color:var(--body-text);font-size:.88rem;line-height:1.65;margin:.2rem 0 0
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .game-progress-bar-wrap {
background:var(--heading);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .gpbw-left {
display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .round-badge {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.28rem .7rem;font-size:.67rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .btn-row {
display:flex;gap:.6rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .diagram-area {
padding:1.4rem 1.4rem 1rem;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .equipment-stage {
position:relative;width:min(100%,360px);margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .leader-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .anchor-dot {
position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue-primary);border:2px solid var(--heading);transform:translate(-50%,-50%);z-index:3;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box {
position:absolute;min-width:80px;max-width:150px;min-height:30px;padding:4px 8px;border:2px dashed rgba(36, 54, 74,.3);border-radius:6px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;cursor:default;transition:border-color .12s,background .12s;box-sizing:border-box;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box.drag-over {
border-color:var(--tan);border-style:solid;background:rgba(200, 162, 122,.1)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box.correct {
border-color:var(--success);border-style:solid;background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box.incorrect {
border-color:var(--error);border-style:solid;background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box.has-pill {
border-style:solid;border-color:rgba(36, 54, 74,.32);cursor:grab
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-placeholder {
font-size:.66rem;color:var(--heading);font-weight:700;pointer-events:none;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .box-label {
font-size:.73rem;font-weight:700;color:var(--heading);pointer-events:none;text-align:center;line-height:1.2;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .word-bank-wrap {
padding:.85rem 1.25rem 1.1rem;border-top:1px solid var(--border);background:var(--soft-white);border-radius:0 0 var(--radius-lg) var(--radius-lg)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .word-bank-label {
font-size:.66rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:.55rem
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .word-bank {
display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drag-tile {
display:inline-flex;align-items:center;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;cursor:grab;user-select:none;touch-action:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(36, 54, 74,.18);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drag-tile:hover {
transform:translateY(-1px);box-shadow:0 4px 12px rgba(36, 54, 74,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drag-tile.is-dragging {
opacity:.28;cursor:grabbing
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drag-ghost {
position:fixed;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(36, 54, 74,.35);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .score-card {
display:none;text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .score-card.show {
display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .score-emoji {
font-size:2.5rem;margin-bottom:.6rem
}
@media(max-width:560px) {
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drop-box {
max-width:110px
}
body.ee-page-courses-schooling-ring-tack-equipment-english-equipment-activities-game-2-image .drag-tile {
font-size:.72rem;padding:.3rem .7rem
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/1-index.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-inner {
display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 5%;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index {
background: var(--cream-bg);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero {

}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-text .course-tag {
display:inline-block;color:var(--room-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:0.65rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-text h1 {
font-family: var(--font-display); font-size: clamp(2rem,4vw,3rem); color: var(--heading); line-height: 1.15; margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-text h1 span {
color:var(--blue-primary);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-desc {
font-size: 1rem; color:var(--body-text); line-height: 1.75; margin-bottom: 1.75rem; max-width: 520px;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-meta-row {
display: flex; flex-wrap: nowrap; gap: 0; margin-bottom: 1.75rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item {
font-size: 0.74rem; font-weight: 700; color:var(--leather-dark); padding: 0 0.75rem; border-right:1px solid var(--blue-secondary); letter-spacing: 0.01em; white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item:first-child {
padding-left: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item:last-child {
border-right: 0; padding-right: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .hero-actions {
display: flex; gap: 0.85rem; flex-wrap: wrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-art {
display: flex; justify-content: center; align-items: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .hero-equipment-single {
width: min(100%, 320px);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .hero-equipment-single img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-list {
margin-top: 2rem; display: grid; gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-item {
display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; transition: box-shadow 0.18s, border-color 0.18s;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-item:hover {
border-color: var(--tan); box-shadow: 0 4px 16px rgba(36, 54, 74,0.08);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-num {
width: 36px; height: 36px; border-radius: 50%; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-title {
font-weight: 700; font-size: 0.9rem; color: var(--heading); margin-bottom: 0.2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-desc {
font-size: 0.8rem; color: var(--body-text); line-height: 1.5;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .module-type {
font-size: 0.68rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted-text); white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .track-features, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .alignment-list {
list-style: none; display: grid; gap: 0.75rem; margin-top: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .track-features li, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .alignment-list li {
display: flex; gap: 0.75rem; color:var(--body-text); font-size: 0.9rem; line-height: 1.6;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .cta-section {
border-top: 0;
}
@media (max-width: 900px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-inner {
grid-template-columns: 1fr; gap: 2rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-hero-art {
display: none;
}

}
@media (max-width: 640px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-meta-row {
flex-wrap: wrap; row-gap: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item {
padding: 0 0.7rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item:nth-child(odd) {
padding-left: 0;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-meta-row {
align-items: center; min-width: 0;
}
@media (max-width: 700px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .course-meta-row {
flex-wrap: nowrap !important; gap: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item {
font-size: 0.62rem !important; padding: 0 0.38rem !important; letter-spacing: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item:first-child {
padding-left: 0 !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item:last-child {
padding-right: 0 !important;
}

}
@media (max-width: 420px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-1-index .meta-item {
font-size: 0.52rem !important; padding: 0 0.22rem !important;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/2-what-is-western-riding.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .equipment-photo-strip {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 .25rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .equipment-photo {
background:transparent;border:0;border-radius:0;box-shadow:none;padding:0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .equipment-photo img {
width:100%;height:120px;object-fit:contain;display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .concept-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .concept-card {
border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem;background:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .concept-card span {
color:var(--tan);font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .concept-card h3 {
font-family:var(--font-display);color:var(--heading);margin:.4rem 0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .key-term-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .term-card {
background:var(--soft-white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .term-card h4 {
font-family:var(--font-display);color:var(--heading);margin-bottom:.35rem
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .equipment-photo-strip, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .concept-grid, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-2-what-is-western-riding .key-term-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/3-saddle-bridle-parts.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .builder-note {
background: rgba(200, 162, 122,0.09);
  border: 1px solid rgba(200, 162, 122,0.32);
  border-left: 4px solid var(--tan);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .is-baked .builder-note, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .is-baked .builder-toolbar, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .is-baked .position-output {
display: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .builder-note p {
color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .builder-toolbar {
display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .builder-toolbar button {
border: 0;
  border-radius: var(--radius);
  padding: 0.7rem 1rem;
  font-family: var(--font-body);
  font-weight: 800;
  cursor: pointer;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .copy-btn {
background:var(--blue-primary); color:var(--white);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .reset-btn {
background: var(--soft-white); color: var(--heading); border: 1px solid var(--border) !important;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .builder-status {
color: var(--body-text);
  font-size: 0.85rem;
  font-weight: 700;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .equipment-builder {
position: relative;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 1.25rem;
  overflow: visible;
  user-select: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .equipment-stage {
position: relative;
  width: min(100%, 760px);
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius);
  overflow: visible;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts #saddle-stage {
padding: 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts #bridle-stage {
width: min(100%, 460px);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .equipment-stage img {
width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .leader-layer {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .leader-line {
stroke: var(--tan);
  stroke-width: 1.4;
  stroke-dasharray: 5 4;
  opacity: 0.95;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .anchor-dot {
position: absolute;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--blue-primary);
  border: 2px solid var(--heading);
  box-shadow: 0 2px 8px rgba(36, 54, 74,0.24);
  transform: translate(-50%, -50%);
  cursor: grab;
  z-index: 4;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .is-baked .anchor-dot {
pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout {
position: absolute;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  transform: translate(-50%, -50%);
  z-index: 5;
  cursor: grab;
  white-space: nowrap;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .is-baked .part-callout {
cursor: default;
  pointer-events: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout span {
display: inline-flex;
  align-items: center;
  justify-content: center;
  background:var(--blue-primary);
  color:var(--white);
  border-radius: 5px;
  box-shadow: 0 8px 18px rgba(36, 54, 74,0.18);
  padding: 0.45rem 0.85rem;
  font-size: clamp(0.58rem, 1vw, 0.72rem);
  font-weight: 900;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout:focus {
outline: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout:focus span {
box-shadow: 0 0 0 3px rgba(200, 162, 122,0.32), 0 8px 18px rgba(36, 54, 74,0.18);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .anchor-dot:focus {
outline: 2px solid rgba(200, 162, 122,0.65);
  outline-offset: 3px;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout.dragging, body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .anchor-dot.dragging {
cursor: grabbing;
  z-index: 8;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .position-output {
width: 100%;
  min-height: 160px;
  margin-top: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
  font-family: Consolas, monospace;
  font-size: 0.78rem;
  color: var(--heading);
  background: var(--soft-white);
  display: none;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .position-output.show {
display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .parts-reference {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1rem;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--body-text);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .parts-reference div {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.55rem 0.7rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .parts-reference h4 {
font-family: var(--font-display);
  color: var(--heading);
  font-size: 0.95rem;
  margin: 0 0 0.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .parts-reference p {
color: var(--body-text);
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-guide {
display: grid;
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-summary {
background: rgba(200, 162, 122,0.09);
  border-left: 4px solid var(--tan);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1rem 1.25rem;
  color: var(--body-text);
  line-height: 1.7;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-image-grid {
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-image-card {
background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-image-card img {
width: 100%;
  height: 260px;
  object-fit: contain;
  display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-card {
background: var(--soft-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-card h3 {
font-family: var(--font-display);
  color: var(--heading);
  font-size: 1.15rem;
  margin: 0 0 0.5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-card p {
color: var(--body-text);
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .parts-reference {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-image-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-image-card img {
height: 220px;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .tree-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout span {
font-size: 0.55rem; padding: 0.35rem 0.6rem;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .anchor-dot[data-id="cinch"], body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .part-callout[data-id="cinch"], body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-3-saddle-bridle-parts .leader-line[data-for="cinch"] {
display: none !important;
}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/4-complete-saddle-setup.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-grid {
display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card {
background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(36, 54, 74,.06);
  display: flex;
  flex-direction: column;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-img {
width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.75rem;
  display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-body {
padding: 1.1rem 1.25rem 1.25rem; flex: 1;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-body span {
display: block; color: var(--tan); font-size: .68rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: .35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-body h3 {
font-family: var(--font-display); font-size: 1.1rem; color: var(--heading); margin-bottom: .5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-card-body p {
color: var(--body-text); font-size: .9rem; line-height: 1.65; margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card {
background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(36, 54, 74,.06);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-img {
width: 100%;
  aspect-ratio: 3 / 2;
  background: var(--soft-white);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.75rem;
  display: block;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-body {
padding: 1.1rem 1.25rem 1.25rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-body span {
display: block; color: var(--tan); font-size: .68rem; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: .35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-body h3 {
font-family: var(--font-display); font-size: 1.1rem; color: var(--heading); margin-bottom: .5rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-card-body p {
color: var(--body-text); font-size: .9rem; line-height: 1.65; margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-list {
display: grid; gap: .8rem; margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-item {
display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; align-items: start; background: var(--soft-white); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-num {
width: 2rem; height: 2rem; border-radius: 999px; background:var(--blue-primary); color:var(--white); font-family: var(--font-display); font-weight: 900; display: inline-flex; align-items: center; justify-content: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-item h3 {
font-family: var(--font-display); font-size: 1rem; color: var(--heading); margin-bottom: .3rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-item p {
color: var(--body-text); font-size: .9rem; line-height: 1.65; margin: 0;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .note-box {
background: rgba(200, 162, 122,.11); border: 1px solid rgba(200, 162, 122,.32); border-left: 4px solid var(--tan); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; padding: 1.15rem 1.25rem; margin-top: 1rem; color: var(--body-text); line-height: 1.7;
}
@media (max-width: 820px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .setup-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .compare-grid {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-item {
grid-template-columns: 1fr;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-4-complete-saddle-setup .check-num {
margin-bottom: .1rem;
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/5-viewing-room.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid .flip-card {
min-height: 300px;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid .flip-front {
position: relative;
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius);
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid .flip-back {
padding: 1rem; text-align: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .image-slot {
width: 100%;
    height: 100%;
    min-height: 300px;
    background: linear-gradient(135deg, rgba(200, 162, 122,.14), rgba(36, 54, 74,.08));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--radius);
    overflow: hidden;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .image-slot img {
width: 100%;
    height: 100%;
    min-height: 300px;
    display: block;
    object-fit: cover;
    object-position: center;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .image-slot span {
display: block;
    color: var(--tan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .image-slot small {
display: block;
    color: var(--heading);
    font-weight: 800;
    margin-top: 0.35rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid .flip-back .term-name {
font-family: var(--font-display);
    font-size: 1.1rem;
    color: var(--heading);
    margin-bottom: 0.6rem;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid .flip-back .term-def {
color: var(--body-text);
    font-size: 0.9rem;
    line-height: 1.55;
    text-align: left;
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .gallery-instructions {
color: var(--body-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.5rem;
}
@media (max-width: 760px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .equipment-grid {
grid-template-columns: 1fr;
}

}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-5-viewing-room .photo-cue {
position:absolute; left:1rem; bottom:1rem; background:rgba(36, 54, 74,.86); color:var(--tan); border-radius:999px; padding:.42rem .85rem; font-size:.68rem; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; pointer-events:none; white-space:nowrap;
}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/6-training-barn.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card {
display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card:hover {
box-shadow:0 10px 32px rgba(36, 54, 74,.12);transform:translateY(-3px)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-image {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-icon {
display:flex;flex-direction:column;align-items:center;gap:.6rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-icon svg {
opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-icon span {
font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.45)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-tag {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-body {
padding:.9rem 1rem .75rem;flex:1;display:flex;flex-direction:column
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-name {
font-family:var(--font-display);font-size:.95rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-body p {
display:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-footer {
padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-footer span {
font-size:.78rem;font-weight:700;color:var(--tan);letter-spacing:.04em
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-card-footer svg {
color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
@media(max-width:640px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-6-training-barn .activity-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/activities/downloads/index.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .lesson-left {
max-width:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .barn-intro {
background:var(--soft-white);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.4rem 1.5rem;margin-bottom:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .barn-intro h2 {
font-family:var(--font-display);font-size:1.2rem;color:var(--heading);margin-bottom:.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .barn-intro p {
color:var(--body-text);font-size:.9rem;line-height:1.7;margin:0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-grid {
display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-preview {
position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;background:var(--soft-white);border-bottom:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-preview img {
width:100%;height:100%;object-fit:cover;object-position:top center;display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-badge {
position:absolute;bottom:.75rem;left:.75rem;background:rgba(36, 54, 74,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(200, 162, 122,.35);border-radius:999px;padding:.25rem .7rem;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tan)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-body {
padding:1.1rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column;gap:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-name {
font-family:var(--font-display);font-size:1rem;color:var(--heading);line-height:1.3
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-body p {
font-size:.85rem;color:var(--body-text);line-height:1.65;margin:0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-card-footer {
padding:.9rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.6rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download {
display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:background var(--motion-quick) var(--ease),transform var(--motion-quick) var(--ease);cursor:pointer;border:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download.pdf {
background:var(--blue-primary);color:var(--white)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download.pdf:hover {
background:var(--heading);transform:translateY(-1px)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download.img {
background:var(--soft-white);color:var(--heading);border:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download.img:hover {
background:var(--cream-secondary);transform:translateY(-1px)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .btn-download svg {
flex-shrink:0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .page-return {
display:flex;justify-content:center;margin-top:2rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .page-return a {
display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-md);background:var(--tan);color:var(--heading);font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 10px 26px rgba(36, 54, 74,.14);transition:transform var(--motion-quick) var(--ease),box-shadow var(--motion-quick) var(--ease)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .page-return a:hover {
transform:translateY(-2px);box-shadow:0 14px 32px rgba(36, 54, 74,.18)
}
@media(max-width:760px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-downloads-index .download-grid {
grid-template-columns:1fr
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/activities/game-1/label-western-saddle.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .game-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(36, 54, 74,.09);overflow:visible;width:100%
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .game-intro-card {
padding:1.4rem 1.6rem;background:var(--soft-white);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:.65rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .game-intro-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.25rem;margin-bottom:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .game-intro-card p {
color:var(--body-text);font-size:.88rem;line-height:1.65;margin:.2rem 0 0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .game-progress-bar-wrap {
background:var(--heading);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .gpbw-left {
display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .round-badge {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.28rem .7rem;font-size:.67rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .btn-row {
display:flex;gap:.6rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .diagram-area {
padding:1.4rem 1.4rem 1rem;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .equipment-stage {
position:relative;width:min(100%,480px);margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .leader-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .anchor-dot {
position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue-primary);border:2px solid var(--heading);transform:translate(-50%,-50%);z-index:3;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box {
position:absolute;min-width:80px;max-width:160px;min-height:30px;padding:4px 8px;border:2px dashed rgba(36, 54, 74,.3);border-radius:6px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;cursor:default;transition:border-color .12s,background .12s;box-sizing:border-box;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box.drag-over {
border-color:var(--tan);border-style:solid;background:rgba(200, 162, 122,.1)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box.correct {
border-color:var(--success);border-style:solid;background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box.incorrect {
border-color:var(--error);border-style:solid;background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box.has-pill {
border-style:solid;border-color:rgba(36, 54, 74,.32);cursor:grab
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-placeholder {
font-size:.66rem;color:var(--heading);font-weight:700;pointer-events:none;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .box-label {
font-size:.73rem;font-weight:700;color:var(--heading);pointer-events:none;text-align:center;line-height:1.2;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .word-bank-wrap {
padding:.85rem 1.25rem 1.1rem;border-top:1px solid var(--border);background:var(--soft-white);border-radius:0 0 var(--radius-lg) var(--radius-lg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .word-bank-label {
font-size:.66rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:.55rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .word-bank {
display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drag-tile {
display:inline-flex;align-items:center;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;cursor:grab;user-select:none;touch-action:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(36, 54, 74,.18);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drag-tile:hover {
transform:translateY(-1px);box-shadow:0 4px 12px rgba(36, 54, 74,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drag-tile.is-dragging {
opacity:.28;cursor:grabbing
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drag-ghost {
position:fixed;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(36, 54, 74,.35);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .score-card {
display:none;text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .score-card.show {
display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .score-emoji {
font-size:2.5rem;margin-bottom:.6rem
}
@media(max-width:560px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drop-box {
max-width:120px;font-size:.66rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-1-label-western-saddle .drag-tile {
font-size:.72rem;padding:.3rem .7rem
}

}

/* Extracted from courses/schooling-ring/tack-equipment/western-equipment/activities/game-2/label-western-bridle.html */
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .game-shell {
background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(36, 54, 74,.09);overflow:visible;width:100%
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .game-intro-card {
padding:1.4rem 1.6rem;background:var(--soft-white);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:.65rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .game-intro-card h2 {
font-family:var(--font-display);color:var(--heading);font-size:1.25rem;margin-bottom:.4rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .game-intro-card p {
color:var(--body-text);font-size:.88rem;line-height:1.65;margin:.2rem 0 0
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .game-progress-bar-wrap {
background:var(--heading);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .gpbw-left {
display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .round-badge {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.28rem .7rem;font-size:.67rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .btn-row {
display:flex;gap:.6rem;flex-wrap:wrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .diagram-area {
padding:1.4rem 1.4rem 1rem;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .equipment-stage {
position:relative;width:min(100%,360px);margin:0 auto;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .equipment-stage img {
width:100%;height:auto;display:block;pointer-events:none;user-select:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .leader-svg {
position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .leader-line {
stroke:var(--tan);stroke-width:1.4;stroke-dasharray:5 4;opacity:.9
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .anchor-dot {
position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue-primary);border:2px solid var(--heading);transform:translate(-50%,-50%);z-index:3;pointer-events:none
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box {
position:absolute;min-width:80px;max-width:170px;min-height:30px;padding:4px 8px;border:2px dashed rgba(36, 54, 74,.3);border-radius:6px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;cursor:default;transition:border-color .12s,background .12s;box-sizing:border-box;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box.drag-over {
border-color:var(--tan);border-style:solid;background:rgba(200, 162, 122,.1)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box.correct {
border-color:var(--success);border-style:solid;background:var(--success-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box.incorrect {
border-color:var(--error);border-style:solid;background:var(--error-bg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box.has-pill {
border-style:solid;border-color:rgba(36, 54, 74,.32);cursor:grab
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-placeholder {
font-size:.66rem;color:var(--heading);font-weight:700;pointer-events:none;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .box-label {
font-size:.73rem;font-weight:700;color:var(--heading);pointer-events:none;text-align:center;line-height:1.2;white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .word-bank-wrap {
padding:.85rem 1.25rem 1.1rem;border-top:1px solid var(--border);background:var(--soft-white);border-radius:0 0 var(--radius-lg) var(--radius-lg)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .word-bank-label {
font-size:.66rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted-text);margin-bottom:.55rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .word-bank {
display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px;align-items:center
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drag-tile {
display:inline-flex;align-items:center;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;cursor:grab;user-select:none;touch-action:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(36, 54, 74,.18);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drag-tile:hover {
transform:translateY(-1px);box-shadow:0 4px 12px rgba(36, 54, 74,.25)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drag-tile.is-dragging {
opacity:.28;cursor:grabbing
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drag-ghost {
position:fixed;padding:.36rem .88rem;background:var(--blue-primary);color:var(--white);border-radius:5px;font-size:.78rem;font-weight:700;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(36, 54, 74,.35);white-space:nowrap
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .score-card {
display:none;text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border)
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .score-card.show {
display:block
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .score-emoji {
font-size:2.5rem;margin-bottom:.6rem
}
@media(max-width:560px) {
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drop-box {
max-width:120px;font-size:.66rem
}
body.ee-page-courses-schooling-ring-tack-equipment-western-equipment-activities-game-2-label-western-bridle .drag-tile {
font-size:.72rem;padding:.3rem .7rem
}

}

/* Unified landing-page hero art layout.
   Keeps course-title copy and the course image together instead of stretching
   them to the far edges on wide screens. */
body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) {
  max-width: 1120px;
  grid-template-columns: minmax(0, 680px) minmax(220px, 320px);
  justify-content: center;
  gap: clamp(1.75rem, 3vw, 2.75rem);
  padding-left: clamp(1.5rem, 3.5vw, 3rem);
  padding-right: clamp(1.5rem, 3.5vw, 3rem);
}

body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) .course-hero-text {
  max-width: 680px;
}

body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) .course-hero-desc {
  max-width: 620px;
}

body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) .course-hero-art {
  justify-self: center;
}

body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) .course-hero-art img {
  max-width: 320px;
}

@media (max-width: 900px) {
  body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) {
    grid-template-columns: 1fr;
  }

  body[class*="ee-page-courses-"] .course-hero-inner:has(.course-hero-art) .course-hero-art {
    display: none;
  }
}

/* Rider Safety Catalog: 10 tabs in one row — tighten buttons so labels fit */
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-3-rider-safety .tab-bar {
  gap: 0.3rem;
}
body.ee-page-courses-round-pen-horse-safety-rider-safety-basics-3-rider-safety .tab-btn {
  font-size: 0.72rem;
  padding: 0.6rem 0.35rem;
  letter-spacing: 0;
  hyphens: none;
}

/* Platform paragraph rhythm for course prose. */
body[class*="ee-page-courses-"] .lesson-left p + p,
body[class*="ee-page-courses-"] .lesson-left :is(.lesson-intro-card, .visual-card, .concept-card, .term-card, .callout-bar, .barn-note, .lesson-notes, .study-section, .reveal, .ready-panel, .game-panel, .quiz-panel, .activity-card) p + p {
  margin-top: 0.75rem;
}