/* Compass Classroom site chrome: header, mega menu, phone drawer, footer.
   One menu at every width. Breakpoints: phone <768, two-row bar 768-1239, one-row bar >=1240.
   Nothing here reaches outside the two parts: every rule sits under .cc-hd or .cc-ft, and the fonts carry
   private names (cc-lato, cc-lora) so text elsewhere that asks for Lato or Lora is drawn as before.
   Follows the 2026 Compass design system (cc-style-guide Part 1): its colors, the eight type sizes,
   corners 4px / 8px / pill, the two shadows and the Navy focus ring. */
@font-face{font-family:cc-lato;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-400.woff2) format("woff2")}
@font-face{font-family:cc-lato;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-700.woff2) format("woff2")}
@font-face{font-family:cc-lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/lora-var.woff2) format("woff2")}

/* The theme and Elementor restyle every button, link, list and field on a page. Inside these two parts their rules
   are sent back to the browser's own (all:revert), and the :not(#_) on every rule here, which matches everything,
   lifts our rules above theirs. Keep it on any rule you add, under its root: `.cc-hd .thing:not(#_)`. A rule on
   the root itself, or on everything under it, doubles the root (`.cc-hd.cc-hd`) so it weighs the same as the rest. Pictures and icon outlines are left out of the revert
   because it would also drop what their attributes say (width and height, the outline itself); pictures get the
   short list instead. */
.cc-hd.cc-hd:not(#_),.cc-ft.cc-ft:not(#_),.cc-hd.cc-hd *:not(#_)::before,.cc-hd.cc-hd *:not(#_)::after,.cc-ft.cc-ft *:not(#_)::before,.cc-ft.cc-ft *:not(#_)::after{all:revert}
.cc-hd.cc-hd :where(:not(img):not(path)):not(#_),.cc-ft.cc-ft :where(:not(img):not(path)):not(#_){all:revert}
.cc-hd.cc-hd img:not(#_),.cc-ft.cc-ft img:not(#_){display:inline;float:none;position:static;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;opacity:1;filter:none;transform:none;transition:none;vertical-align:baseline}
/* the design-system tokens, under short local names */
.cc-hd.cc-hd:not(#_),.cc-ft.cc-ft:not(#_){--ink:#1f2124;--mute:#5d6570;--blue:#2b5c9a;--blue-d:#234b7e;--tint:#eef3f9;--navy:#14294a;--line:#e3e6ea;--line-2:#cbd2da;--wash:#f5f7fa;--gold:#f5b000;--gold-d:#d79300;--gold-soft:#fdf4dc;--ember:#c8392e;--pine:#1f7a5a;--pine-soft:#e7f2ed;--gold-ink:#7a5200;--r-sm:4px;--r-md:8px;--r-pill:999px;--sh-card:0 1px 2px rgba(20,41,74,.06);--sh-pop:0 8px 24px rgba(20,41,74,.14);font:400 16px/normal cc-lato,"Helvetica Neue",Arial,sans-serif;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;white-space:normal;overflow-wrap:normal;word-break:normal;color:var(--ink);-webkit-font-smoothing:antialiased;text-align:left}
.cc-hd.cc-hd *:not(#_),.cc-ft.cc-ft *:not(#_){box-sizing:border-box}
/* !important: the child theme switches every focus outline off with it */
.cc-hd.cc-hd :focus-visible:not(#_),.cc-ft.cc-ft :focus-visible:not(#_){outline:2px solid var(--navy)!important;outline-offset:2px;border-radius:var(--r-sm)}
.cc-hd.cc-hd svg:not(#_),.cc-ft.cc-ft svg:not(#_){display:block;width:20px;height:20px;fill:currentColor}

/* !important: the theme fades every disabled button with it; ours are only switched off where they have nothing to open */
.cc-hd.cc-hd button:disabled:not(#_){opacity:1!important}

/* bar: 1200px of content, as the guide's page width */
.cc-hd.cc-hd:not(#_){position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.cc-hd .cc-bar:not(#_){display:flex;align-items:center;gap:0 16px;max-width:1248px;margin:0 auto;padding:0 24px;min-height:84px}
.cc-hd .cc-logo:not(#_){flex:none;display:block;width:190px}
.cc-hd .cc-logo img:not(#_){display:block;width:100%;height:auto}
.cc-hd .cc-ib:not(#_),.cc-ft .cc-ib:not(#_){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--ink);cursor:pointer}
.cc-hd .cc-ib:hover:not(#_),.cc-ft .cc-ib:hover:not(#_){color:var(--blue);background:var(--wash)}
.cc-hd .cc-burger:not(#_),.cc-hd .cc-dh:not(#_),.cc-hd .cc-dtop:not(#_),.cc-hd .cc-scrim:not(#_),.cc-hd .cc-df:not(#_){display:none}

/* top level */
.cc-hd .cc-nav:not(#_){flex:1;min-width:0}
.cc-hd .cc-menu:not(#_){display:flex;justify-content:center;margin:0;padding:0;list-style:none}
.cc-hd .cc-top:not(#_){display:flex;align-items:center;gap:8px;height:84px;margin:0;padding:0 12px;border:0;background:none;font:700 14px/1 cc-lato,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:var(--ink);text-decoration:none;cursor:pointer}
/* the bar has no arrows (the open panel is marked by the gold underline); the phone drawer keeps them to show open and closed */
@media (max-width:767px){.cc-hd button.cc-top:not(#_)::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);opacity:.5}}
.cc-hd .cc-top:hover:not(#_){color:var(--blue)}
/* the open item: Navy text over the 3px Gold underline */
.cc-hd .cc-top[aria-expanded=true]:not(#_){color:var(--navy);box-shadow:inset 0 -3px var(--gold)}

/* panel */
.cc-hd .cc-panel:not(#_){display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:var(--sh-pop)}
.cc-hd .cc-top[aria-expanded=true]+.cc-panel:not(#_){display:block;animation:cc-in .16s ease-out}
.cc-hd .cc-panel:not(#_){padding:32px max(32px,calc(50% - 600px))}
@keyframes cc-in{from{opacity:0;transform:translateY(-4px)}}

/* link groups */
.cc-hd .cc-cols:not(#_){columns:3 150px;column-gap:32px}
.cc-hd .cc-g:not(#_){margin:0 0 12px;padding:0;list-style:none;break-inside:avoid}
.cc-hd .cc-g a:not(#_),.cc-hd .cc-g span:not(#_){display:inline-block;padding:2px 0;font:400 16px/24px cc-lato,sans-serif;color:var(--ink);text-decoration:none}
.cc-hd .cc-g .cc-gh>*:not(#_){padding-left:0;font:700 17px/24px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-g a:hover:not(#_),.cc-ft.cc-ft .cc-l a:hover:not(#_),.cc-hd .cc-acct-l a:hover:not(#_),.cc-hd .cc-acts a:not(.cc-btn):hover:not(#_),.cc-hd .cc-prose a:not(.cc-btn):hover:not(#_){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.cc-hd .cc-g a.is-new:not(#_)::after{content:"NEW";margin-left:8px;padding:2px 6px;border-radius:var(--r-pill);background:var(--ember);color:#fff;font:700 12px/1 cc-lato,sans-serif;letter-spacing:.06em;vertical-align:2px}
.cc-hd .cc-acts:not(#_){display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 16px;padding:0;list-style:none}
.cc-hd .cc-acts a:not(.cc-big):not(#_){display:inline-block;padding:4px 0;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);text-decoration:none}
.cc-hd .cc-acts.is-foot:not(#_){margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line)}
/* Shop: a section with its own links opens with a header row; the links are large text with an arrow, never buttons (Philip, 10-19) */
.cc-hd .cc-sh:not(#_){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cc-hd .cc-sh h3:not(#_){margin:0;font:700 20px/26px cc-lora,Georgia,serif;color:var(--navy);white-space:nowrap}
.cc-hd .cc-sh .cc-acts:not(#_){margin:0;align-items:center}
.cc-hd .cc-big:not(#_){display:inline-flex;align-items:center;gap:8px;padding:4px 0;font:700 18px/24px cc-lato,sans-serif;color:var(--blue);text-decoration:none;white-space:nowrap}
.cc-hd .cc-big:hover:not(#_){color:var(--blue-d);text-decoration:underline;text-underline-offset:4px}
.cc-hd .cc-big svg:not(#_){width:18px;height:18px;flex:none}
.cc-hd .cc-big img:not(#_){width:24px;height:auto;border-radius:2px;box-shadow:0 1px 3px rgba(20,41,74,.3)}
.cc-hd .cc-sec-d:not(#_){display:none}

/* sections: tabs on wide screens, accordions on a phone */
.cc-hd .cc-sec:not(#_){display:none}
.cc-hd .cc-sec-btn[aria-expanded=true]+.cc-sec:not(#_){display:block}
.cc-hd .cc-sec-btn:not(#_){display:block;width:100%;margin:0;padding:12px 0;border:0;background:none;font:700 14px/20px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--ink);cursor:pointer}
.cc-hd .cc-sec-btn:hover:not(#_){color:var(--blue)}
.cc-hd .cc-sec-btn[aria-expanded=true]:not(#_){color:var(--navy)}
.cc-hd .cc-sec-btn:disabled:not(#_){padding:0 0 8px;margin-bottom:16px;border-bottom:1px solid var(--line);font-size:12px;line-height:16px;letter-spacing:.06em;color:var(--mute);cursor:default}

/* prose, cards, buttons */
.cc-hd .cc-prose:not(#_){font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-prose p:not(#_){margin:0 0 12px}
.cc-hd .cc-prose h3:not(#_){margin:0 0 4px;font:700 20px/26px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-prose a:not(.cc-btn):not(#_){color:var(--blue)}
.cc-hd .cc-prose ul:not(#_){margin:0 0 12px;padding-left:20px}
/* buttons: Blue for routine actions; Gold (is-accent) only for the one marketing ask, "Try 2 Weeks Free" */
.cc-hd .cc-btn:not(#_){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--blue);color:#fff;font:700 16px/1.2 cc-lato,sans-serif;letter-spacing:0;white-space:nowrap;text-decoration:none}
.cc-hd .cc-btn:hover:not(#_){background:var(--blue-d);color:#fff}
.cc-hd .cc-btn svg:not(#_){width:16px;height:16px}
.cc-hd .cc-btn.is-accent:not(#_){background:var(--gold);color:var(--ink)}
.cc-hd .cc-btn.is-accent:hover:not(#_){background:var(--gold-d);color:var(--ink)}
.cc-hd .cc-split:not(#_){display:grid;grid-template-columns:repeat(var(--k,3),1fr);gap:0 32px;align-items:start}
.cc-hd .cc-split>*+*:not(#_){padding-left:32px;border-left:1px solid var(--line)}
.cc-hd .cc-split img:not(#_){display:block;max-width:100%;height:auto}
.cc-hd .cc-mid:not(#_){align-items:center}
.cc-hd .cc-center:not(#_){text-align:center}
.cc-hd .cc-center img:not(#_){margin:0 auto 16px}
.cc-hd .cc-narrow:not(#_){max-width:520px;margin:0 auto}
.cc-hd .cc-pics:not(#_){display:grid;gap:12px}
.cc-hd .cc-pics img:not(#_){display:block;width:100%;height:auto;border-radius:var(--r-md)}
.cc-hd .cc-two:not(#_){display:grid;grid-template-columns:240px 1fr;gap:0 32px;align-items:start}
/* About, Membership and My Courses (the dropdown mockup Philip approved on 10-19): white cards on the soft blue
   panel, each link with an icon and a line saying what it is */
.cc-hd .cc-card:not(#_){display:block;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card);color:var(--ink);text-decoration:none}
.cc-hd .cc-eye:not(#_){margin:0 0 12px;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cc-hd.cc-hd svg.cc-line:not(#_){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cc-hd .cc-ic:not(#_){display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--r-sm);background:var(--tint);color:var(--blue)}
.cc-hd .cc-ph:not(#_){display:none}
/* About: Who we are, For families and groups, and the catalog card */
.cc-hd .cc-about:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;max-width:920px;margin:0 auto}
.cc-hd .cc-about.has-cat:not(#_){grid-template-columns:1fr 1fr 200px;max-width:1120px}
.cc-hd .cc-rows:not(#_){display:grid;gap:4px;margin:0;padding:0;list-style:none}
.cc-hd .cc-row:not(#_){display:flex;align-items:flex-start;gap:12px;margin:0 -8px;padding:8px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none}
.cc-hd a.cc-row:hover:not(#_){background:var(--tint)}
.cc-hd .cc-row-t b:not(#_){display:block;font:700 16px/24px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd a.cc-row:hover .cc-row-t b:not(#_){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.cc-hd .cc-row-t small:not(#_){display:block;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--mute)}
.cc-hd .cc-cat:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 20px}
.cc-hd .cc-cat .cc-eye:not(#_){margin:0}
.cc-hd .cc-cat img:not(#_){display:block;width:120px;height:auto;border-radius:2px;box-shadow:0 2px 8px rgba(20,41,74,.25)}
.cc-hd .cc-cat b:not(#_){display:block;font:700 16px/24px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-cat:hover b:not(#_){color:var(--blue)}
.cc-hd .cc-go:not(#_){display:inline-flex;align-items:center;gap:6px;font:700 14px/20px cc-lato,sans-serif;color:var(--blue)}
.cc-hd .cc-go svg:not(#_){width:16px;height:16px}
/* Membership: what every member gets, then the two plans with their live prices; Gold only on Family */
.cc-hd .cc-mem:not(#_){display:grid;grid-template-columns:320px 1fr 1fr;gap:24px;align-items:stretch}
.cc-hd .cc-mem-art img:not(#_){display:block;width:150px;height:auto;margin:0 0 12px}
.cc-hd .cc-mem-in h3:not(#_){margin:0;font:700 24px/30px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-mem-in p:not(#_){margin:8px 0 0;font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-checks:not(#_){display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.cc-hd .cc-checks li:not(#_){display:flex;align-items:flex-start;gap:8px;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-checks svg:not(#_){width:18px;height:18px;margin-top:1px;color:var(--pine)}
.cc-hd .cc-mem-in .cc-trial:not(#_){margin-top:16px;padding:12px;border-radius:var(--r-sm);background:var(--pine-soft);font-size:14px;line-height:20px}
.cc-hd .cc-trial b:not(#_){color:var(--pine)}
.cc-hd .cc-plan:not(#_){display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card)}
.cc-hd .cc-plan.is-best:not(#_){border-color:var(--gold)}
.cc-hd .cc-plan-top:not(#_){display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-hd .cc-plan .cc-ic:not(#_){width:44px;height:44px;border-radius:var(--r-pill)}
.cc-hd .cc-plan h3:not(#_){margin:12px 0 0;font:700 20px/26px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-for:not(#_){margin:0;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--mute)}
.cc-hd .cc-price:not(#_){display:flex;align-items:baseline;gap:6px;margin:16px 0 0;color:var(--navy)}
.cc-hd .cc-price b:not(#_){font:700 40px/44px cc-lora,Georgia,serif}
.cc-hd .cc-price span:not(#_){font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink)}
.cc-hd .cc-year:not(#_){margin:0;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-year em:not(#_){font-style:normal;font-weight:700;color:var(--pine)}
.cc-hd .cc-plan .cc-checks:not(#_){margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--line)}
.cc-hd .cc-plan .cc-btn:not(#_){width:100%;margin-top:auto}
.cc-hd .cc-btn.is-secondary:not(#_){background:#fff;color:var(--blue);border-color:var(--line-2)}
.cc-hd .cc-btn.is-secondary:hover:not(#_){background:#fff;color:var(--blue);border-color:var(--blue)}
/* My Courses: the way in, then three tiles with the icons My Compass Classroom shows in its own menu */
.cc-hd .cc-mc:not(#_){display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:stretch}
.cc-hd .cc-mc-in img:not(#_){display:block;width:220px;height:auto}
.cc-hd .cc-mc-in h3:not(#_){margin:16px 0 0;font:700 20px/26px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-mc-in p:not(#_){margin:8px 0 20px;font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-mc-in .cc-help:not(#_){margin:12px 0 0;font-size:14px;line-height:20px;color:var(--mute)}
.cc-hd .cc-help a:not(#_){color:var(--blue);text-decoration:underline}
.cc-hd .cc-tiles:not(#_){display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.cc-hd .cc-tile:not(#_){display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink);text-decoration:none}
.cc-hd .cc-tile:hover:not(#_){border-color:var(--blue)}
.cc-hd .cc-tile .cc-ic:not(#_){width:48px;height:48px;border-radius:var(--r-pill)}
.cc-hd .cc-tile .cc-ic svg:not(#_){width:30px;height:30px}
.cc-hd .cc-tile-t b:not(#_){display:flex;align-items:center;gap:6px;margin-top:4px;font:700 18px/24px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-tile:hover .cc-tile-t b:not(#_){color:var(--blue)}
.cc-hd .cc-tile-t b svg:not(#_){width:10px;height:10px;color:var(--blue)}
.cc-hd .cc-tile-t small:not(#_){display:block;margin-top:4px;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--mute)}
/* Resources: each group a card with its links and a See all link, then the featured pictures with titles */
.cc-hd .cc-res:not(#_){display:grid;grid-template-columns:1fr 1fr 1.15fr 240px;gap:24px;align-items:stretch}
.cc-hd .cc-rcard:not(#_){display:flex;flex-direction:column}
.cc-hd .cc-rh:not(#_){display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cc-hd .cc-rh .cc-eye:not(#_){margin:0}
.cc-hd .cc-plain:not(#_){display:grid;gap:2px;margin:0;padding:0;list-style:none}
.cc-hd .cc-plain a:not(#_),.cc-hd .cc-plain span:not(#_){display:block;padding:4px 0;font:400 16px/24px cc-lora,Georgia,serif;color:var(--ink);text-decoration:none}
.cc-hd .cc-plain a:hover:not(#_){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.cc-hd .cc-all:not(#_){margin-top:auto;padding-top:16px;text-decoration:none}
.cc-hd .cc-feat:not(#_){display:flex;flex-direction:column;gap:10px}
.cc-hd .cc-feat .cc-eye:not(#_){margin:0}
.cc-hd .cc-fcard:not(#_){display:block;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card);color:var(--ink);text-decoration:none}
.cc-hd .cc-fcard img:not(#_){display:block;width:100%;height:auto;aspect-ratio:240/98;object-fit:cover}
.cc-hd .cc-fcard>span:not(#_){display:block;padding:8px 12px 10px}
.cc-hd .cc-fcard b:not(#_){display:block;font:700 16px/22px cc-lora,Georgia,serif;color:var(--navy)}
.cc-hd .cc-fcard:hover b:not(#_){color:var(--blue)}
.cc-hd .cc-fcard small:not(#_){display:none}
/* narrower two-row bar: the intro cards take a full row above the plans and tiles */
@media (min-width:768px) and (max-width:1100px){
.cc-hd .cc-mem:not(#_){grid-template-columns:1fr 1fr}
.cc-hd .cc-mem-in:not(#_){grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;column-gap:24px}
.cc-hd .cc-mem-in .cc-mem-art:not(#_){grid-row:1/span 3}
.cc-hd .cc-mem-in .cc-checks:not(#_){grid-template-columns:repeat(3,auto);justify-content:start;column-gap:24px}
.cc-hd .cc-mc:not(#_){grid-template-columns:1fr}
.cc-hd .cc-about.has-cat:not(#_){grid-template-columns:1fr 1fr 180px}
.cc-hd .cc-res:not(#_){grid-template-columns:repeat(3,1fr)}
.cc-hd .cc-feat:not(#_){grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc-hd .cc-feat .cc-eye:not(#_){grid-column:1/-1}
}

/* tools */
.cc-hd .cc-tools:not(#_){display:flex;align-items:center;gap:4px;flex:none}
.cc-hd .cc-count:not(#_){position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--gold);color:var(--ink);font:700 12px/20px cc-lato,sans-serif;text-align:center}
.cc-hd .cc-acct:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-left:12px;padding:4px 0 4px 16px;border-left:1px solid var(--line-2)}
.cc-hd .cc-login:not(#_){white-space:nowrap;padding:12px 0;font:700 16px/1 cc-lato,sans-serif;letter-spacing:0;color:var(--blue);text-decoration:none}
.cc-hd .cc-login:hover:not(#_){text-decoration:underline;text-underline-offset:3px}
.cc-hd .cc-acct-l:not(#_){display:flex;gap:16px}
.cc-hd .cc-acct-l a:not(#_){padding:4px 0;font:400 14px/20px cc-lato,sans-serif;color:var(--blue);text-decoration:none}

/* right side like My Compass Classroom: name, round initials, hover menu */
.cc-hd .cc-acct2:not(#_){flex-direction:row;align-items:center;gap:16px}
.cc-hd .cc-user-w:not(#_){position:relative}
.cc-hd .cc-user:not(#_){display:flex;align-items:center;gap:8px;margin:0;padding:2px 2px 2px 12px;border:0;border-radius:var(--r-pill);background:none;font:700 14px/1 cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink);white-space:nowrap;cursor:pointer}
.cc-hd .cc-user:hover:not(#_),.cc-hd .cc-user[aria-expanded=true]:not(#_){background:var(--wash)}
.cc-hd .cc-user>span:first-child:not(#_){flex:none;max-width:16em;overflow:hidden;text-overflow:ellipsis;line-height:20px}
.cc-hd .cc-av svg:not(#_){width:16px;height:16px}
.cc-hd .cc-av:not(#_){display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--r-pill);background:var(--gold);color:var(--navy);font:700 14px/1 cc-lato,sans-serif;letter-spacing:.02em}
.cc-hd .cc-pop:not(#_){display:none;position:absolute;z-index:5;right:0;top:calc(100% + 8px);width:248px;padding:4px 0 8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-pop)}
.cc-hd .cc-pop:not(#_)::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.cc-hd .cc-user[aria-expanded=true]+.cc-pop:not(#_){display:block;animation:cc-in .16s ease-out}
.cc-hd .cc-pop p:not(#_){margin:0;padding:12px 16px 4px;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cc-hd .cc-pop ul:not(#_){margin:0;padding:0;list-style:none}
.cc-hd .cc-pop ul+p:not(#_){margin-top:8px;border-top:1px solid var(--line)}
.cc-hd .cc-pop a:not(#_){display:block;padding:4px 16px;font:400 16px/24px cc-lora,Georgia,serif;color:var(--ink);text-decoration:none}
.cc-hd .cc-pop a:hover:not(#_){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
/* Log out on its own white strip across the bottom of the menu, with the exit icon, as at the foot of the phone drawer */
.cc-hd .cc-pop-out:not(#_){margin:8px 0 -8px;border-top:1px solid var(--line);background:#fff;border-radius:0 0 var(--r-md) var(--r-md)}
.cc-hd .cc-pop .cc-pop-out a:not(#_){display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink);text-decoration:none}
.cc-hd .cc-pop .cc-pop-out a:hover:not(#_){color:var(--blue);text-decoration:none}
.cc-hd .cc-pop-out svg:not(#_){width:16px;height:16px;color:var(--mute)}
.cc-hd .cc-pop-out a:hover svg:not(#_){color:var(--blue)}

/* on a narrow tablet the bar shows the initials badge alone; the name is still in the button's label and in the phone drawer */
@media (max-width:899px){.cc-hd .cc-tools .cc-user>span:first-child:not(#_){display:none}.cc-hd .cc-tools .cc-user:not(#_){padding:2px}}

/* search: a text field as the guide draws it, joined to a Blue button */
.cc-hd .cc-search:not(#_){display:none;align-items:stretch;gap:0}
.cc-hd .cc-search input:not(#_){flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line-2);border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm);background:#fff;font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink)}
.cc-hd .cc-search input:focus:not(#_){border-color:var(--blue)}
.cc-hd .cc-search input:not(#_)::placeholder{color:var(--mute)}
.cc-hd .cc-search button:not(#_){flex:none;width:48px;height:44px;border:0;border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cc-hd .cc-search button:hover:not(#_){background:var(--blue-d)}
.cc-hd .cc-search button svg:not(#_){width:16px;height:16px}

/* one-row bar */
@media (min-width:1240px){
.cc-hd.cc-hd.is-search .cc-search:not(#_){display:flex;position:absolute;left:0;right:0;top:100%;justify-content:center;padding:16px 24px;background:#fff;border-top:1px solid var(--line);box-shadow:var(--sh-pop)}
.cc-hd.cc-hd.is-search .cc-search input:not(#_){max-width:860px;height:48px;font-size:16px}
.cc-hd.cc-hd.is-search .cc-search button:not(#_){height:48px;width:56px}
}

/* tabs and open sections, tablet up */
@media (min-width:768px){
.cc-hd .cc-panel:not(#_){max-height:calc(100vh - 100px);overflow-y:auto}
.cc-hd .cc-secs[data-layout=tabs]:not(#_){display:grid;grid-template-columns:192px 1fr;grid-template-rows:repeat(var(--n),min-content) 1fr;column-gap:32px}
.cc-hd .cc-secs[data-layout=tabs] .cc-sw:not(#_){display:contents}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec-btn:not(#_){grid-column:1}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec:not(#_){grid-column:2;grid-row:1/-1;min-height:290px;padding-left:32px;border-left:1px solid var(--line)}
.cc-hd .cc-secs[data-layout=open]:not(#_){display:grid;grid-template-columns:var(--cols);gap:0 32px;align-items:start}
.cc-hd .cc-secs[data-layout=open] .cc-sec:not(#_){display:block}
.cc-hd .cc-one:not(#_){columns:1}
/* Shop's lead row (Shop All, View Catalog) is for the phone; wide screens show it inside Subjects */
.cc-hd .cc-acts.cc-lead:not(#_){display:none}
/* color in the menus: a soft blue panel; the open Shop section sits on a white card beside its tab */
.cc-hd .cc-panel:not(#_),.cc-hd .cc-pop:not(#_){background:var(--tint)}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec-btn:not(:disabled):not(#_){padding:12px 16px;border-radius:var(--r-md) 0 0 var(--r-md);margin-right:-1px}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec-btn[aria-expanded=true]:not(#_){background:#fff}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec-d:not(#_){display:block;margin-top:2px;font:400 14px/20px cc-lato,sans-serif;letter-spacing:0;text-transform:none;color:var(--mute)}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec:not(#_){background:#fff;border:1px solid var(--line);border-radius:0 var(--r-md) var(--r-md) var(--r-md);box-shadow:var(--sh-card);padding:24px}
}

/* two-row bar */
@media (min-width:768px) and (max-width:1239px){
.cc-hd .cc-bar:not(#_){flex-wrap:wrap;padding-top:16px}
.cc-hd .cc-logo:not(#_){width:180px}
.cc-hd .cc-tools:not(#_){flex:1;justify-content:flex-end}
.cc-hd .cc-search:not(#_){display:flex;flex:1;max-width:400px;margin:0 auto}
.cc-hd .cc-search-btn:not(#_){display:none}
.cc-hd .cc-acct-l a:not(#_){padding:8px 0}
.cc-hd .cc-nav:not(#_){order:3;flex:0 0 calc(100% + 48px);margin:16px -24px 0;padding:0 12px;border-top:1px solid var(--line)}
.cc-hd .cc-top:not(#_){height:48px}
.cc-hd .cc-panel:not(#_){padding:24px 24px 32px}
.cc-hd .cc-secs[data-layout=tabs]:not(#_){grid-template-columns:168px 1fr;column-gap:24px}
.cc-hd .cc-secs[data-layout=tabs] .cc-sec:not(#_){padding-left:24px}
.cc-hd .cc-secs[data-layout=open]:not(#_){gap:0 24px}
.cc-hd .cc-cols:not(#_){column-gap:24px}
.cc-hd .cc-split:not(#_){gap:0 24px}
.cc-hd .cc-split>*+*:not(#_){padding-left:24px}
.cc-hd .cc-two:not(#_){grid-template-columns:192px 1fr;gap:0 24px}
}

/* phone: the nav becomes a drawer, panels and sections become accordions */
@media (max-width:767px){
.cc-hd .cc-bar:not(#_){min-height:60px;padding:0 8px;gap:0}
.cc-hd .cc-burger:not(#_){display:inline-flex}
.cc-hd .cc-logo:not(#_){width:160px;margin:0 auto 0 4px}
.cc-hd .cc-tools .cc-acct:not(#_),.cc-hd .cc-tools .cc-search:not(#_){display:none}
.cc-hd .cc-nav:not(#_){position:fixed;z-index:70;top:0;bottom:0;left:0;width:min(88vw,360px);background:#fff;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);visibility:hidden;transition:transform .24s cubic-bezier(.2,.7,.2,1),visibility 0s .24s}
.cc-drawer-open .cc-hd .cc-nav:not(#_){transform:none;visibility:visible;transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.admin-bar .cc-hd .cc-nav:not(#_){top:46px}
.cc-hd .cc-scrim:not(#_){display:block;position:fixed;z-index:60;inset:0;background:rgba(20,41,74,.45);opacity:0;visibility:hidden;transition:opacity .24s,visibility 0s .24s}
.cc-drawer-open .cc-hd .cc-scrim:not(#_){opacity:1;visibility:visible;transition:opacity .24s}
/* the open drawer and its scrim sit above everything else on the page, the floating help button included */
.cc-drawer-open .cc-hd.cc-hd:not(#_){z-index:2147483000}
.cc-hd .cc-dh:not(#_){display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 8px 0 20px;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
/* the drawer is a column: menu header, who is signed in, the menu, then Help and Log out pinned at the bottom (Will, 10-16) */
.cc-hd .cc-nav:not(#_){display:flex;flex-direction:column}
.cc-hd .cc-nav>*:not(#_){flex:none}
.cc-hd .cc-dtop:not(#_){display:block;padding:0 20px 16px}
/* the name row is one link to the account page */
.cc-hd .cc-dme:not(#_){display:flex;align-items:center;gap:12px;padding:4px 0 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.cc-hd .cc-dme-t:not(#_){display:flex;flex-direction:column;flex:1;min-width:0}
.cc-hd .cc-dme-t b:not(#_){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 18px/28px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-dme-t span:not(#_){font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--blue)}
.cc-hd .cc-dme>svg:not(#_){width:16px;height:16px;color:var(--mute)}
.cc-hd .cc-dme:hover .cc-dme-t span:not(#_){text-decoration:underline;text-underline-offset:3px}
/* one way to My Compass Classroom, in place of the six account links: the guide's soft blue button */
.cc-hd .cc-dgo:not(#_){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:16px;padding:12px 16px;border-radius:var(--r-sm);background:var(--tint);color:var(--blue);font:700 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;text-decoration:none}
.cc-hd .cc-dgo:hover:not(#_){background:var(--blue);color:#fff}
.cc-hd .cc-dgo svg:not(#_){width:16px;height:16px}
/* Log in in the drawer: the guide's secondary button */
.cc-hd .cc-dlogin:not(#_){display:block;padding:12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;font:700 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--blue);text-align:center;text-decoration:none}
.cc-hd .cc-dlogin:hover:not(#_){border-color:var(--blue)}
/* search: the drawer has none (Andrea, 10-17); the bar's search icon opens a row under the bar */
.cc-hd.cc-hd.is-search .cc-tools .cc-search:not(#_){display:flex;position:absolute;left:0;right:0;top:100%;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-pop)}
.cc-hd.cc-hd.is-search .cc-search input:not(#_),.cc-hd.cc-hd.is-search .cc-search button:not(#_){height:48px}
.cc-hd .cc-menu:not(#_){display:block;border-top:1px solid var(--line)}
.cc-hd .cc-menu>li:not(#_){border-bottom:1px solid var(--line)}
.cc-hd .cc-top:not(#_){width:100%;height:auto;min-height:56px;padding:0 20px;justify-content:space-between;font-size:14px}
.cc-hd .cc-top[aria-expanded=true]:not(#_){box-shadow:none}
.cc-hd button.cc-top[aria-expanded=true]:not(#_)::after,.cc-hd .cc-sec-btn[aria-expanded=true]:not(#_)::after{transform:translateY(2px) rotate(225deg)}
.cc-hd .cc-panel:not(#_){position:static;border:0;box-shadow:none}
.cc-hd .cc-top[aria-expanded=true]+.cc-panel:not(#_){animation:none}
.cc-hd .cc-panel:not(#_){padding:0 20px 16px}
.cc-hd .cc-sec-btn:not(#_){display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0;font-size:14px;border-top:1px solid var(--line)}
.cc-hd .cc-sw:first-child .cc-sec-btn:not(#_){border-top:0}
.cc-hd .cc-sec-btn:not(#_)::after{content:"";width:6px;height:6px;margin-right:4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);opacity:.5}
.cc-hd .cc-sec:not(#_){padding-bottom:12px}
/* a level below SHOP: indented and Blue, so the sections read as Shop's own (Will; Andrea, 10-17) */
.cc-hd .cc-secs .cc-sec-btn:not(#_){padding-left:16px;color:var(--blue)}
.cc-hd .cc-secs .cc-sec-btn[aria-expanded=true]:not(#_){color:var(--navy)}
.cc-hd .cc-secs .cc-sec:not(#_){padding-left:16px}
.cc-hd .cc-lead:not(#_){padding-left:16px}
.cc-hd .cc-acts.is-lead:not(#_),.cc-hd .cc-prose h3.is-repeat:not(#_){display:none}
.cc-hd .cc-cols:not(#_){columns:1}
.cc-hd .cc-g:not(#_){margin-bottom:8px}
.cc-hd .cc-g a:not(#_),.cc-hd .cc-g span:not(#_){display:block;padding:10px 0 10px 16px;font-size:16px}
.cc-hd .cc-g .cc-gh>*:not(#_){font-size:18px}
.cc-hd .cc-acts:not(#_){flex-direction:column;gap:0;margin:0 0 8px}
.cc-hd .cc-acts a:not(.cc-big):not(#_){display:block;padding:14px 0;font-size:14px}
.cc-hd .cc-sh.is-lead:not(#_){display:none}
.cc-hd .cc-sh:not(#_){display:block;border:0;padding:0;margin:0}
.cc-hd .cc-sh h3:not(#_){display:none}
.cc-hd .cc-big:not(#_){display:flex;min-height:52px;padding:0;font-size:17px;border-bottom:1px solid var(--line)}
.cc-hd .cc-big svg:not(#_){margin-left:auto}
.cc-hd .cc-acts.is-foot:not(#_){margin-top:8px;padding-top:8px}
.cc-hd .cc-split:not(#_),.cc-hd .cc-two:not(#_){display:block}
.cc-hd .cc-split>*+*:not(#_){margin-top:16px;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}
.cc-hd .cc-split img:not(#_){max-width:200px}
.cc-hd .cc-pics:not(#_){display:none}
.cc-hd .cc-btn:not(#_){padding:14px 18px}
/* About, Membership and My Courses in the drawer: the cards lose their frames and read as lists */
.cc-hd .cc-card:not(#_){padding:0;background:none;border:0;box-shadow:none}
.cc-hd .cc-about:not(#_),.cc-hd .cc-about.has-cat:not(#_),.cc-hd .cc-mc:not(#_){display:block;max-width:none}
.cc-hd .cc-about .cc-card+.cc-card:not(#_){margin-top:16px}
.cc-hd .cc-eye:not(#_){margin:8px 0 4px}
.cc-hd .cc-row:not(#_){padding:10px 8px}
.cc-hd .cc-about .cc-cat:not(#_){flex-direction:row;align-items:center;gap:16px;margin-top:16px;padding:12px;border-radius:var(--r-md);background:var(--tint)}
.cc-hd .cc-cat .cc-eye:not(#_){display:none}
.cc-hd .cc-cat img:not(#_){width:56px}
.cc-hd .cc-mem:not(#_){display:flex;flex-direction:column}
.cc-hd .cc-mem-in:not(#_){order:-2;display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cc-hd .cc-mem-art img:not(#_){width:72px;margin:0}
.cc-hd .cc-mem-in h3:not(#_){font-size:16px;line-height:24px}
.cc-hd .cc-mem-in p:not(#_){margin:0;font-size:14px;line-height:20px}
.cc-hd .cc-mem-in .cc-checks:not(#_),.cc-hd .cc-mem-in .cc-trial:not(#_),.cc-hd .cc-plan .cc-checks:not(#_),.cc-hd .cc-plan .cc-ic:not(#_){display:none}
.cc-hd .cc-plan:not(#_){margin-bottom:12px;padding:16px;box-shadow:none}
.cc-hd .cc-plan h3:not(#_){margin-top:4px;font-size:18px;line-height:24px}
.cc-hd .cc-price:not(#_){margin-top:8px}
.cc-hd .cc-price b:not(#_){font-size:32px;line-height:38px}
.cc-hd .cc-plan .cc-btn:not(#_){margin-top:12px}
.cc-hd .cc-mc-in:not(#_),.cc-hd .cc-mc .cc-eye:not(#_){display:none}
.cc-hd p.cc-ph:not(#_){display:block;margin:4px 0 12px;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif}
.cc-hd .cc-tiles:not(#_){grid-template-columns:1fr;gap:4px}
.cc-hd .cc-tile:not(#_){flex-direction:row;align-items:flex-start;gap:12px;height:auto;margin:0 -8px;padding:10px 8px;border:0;border-radius:var(--r-sm)}
.cc-hd .cc-tile:hover:not(#_){background:var(--tint)}
.cc-hd .cc-tile .cc-ic:not(#_){width:36px;height:36px;border-radius:var(--r-sm)}
.cc-hd .cc-tile .cc-ic svg:not(#_){width:24px;height:24px}
.cc-hd .cc-tile-t b:not(#_){margin:0;font-size:16px}
.cc-hd .cc-tile-t b svg:not(#_){display:none}
.cc-hd .cc-tile-t small:not(#_){margin:0}
/* Resources in the drawer: the pictures as small rows first, then the three lists */
.cc-hd .cc-res:not(#_){display:flex;flex-direction:column}
.cc-hd .cc-feat:not(#_){order:-1;gap:0;margin-bottom:8px}
.cc-hd .cc-feat .cc-eye:not(#_){display:none}
.cc-hd .cc-fcard:not(#_){display:flex;align-items:center;gap:12px;margin:0 -8px;padding:8px;background:none;border:0;border-radius:var(--r-sm);box-shadow:none}
.cc-hd .cc-fcard img:not(#_){width:88px;height:36px;aspect-ratio:auto;flex:none;border-radius:var(--r-sm)}
.cc-hd .cc-fcard>span:not(#_){padding:0}
.cc-hd .cc-fcard small:not(#_){display:block;font:400 14px/20px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--mute)}
.cc-hd .cc-rh:not(#_){margin:12px 0 4px}
.cc-hd .cc-plain a:not(#_),.cc-hd .cc-plain span:not(#_){padding:10px 0 10px 48px}
.cc-hd .cc-all:not(#_){padding:10px 0 10px 48px}
/* Help and Log out, pinned to the drawer's bottom */
.cc-hd .cc-df:not(#_){display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;margin-top:auto;padding:4px 20px calc(4px + env(safe-area-inset-bottom));background:var(--wash);border-top:1px solid var(--line)}
.cc-hd .cc-df a:not(#_){display:inline-flex;align-items:center;gap:8px;min-height:48px;font:400 16px/24px cc-lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink);text-decoration:none}
.cc-hd .cc-df a:hover:not(#_){color:var(--blue)}
.cc-hd .cc-df svg:not(#_){width:20px;height:20px;color:var(--mute)}
}

/* footer */
.cc-ft.cc-ft:not(#_){clear:both;background:#fff;border-top:1px solid var(--line)}
.cc-ft .cc-ft-in:not(#_){display:grid;grid-template-columns:230px 1fr 140px;gap:48px;align-items:start;max-width:1248px;margin:0 auto;padding:48px 24px 40px}
.cc-ft .cc-ft-brand img:not(#_){display:block;width:210px;height:auto}
.cc-ft .cc-soc:not(#_){display:flex;gap:4px;margin:12px 0 0 -12px;padding:0;list-style:none}
.cc-ft .cc-soc .cc-ib:not(#_){color:var(--mute)}
.cc-ft .cc-soc svg:not(#_){width:16px;height:16px}
.cc-ft .cc-ft-cols:not(#_){display:grid;grid-template-columns:repeat(var(--c),1fr);gap:8px 32px}
.cc-ft.cc-ft h2:not(#_){margin:0 0 12px;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.cc-ft.cc-ft h2.is-span:not(#_){grid-column:1/-1}
.cc-ft.cc-ft h2 a:not(#_){color:inherit;text-decoration:none}
.cc-ft .cc-l:not(#_){margin:0;padding:0;list-style:none}
.cc-ft .cc-l a:not(#_){display:inline-block;padding:4px 0;font:400 16px/24px cc-lora,Georgia,serif;color:var(--ink);text-decoration:none}
.cc-ft .cc-ft-cat:not(#_){display:block;text-align:center;font:700 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.cc-ft .cc-ft-cat img:not(#_){display:block;width:118px;height:auto;margin:0 auto 12px;border:1px solid var(--line);box-shadow:var(--sh-card)}
.cc-ft .cc-ft-cat:hover:not(#_){color:var(--blue)}
.cc-ft .cc-ft-bar:not(#_){display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:16px 24px;border-top:1px solid var(--line);font:400 12px/16px cc-lato,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cc-ft .cc-ft-bar a:not(#_){color:var(--mute);text-decoration:none}
.cc-ft .cc-ft-bar a:hover:not(#_){color:var(--blue);text-decoration:underline}
@media (max-width:1023px){
.cc-ft .cc-ft-in:not(#_){grid-template-columns:1fr 140px;gap:32px 24px}
.cc-ft .cc-ft-brand:not(#_){grid-column:1/-1}
}
@media (max-width:767px){
.cc-ft .cc-ft-in:not(#_){grid-template-columns:1fr;padding:32px 20px 24px}
.cc-ft .cc-ft-cols:not(#_){grid-template-columns:1fr 1fr;gap:24px 20px}
.cc-ft .cc-l a:not(#_){padding:10px 0;font-size:16px}
.cc-ft .cc-ft-cat:not(#_){text-align:left;display:flex;align-items:center;gap:16px}
.cc-ft .cc-ft-cat img:not(#_){margin:0;width:84px}
.cc-ft .cc-ft-bar:not(#_){flex-direction:column;align-items:center;gap:4px;padding:16px 20px 24px}
.cc-ft .cc-ft-bar a:not(#_){padding:14px 0}
}
@media (prefers-reduced-motion:reduce){.cc-hd.cc-hd *:not(#_){animation:none!important;transition:none!important}}