.sw-skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; transform: translateY(-160%); padding: 10px 14px; background: #3d0e14; color: #fff; border: 1px solid #d6b55a; text-decoration: none; }
.sw-skip-link:focus { transform: translateY(0); }

.sw-site-header { width: min(1180px, calc(100% - 32px)); margin: 16px auto 0; min-height: 58px; padding: 0 22px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #f7efdd; border: 1px solid rgba(133,99,36,.35); box-shadow: 0 6px 18px rgba(80,53,26,.08); }
.sw-site-brand { font: 600 1.05rem/1.2 "Playfair Display", Georgia, serif; color: #3d0e14 !important; text-decoration: none; }
.sw-site-nav { display: flex; align-items: center; gap: 18px; }
.sw-site-nav a { padding: 10px 0; font: 700 .65rem/1 var(--font-sans, Arial, sans-serif); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: #5d1820; }
.sw-site-nav a:hover, .sw-site-nav a[aria-current="page"] { color: #87671f; text-decoration: underline; text-underline-offset: 4px; }

.sw-syllabus-page { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding: 68px 0 40px; }
.sw-syllabus-hero { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.sw-syllabus-hero h1 { margin: 9px 0 12px; font: 600 clamp(2.4rem, 5vw, 4rem)/1.08 "Playfair Display", Georgia, serif; color: #3d0e14; }
.sw-syllabus-hero p { margin: 0 auto; max-width: 680px; font: 1.02rem/1.7 "Vollkorn", Georgia, serif; color: #4c3a2c; }

.sw-unit-index { position: sticky; top: 10px; z-index: 20; display: flex; align-items: center; justify-content: center; gap: 18px; width: fit-content; max-width: 100%; margin: 0 auto 34px; padding: 10px 14px; box-sizing: border-box; background: rgba(247,239,221,.96); border: 1px solid rgba(133,99,36,.32); box-shadow: 0 5px 16px rgba(80,53,26,.08); backdrop-filter: blur(8px); }
.sw-unit-index strong { font: 700 .62rem/1 var(--font-sans, Arial, sans-serif); letter-spacing: .12em; text-transform: uppercase; color: #5d1820; }
.sw-unit-index-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.sw-unit-index-links a { width: 31px; height: 31px; display: grid; place-items: center; font: 600 .72rem/1 "Playfair Display", Georgia, serif; color: #5d1820; text-decoration: none; border: 1px solid transparent; }
.sw-unit-index-links a:hover, .sw-unit-index-links a:focus-visible { border-color: #b28a2e; background: #f1e2bf; }

.sw-syllabus-list { display: grid; gap: 22px; }
.sw-syllabus-unit { scroll-margin-top: 78px; padding: 34px clamp(22px, 4vw, 42px); background: rgba(251,246,233,.86); border: 1px solid rgba(133,99,36,.32); box-shadow: 0 8px 26px rgba(80,53,26,.07); }
.sw-unit-heading { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 18px; align-items: start; padding-bottom: 18px; border-bottom: 1px solid rgba(133,99,36,.22); }
.sw-unit-heading > span { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #b28a2e; border-radius: 50%; font: 600 1rem/1 "Playfair Display", Georgia, serif; color: #87671f; }
.sw-unit-heading h2 { margin: 4px 0 0; font: 600 clamp(1.55rem, 3vw, 2.2rem)/1.15 "Playfair Display", Georgia, serif; color: #3d0e14; }
.sw-syllabus-unit ul { margin: 22px 0 22px 20px; padding: 0; }
.sw-syllabus-unit li { margin: 0 0 10px; padding-left: 6px; font: 1rem/1.68 "Vollkorn", Georgia, serif; color: #3e3127; }
.sw-read-unit { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid rgba(133,99,36,.5); font: 700 .65rem/1 var(--font-sans, Arial, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: #5d1820 !important; text-decoration: none; }
.sw-read-unit:hover { background: #f1e2bf; border-color: #b28a2e; }

.sw-syllabus-note { margin: 34px 0 10px; padding: 20px 22px; border-left: 3px solid #b28a2e; background: rgba(247,239,221,.8); }
.sw-syllabus-note strong { display: block; margin-bottom: 5px; font: 700 .68rem/1.2 var(--font-sans, Arial, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: #5d1820; }
.sw-syllabus-note p { margin: 0 0 8px; font: .9rem/1.6 "Vollkorn", Georgia, serif; }
.sw-syllabus-note a { font: 700 .8rem/1.4 var(--font-sans, Arial, sans-serif); color: #5d1820; }

.sw-syllabus-footer { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 40px; display: flex; justify-content: center; gap: 24px; border-top: 1px solid rgba(133,99,36,.25); }
.sw-syllabus-footer a { font: 700 .68rem/1.2 var(--font-sans, Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #5d1820; text-decoration: none; }
.sw-syllabus-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 640px) {
  .sw-site-header { width: calc(100% - 20px); margin-top: 10px; min-height: 0; padding: 14px 16px; flex-direction: column; align-items: stretch; text-align: center; gap: 12px; }
  .sw-site-nav { justify-content: center; flex-wrap: wrap; gap: 10px 16px; }
  .sw-site-nav a { font-size: .58rem; }
  .sw-syllabus-page { width: calc(100% - 20px); padding-top: 42px; }
  .sw-syllabus-hero { margin-bottom: 28px; }
  .sw-syllabus-hero h1 { font-size: 2.35rem; }
  .sw-syllabus-hero p { font-size: .94rem; }
  .sw-unit-index { top: 8px; width: 100%; gap: 8px; padding: 8px; }
  .sw-unit-index strong { display: none; }
  .sw-unit-index-links { width: 100%; gap: 2px; }
  .sw-unit-index-links a { width: 28px; height: 30px; }
  .sw-syllabus-unit { padding: 25px 18px; scroll-margin-top: 62px; }
  .sw-unit-heading { grid-template-columns: 45px minmax(0, 1fr); gap: 12px; }
  .sw-unit-heading > span { width: 40px; height: 40px; font-size: .85rem; }
  .sw-unit-heading h2 { font-size: 1.45rem; }
  .sw-syllabus-unit ul { margin-left: 18px; }
  .sw-syllabus-unit li { font-size: .94rem; line-height: 1.6; }
  .sw-read-unit { width: 100%; justify-content: center; box-sizing: border-box; min-height: 48px; }
  .sw-syllabus-footer { flex-wrap: wrap; gap: 14px 20px; text-align: center; }
}

@media (max-width: 380px) {
  .sw-site-nav { gap: 8px 12px; }
  .sw-syllabus-page { width: calc(100% - 16px); }
  .sw-syllabus-hero h1 { font-size: 2.1rem; }
  .sw-syllabus-unit { padding-inline: 15px; }
  .sw-unit-heading { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; }
  .sw-unit-heading > span { width: 36px; height: 36px; }
  .sw-unit-heading h2 { font-size: 1.28rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sw-skip-link { transition: none; }
}