@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; }
}
}
@layer theme {
  :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
  ::placeholder { color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer components;
@layer utilities {
  .collapse { visibility: collapse; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .start { inset-inline-start: var(--spacing); }
  .end { inset-inline-end: var(--spacing); }
  .isolate { isolation: isolate; }
  .container { width: 100%; }
  @media (width >= 40rem) {
  .container { max-width: 40rem; }
}
  @media (width >= 48rem) {
  .container { max-width: 48rem; }
}
  @media (width >= 64rem) {
  .container { max-width: 64rem; }
}
  @media (width >= 80rem) {
  .container { max-width: 80rem; }
}
  @media (width >= 96rem) {
  .container { max-width: 96rem; }
}
  .block { display: block; }
  .contents { display: contents; }
  .grid { display: grid; }
  .hidden { display: none; }
  .table { display: table; }
  .shrink { flex-shrink: 1; }
  .grow { flex-grow: 1; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .antialiased { -webkit-font-smoothing: antialiased; }
  .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
}
:root { --ink: #17343a; --ocean: #087f8c; --deep: #07515a; --cream: #f4f0e6; --paper: #fcfbf7; --sand: #d8a550; --forest: #48785b; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); margin: 0px; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { background: rgba(252, 251, 247, 0.92); border-bottom: 1px solid rgba(23, 52, 58, 0.12); justify-content: space-between; align-items: center; height: 84px; padding: 0px clamp(24px, 6vw, 88px); display: flex; }
.brand { letter-spacing: -0.04em; align-items: center; gap: 12px; font-size: 22px; font-weight: 800; display: flex; }
.brand-mark { color: rgb(255, 255, 255); background: var(--ocean); border-radius: 50% 50% 48% 52%; place-items: center; width: 38px; height: 38px; font-size: 17px; display: grid; }
nav { gap: 30px; font-size: 14px; font-weight: 700; display: flex; }
nav a:hover { color: var(--ocean); }
.hero { background: linear-gradient(120deg, var(--paper) 0 62%, #e5efea 62%); grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 64px; min-height: 640px; padding: 90px clamp(24px, 8vw, 120px); display: grid; overflow: hidden; }
.hero-copy { max-width: 720px; }
.kicker { color: var(--ocean); letter-spacing: 0.22em; text-transform: uppercase; margin: 0px 0px 20px; font-size: 12px; font-weight: 800; }
h1 { letter-spacing: -0.055em; max-width: 750px; margin: 0px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(58px, 6.4vw, 98px); font-weight: 500; line-height: 0.94; }
h1 em { color: var(--ocean); font-weight: 400; }
.intro { color: rgb(80, 102, 106); max-width: 610px; margin: 30px 0px; font-size: 19px; line-height: 1.65; }
.button { border-bottom: 2px solid var(--ocean); align-items: center; gap: 20px; padding: 14px 18px; font-size: 14px; font-weight: 800; display: inline-flex; }
.button:hover { background: rgb(229, 239, 234); }
.hero-visual { place-items: center; min-height: 420px; display: grid; position: relative; }
.globe { aspect-ratio: 1 / 1; background: repeating-radial-gradient(circle, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 62px, rgba(7, 81, 90, 0.08) 63px, rgba(7, 81, 90, 0.08) 64px), linear-gradient(145deg, rgb(220, 236, 230), rgb(183, 211, 201)); border: 2px solid rgba(7, 81, 90, 0.45); border-radius: 50%; width: min(36vw, 420px); position: relative; overflow: hidden; box-shadow: rgba(7, 81, 90, 0.06) 34px 42px; }
.globe::before, .globe::after { content: ""; border: 1px solid rgba(7, 81, 90, 0.27); border-radius: 50%; position: absolute; inset: 0px 27%; }
.globe::after { inset: 0px 43%; }
.continent { background: var(--forest); opacity: 0.8; filter: blur(0.2px); display: block; position: absolute; }
.c1 { border-radius: 56% 44% 54% 32%; width: 37%; height: 48%; top: 15%; left: 12%; transform: rotate(-18deg); }
.c2 { border-radius: 50% 45% 70% 30%; width: 25%; height: 34%; top: 50%; left: 41%; transform: rotate(18deg); }
.c3 { border-radius: 50%; width: 33%; height: 23%; top: 26%; right: -2%; transform: rotate(-12deg); }
.latitude { border: 1px solid rgba(7, 81, 90, 0.27); border-radius: 50%; height: 25%; position: absolute; left: 3%; right: 3%; }
.l1 { top: 20%; }
.l2 { bottom: 20%; }
.hero-visual p { color: var(--deep); font-family: Georgia, serif; line-height: 1.5; position: absolute; bottom: 8%; right: 0px; }
.learn { background: var(--cream); padding: 100px clamp(24px, 8vw, 120px) 120px; }
.section-heading { justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 48px; display: flex; }
.section-heading .kicker { margin: 0px; }
h2 { letter-spacing: -0.04em; margin: 0px; font: 500 clamp(38px, 4vw, 58px) / 1 Georgia, serif; }
.cards { grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; }
.card { background: var(--paper); border-top: 5px solid var(--ocean); min-height: 350px; padding: 30px; transition: transform 0.2s, box-shadow 0.2s; position: relative; }
.card:hover { transform: translateY(-6px); box-shadow: rgba(23, 52, 58, 0.1) 0px 18px 40px; }
.card.forest { border-color: var(--forest); }
.card.sand { border-color: var(--sand); }
.card-number { color: rgb(166, 178, 175); font: italic 18px Georgia, serif; position: absolute; top: 22px; right: 25px; }
.card p { color: rgb(104, 122, 124); text-transform: uppercase; letter-spacing: 0.12em; margin: 35px 0px 12px; font-size: 10px; font-weight: 800; }
.card h3 { min-height: 62px; margin: 0px; font: 500 29px / 1.08 Georgia, serif; }
.card .rule { border-top: 1px solid rgb(168, 182, 179); width: 38px; margin: 24px 0px; display: block; }
.card div { color: rgb(92, 110, 112); font-size: 14px; line-height: 1.6; }
.card strong { text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; position: absolute; bottom: 28px; left: 30px; }
.about { background: var(--deep); color: rgb(255, 255, 255); padding: 100px clamp(24px, 12vw, 180px); }
.about .kicker { color: rgb(155, 208, 194); }
.quote { letter-spacing: -0.03em; max-width: 900px; margin: 0px; font: 400 clamp(32px, 4vw, 56px) / 1.18 Georgia, serif; }
footer { color: rgb(105, 123, 126); background: var(--paper); justify-content: space-between; gap: 20px; padding: 28px clamp(24px, 8vw, 120px); font-size: 12px; display: flex; }
.page-hero { min-height: 460px; padding: 92px clamp(24px, 10vw, 150px) 100px; }
.page-hero h1 { max-width: 900px; }
.page-hero .intro { max-width: 720px; }
.ocean-bg { background: linear-gradient(115deg, var(--paper) 0 68%, #d9eceb 68%); }
.forest-bg { background: linear-gradient(115deg, var(--paper) 0 68%, #dfe9df 68%); }
.sand-bg { background: linear-gradient(115deg, var(--paper) 0 68%, #f0e3c7 68%); }
.topic-section { background: var(--cream); padding: 88px clamp(24px, 8vw, 120px) 110px; }
.topic-intro { justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 42px; display: flex; }
.topic-intro .kicker { margin: 0px; }
.topic-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; }
.topic-card { background: var(--paper); border-top: 4px solid var(--ocean); min-height: 310px; padding: 30px; }
.topic-card > p { color: var(--ocean); text-transform: uppercase; letter-spacing: 0.13em; font-size: 10px; font-weight: 800; }
.topic-card h3 { margin: 14px 0px 24px; font: 500 28px / 1.08 Georgia, serif; }
.topic-card ul { color: rgb(92, 110, 112); margin: 0px 0px 26px; padding-left: 18px; font-size: 14px; line-height: 1.85; }
.topic-card div { color: rgb(92, 110, 112); font-size: 14px; line-height: 1.7; }
.topic-card a { color: var(--ocean); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 12px; font-size: 12px; font-weight: 800; display: inline-block; }
.migration-note { border-left: 4px solid var(--sand); color: rgb(89, 104, 106); background: rgb(255, 248, 232); gap: 24px; margin-top: 28px; padding: 22px 28px; font-size: 13px; line-height: 1.6; display: flex; }
.migration-note strong { color: var(--ink); white-space: nowrap; }
.resource-strip { flex-wrap: wrap; gap: 10px; display: flex; }
.resource-strip span { background: var(--paper); color: var(--deep); border: 1px solid rgb(202, 209, 202); border-radius: 999px; padding: 12px 18px; font-size: 13px; font-weight: 700; }
.resource-copy { color: rgb(92, 110, 112); max-width: 760px; margin: 35px 0px 0px; font-size: 16px; line-height: 1.7; }
.course-groups { gap: 18px; display: grid; }
.course-group { background: var(--paper); border-left: 5px solid var(--ocean); grid-template-columns: minmax(210px, 0.7fr) 1.8fr; gap: 40px; padding: 34px; display: grid; }
.course-group > div > p { color: var(--ocean); letter-spacing: 0.14em; text-transform: uppercase; margin: 0px 0px 8px; font-size: 10px; font-weight: 800; }
.course-group h3 { margin: 0px; font: 500 28px / 1.1 Georgia, serif; }
.course-links { display: grid; }
.course-links a { color: rgb(80, 102, 106); border-bottom: 1px solid rgb(216, 222, 217); justify-content: space-between; gap: 20px; padding: 12px 4px; font-size: 14px; display: flex; }
.course-links a:hover { color: var(--ocean); }
.unit-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid; }
.unit-link { background: var(--paper); border-top: 3px solid var(--ocean); grid-template-columns: 34px 1fr auto; align-items: start; gap: 18px; min-height: 175px; padding: 28px; display: grid; }
.unit-link > span { color: rgb(162, 176, 173); font: italic 16px Georgia, serif; }
.unit-link h3 { margin: 0px 0px 10px; font: 500 24px / 1.1 Georgia, serif; }
.unit-link p { color: rgb(97, 114, 116); margin: 0px; font-size: 14px; line-height: 1.6; }
.unit-link strong { color: var(--ocean); }
.syllabus-first { background: var(--paper); border-top: 4px solid var(--ocean); grid-template-columns: 92px 1fr; gap: 30px; max-width: 920px; padding: 36px; display: grid; }
.syllabus-icon { width: 72px; height: 72px; color: var(--ocean); border: 1px solid rgb(155, 182, 180); place-items: center; font: italic 25px Georgia, serif; display: grid; }
.syllabus-first h3 { margin: 0px 0px 14px; font: 500 29px / 1.15 Georgia, serif; }
.syllabus-first p { color: rgb(92, 110, 112); margin: 0px; font-size: 15px; line-height: 1.75; }
.photo-hero { background-position: 50% center; background-size: cover; min-height: 490px; padding: 0px; position: relative; }
.ocean-photo { background-image: linear-gradient(90deg, rgba(7, 45, 51, 0.9), rgba(7, 45, 51, 0.36)), url("https://cdn1.editmysite.com/uploads/2/7/3/5/27350967/background-images/1366475248.jpg"); }
.hero-shade { min-height: inherit; color: rgb(255, 255, 255); flex-direction: column; justify-content: end; padding: 86px clamp(24px, 10vw, 150px); display: flex; }
.hero-shade .kicker { color: rgb(169, 222, 213); }
.hero-shade .intro { color: rgb(224, 236, 233); margin-bottom: 0px; }
.syllabus-box { border-top: 1px solid rgb(203, 217, 213); border-right: 1px solid rgb(203, 217, 213); border-bottom: 1px solid rgb(203, 217, 213); border-image: none; border-left: 6px solid var(--ocean); background: rgb(255, 255, 255); max-width: 980px; margin: 0px 0px 54px; padding: 26px 30px; box-shadow: rgba(23, 52, 58, 0.06) 0px 10px 28px; }
.syllabus-box span, .bullet-box span { color: var(--ocean); letter-spacing: 0.16em; font-size: 10px; font-weight: 900; }
.syllabus-box p { color: rgb(57, 79, 83); margin: 9px 0px 0px; font: 500 20px / 1.55 Georgia, serif; }
.unit-link small { color: rgb(154, 122, 55); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 12px; font-size: 10px; font-weight: 800; display: block; }
.lesson-wrap { background: var(--cream); padding: 72px clamp(24px, 10vw, 150px) 110px; }
.syllabus-lead { margin-bottom: 18px; }
.restored-label { color: rgb(119, 135, 138); letter-spacing: 0.06em; text-transform: uppercase; margin: 0px 0px 58px; font-size: 11px; }
.lesson-stack { gap: 18px; display: grid; }
.lesson-block { background: var(--paper); border-top: 3px solid var(--ocean); grid-template-columns: 66px minmax(0px, 1fr); gap: 26px; padding: 34px; display: grid; }
.lesson-number { color: rgb(150, 170, 167); font: italic 18px Georgia, serif; }
.lesson-block h2 { font-size: clamp(30px, 3vw, 44px); }
.bullet-box { background: rgb(238, 244, 241); border-left: 3px solid rgb(154, 189, 181); margin: 22px 0px 25px; padding: 19px 22px; }
.bullet-box p { color: rgb(64, 88, 92); margin: 7px 0px 0px; font-size: 15px; line-height: 1.65; }
.lesson-context { color: rgb(66, 87, 91); max-width: 860px; margin: -3px 0px 20px; font-size: 16px; line-height: 1.75; }
.key-ideas { background: rgb(248, 250, 248); border: 1px solid rgb(223, 231, 226); margin: 0px 0px 24px; padding: 18px 22px; }
.key-ideas > strong { color: rgb(43, 83, 84); text-transform: uppercase; letter-spacing: 0.11em; margin-bottom: 9px; font-size: 11px; display: block; }
.key-ideas ul { color: rgb(82, 101, 104); margin: 0px; padding-left: 20px; }
.key-ideas li { margin: 6px 0px; padding-left: 4px; font-size: 14px; line-height: 1.55; }
.key-terms { margin: -8px 0px 24px; }
.key-terms > strong { color: rgb(96, 116, 118); text-transform: uppercase; letter-spacing: 0.11em; margin-bottom: 10px; font-size: 10px; display: block; }
.key-terms > div { flex-wrap: wrap; gap: 8px; display: flex; }
.key-terms span { color: rgb(49, 88, 90); background: rgb(231, 240, 237); border-radius: 999px; padding: 7px 11px; font-size: 12px; font-weight: 700; }
.lesson-task { background: rgb(255, 248, 232); border-left: 4px solid rgb(200, 154, 61); margin: 24px 0px 30px; padding: 23px 26px; }
.lesson-task > span { color: rgb(139, 105, 35); letter-spacing: 0.14em; font-size: 10px; font-weight: 900; }
.lesson-task h3 { color: rgb(49, 78, 81); margin: 7px 0px 12px; font: 600 21px / 1.2 Georgia, serif; }
.lesson-task ol { color: rgb(83, 101, 104); margin: 0px; padding-left: 22px; }
.lesson-task li { margin: 8px 0px; padding-left: 3px; font-size: 14px; line-height: 1.55; }
.lesson-visual { background: rgb(246, 250, 248); border: 1px solid rgb(207, 221, 215); margin: 24px 0px 30px; overflow: hidden; box-shadow: rgba(28, 55, 57, 0.08) 0px 14px 34px; }
.lesson-visual img { width: 100%; height: auto; display: block; }
.lesson-visual figcaption { color: rgb(97, 117, 119); padding: 11px 15px 13px; font-size: 12px; line-height: 1.5; }
.local-video-card video { aspect-ratio: 16 / 9; background: rgb(16, 36, 38); width: 100%; display: block; }
.document-card { background: rgb(255, 255, 255); border: 1px solid rgb(215, 223, 218); margin: 24px 0px 30px; overflow: hidden; box-shadow: rgba(28, 55, 57, 0.07) 0px 12px 30px; }
.document-frame { background: rgb(238, 243, 240); height: min(74vh, 780px); min-height: 520px; position: relative; }
.document-frame iframe { border: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }
.document-meta { justify-content: space-between; align-items: center; gap: 16px; padding: 14px 16px 16px; display: flex; }
.document-meta div { flex-direction: column; gap: 4px; display: flex; }
.document-meta small { color: rgb(116, 136, 137); letter-spacing: 0.1em; font-size: 10px; font-weight: 700; }
.document-meta strong { color: rgb(36, 75, 77); font-size: 14px; }
.document-meta a { color: rgb(30, 102, 104); font-size: 12px; font-weight: 700; }
.inline-embed-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 28px; display: grid; }
.inline-embed { background: rgb(255, 255, 255); border: 1px solid rgb(215, 223, 218); overflow: hidden; box-shadow: rgba(28, 55, 57, 0.07) 0px 12px 30px; }
.inline-embed-frame { background: rgb(238, 243, 240); min-height: 340px; position: relative; }
.inline-embed-frame iframe { border: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }
.inline-embed p { flex-direction: column; gap: 5px; margin: 0px; padding: 13px 15px 15px; display: flex; }
.inline-embed p small { color: rgb(116, 136, 137); letter-spacing: 0.1em; text-transform: uppercase; font-size: 10px; font-weight: 700; }
.inline-embed p strong { color: rgb(36, 75, 77); font-size: 14px; line-height: 1.4; }
.resource-list { border-top: 1px solid rgb(215, 223, 218); display: grid; }
.resource-list a { border-bottom: 1px solid rgb(215, 223, 218); grid-template-columns: 104px minmax(0px, 1fr) auto; align-items: center; gap: 16px; padding: 13px 4px; display: grid; }
.resource-list a:hover span { color: var(--ocean); }
.resource-list small { color: rgb(126, 142, 143); text-transform: uppercase; letter-spacing: 0.08em; font-size: 10px; font-weight: 800; }
.resource-list span { color: rgb(64, 87, 91); font-size: 14px; }
.resource-list strong { color: var(--ocean); }
.archived-files { border-left: 3px solid var(--sand); background: rgb(255, 248, 232); gap: 5px; margin-top: 18px; padding: 16px 18px; display: grid; }
.archived-files strong { color: rgb(109, 91, 44); text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; }
.archived-files span { color: rgb(122, 115, 101); overflow-wrap: anywhere; font-size: 12px; }
.archive-note { border-left: 4px solid var(--sand); color: rgb(102, 116, 119); background: rgb(255, 248, 232); gap: 22px; max-width: 980px; margin-top: 26px; padding: 22px 28px; font-size: 13px; line-height: 1.65; display: flex; }
.video-card { color: rgb(255, 255, 255); background: rgb(16, 45, 50); margin: 24px 0px; overflow: hidden; }
.video-frame { aspect-ratio: 16 / 9; background: rgb(7, 29, 33); width: 100%; position: relative; }
.video-frame iframe { border: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }
.video-card > p { color: rgb(220, 233, 230); margin: 0px; padding: 13px 16px; font-size: 13px; }
.lesson-video-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 30px; display: grid; }
.lesson-video-grid .video-card { margin: 0px; }
.case-study { background: linear-gradient(145deg, rgb(255, 250, 240) 0%, rgb(246, 239, 227) 100%); border-width: 6px 1px 1px; border-style: solid; border-color: rgb(157, 84, 47) rgb(212, 198, 170) rgb(212, 198, 170); border-image: none; margin: 46px 0px 34px; padding: 34px; box-shadow: rgba(63, 49, 31, 0.1) 0px 18px 44px; }
.case-study-heading { max-width: 880px; }
.case-study-heading > span { color: rgb(157, 84, 47); letter-spacing: 0.16em; margin-bottom: 10px; font-size: 10px; font-weight: 900; display: block; }
.case-study-heading h3 { color: rgb(23, 52, 58); margin: 0px 0px 14px; font: 500 34px / 1.08 Georgia, serif; }
.case-study-heading p { color: rgb(83, 99, 102); margin: 0px; font-size: 16px; line-height: 1.72; }
.case-study-focus { background: rgba(255, 255, 255, 0.78); border-left: 4px solid rgb(199, 129, 77); margin: 26px 0px 30px; padding: 22px 24px; }
.case-study-focus > strong, .case-study-resources > strong { color: rgb(127, 69, 42); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; font-size: 10px; display: block; }
.case-study-focus ul { color: rgb(65, 87, 91); margin: 0px; padding-left: 20px; }
.case-study-focus li { margin: 8px 0px; line-height: 1.55; }
.case-study-videos { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin: 28px 0px; display: grid; }
.case-study-videos .video-card { margin: 0px; }
.case-study-resources { margin-top: 30px; }
.media-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px; display: grid; }
.media-grid .video-card { margin: 0px; }
.lesson-copy { color: rgb(77, 99, 103); max-width: 920px; margin: 8px 0px 24px; font-size: 15px; line-height: 1.75; }
.lesson-copy p { margin: 0px 0px 12px; }
.embedded-map { background: rgb(255, 255, 255); border: 1px solid rgb(210, 221, 217); margin: 26px 0px; overflow: hidden; }
.embedded-map img { object-fit: contain; background: rgb(247, 248, 245); width: 100%; height: auto; max-height: 620px; display: block; }
.embedded-map figcaption { color: rgb(83, 105, 108); border-top: 1px solid rgb(220, 227, 223); justify-content: space-between; align-items: center; gap: 20px; margin: 0px; padding: 14px 16px; font-size: 12px; display: flex; }
.embedded-map figcaption div { gap: 3px; display: grid; }
.embedded-map figcaption span { color: rgb(122, 137, 138); }
.embedded-map figcaption a { color: var(--ocean); text-align: right; }
.map-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; display: grid; }
.map-grid .embedded-map { margin: 18px 0px 24px; }
.embedded-interactive { background: rgb(255, 255, 255); border: 1px solid rgb(203, 217, 213); margin: 26px 0px; }
.embedded-interactive iframe { background: rgb(243, 246, 244); border: 0px; width: 100%; min-height: 520px; display: block; }
.embedded-interactive > div { color: rgb(64, 87, 91); border-top: 1px solid rgb(215, 223, 218); justify-content: space-between; align-items: center; gap: 18px; padding: 13px 16px; font-size: 13px; display: flex; }
.embedded-interactive a { color: var(--ocean); font-weight: 700; }
.case-map-panel { padding-top: 28px; }
.case-study-map { margin-top: 12px; }
.case-study-map iframe { min-height: 610px; }
.case-library-panel { padding: clamp(28px, 4vw, 50px); }
.case-library-intro { justify-content: space-between; align-items: end; gap: 36px; margin-bottom: 28px; display: flex; }
.case-library-intro .kicker { margin-bottom: 12px; }
.case-library-intro h2 { font-size: clamp(36px, 4vw, 56px); }
.case-library-intro > p { color: rgb(89, 109, 112); max-width: 560px; margin: 0px; font-size: 15px; line-height: 1.7; }
.case-unit-key { background: rgb(246, 244, 237); border: 1px solid rgb(224, 221, 210); flex-wrap: wrap; gap: 8px; margin: 0px 0px 50px; padding: 15px; display: flex; }
.case-unit-key a, .case-key-synthesis { color: rgb(77, 98, 101); background: rgb(255, 255, 255); border: 1px solid rgb(217, 221, 215); align-items: center; gap: 7px; padding: 8px 11px; font-size: 11px; display: flex; }
.case-unit-key a:hover { border-color: rgb(131, 155, 150); }
.case-unit-key a span, .case-key-synthesis i { border-radius: 50%; width: 10px; height: 10px; }
.case-key-synthesis i { background: rgb(180, 56, 56); }
.case-library-groups { gap: 58px; display: grid; }
.case-unit-group { scroll-margin-top: 24px; }
.case-unit-group > header { border-left: 6px solid var(--case-color); border-bottom: 1px solid rgb(212, 218, 213); justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 18px; padding: 0px 0px 15px 18px; display: flex; }
.case-unit-group > header span { color: var(--case-color); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 5px; font-size: 10px; font-weight: 900; display: block; }
.case-unit-group > header h3 { margin: 0px; font: 500 30px / 1.08 Georgia, serif; }
.case-unit-group > header small { color: rgb(123, 137, 138); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; font-weight: 700; }
.case-tile-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; display: grid; }
.case-tile { text-align: left; min-height: 240px; color: var(--ink); border-right: 1px solid rgb(216, 222, 217); border-bottom: 1px solid rgb(216, 222, 217); border-left: 1px solid rgb(216, 222, 217); border-image: none; border-top: 5px solid var(--case-color); cursor: pointer; font: inherit; background: rgb(255, 255, 255); flex-direction: column; align-items: flex-start; padding: 23px; transition: transform 0.16s, box-shadow 0.16s, border-color 0.16s; display: flex; position: relative; }
.case-tile:hover, .case-tile:focus-visible { border-color: var(--case-color); outline: none; transform: translateY(-4px); box-shadow: rgba(31, 55, 57, 0.11) 0px 16px 34px; }
.case-tile-type { color: var(--case-color); letter-spacing: 0.12em; text-transform: uppercase; font-size: 9px; font-weight: 900; }
.case-tile strong { margin: 15px 0px 10px; font: 500 24px / 1.1 Georgia, serif; }
.case-tile small { color: rgb(100, 118, 120); font-size: 12px; line-height: 1.5; }
.case-tile em { color: var(--case-color); text-transform: uppercase; letter-spacing: 0.07em; margin-top: auto; padding-top: 20px; font-size: 10px; font-style: normal; font-weight: 900; }
.case-detail-backdrop { z-index: 1000; backdrop-filter: blur(4px); background: rgba(10, 32, 36, 0.72); place-items: center; padding: 26px; display: grid; position: fixed; inset: 0px; }
.case-detail-backdrop[hidden] { display: none; }
body.case-study-open { overflow: hidden; }
.case-detail { border-top: 7px solid var(--case-color); background: rgb(255, 255, 255); width: min(960px, 100%); max-height: min(900px, 92vh); position: relative; overflow: auto; box-shadow: rgba(0, 0, 0, 0.28) 0px 30px 90px; }
.case-detail-close { float: right; z-index: 2; color: rgb(60, 83, 87); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(203, 212, 208); border-radius: 50%; width: 42px; height: 42px; margin: 14px 16px -56px 0px; font-size: 26px; line-height: 1; position: sticky; top: 14px; right: 16px; }
.case-detail-close:hover { background: rgb(238, 242, 239); }
.case-detail-head { background: linear-gradient(110deg,#fff 0 72%,var(--case-color) 72%); padding: 34px 72px 30px 36px; }
@supports (color:color-mix(in lab, red, red)) {
  .case-detail-head { background: linear-gradient(110deg,#fff 0 72%,color-mix(in srgb,var(--case-color) 12%,white) 72%); }
}
.case-detail-head > span { color: var(--case-color); letter-spacing: 0.14em; font-size: 10px; font-weight: 900; }
.case-detail-head h2 { max-width: 720px; margin: 10px 0px 12px; font-size: clamp(34px, 4vw, 48px); }
.case-detail-head p { color: rgb(89, 108, 110); margin: 0px 0px 14px; font-size: 14px; line-height: 1.5; }
.case-detail-head p::first-letter { color: var(--case-color); }
.case-detail-head small { background: var(--case-color); padding: 6px 9px; display: inline-block; }
@supports (color:color-mix(in lab, red, red)) {
  .case-detail-head small { background: color-mix(in srgb,var(--case-color) 10%,white); }
}
.case-detail-head small { color: var(--case-color); text-transform: uppercase; letter-spacing: 0.07em; font-size: 10px; font-weight: 800; }
.case-detail-rows { border-top: 1px solid rgb(215, 223, 218); }
.case-detail-row { border-bottom: 1px solid rgb(215, 223, 218); grid-template-columns: 190px minmax(0px, 1fr); display: grid; }
.case-detail-row > strong { color: rgb(39, 73, 80); background: rgb(245, 244, 239); padding: 17px 20px 17px 36px; font-size: 13px; line-height: 1.35; }
.case-detail-row > p { color: rgb(52, 77, 81); margin: 0px; padding: 17px 34px 17px 22px; font-size: 14px; line-height: 1.65; }
.case-detail-row.syllabus > strong, .case-detail-row.exam > strong { background: var(--case-color); color: rgb(255, 255, 255); }
.case-detail-row.syllabus > p { background: var(--case-color); }
@supports (color:color-mix(in lab, red, red)) {
  .case-detail-row.syllabus > p { background: color-mix(in srgb,var(--case-color) 7%,white); }
}
.case-detail-row.syllabus > p { font-weight: 600; }
.case-detail-row.exam > p { background: var(--case-color); }
@supports (color:color-mix(in lab, red, red)) {
  .case-detail-row.exam > p { background: color-mix(in srgb,var(--case-color) 10%,white); }
}
.case-detail-row.exam > p { font-family: Georgia, serif; font-size: 15px; font-style: italic; }
.case-teaching-resources { background: rgb(244, 247, 245); padding: 30px 36px 36px; }
.case-resource-heading > span { color: var(--case-color); letter-spacing: 0.13em; text-transform: uppercase; font-size: 10px; font-weight: 900; }
.case-resource-heading h3 { color: rgb(29, 58, 64); margin: 7px 0px 8px; font: 500 29px / 1.15 Georgia, serif; }
.case-resource-heading p { color: rgb(82, 104, 107); max-width: 720px; margin: 0px 0px 20px; font-size: 14px; line-height: 1.6; }
.case-resource-visual { background: rgb(255, 255, 255); border: 1px solid rgb(208, 219, 214); display: block; }
.case-resource-visual img { width: 100%; height: auto; display: block; }
.case-resource-visual > span { color: rgb(46, 73, 78); align-items: center; gap: 9px; padding: 13px 15px; font-size: 13px; display: flex; }
.case-resource-visual b { color: var(--case-color); letter-spacing: 0.08em; text-transform: uppercase; font-size: 9px; }
.case-resource-visual em { color: var(--case-color); margin-left: auto; font-size: 11px; font-style: normal; font-weight: 800; }
.case-resource-links { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 10px; display: grid; }
.case-resource-links a { background: rgb(255, 255, 255); border: 1px solid rgb(208, 219, 214); min-height: 112px; padding: 16px; display: flex; flex-direction: column; }
.case-resource-links small { color: var(--case-color); letter-spacing: 0.08em; text-transform: uppercase; font-size: 9px; font-weight: 900; }
.case-resource-links strong { color: rgb(35, 66, 72); margin: 9px 0px; font: 500 19px / 1.2 Georgia, serif; }
.case-resource-links span { color: var(--case-color); margin-top: auto; font-size: 11px; font-weight: 800; }
@media (width <= 900px) {
  .case-tile-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .case-library-intro { flex-direction: column; align-items: start; }
}
@media (width <= 620px) {
  .case-library-panel { padding: 24px 18px; }
  .case-tile-grid { grid-template-columns: 1fr; }
  .case-tile { min-height: 200px; }
  .case-detail-backdrop { padding: 0px; }
  .case-detail { border-top-width: 6px; width: 100%; min-height: 100vh; max-height: 100vh; }
  .case-detail-head { padding: 28px 62px 24px 22px; }
  .case-detail-row { grid-template-columns: 1fr; }
  .case-detail-row > strong { background: rgb(245, 244, 239); padding: 12px 22px 7px; }
  .case-detail-row > p { padding: 6px 22px 16px; }
  .case-detail-row.syllabus > strong, .case-detail-row.exam > strong { padding-bottom: 12px; }
  .case-teaching-resources { padding: 24px 22px 30px; }
  .case-resource-links { grid-template-columns: 1fr; }
  .case-resource-visual > span { align-items: flex-start; flex-direction: column; }
  .case-resource-visual em { margin-left: 0px; }
}
.inquiry-box { border-left: 3px solid var(--forest); color: rgb(64, 88, 92); background: rgb(238, 244, 241); margin: 22px 0px 28px; padding: 22px 26px; }
.inquiry-box > span { color: var(--forest); letter-spacing: 0.16em; font-size: 10px; font-weight: 900; }
.inquiry-box ol { margin: 13px 0px 0px; padding-left: 22px; line-height: 1.7; }
.process-flow { grid-template-columns: repeat(7, auto); align-items: stretch; gap: 10px; margin: 26px 0px 30px; display: grid; }
.process-flow > div { border-top: 3px solid var(--ocean); background: rgb(245, 248, 246); min-width: 0px; padding: 18px; }
.process-flow b, .process-flow span { display: block; }
.process-flow b { color: rgb(41, 79, 83); margin-bottom: 7px; font: 600 18px Georgia, serif; }
.process-flow span { color: rgb(99, 117, 119); font-size: 12px; line-height: 1.5; }
.process-flow i { color: rgb(181, 150, 86); align-self: center; font: 24px Georgia, serif; }
.lesson-card-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin: 24px 0px 30px; display: grid; }
.lesson-card { color: rgb(80, 101, 104); background: rgb(248, 250, 248); border-width: 4px 1px 1px; border-style: solid; border-color: rgb(121, 166, 157) rgb(220, 229, 223) rgb(220, 229, 223); border-image: none; padding: 23px 24px; }
.lesson-card h3 { color: rgb(45, 80, 84); margin: 0px 0px 13px; font: 600 21px / 1.15 Georgia, serif; }
.lesson-card p { margin: 8px 0px; font-size: 13px; line-height: 1.6; }
.lesson-card ul { margin: 0px; padding-left: 20px; font-size: 13px; line-height: 1.7; }
.two-column-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 30px; display: grid; }
.table-wrap { background: rgb(255, 255, 255); border: 1px solid rgb(212, 222, 217); margin: 24px 0px 30px; overflow-x: auto; }
.table-wrap table { border-collapse: collapse; width: 100%; min-width: 760px; }
.table-wrap th { color: rgb(255, 255, 255); text-align: left; letter-spacing: 0.05em; text-transform: uppercase; background: rgb(36, 78, 82); padding: 13px 14px; font-size: 11px; }
.table-wrap td { color: rgb(82, 103, 106); vertical-align: top; border-top: 1px solid rgb(220, 228, 223); padding: 14px; font-size: 12px; line-height: 1.55; }
.table-wrap tr:nth-child(2n) td { background: rgb(247, 249, 247); }
@media (width <= 900px) {
  .process-flow { grid-template-columns: 1fr; }
  .process-flow i { display: none; }
  .lesson-card-grid, .two-column-cards { grid-template-columns: 1fr; }
}
.talc-chart { background: rgb(255, 253, 247); border: 1px solid rgb(221, 212, 196); grid-template-rows: minmax(280px, 34vw) 28px; grid-template-columns: 34px 1fr; margin: 26px 0px 32px; padding: 22px 24px 16px; display: grid; box-shadow: rgba(53, 59, 47, 0.08) 0px 16px 38px; }
.talc-y { writing-mode: vertical-rl; color: rgb(104, 122, 117); letter-spacing: 0.08em; text-transform: uppercase; justify-content: center; align-items: center; font-size: 11px; font-weight: 800; display: flex; transform: rotate(180deg); }
.talc-x { text-align: right; color: rgb(104, 122, 117); letter-spacing: 0.08em; text-transform: uppercase; grid-column: 2; font-size: 11px; font-weight: 800; }
.talc-plot { background: linear-gradient(0deg, rgba(80, 115, 103, 0.05) 1px, rgba(0, 0, 0, 0) 1px) 0px 0px / 100% 25%; border-bottom: 2px solid rgb(124, 144, 136); border-left: 2px solid rgb(124, 144, 136); position: relative; overflow: hidden; }
.talc-line { transform-origin: 0px center; background: rgb(213, 150, 58); border-radius: 6px; height: 6px; position: absolute; box-shadow: rgba(106, 72, 25, 0.12) 0px 2px; }
.talc-one { width: 18%; bottom: 7%; left: 2%; transform: rotate(-13deg); }
.talc-two { width: 18%; bottom: 20%; left: 19%; transform: rotate(-24deg); }
.talc-three { width: 22%; bottom: 45%; left: 35%; transform: rotate(-35deg); }
.talc-four { width: 18%; bottom: 73%; left: 53%; transform: rotate(-14deg); }
.talc-five { width: 15%; bottom: 82%; left: 70%; transform: rotate(-2deg); }
.talc-up { background: rgb(77, 139, 114); width: 17%; bottom: 82%; left: 84%; transform: rotate(-20deg); }
.talc-down { background: rgb(168, 91, 77); width: 20%; bottom: 81%; left: 84%; transform: rotate(31deg); }
.talc-labels { color: rgb(64, 87, 91); text-align: center; grid-template-columns: repeat(6, 1fr); align-items: end; padding: 0px 8px 20px; font-size: 11px; font-weight: 800; display: grid; position: absolute; inset: 0px; }
.talc-labels span:nth-child(3) { padding-bottom: 38px; }
.talc-labels span:nth-child(4) { padding-bottom: 88px; }
.talc-labels span:nth-child(5) { padding-bottom: 118px; }
.talc-labels span:nth-child(6) { align-self: start; padding-top: 24px; }
.talc-stage-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin: 24px 0px 30px; display: grid; }
.talc-stage { background: rgb(248, 244, 233); border-top: 4px solid rgb(196, 147, 75); padding: 24px 22px; position: relative; }
.talc-stage > span { color: rgb(215, 200, 169); font: italic 32px Georgia, serif; position: absolute; top: 14px; right: 18px; }
.talc-stage h3 { color: rgb(48, 78, 80); margin: 0px 0px 14px; font: 600 22px Georgia, serif; }
.talc-stage p { color: rgb(82, 103, 106); margin: 7px 0px; font-size: 13px; line-height: 1.55; }
.talc-evaluation { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 30px; display: grid; }
.talc-evaluation article { border-top: 4px solid var(--forest); background: rgb(238, 244, 241); padding: 24px 26px; }
.talc-evaluation article + article { background: rgb(255, 245, 230); border-color: rgb(196, 147, 75); }
.talc-evaluation h3 { color: rgb(48, 78, 80); margin: 0px 0px 12px; font: 600 22px Georgia, serif; }
.talc-evaluation ul { color: rgb(82, 103, 106); margin: 0px; padding-left: 20px; line-height: 1.7; }
.current-events-hero { min-height: 420px; }
.current-topics { background: var(--deep); color: rgb(255, 255, 255); padding: 86px clamp(24px, 8vw, 120px) 100px; }
.current-section-heading { justify-content: space-between; align-items: end; gap: 42px; margin-bottom: 46px; display: flex; }
.current-section-heading .kicker { color: rgb(155, 208, 194); }
.current-section-heading > p { color: rgb(200, 217, 214); max-width: 390px; margin: 0px; font-size: 15px; line-height: 1.65; }
.current-topic-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; display: grid; }
.current-topic-tile { text-align: left; color: rgb(255, 255, 255); cursor: pointer; min-height: 218px; font: inherit; background: rgba(255, 255, 255, 0.055); border-width: 4px 1px 1px; border-style: solid; border-color: rgb(130, 195, 181) rgba(255, 255, 255, 0.18) rgba(255, 255, 255, 0.18); border-image: none; flex-direction: column; align-items: flex-start; padding: 24px; transition: transform 0.18s, background 0.18s, border-color 0.18s; display: flex; }
.current-topic-tile:hover, .current-topic-tile:focus-visible, .current-topic-tile.active { background: rgb(12, 101, 110); border-color: rgb(216, 180, 109); outline: none; transform: translateY(-3px); }
.current-topic-icon { color: rgb(11, 92, 100); letter-spacing: -0.1em; background: rgb(244, 239, 226); border-radius: 50%; place-items: center; min-width: 46px; height: 46px; margin-bottom: 20px; padding: 0px 8px; font: 700 20px / 1 Georgia, serif; display: grid; }
.current-topic-name { font: 500 24px / 1.1 Georgia, serif; }
.current-topic-description { color: rgb(190, 209, 206); margin: 8px 0px 20px; font-size: 12px; line-height: 1.45; }
.current-topic-tile strong { color: rgb(231, 199, 133); letter-spacing: 0.09em; text-transform: uppercase; margin-top: auto; font-size: 10px; }
.current-feed { background: var(--cream); padding: 94px clamp(24px, 8vw, 120px) 105px; scroll-margin-top: 20px; }
.current-feed-header { justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 38px; display: flex; }
.current-feed-header .kicker { margin-bottom: 14px; }
.current-all-button { color: var(--deep); cursor: pointer; background: 0px 0px; border: 1px solid rgb(184, 201, 197); border-radius: 999px; padding: 11px 17px; font: 700 12px Arial, sans-serif; }
.current-all-button:hover, .current-all-button.active { background: var(--deep); color: rgb(255, 255, 255); }
.current-story-list { border-top: 1px solid rgb(200, 210, 205); }
.current-story { border-bottom: 1px solid rgb(200, 210, 205); grid-template-columns: 180px minmax(0px, 1fr); gap: 42px; padding: 34px 0px 38px; display: grid; }
.current-story[hidden] { display: none; }
.current-story-date { flex-direction: column; gap: 6px; padding-top: 4px; display: flex; }
.current-story-date span { color: var(--deep); font: 500 17px Georgia, serif; }
.current-story-date small { color: rgb(119, 135, 137); font-size: 11px; font-weight: 700; }
.current-story-tags { flex-wrap: wrap; gap: 7px; margin-bottom: 13px; display: flex; }
.current-story-tags span { color: rgb(50, 101, 94); letter-spacing: 0.07em; text-transform: uppercase; background: rgb(222, 235, 230); border-radius: 999px; padding: 5px 9px; font-size: 9px; font-weight: 800; }
.current-story-body h3 { letter-spacing: -0.02em; max-width: 850px; margin: 0px; font: 500 clamp(25px, 2.4vw, 35px) / 1.13 Georgia, serif; }
.current-story-body h3 a:hover { color: var(--ocean); }
.current-story-body > p { color: rgb(83, 105, 108); max-width: 820px; margin: 13px 0px 18px; font-size: 14px; line-height: 1.65; }
.current-story-meta { color: rgb(117, 133, 135); gap: 22px; font-size: 11px; display: flex; }
.current-story-meta a { color: var(--ocean); font-weight: 800; }
.current-curation-note { background: var(--paper); border-left: 4px solid var(--sand); justify-content: space-between; align-items: center; gap: 22px; margin-top: 38px; padding: 22px 26px; display: flex; }
.current-curation-note div { gap: 4px; display: grid; }
.current-curation-note span { color: rgb(104, 121, 122); font-size: 12px; }
.current-curation-note a { color: var(--ocean); white-space: nowrap; font-size: 12px; font-weight: 800; }
.current-region-teaser { background: rgb(228, 238, 234); padding: 84px clamp(24px, 10vw, 150px) 92px; }
.current-region-teaser > p:not(.kicker) { color: rgb(81, 102, 105); max-width: 720px; font-size: 15px; line-height: 1.7; }
.region-pills { flex-wrap: wrap; gap: 9px; margin-top: 30px; display: flex; }
.region-pills span { color: var(--deep); background: rgba(255, 255, 255, 0.58); border: 1px solid rgb(157, 184, 178); border-radius: 999px; padding: 11px 16px; font-size: 11px; font-weight: 700; }
.markbands-wrap { width: min(1080px, 100% - 44px); margin: 0px auto; padding: 42px 0px 80px; }
.markband-section { background: rgb(255, 255, 255); border: 1px solid rgb(222, 222, 216); margin: 34px 0px 54px; padding: 34px; box-shadow: rgba(26, 47, 51, 0.06) 0px 12px 32px; }
.section-heading { align-items: center; gap: 18px; margin-bottom: 18px; display: flex; }
.section-heading > span { background: var(--sand); color: rgb(23, 63, 70); border-radius: 50%; flex: 0 0 52px; place-items: center; width: 52px; height: 52px; font-weight: 900; display: grid; }
.section-heading p { color: rgb(140, 108, 55); letter-spacing: 0.17em; margin: 0px 0px 4px; font-size: 10px; font-weight: 900; }
.section-heading h2 { color: rgb(24, 63, 69); margin: 0px; font-size: clamp(25px, 3.2vw, 38px); }
.section-lead { color: rgb(69, 91, 96); max-width: 850px; font-size: 16px; line-height: 1.75; }
.best-fit-visual { grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; margin: 28px 0px; display: grid; }
.best-fit-visual > div { background: rgb(245, 241, 231); border-top: 4px solid rgb(201, 154, 82); min-height: 154px; padding: 22px; }
.best-fit-visual > div span { color: rgb(255, 255, 255); background: rgb(23, 63, 70); border-radius: 50%; place-items: center; width: 27px; height: 27px; margin-bottom: 16px; font-size: 12px; font-weight: 900; display: inline-grid; }
.best-fit-visual strong, .best-fit-visual small { display: block; }
.best-fit-visual small { color: rgb(96, 112, 116); margin-top: 7px; line-height: 1.5; }
.best-fit-visual > b { color: rgb(201, 154, 82); font-size: 24px; }
.assessment-lenses { grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px; display: grid; }
.assessment-lenses div { color: rgb(255, 255, 255); background: rgb(23, 63, 70); padding: 16px 14px; }
.assessment-lenses strong, .assessment-lenses span { display: block; }
.assessment-lenses strong { color: rgb(232, 199, 142); font-size: 18px; }
.assessment-lenses span { margin-top: 5px; font-size: 12px; line-height: 1.35; }
.visual-label { justify-content: space-between; align-items: baseline; gap: 18px; margin: 30px 0px 12px; display: flex; }
.visual-label span { color: rgb(155, 120, 62); letter-spacing: 0.16em; font-size: 10px; font-weight: 900; }
.visual-label strong { color: rgb(23, 63, 70); font-size: 14px; }
.band-visual { border: 1px solid rgb(217, 222, 219); overflow: hidden; }
.band-row { border-bottom: 1px solid rgba(23, 63, 70, 0.12); grid-template-columns: 110px 1fr; min-height: 94px; display: grid; }
.band-row:last-child { border-bottom: 0px; }
.band-score { text-align: center; color: rgb(255, 255, 255); place-content: center; display: grid; }
.band-score span { font: 900 28px / 1 Georgia, serif; }
.band-score small { letter-spacing: 0.12em; text-transform: uppercase; margin-top: 5px; font-size: 9px; }
.band-row > div:last-child { padding: 19px 24px; }
.band-row strong { color: rgb(23, 63, 70); font-size: 17px; }
.band-row p { color: rgb(83, 105, 109); margin: 6px 0px 0px; line-height: 1.5; }
.band-low .band-score { background: rgb(154, 121, 108); }
.band-low > div:last-child { background: rgb(245, 239, 236); }
.band-lowmid .band-score { background: rgb(176, 135, 86); }
.band-lowmid > div:last-child { background: rgb(246, 240, 232); }
.band-mid .band-score { background: rgb(189, 163, 78); }
.band-mid > div:last-child { background: rgb(246, 244, 231); }
.band-high .band-score { background: rgb(93, 139, 118); }
.band-high > div:last-child { background: rgb(237, 244, 240); }
.band-top .band-score { background: rgb(23, 98, 107); }
.band-top > div:last-child { background: rgb(230, 240, 241); }
.top-band-check { color: rgb(255, 255, 255); background: rgb(23, 63, 70); margin: 18px 0px 30px; padding: 18px 20px; }
.top-band-check > span { color: rgb(232, 199, 142); letter-spacing: 0.16em; font-size: 10px; font-weight: 900; }
.top-band-check > div { flex-wrap: wrap; gap: 8px; margin-top: 12px; display: flex; }
.top-band-check b { border: 1px solid rgba(255, 255, 255, 0.22); padding: 8px 11px; font-size: 11px; font-weight: 700; }
.p3-emphasis { flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0px 30px; display: flex; }
.p3-emphasis strong { color: rgb(23, 63, 70); margin-right: 5px; }
.p3-emphasis span { color: rgb(56, 84, 90); background: rgb(237, 244, 240); padding: 8px 11px; font-size: 12px; font-weight: 700; }
.p3-emphasis.accent span { background: rgb(243, 234, 217); }
.markband-document { background: rgb(242, 245, 243); border: 1px solid rgb(207, 216, 213); margin: 30px 0px 18px; }
.document-title { justify-content: space-between; align-items: center; gap: 20px; padding: 16px 18px; display: flex; }
.document-title span, .document-title strong { display: block; }
.document-title span { color: rgb(143, 113, 62); letter-spacing: 0.15em; margin-bottom: 3px; font-size: 9px; font-weight: 900; }
.document-title strong { color: rgb(23, 63, 70); }
.document-title a { color: rgb(23, 98, 107); font-size: 12px; font-weight: 800; }
.markband-document iframe { background: rgb(255, 255, 255); border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(207, 216, 213) currentcolor currentcolor; border-image: none; width: 100%; min-height: 670px; display: block; }
.archive-note { color: rgb(97, 112, 116); background: rgb(247, 245, 239); align-items: baseline; gap: 14px; padding: 14px 17px; font-size: 12px; display: flex; }
.archive-note strong { color: rgb(143, 113, 62); white-space: nowrap; }
.summative-section { border-top: 5px solid rgb(23, 98, 107); }
.summative-note { color: rgb(69, 91, 96); max-width: 850px; margin: 20px 0px 0px; font-size: 15px; line-height: 1.7; }
.conversion-group-heading { border-bottom: 1px solid rgb(214, 221, 217); justify-content: space-between; align-items: flex-end; gap: 20px; margin: 34px 0px 13px; padding-bottom: 10px; display: flex; }
.conversion-group-heading span { color: rgb(143, 113, 62); letter-spacing: 0.16em; font-size: 10px; font-weight: 900; }
.conversion-group-heading strong { color: rgb(23, 63, 70); font: 500 22px / 1.2 Georgia, serif; }
.conversion-group-heading.p3 { margin-top: 44px; }
.conversion-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; display: grid; }
.conversion-card { background: rgb(255, 255, 255); border: 1px solid rgb(203, 213, 209); overflow: hidden; box-shadow: rgba(26, 47, 51, 0.05) 0px 8px 20px; }
.conversion-card-title { color: rgb(255, 255, 255); background: rgb(23, 63, 70); justify-content: space-between; align-items: center; gap: 16px; min-height: 74px; padding: 14px 18px; display: flex; }
.conversion-card-title strong, .conversion-card-title span { display: block; }
.conversion-card-title strong { font: 500 20px / 1.2 Georgia, serif; }
.conversion-card-title span { color: rgb(203, 217, 214); margin-top: 4px; font-size: 11px; }
.conversion-card-title > b { color: rgb(232, 199, 142); white-space: nowrap; font-size: 14px; }
.conversion-card table { border-collapse: collapse; table-layout: fixed; color: rgb(49, 79, 84); text-align: center; width: 100%; }
.conversion-card th { color: rgb(23, 63, 70); background: rgb(217, 221, 218); border: 1px solid rgb(183, 194, 190); padding: 11px 8px; font-size: 13px; }
.conversion-card td { border: 1px solid rgb(214, 221, 218); padding: 9px 8px; font-size: 14px; }
.conversion-card tbody tr:nth-child(2n) { background: rgb(246, 248, 246); }
.conversion-card td:last-child strong { color: rgb(23, 98, 107); background: rgb(237, 244, 240); border-radius: 50%; place-items: center; width: 30px; height: 30px; display: inline-grid; }
.restoration-caption { color: rgb(117, 133, 130); margin: 20px 0px 0px; font-size: 11px; line-height: 1.6; }
.source-panel { color: rgb(234, 240, 238); background: rgb(23, 63, 70); grid-template-columns: 1fr auto; gap: 28px; padding: 26px; display: grid; }
.source-panel strong { color: rgb(232, 199, 142); }
.source-panel p { max-width: 690px; margin: 8px 0px 0px; font-size: 13px; line-height: 1.6; }
.source-panel > div:last-child { flex-direction: column; justify-content: center; gap: 8px; display: flex; }
.source-panel a { color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; }
.map-skills-page { --map-navy: #173f46; --map-teal: #17626b; --map-mint: #e8f0eb; --map-sand: #e4c486; }
.map-skills-hero { background: linear-gradient(135deg, rgb(238, 243, 238) 0%, rgb(248, 245, 236) 58%, rgb(231, 238, 233) 100%); border-bottom: 1px solid rgb(214, 223, 218); grid-template-columns: minmax(0px, 1.2fr) minmax(320px, 0.8fr); align-items: center; gap: 54px; padding: 74px clamp(24px, 8vw, 120px) 68px; display: grid; }
.map-skills-hero h1 { color: var(--map-navy); margin: 6px 0px 14px; font: 500 clamp(54px, 7vw, 92px) / 0.95 Georgia, serif; }
.map-skills-hero .intro { color: rgb(69, 95, 99); max-width: 720px; font-size: clamp(18px, 2vw, 23px); line-height: 1.55; }
.map-skill-pills { flex-wrap: wrap; gap: 8px; margin-top: 26px; display: flex; }
.map-skill-pills span { color: rgb(73, 99, 97); letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid rgb(174, 191, 186); padding: 8px 12px; font-size: 10px; font-weight: 900; }
.coordinate-card { background: var(--map-navy); color: rgb(255, 255, 255); min-height: 315px; padding: 28px; position: relative; overflow: hidden; box-shadow: rgba(23, 63, 70, 0.2) 0px 22px 55px; }
.coordinate-card::after { content: ""; border: 52px solid rgba(228, 196, 134, 0.16); border-radius: 50%; width: 210px; height: 210px; position: absolute; top: -75px; right: -85px; }
.coordinate-card .compass { z-index: 2; color: var(--map-sand); align-items: center; gap: 6px; font-size: 10px; font-weight: 900; display: flex; position: absolute; top: 22px; right: 24px; }
.coordinate-card .compass span { font-size: 28px; line-height: 1; }
.grid-demo { border-bottom: 1px solid rgba(255, 255, 255, 0.24); border-left: 1px solid rgba(255, 255, 255, 0.24); grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); width: 158px; height: 158px; margin-bottom: 24px; display: grid; transform: skewY(-6deg); }
.grid-demo i { border-top: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); }
.coordinate-card b, .coordinate-card strong, .coordinate-card small { z-index: 1; display: block; position: relative; }
.coordinate-card b { color: var(--map-sand); font: 500 25px Georgia, serif; }
.coordinate-card strong { font: 500 25px Georgia, serif; }
.coordinate-card small { color: rgb(185, 204, 202); text-transform: uppercase; letter-spacing: 0.12em; margin-top: 9px; font-size: 9px; }
.map-learning-route { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(216, 224, 221); padding: 28px clamp(24px, 8vw, 120px); }
.section-label { color: rgb(130, 144, 142); letter-spacing: 0.18em; text-transform: uppercase; margin: 0px 0px 14px; font-size: 9px; font-weight: 900; }
.route-strip { grid-template-columns: repeat(5, 1fr); gap: 0px; display: grid; }
.route-strip div { color: rgb(65, 91, 96); border-left: 1px solid rgb(216, 224, 221); align-items: center; gap: 10px; padding: 10px 14px; display: flex; }
.route-strip div:first-child { border-left: 0px; }
.route-strip span { background: var(--map-navy); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 26px; height: 26px; font-size: 10px; display: grid; }
.route-strip strong { font-size: 12px; }
.map-skill-section { border-bottom: 1px solid rgb(215, 223, 219); width: min(1120px, 100% - 48px); margin: 0px auto; padding: 74px 0px 78px; }
.skill-heading { align-items: center; gap: 16px; margin-bottom: 14px; display: flex; }
.skill-heading > span { background: var(--map-sand); width: 54px; height: 54px; color: var(--map-navy); border-radius: 50%; flex: 0 0 54px; place-items: center; font: 900 14px Arial, sans-serif; display: grid; }
.skill-heading p { color: rgb(144, 112, 58); letter-spacing: 0.17em; margin: 0px 0px 3px; font-size: 9px; font-weight: 900; }
.skill-heading h2 { color: var(--map-navy); margin: 0px; font: 500 clamp(30px, 3.5vw, 45px) / 1.05 Georgia, serif; }
.skill-lead { color: rgb(83, 107, 110); max-width: 850px; margin: 0px 0px 30px; font-size: 16px; line-height: 1.7; }
.location-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; display: grid; }
.location-grid article { background: rgb(243, 246, 243); border-top: 4px solid rgb(110, 149, 130); min-height: 260px; padding: 25px; }
.location-grid article > b { color: var(--map-navy); font: 500 21px Georgia, serif; }
.location-grid article > p { color: rgb(86, 105, 108); margin: 18px 0px 0px; font-size: 13px; line-height: 1.6; }
.mini-compass { width: 110px; height: 110px; margin: 18px auto 0px; position: relative; }
.mini-compass span, .mini-compass i, .mini-compass em, .mini-compass small, .mini-compass strong { color: rgb(101, 129, 125); font-style: normal; position: absolute; }
.mini-compass span { top: 0px; left: 48px; }
.mini-compass small { bottom: 0px; left: 50px; }
.mini-compass i { top: 48px; left: 0px; }
.mini-compass em { top: 48px; right: 0px; }
.mini-compass strong { color: rgb(189, 140, 72); font-size: 27px; top: 36px; left: 44px; }
.latlong-demo { color: rgb(61, 105, 101); letter-spacing: 0.08em; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 25px, rgb(202, 217, 212) 26px), repeating-linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 25px, rgb(202, 217, 212) 26px); place-items: center; gap: 12px; min-height: 110px; margin-top: 18px; font-size: 10px; display: grid; }
.latlong-demo strong { writing-mode: vertical-rl; color: rgb(155, 113, 64); }
.place-stack { justify-content: center; align-items: center; gap: 5px; height: 110px; margin-top: 18px; display: flex; }
.place-stack span { color: rgb(68, 104, 97); background: rgb(223, 233, 228); border-radius: 50%; place-items: center; font-size: 8px; font-weight: 800; display: grid; }
.place-stack span:first-child { width: 90px; height: 90px; }
.place-stack span:nth-child(2) { width: 70px; height: 70px; }
.place-stack span:nth-child(3) { width: 52px; height: 52px; }
.place-stack span:nth-child(4) { color: rgb(255, 255, 255); background: rgb(200, 156, 87); width: 38px; height: 38px; }
.remember-strip { background: var(--map-navy); color: rgb(238, 245, 242); gap: 18px; margin-top: 16px; padding: 16px 20px; display: flex; }
.remember-strip strong { color: var(--map-sand); white-space: nowrap; }
.remember-strip span { font-size: 13px; }
.poster-grid { gap: 18px; margin: 28px 0px 30px; display: grid; }
.poster-grid-two, .poster-grid-four { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.poster-grid figure { background: rgb(255, 255, 255); border: 1px solid rgb(215, 224, 220); margin: 0px; box-shadow: rgba(23, 63, 70, 0.08) 0px 14px 32px; }
.poster-grid img { background: rgb(234, 240, 238); width: 100%; height: auto; display: block; }
.poster-grid figcaption { flex-direction: column; gap: 5px; padding: 15px 17px 17px; display: flex; }
.poster-grid figcaption b { color: var(--map-navy); font-size: 13px; }
.poster-grid figcaption span { color: rgb(99, 118, 121); font-size: 11px; line-height: 1.5; }
.poster-feature { background: rgb(237, 243, 239); grid-template-columns: minmax(300px, 0.75fr) minmax(0px, 1.25fr); align-items: center; gap: 30px; margin: 28px 0px 34px; padding: 24px; display: grid; }
.poster-feature img { width: 100%; height: auto; box-shadow: rgba(23, 63, 70, 0.12) 0px 12px 28px; }
.poster-feature span { color: rgb(154, 113, 57); letter-spacing: 0.16em; font-size: 9px; font-weight: 900; }
.poster-feature h3 { color: var(--map-navy); margin: 8px 0px 12px; font: 500 29px / 1.08 Georgia, serif; }
.poster-feature p { color: rgb(89, 111, 113); max-width: 540px; font-size: 13px; line-height: 1.65; }
.lesson-check { color: rgb(82, 105, 107); background: rgb(246, 240, 229); border-left: 4px solid rgb(196, 147, 75); gap: 16px; margin-top: 18px; padding: 17px 20px; display: flex; }
.lesson-check strong { color: rgb(141, 103, 49); white-space: nowrap; }
.lesson-check span { font-size: 13px; line-height: 1.55; }
.topo-rules { grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0px; display: grid; }
.topo-rules > div { background: rgb(237, 243, 239); border-top: 3px solid rgb(113, 153, 133); padding: 18px; }
.topo-rules strong { color: var(--map-navy); font: 500 17px Georgia, serif; display: block; }
.topo-rules span { color: rgb(97, 115, 118); margin-top: 7px; font-size: 11px; line-height: 1.5; display: block; }
.evidence-subhead { color: var(--map-navy); margin: 34px 0px 15px; font: 500 28px Georgia, serif; }
.grid-reference-section { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(245, 246, 241) 100%); width: 100%; padding-left: max(24px, 50% - 560px); padding-right: max(24px, 50% - 560px); }
.grid-reference-teach { grid-template-columns: 0.85fr 1.15fr; align-items: center; gap: 34px; display: grid; }
.grid-ref-visual { background: rgb(234, 240, 235); border: 1px solid rgb(203, 216, 210); min-height: 350px; position: relative; }
.practice-grid { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 49.6%, rgb(157, 180, 173) 50%, rgba(0, 0, 0, 0) 50.4%) 0px 0px / 65px 57.5px repeat scroll padding-box border-box, linear-gradient(rgba(0, 0, 0, 0) 49.6%, rgb(157, 180, 173) 50%, rgba(0, 0, 0, 0) 50.4%) 0px 0px repeat scroll padding-box border-box rgba(0, 0, 0, 0); border-bottom: 2px solid rgb(105, 140, 130); border-left: 2px solid rgb(105, 140, 130); width: 260px; height: 230px; position: absolute; bottom: 48px; left: 56px; }
.target-dot { background: rgb(196, 124, 72); border-radius: 50%; width: 16px; height: 16px; position: absolute; bottom: 91px; left: 89px; box-shadow: rgba(196, 124, 72, 0.18) 0px 0px 0px 7px; }
.x-label, .y-label { color: rgb(69, 102, 97); font: 900 15px Arial; position: absolute; }
.x-label { bottom: -29px; left: 65px; }
.y-label { bottom: 58px; left: -30px; }
.axis-label { color: rgb(109, 129, 125); letter-spacing: 0.13em; font-size: 9px; font-weight: 900; position: absolute; }
.eastings { bottom: 12px; left: 112px; }
.northings { top: 150px; left: 13px; transform: rotate(-90deg); }
.grid-ref-copy { gap: 12px; display: grid; }
.memory-line { color: rgb(111, 126, 125); margin: 0px 0px 5px; font: italic 17px Georgia, serif; }
.memory-line strong { color: rgb(160, 110, 53); }
.grid-ref-copy > div { border-left: 3px solid var(--map-teal); background: rgb(255, 255, 255); grid-template-columns: 88px 125px 1fr; align-items: center; gap: 15px; padding: 17px 19px; display: grid; }
.grid-ref-copy span { color: rgb(113, 134, 130); letter-spacing: 0.1em; font-size: 9px; font-weight: 900; }
.grid-ref-copy strong { color: var(--map-navy); letter-spacing: 0.07em; font: 500 27px Georgia, serif; }
.grid-ref-copy p { color: rgb(88, 109, 112); margin: 0px; font-size: 12px; line-height: 1.55; }
.practice-callout { background: var(--map-navy); grid-template-columns: 0.72fr 1.28fr; margin-top: 34px; display: grid; overflow: hidden; box-shadow: rgba(23, 63, 70, 0.12) 0px 18px 42px; }
.practice-callout > div { color: rgb(255, 255, 255); padding: 30px; }
.practice-callout span { color: var(--map-sand); letter-spacing: 0.16em; font-size: 9px; font-weight: 900; }
.practice-callout h3 { margin: 9px 0px 12px; font: 500 28px / 1.1 Georgia, serif; }
.practice-callout p { color: rgb(199, 214, 211); font-size: 13px; line-height: 1.65; }
.practice-callout a { background: var(--map-sand); color: var(--map-navy); margin-top: 12px; padding: 10px 13px; font-size: 11px; font-weight: 900; display: inline-block; }
.practice-callout iframe { background: rgb(255, 255, 255); border: 0px; width: 100%; height: 510px; }
.map-self-check { color: rgb(64, 93, 96); background: rgb(255, 255, 255); border: 1px solid rgb(210, 220, 215); margin-top: 16px; padding: 15px 18px; }
.map-self-check summary { cursor: pointer; font-size: 13px; font-weight: 800; }
.map-self-check p { color: rgb(99, 117, 120); margin: 10px 0px 0px 20px; font-size: 13px; }
.scale-lab { grid-template-columns: 1.2fr 1fr auto 1fr auto 1fr; align-items: stretch; gap: 10px; display: grid; }
.scale-rule { align-self: center; background: rgb(255, 255, 255) !important; flex-direction: row !important; align-items: end !important; gap: 0px !important; padding: 0px 12px !important; display: flex !important; }
.scale-rule span { color: rgb(69, 99, 95); width: 44px; font-size: 10px; }
.scale-rule i { border-top: 6px solid var(--map-navy); width: 42px; height: 12px; }
.scale-lab > div:not(.scale-rule) { background: rgb(237, 243, 239); padding: 17px; }
.scale-lab > div span { color: rgb(116, 140, 131); letter-spacing: 0.12em; font-size: 8px; font-weight: 900; }
.scale-lab > div strong { color: var(--map-navy); margin: 5px 0px; display: block; }
.scale-lab > div p { color: rgb(97, 114, 117); margin: 0px; font-size: 11px; line-height: 1.45; }
.scale-lab > b { color: rgb(180, 138, 74); align-self: center; }
.map-types-section { padding-bottom: 70px; }
.map-type-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; display: grid; }
.map-type-grid article { background: rgb(242, 245, 242); min-height: 220px; padding: 19px; position: relative; overflow: hidden; }
.map-type-grid article > span { color: rgb(154, 169, 165); font: italic 12px Georgia; }
.map-type-grid article > strong { color: var(--map-navy); margin-top: 15px; font: 500 19px Georgia, serif; display: block; }
.map-type-grid article > p { color: rgb(101, 117, 119); margin: 6px 0px 0px; font-size: 11px; line-height: 1.45; }
.map-icon { background-color: rgb(227, 236, 231); border: 1px solid rgb(200, 214, 209); height: 78px; margin-top: 10px; }
.map-icon-0 { background: repeating-radial-gradient(at 70% 55%, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 9px, rgb(126, 160, 145) 10px, rgb(126, 160, 145) 11px); }
.map-icon-1 { background: linear-gradient(120deg, rgb(213, 226, 220) 0px, rgb(213, 226, 220) 25%, rgb(111, 155, 136) 25%, rgb(111, 155, 136) 48%, rgb(182, 206, 195) 48%, rgb(182, 206, 195) 70%, rgb(49, 95, 91) 70%); }
.map-icon-2 { background: repeating-radial-gradient(at 35% center, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 11px, rgb(112, 152, 136) 12px, rgb(112, 152, 136) 13px); }
.map-icon-3 { background-image: radial-gradient(rgb(69, 111, 101) 2px, rgba(0, 0, 0, 0) 3px); background-size: 15px 15px; }
.map-icon-4 { background: linear-gradient(25deg, rgba(0, 0, 0, 0) 45%, rgb(76, 129, 118) 46%, rgb(76, 129, 118) 50%, rgba(0, 0, 0, 0) 51%), linear-gradient(-18deg, rgba(0, 0, 0, 0) 45%, rgb(179, 126, 69) 46%, rgb(179, 126, 69) 50%, rgba(0, 0, 0, 0) 51%), rgb(227, 236, 231); }
.map-icon-5 { background: radial-gradient(circle at 20% 55%, rgb(98, 143, 128) 0px, rgb(98, 143, 128) 9px, rgba(0, 0, 0, 0) 10px), radial-gradient(circle at 48% center, rgb(141, 176, 163) 0px, rgb(141, 176, 163) 20px, rgba(0, 0, 0, 0) 21px), radial-gradient(circle at 78% 55%, rgb(195, 152, 88) 0px, rgb(195, 152, 88) 30px, rgba(0, 0, 0, 0) 31px), rgb(227, 236, 231); }
.interpret-check { background: var(--map-navy); flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding: 16px; display: flex; }
.interpret-check strong { color: var(--map-sand); margin-right: 8px; }
.interpret-check span { color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 9px; font-size: 10px; }
.evidence-section { border-bottom: 0px; }
.evidence-flow { grid-template-columns: repeat(5, 1fr); gap: 9px; display: grid; }
.evidence-flow > div { background: rgb(237, 243, 239); border-top: 3px solid rgb(113, 153, 133); min-height: 182px; padding: 17px; }
.evidence-flow span { background: var(--map-navy); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 29px; height: 29px; font-size: 9px; display: grid; }
.evidence-flow strong { color: var(--map-navy); margin: 18px 0px 7px; font: 500 18px Georgia, serif; display: block; }
.evidence-flow p { color: rgb(96, 114, 116); margin: 0px; font-size: 11px; line-height: 1.5; }
.answer-upgrade { background: rgb(245, 238, 225); border-left: 4px solid rgb(194, 147, 78); margin-top: 18px; padding: 22px 25px; }
.answer-upgrade > span { color: rgb(148, 113, 58); letter-spacing: 0.14em; font-size: 9px; font-weight: 900; }
.answer-upgrade p { color: rgb(83, 105, 109); margin: 10px 0px 0px; line-height: 1.55; }
.answer-upgrade p:last-child { color: rgb(41, 79, 83); }
.ib-roadmap { background: rgb(237, 242, 238); border: 0px; width: 100%; padding-left: max(24px, 50% - 560px); padding-right: max(24px, 50% - 560px); }
.ib-skill-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; display: grid; }
.ib-skill-grid > div { background: rgb(255, 255, 255); border-top: 3px solid rgb(112, 151, 135); padding: 20px; }
.ib-skill-grid strong { color: var(--map-navy); }
.ib-skill-grid p { color: rgb(101, 118, 121); margin: 7px 0px 0px; font-size: 11px; line-height: 1.5; }
.reference-download { background: var(--map-navy); color: rgb(255, 255, 255); margin-top: 20px; padding: 12px 15px; font-size: 11px; font-weight: 800; display: inline-block; }
.map-finish { background: var(--map-navy); color: rgb(255, 255, 255); padding: 70px clamp(24px, 8vw, 120px); }
.map-finish p { color: rgb(169, 193, 187); margin: 0px; }
.map-finish h2 { color: rgb(255, 255, 255); max-width: 800px; margin: 7px 0px 24px; font: 500 clamp(32px, 4vw, 52px) / 1.08 Georgia, serif; }
.map-finish a { color: var(--map-sand); font-size: 12px; font-weight: 800; }
@media (width <= 850px) {
  .map-skills-hero { grid-template-columns: 1fr; padding-top: 48px; }
  .coordinate-card { min-height: 280px; }
  .route-strip { grid-template-columns: 1fr 1fr; }
  .route-strip div { border-bottom: 1px solid rgb(216, 224, 221); }
  .location-grid, .map-type-grid, .ib-skill-grid, .poster-grid-two, .poster-grid-four, .topo-rules, .poster-feature, .grid-reference-teach, .practice-callout { grid-template-columns: 1fr; }
  .practice-callout iframe { height: 450px; }
  .scale-lab { grid-template-columns: 1fr; }
  .scale-lab > b { display: none; }
  .evidence-flow { grid-template-columns: 1fr 1fr; }
  .grid-ref-copy > div { grid-template-columns: 75px 100px 1fr; }
}
@media (width <= 520px) {
  .map-learning-route { padding-left: 20px; padding-right: 20px; }
  .route-strip { grid-template-columns: 1fr; }
  .map-skill-section { width: calc(100% - 32px); padding-top: 54px; padding-bottom: 58px; }
  .grid-reference-section, .ib-roadmap { width: 100%; padding-left: 16px; padding-right: 16px; }
  .grid-ref-copy > div { grid-template-columns: 1fr; }
  .practice-grid { width: 220px; left: 44px; }
  .practice-callout iframe { height: 390px; }
  .evidence-flow { grid-template-columns: 1fr; }
  .remember-strip, .lesson-check { flex-direction: column; gap: 6px; }
  .poster-feature { padding: 14px; }
  .poster-grid { gap: 14px; }
}
@media (width <= 760px) {
  .talc-stage-grid, .talc-evaluation { grid-template-columns: 1fr; }
  .talc-chart { grid-template-rows: 260px 28px; padding-left: 10px; padding-right: 12px; }
  .talc-labels { font-size: 8px; }
  .talc-labels span:nth-child(4) { padding-bottom: 70px; }
  .talc-labels span:nth-child(5) { padding-bottom: 98px; }
}
.challenge-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 22px 0px 28px; display: grid; }
.challenge-grid > div { background: rgb(238, 244, 241); border-top: 4px solid rgb(93, 139, 118); padding: 20px; }
.challenge-grid > div:nth-child(2) { background: rgb(245, 238, 232); border-top-color: rgb(165, 111, 95); }
.challenge-grid > div:nth-child(3) { background: rgb(237, 243, 245); border-top-color: rgb(63, 127, 145); }
.challenge-grid span, .challenge-grid strong { display: block; }
.challenge-grid span { color: rgb(86, 112, 109); letter-spacing: 0.15em; margin-bottom: 10px; font-size: 9px; font-weight: 900; }
.challenge-grid strong { color: rgb(23, 63, 70); margin-top: 6px; font-size: 13px; }
.policy-flow, .dividend-flow { align-items: stretch; gap: 8px; margin: 24px 0px 30px; display: flex; }
.policy-flow > div, .dividend-flow > div { background: rgb(237, 244, 240); border: 1px solid rgb(211, 223, 218); flex-direction: column; flex: 1 1 0%; justify-content: center; min-height: 104px; padding: 16px; display: flex; }
.policy-flow > b, .dividend-flow > b { color: rgb(110, 146, 127); align-self: center; font-size: 20px; }
.policy-flow span { color: rgb(106, 133, 120); letter-spacing: 0.12em; font-size: 9px; font-weight: 900; }
.policy-flow strong { color: rgb(23, 63, 70); margin-top: 7px; font-size: 12px; line-height: 1.4; }
.dividend-flow > div { text-align: center; background: rgb(243, 247, 244); align-items: center; }
.dividend-flow span { color: rgb(255, 255, 255); background: rgb(23, 98, 107); border-radius: 50%; place-items: center; width: 28px; height: 28px; margin-bottom: 8px; font-size: 11px; font-weight: 900; display: grid; }
.dividend-flow strong { color: rgb(35, 75, 80); font-size: 11px; line-height: 1.35; }
.policy-evaluate { grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 22px 0px 28px; display: grid; }
.policy-evaluate > span { color: rgb(101, 124, 116); letter-spacing: 0.15em; grid-column: 1 / -1; font-size: 9px; font-weight: 900; }
.policy-evaluate > div { background: rgb(246, 241, 231); padding: 17px; }
.policy-evaluate strong { color: rgb(143, 107, 50); }
.policy-evaluate p { color: rgb(87, 105, 109); margin: 6px 0px 0px; font-size: 12px; line-height: 1.5; }
.three-p { grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 22px 0px 28px; display: grid; }
.three-p div { color: rgb(255, 255, 255); background: rgb(23, 63, 70); padding: 20px; }
.three-p span { color: rgb(232, 199, 142); letter-spacing: 0.14em; font-size: 10px; font-weight: 900; }
.three-p p { margin: 9px 0px 0px; font-size: 12px; line-height: 1.55; }
.self-check { background: rgb(243, 246, 244); border-left: 3px solid rgb(23, 98, 107); margin: 28px 0px 8px; padding: 22px; }
.self-check > span { color: rgb(23, 98, 107); letter-spacing: 0.16em; font-size: 9px; font-weight: 900; }
.self-check details { border-top: 1px solid rgb(212, 222, 217); margin-top: 10px; padding-top: 10px; }
.self-check summary { cursor: pointer; color: rgb(41, 78, 83); font-size: 13px; font-weight: 800; }
.self-check p { color: rgb(86, 105, 108); margin: 9px 0px 4px 20px; font-size: 13px; line-height: 1.55; }
.quizlet-card { background: rgb(255, 255, 255); border: 1px solid rgb(215, 223, 218); margin: 24px 0px; overflow: hidden; }
.quizlet-card iframe { border: 0px; width: 100%; height: 410px; display: block; }
.quizlet-card > p { color: rgb(64, 87, 91); border-top: 1px solid rgb(215, 223, 218); margin: 0px; padding: 13px 16px; font-size: 13px; }
.home-course-info { background: var(--paper); padding: 96px clamp(24px, 8vw, 120px); }
.quick-link-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; display: grid; }
.quick-link-grid a { background: var(--cream); border-top: 3px solid var(--ocean); flex-direction: column; min-height: 170px; padding: 22px; display: flex; }
.quick-link-grid span { color: rgb(158, 174, 170); font: italic 15px Georgia, serif; }
.quick-link-grid strong { margin: auto 0px 8px; font: 500 21px / 1.1 Georgia, serif; }
.quick-link-grid small { color: rgb(108, 125, 125); line-height: 1.45; }
.info-stack { gap: 18px; max-width: 1050px; display: grid; }
.info-panel { background: var(--paper); border-top: 3px solid var(--ocean); padding: 34px; }
.info-panel h2 { font-size: clamp(30px, 3vw, 44px); }
.info-panel > p, .info-panel > ul { color: rgb(81, 103, 106); font-size: 15px; line-height: 1.75; }
.info-panel > ul { padding-left: 22px; }
.myp-topic-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; display: grid; }
.myp-topic { background: var(--paper); border-left: 3px solid var(--forest); grid-template-columns: 36px 1fr; align-items: center; gap: 14px; padding: 18px 20px; display: grid; }
.myp-topic span { color: rgb(154, 170, 158); font: italic 14px Georgia, serif; }
.myp-topic p { color: rgb(64, 87, 91); margin: 0px; font-size: 14px; font-weight: 700; }
.myp-resources { margin-top: 28px; }
@media (width <= 850px) {
  .current-section-heading, .current-feed-header { flex-direction: column; align-items: flex-start; }
  .current-topic-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .current-story { grid-template-columns: 130px minmax(0px, 1fr); gap: 28px; }
  .case-study { padding: 24px 18px; }
  .case-study-heading h3 { font-size: 28px; }
  .case-study-videos, .lesson-video-grid, .inline-embed-grid { grid-template-columns: 1fr; }
  .document-meta { flex-direction: column; align-items: flex-start; }
  .document-frame { min-height: 460px; }
  .hero { background: var(--paper); grid-template-columns: 1fr; padding-top: 70px; }
  .hero-visual { background: rgb(229, 239, 234); min-height: 330px; }
  .globe { width: min(72vw, 350px); }
  .cards, .topic-grid { grid-template-columns: 1fr; }
  .quick-link-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .myp-topic-list, .unit-grid { grid-template-columns: 1fr; }
  .course-group { grid-template-columns: 1fr; gap: 22px; }
  .syllabus-first, .lesson-block, .media-grid, .map-grid, .best-fit-visual { grid-template-columns: 1fr; }
  .best-fit-visual > b { justify-self: center; transform: rotate(90deg); }
  .assessment-lenses { grid-template-columns: repeat(2, 1fr); }
  .conversion-grid { grid-template-columns: 1fr; }
  .card { min-height: 300px; }
  .section-heading, .topic-intro { flex-direction: column; align-items: start; }
}
@media (width <= 540px) {
  .current-topics, .current-feed, .current-region-teaser { padding-left: 24px; padding-right: 24px; }
  .current-topic-grid { grid-template-columns: 1fr; }
  .current-topic-tile { min-height: 190px; }
  .current-story { grid-template-columns: 1fr; gap: 14px; }
  .current-story-date { flex-direction: row; justify-content: space-between; align-items: baseline; }
  .current-curation-note { flex-direction: column; align-items: flex-start; }
  nav { gap: 16px; }
  .hero { gap: 36px; padding: 62px 24px 50px; }
  h1 { font-size: 52px; }
  .learn, .about { padding: 72px 24px; }
  .page-hero, .topic-section { padding: 64px 24px; }
  .migration-note { flex-direction: column; gap: 8px; }
  .hero-shade { padding: 62px 24px; }
  .lesson-wrap { padding: 54px 24px 72px; }
  .resource-list a { grid-template-columns: 80px minmax(0px, 1fr) auto; }
  .embedded-map figcaption, .embedded-interactive > div { flex-direction: column; align-items: flex-start; }
  .embedded-interactive iframe { min-height: 430px; }
  .markband-section { padding: 23px 18px; }
  .markbands-wrap { width: min(100% - 24px, 1080px); }
  .band-row { grid-template-columns: 82px 1fr; }
  .band-score span { font-size: 23px; }
  .band-row > div:last-child { padding: 16px; }
  .visual-label, .document-title, .archive-note { flex-direction: column; align-items: flex-start; }
  .conversion-group-heading { flex-direction: column; align-items: flex-start; gap: 5px; }
  .markband-document iframe { min-height: 540px; }
  .source-panel, .challenge-grid, .three-p { grid-template-columns: 1fr; }
  .policy-evaluate { grid-template-columns: repeat(2, 1fr); }
  .policy-flow, .dividend-flow { flex-direction: column; }
  .policy-flow > b, .dividend-flow > b { transform: rotate(90deg); }
  .archive-note { flex-direction: column; gap: 8px; }
  .quick-link-grid { grid-template-columns: 1fr; }
  footer { flex-direction: column; }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-8ac0455e797f/geist-ff2310f5.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-8ac0455e797f/geist-875ccdd4.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-8ac0455e797f/geist-52306abf.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-8ac0455e797f/geist-001175b1.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-8ac0455e797f/geist-98bbbccb.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.__font_geist_0tvmz3h { font-family: Geist, sans-serif; }
.__variable_geist_0tvmz3h { --font-geist-sans: 'Geist', sans-serif; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-f6b33328.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-44e03052.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-0638449e.woff2") format("woff2"); unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-971fb274.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-44745446.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://adorngeo-archive.sturdy-puppy-1896.chatgpt.site/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-013b2f2f.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.__font_geist_mono_1diim1n { font-family: "Geist Mono", sans-serif; }
.__variable_geist_mono_1diim1n { --font-geist-mono: 'Geist Mono', sans-serif; }