/* Shared public navigation and reading defaults; the homepage is kept separate. */
body.garden-subpage {
  --garden-ink:#152238; --garden-copy:#47566d; --garden-muted:#59677b;
  --garden-line:#d8e0e9; --garden-surface:#f4f6f9;
  font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:15px; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere;
}
body.garden-subpage :is(h1,h2,h3,h4,button,input,select,textarea,.eng,.eyebrow,.brand-mark) {font-family:inherit}
body.garden-subpage :is(h1,h2,h3,h4) {letter-spacing:-.035em; text-wrap:balance}
body.garden-subpage :is(button,a,input,select,textarea):focus-visible {outline:3px solid #557b9d; outline-offset:4px}
body.garden-subpage :is(main,section,[id]) {scroll-margin-top:96px}
body.garden-subpage img {max-width:100%}
body.garden-subpage .site-header,
body.garden-subpage .site-header.is-scrolled {
  position:sticky; top:0; left:auto; transform:none; z-index:100;
  width:100%; max-width:none; min-height:76px; margin:0;
  padding:16px max(24px,calc((100vw - 1120px)/2));
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  background:rgba(255,255,255,.97); border:0; border-bottom:1px solid #e4e9ef;
  border-radius:0; box-shadow:none; backdrop-filter:blur(12px);
}
body.garden-subpage .site-header .brand-mark {color:#152238; font-size:21px; font-weight:750; letter-spacing:-.055em; flex-shrink:0; gap:3px}
body.garden-subpage .site-header .brand-seed {width:19px; height:23px}
body.garden-subpage .site-nav {display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px}
body.garden-subpage .site-nav a {color:#47566d; font-size:14px; font-weight:550; text-decoration:none}
body.garden-subpage .site-nav a:hover {color:#152238}
body.garden-subpage .site-nav a.nav-login {padding:8px 15px; border:1px solid #aab9cc; border-radius:7px; background:#fff; color:#152238; box-shadow:none}
body.garden-subpage .site-nav a.nav-login:hover {background:#f4f6f9; border-color:#557b9d}
body.garden-subpage .site-nav a.nav-cta {padding:9px 17px; border:1px solid #152238; border-radius:7px; background:#152238; color:#fff; font-weight:650; box-shadow:none}
body.garden-subpage .site-nav a.nav-cta:hover {background:#293e5c}
body.garden-subpage .site-footer {color:#59677b; border-top:1px solid #d8e0e9; padding-top:32px; padding-bottom:32px; font-size:12px; line-height:1.9}
body.garden-subpage .site-footer a {color:#47566d; text-underline-offset:3px}
body.garden-subpage .site-footer strong {color:#152238}
body.garden-subpage .eyebrow {color:#59677b; font-size:11px; font-weight:650; letter-spacing:.15em}
body.garden-subpage .garden-course-header {position:sticky; top:0; z-index:50; min-height:72px; padding:16px max(24px,calc((100vw - 1120px)/2)); background:rgba(255,255,255,.97); border-bottom:1px solid #e4e9ef; display:flex; align-items:center; justify-content:space-between; gap:20px}
body.garden-subpage .garden-course-header a {color:#152238; text-decoration:none; font-size:14px; font-weight:650}
body.garden-subpage .garden-course-header nav {display:flex; align-items:center; gap:24px}
body.garden-subpage .garden-course-header nav a {font-size:13px; font-weight:550}
body.garden-subpage .garden-course-header a[href="/app"] {padding:8px 16px; background:#152238!important; color:#fff!important; border-radius:7px}
@media(max-width:640px) {
  body.garden-subpage {font-size:14px}
  body.garden-subpage .site-header,body.garden-subpage .site-header.is-scrolled {min-height:68px; padding:14px 20px; gap:12px; flex-wrap:wrap}
  body.garden-subpage .site-header .brand-mark {font-size:18px}
  body.garden-subpage .site-nav {gap:8px 14px}
  body.garden-subpage .site-nav a {font-size:12px}
  body.garden-subpage .site-nav a.nav-cta {padding:7px 11px}
  body.garden-subpage .garden-course-header {padding:14px 20px; gap:12px; min-height:68px}
  body.garden-subpage .garden-course-header nav {gap:14px}
  body.garden-subpage .garden-course-header nav a {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  body.garden-subpage *,body.garden-subpage *::before,body.garden-subpage *::after {animation:none!important; transition:none!important; scroll-behavior:auto!important}
}