/* 리틀위드 선생님 자료실 — 디자인 정리판 v1(온위드\기획\2026-10-14_디자인정리판\규칙.md)과 같은 값.
   글꼴은 각 페이지 <head>의 /app/static/fonts/pretendard/pretendard.css (앱과 같은 파일) */
:root {
  --lw-font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --lw-primary: #B8432B; --lw-primary-press: #9E3923; --lw-primary-tint: #FCEEE8; --lw-primary-line: #F4D9CB;
  --lw-ink: #1F1D1A; --lw-sub: #55504A; --lw-mute: #736C64;
  --lw-bg: #FFFDFA; --lw-surface: #FFFFFF; --lw-fill: #F6F4F1; --lw-fill-strong: #F1EEEA;
  --lw-line: #ECE8E3; --lw-line-strong: #DDD8D2;
  --lw-fs-xs: 13px; --lw-fs-sm: 14px; --lw-fs-md: 15px; --lw-fs-base: 16px; --lw-fs-lg: 18px; --lw-fs-xl: 22px; --lw-fs-2xl: 24px; --lw-fs-3xl: 28px;
  --lw-lh: 1.6; --lw-lh-read: 1.75; --lw-lh-head: 1.3;
  --lw-s1: 4px; --lw-s2: 8px; --lw-s3: 12px; --lw-s4: 16px; --lw-s5: 20px; --lw-s6: 24px; --lw-s7: 32px; --lw-s8: 48px;
  --lw-r-sm: 8px; --lw-r-md: 12px; --lw-r-lg: 16px; --lw-r-xl: 20px;
  --lw-tap: 44px; --lw-btn-fixed: 56px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--lw-bg); color: var(--lw-ink); font-family: var(--lw-font); font-size: var(--lw-fs-base);
  line-height: var(--lw-lh-read); word-break: keep-all; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
a { color: var(--lw-primary); }
a:focus-visible, .cta:focus-visible, .trial .btn:focus-visible { outline: 2px solid var(--lw-primary); outline-offset: 2px; }

/* 머리 줄 (10/21 lib2 '머리 한 줄', 글은 온위드\도구\자료실바닥글.py가 넣음)
   휴대폰: 로고 · · · 로그인 [14일 무료로 써 보기] / PC(720px 이상): 로고 | 선생님 자료실 · · · 로그인 [14일 무료로 써 보기] */
.top { background: var(--lw-surface); border-bottom: 1px solid var(--lw-line); }
.top .in { max-width: 720px; margin: 0 auto; padding: 0 var(--lw-s4); height: 60px; display: flex; align-items: center; gap: var(--lw-s2); }
.top .logo { display: inline-flex; align-items: center; min-height: var(--lw-tap); text-decoration: none; }
.top .logo svg { height: 22px; width: auto; display: block; }
.top .lib { display: none; }
.top .act { margin-left: auto; display: flex; align-items: center; gap: var(--lw-s1); }
.top .act a { display: inline-flex; align-items: center; min-height: var(--lw-tap); text-decoration: none; font-size: var(--lw-fs-md); white-space: nowrap; }
.top .login { padding: 0 var(--lw-s3); color: var(--lw-sub); font-weight: 600; }
.top .login:hover { color: var(--lw-ink); }
.top .go { padding: 0 var(--lw-s4); border-radius: var(--lw-r-md); background: var(--lw-primary); color: #fff; font-weight: 700; }
.top .go:hover { background: var(--lw-primary-press); }
@media (min-width: 720px) {
  .top .in { height: 64px; }
  .top .lib { position: relative; display: inline-flex; align-items: center; min-height: var(--lw-tap); padding-left: var(--lw-s3); margin-left: var(--lw-s1);
    color: var(--lw-sub); font-size: var(--lw-fs-sm); font-weight: 600; text-decoration: none; }
  .top .lib::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: var(--lw-line-strong); }
  .top .lib:hover { color: var(--lw-ink); }
  .top .go { padding: 0 var(--lw-s5); }
}
@media (max-width: 359px) { .top .login { padding: 0 var(--lw-s2); } .top .go { padding: 0 var(--lw-s3); } }

main { max-width: 720px; margin: 0 auto; padding: var(--lw-s6) var(--lw-s4) var(--lw-s8); }
.crumb { display: inline-flex; align-items: center; min-height: var(--lw-tap); font-size: var(--lw-fs-sm); font-weight: 600; color: var(--lw-sub); text-decoration: none; }
h1 { font-size: var(--lw-fs-2xl); line-height: var(--lw-lh-head); letter-spacing: -0.02em; margin: var(--lw-s2) 0 var(--lw-s4); font-weight: 700; }
.lead { font-size: var(--lw-fs-lg); line-height: var(--lw-lh-read); color: var(--lw-sub); margin: 0 0 var(--lw-s7); }
h2 { font-size: var(--lw-fs-xl); line-height: var(--lw-lh-head); letter-spacing: -0.01em; margin: var(--lw-s8) 0 var(--lw-s4); font-weight: 700; }
h3 { font-size: var(--lw-fs-lg); line-height: var(--lw-lh-head); margin: var(--lw-s7) 0 var(--lw-s3); font-weight: 700; }
p { margin: 0 0 var(--lw-s4); }
ul, ol { margin: 0 0 var(--lw-s4); padding-left: 1.3em; }
li { margin: 0 0 var(--lw-s2); }
li::marker { color: var(--lw-mute); }
b, strong { font-weight: 600; }
.tip { color: var(--lw-sub); }
h2 small { font-size: var(--lw-fs-md); font-weight: 400; letter-spacing: 0; }

/* 네 칸·순서 같은 '이름 — 설명' 목록 */
dl.def { margin: 0 0 var(--lw-s4); }
dl.def div { display: grid; grid-template-columns: 6.5em 1fr; gap: var(--lw-s3); padding: var(--lw-s3) 0; border-bottom: 1px solid var(--lw-line); }
dl.def div:first-child { border-top: 1px solid var(--lw-line); }
dl.def dt { font-weight: 700; } dl.def dd { margin: 0; color: var(--lw-sub); }

/* 바꿔 쓰기 표: 휴대폰에서는 위아래로 */
.swap { margin: 0 0 var(--lw-s4); border-top: 1px solid var(--lw-line); }
.swap .row { padding: var(--lw-s4) 0; border-bottom: 1px solid var(--lw-line); }
.swap .from { color: var(--lw-sub); font-size: var(--lw-fs-md); margin: 0 0 var(--lw-s1); }
.swap .from::before { content: attr(data-k); display: inline-block; font-size: var(--lw-fs-xs); font-weight: 700; color: var(--lw-sub); background: var(--lw-fill-strong); border-radius: var(--lw-r-sm); padding: 0 var(--lw-s2); margin-right: var(--lw-s2); }
.swap .to { margin: 0; }
.swap .to::before { content: attr(data-k); display: inline-block; font-size: var(--lw-fs-xs); font-weight: 700; color: var(--lw-primary); background: var(--lw-primary-tint); border-radius: var(--lw-r-sm); padding: 0 var(--lw-s2); margin-right: var(--lw-s2); }

/* 예문 한 묶음 (관찰 기록 예시) */
.ex { background: var(--lw-surface); border: 1px solid var(--lw-line); border-radius: var(--lw-r-xl); padding: var(--lw-s5); margin: 0 0 var(--lw-s4); }
.ex h3 { margin: 0 0 var(--lw-s3); font-size: var(--lw-fs-base); color: var(--lw-primary); }
.ex dl { margin: 0; } .ex dt { font-size: var(--lw-fs-sm); font-weight: 700; color: var(--lw-sub); margin-top: var(--lw-s3); } .ex dt:first-child { margin-top: 0; }
.ex dd { margin: var(--lw-s1) 0 0; }

/* 알림장 예문: 그대로 옮겨 쓸 문장 */
.say { list-style: none; padding: 0; margin: 0 0 var(--lw-s4); }
.say li { background: var(--lw-fill); border-radius: var(--lw-r-md); padding: var(--lw-s3) var(--lw-s4); margin: 0 0 var(--lw-s2); }
blockquote { margin: 0 0 var(--lw-s4); background: var(--lw-fill); border-radius: var(--lw-r-md); padding: var(--lw-s4); }

/* 점검표 */
.check { list-style: none; padding: 0; }
.check li { position: relative; padding: var(--lw-s2) 0 var(--lw-s2) 32px; margin: 0; border-bottom: 1px solid var(--lw-line); }
.check li::before { content: ""; position: absolute; left: 0; top: 13px; width: 20px; height: 20px; border: 1.5px solid var(--lw-mute); border-radius: 6px; background: var(--lw-surface); }

/* 체험 시작 */
.trial { margin: var(--lw-s8) 0 0; padding: var(--lw-s7) 0 0; border-top: 1px solid var(--lw-line); }
.trial h2 { margin-top: 0; }
.list + .trial { border-top: 0; margin-top: var(--lw-s6); }
.trial .small { color: var(--lw-sub); font-size: var(--lw-fs-md); }
.cta, .trial .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--lw-btn-fixed); border-radius: var(--lw-r-lg);
  background: var(--lw-primary); color: #fff; font-size: var(--lw-fs-lg); font-weight: 700; text-decoration: none; margin: var(--lw-s5) 0 var(--lw-s4); }
.cta:hover, .trial .btn:hover { background: var(--lw-primary-press); }
.note { color: var(--lw-sub); font-size: var(--lw-fs-sm); line-height: var(--lw-lh); margin: var(--lw-s6) 0 0; }

/* 다른 글 · 목록 */
.more { margin-top: var(--lw-s8); }
.more h2 { font-size: var(--lw-fs-lg); margin: 0 0 var(--lw-s2); }
.list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--lw-line); }
.list li { margin: 0; border-bottom: 1px solid var(--lw-line); }
.list a { display: block; padding: var(--lw-s5) 0; text-decoration: none; color: var(--lw-ink); min-height: var(--lw-tap); }
.list a b { display: block; font-size: var(--lw-fs-lg); font-weight: 700; line-height: var(--lw-lh-head); }
.list a span { display: block; margin-top: var(--lw-s2); color: var(--lw-sub); font-size: var(--lw-fs-md); line-height: var(--lw-lh); }
.list a:hover b { color: var(--lw-primary); }
.more .list a { padding: var(--lw-s4) 0; } .more .list a b { font-size: var(--lw-fs-base); font-weight: 600; }

/* 바닥글 — 글은 다른 공개 페이지(public_pages.footer_html)와 같은 것을 온위드\도구\자료실바닥글.py가 넣는다. 모양은 공개 페이지 .foot과 같은 값 */
.foot { background: var(--lw-surface); border-top: 1px solid var(--lw-line); margin-top: var(--lw-s6); padding: 18px 0 30px; font-size: var(--lw-fs-sm); line-height: var(--lw-lh); color: var(--lw-sub); }
.foot .wrap { max-width: 720px; margin: 0 auto; padding: 0 var(--lw-s4); }
.foot .flinks { display: flex; flex-wrap: wrap; gap: 0 4px; margin: 0 0 var(--lw-s2); }
.foot .flinks a { display: inline-flex; align-items: center; min-height: var(--lw-tap); padding: 0 8px 0 0; margin-right: 8px; color: var(--lw-ink); }
.foot .ask { margin: 0 0 var(--lw-s2); color: var(--lw-ink); }
.foot .biz { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 16px; }
.foot .biz div { display: flex; gap: 6px; min-width: 0; }
.foot .biz dt { color: var(--lw-mute); white-space: nowrap; flex: none; font-weight: 400; }
.foot .biz dd { margin: 0; min-width: 0; }
.foot .copy { margin: 10px 0 0; color: var(--lw-mute); }

/* 글 끝 '우리 원 양식에 채워 보기' 상자 (10/21 libtry1 A — 기획\2026-10-21_첫서류알림장_자료실채워보기_시안\2_자료실채워보기\채워보기.css 그대로) */
.fill .intro { color: var(--lw-sub); font-size: var(--lw-fs-base); margin-bottom: var(--lw-s5); }
.demo { margin: 0 0 var(--lw-s6); }
.memo { position: relative; background: #FFFEFA; border: 1px solid #E9DED3; border-radius: var(--lw-r-md);
  padding: var(--lw-s3) var(--lw-s4) var(--lw-s3) 28px;
  background-image: repeating-linear-gradient(to bottom, transparent 0 31px, #E9DED3 31px 32px); background-position: 0 13px; }
.memo::before { content: ""; position: absolute; left: 16px; top: 0; bottom: 0; width: 1px; background: #F0C3B5; }
.memo .k { display: block; font-size: var(--lw-fs-sm); font-weight: 600; color: var(--lw-sub); line-height: 32px; }
.memo p { margin: 0; font-size: var(--lw-fs-lg); line-height: 32px; color: var(--lw-ink); }
.arrow { display: flex; justify-content: center; color: var(--lw-mute); padding: var(--lw-s2) 0; }
.doc { width: 100%; border-collapse: collapse; background: #fff; font-size: var(--lw-fs-md); line-height: 1.6; table-layout: fixed;
  box-shadow: 0 1px 0 #DDD8D2; }
.doc caption { caption-side: top; text-align: center; font-weight: 700; font-size: var(--lw-fs-base); padding: var(--lw-s2) 0;
  border: 1px solid #55504A; border-bottom: 0; background: #fff; letter-spacing: 0.3em; }
.doc th, .doc td { border: 1px solid #55504A; padding: var(--lw-s2) var(--lw-s3); vertical-align: top; text-align: left; }
.doc th { width: 6em; background: var(--lw-fill-strong); font-weight: 600; font-size: var(--lw-fs-sm); color: var(--lw-ink); }
.doc td.more { color: var(--lw-mute); }
.demo figcaption { margin-top: var(--lw-s2); font-size: var(--lw-fs-sm); color: var(--lw-sub); line-height: var(--lw-lh); }
.fill h3 { font-size: var(--lw-fs-base); margin: 0 0 var(--lw-s2); }
.go3 { list-style: none; padding: 0; margin: 0; counter-reset: s; border-top: 1px solid var(--lw-line); }
.go3 li { counter-increment: s; position: relative; margin: 0; padding: var(--lw-s3) 0 var(--lw-s3) 34px; border-bottom: 1px solid var(--lw-line); line-height: 1.45; }
.go3 li::before { content: counter(s); position: absolute; left: 0; top: 14px; width: 22px; height: 22px; border-radius: 50%;
  background: var(--lw-ink); color: #fff; font-size: var(--lw-fs-xs); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.go3 b { display: block; font-size: var(--lw-fs-base); font-weight: 600; }
.go3 span { display: block; font-size: var(--lw-fs-sm); color: var(--lw-sub); margin-top: 2px; }
.fill .cta { margin-top: var(--lw-s6); }
.fill .small { text-align: center; font-size: var(--lw-fs-sm); }

@media (min-width: 720px) {
  h1 { font-size: var(--lw-fs-3xl); }
  main { padding-top: var(--lw-s7); }
  .swap .row { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--lw-s4); }
  .swap .from { margin: 0; }
}

/* (10-30 adguide1030) 휴대폰 글 아래 줄 — site.js가 끝 상자 있는 글에만 만든다. 높이 80 고정 · 안쪽 16 · 사이 16 · 단추 48.
   줄이 있는 쪽은 맨 아래 여백 80(바닥글 끝줄이 가려지지 않게) + 키보드 이동·앵커가 줄 밑으로 숨지 않게 scroll-padding 80. */
.lwbar { display: none; }
.trial:focus { outline: none; }
@media (max-width: 719.98px) {
  html.has-lwbar { scroll-padding-bottom: 80px; }
  html.has-lwbar body { padding-bottom: 80px; }
  .lwbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; height: 80px; box-sizing: border-box; padding: 0 var(--lw-s4);
    display: flex; align-items: center; gap: var(--lw-s4); background: var(--lw-surface); border-top: 1px solid var(--lw-line); }
  .lwbar[hidden] { display: none; }
  .lwbar p { margin: 0; flex: 1; min-width: 0; font-size: var(--lw-fs-md); line-height: 20px; font-weight: 600; color: var(--lw-ink);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .lwbar a { flex: none; height: 48px; padding: 0 var(--lw-s4); display: inline-flex; align-items: center; border-radius: var(--lw-r-md);
    background: var(--lw-primary); color: #fff; font-size: var(--lw-fs-md); font-weight: 700; text-decoration: none; white-space: nowrap; }
  .lwbar a:hover { background: var(--lw-primary-press); }
}

/* (11-05 entry2) 선생님 글 예문 묶음 바로 뒤 한 줄 — 위아래 가는 선 사이 한 문장 + [살펴보기 ⌄](끝 상자로, 아래 줄과 같은 말·같은 곳).
   글 하나에 한 번. 이 줄이 화면에 보이는 동안 휴대폰 아래 줄(.lwbar)은 site.js가 숨긴다. 문장 16px · 누르는 칸 44px */
.midtry { display: flex; align-items: center; gap: var(--lw-s3); margin: var(--lw-s7) 0 var(--lw-s2); padding: 14px 0;
  border-top: 1px solid var(--lw-line); border-bottom: 1px solid var(--lw-line); }
.midtry p { margin: 0; flex: 1; min-width: 0; font-size: var(--lw-fs-base); line-height: var(--lw-lh); color: var(--lw-ink); text-wrap: balance; }
.midtry a { flex: none; display: inline-flex; align-items: center; min-height: var(--lw-tap); padding: 0 var(--lw-s1) 0 var(--lw-s3);
  font-weight: 700; color: var(--lw-primary); text-decoration: none; white-space: nowrap; }
.midtry a::after { content: ""; width: 7px; height: 7px; margin-left: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px); }
.midtry a:hover { color: var(--lw-primary-press); }

/* (11-05 grow1 ④) 목록 머리 소개 아래 '주제별로 보기' 바로가기 — 글은 온위드\도구\자료실모음.py가 넣는다 */
.topics { margin: 0 0 var(--lw-s6); }
.topics h2 { font-size: var(--lw-fs-md); font-weight: 600; color: var(--lw-sub); margin: 0 0 var(--lw-s2); }
.topics ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.topics li { margin: 0; }
.topics a { display: inline-flex; align-items: center; min-height: var(--lw-tap); padding: 0 14px; border: 1px solid var(--lw-primary-line);
  border-radius: 999px; background: var(--lw-primary-tint); color: var(--lw-ink); font-size: var(--lw-fs-md); font-weight: 600; text-decoration: none; }
.topics a:hover { color: var(--lw-primary-press); }

/* (11-06 grow1·머리 그림) 글 머리 낮은 그림 띠 · 첫 문단 아래 결과 사진 · 목록 주제 단추 3칸×2줄 — 시안 기획\2026-11-05_grow1_결과사진시안 · 2026-11-06_머리그림시안 */
.head-art { margin: var(--lw-s2) 0 0; }
main > .head-art { margin: 0 0 var(--lw-s4); }
.head-art img { display: block; width: 100%; height: 160px; object-fit: cover; object-position: 50% 50%; border-radius: var(--lw-r-md); }
.proof { margin: 0 0 var(--lw-s2); }
.proof img { display: block; width: 100%; max-width: 440px; height: auto; border-radius: var(--lw-r-lg); }
.proof figcaption { max-width: 440px; margin-top: var(--lw-s2); font-size: var(--lw-fs-sm); line-height: var(--lw-lh); color: var(--lw-sub); }
.topics ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.topics a { display: flex; justify-content: center; width: 100%; font-weight: 700; border-radius: var(--lw-r-md); }

/* 11-06 자료실 글 '받기' 칸 — 큰 [받기](누구나 받는 PDF를 그 자리에서) · [가입하고 나머지 N가지 받기] · 첫 쪽 그림 카드(누르면 받기/가입). 앱 안에서는 teacher_data가 칸을 뺌 */
.getset { margin: 0 0 var(--lw-s5); }
.getset .gs-lead { margin: 0 0 var(--lw-s3); }
.gs-main, .gs-join { display: flex; align-items: center; justify-content: center; gap: var(--lw-s2); width: 100%; min-height: var(--lw-btn-fixed); padding: 0 var(--lw-s4);
  border-radius: var(--lw-r-lg); font-size: var(--lw-fs-lg); font-weight: 700; text-decoration: none; text-align: center; line-height: 1.3; }
.gs-main { background: var(--lw-primary); color: #fff; }
.gs-main .gs-sub { font-size: var(--lw-fs-sm); font-weight: 600; white-space: nowrap; padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,.18); }
.gs-main:hover { background: var(--lw-primary-press); }
.gs-join { margin-top: var(--lw-s2); min-height: 52px; background: var(--lw-surface); color: var(--lw-ink); border: 1.5px solid var(--lw-line-strong); font-size: var(--lw-fs-base); }
.gs-join:hover { background: var(--lw-fill); }
.gs-grid { list-style: none; padding: 0; margin: var(--lw-s4) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lw-s3); }
.gs-grid li { margin: 0; }
.gs-grid a { display: flex; flex-direction: column; height: 100%; padding: var(--lw-s2) var(--lw-s2) var(--lw-s3); border: 1px solid var(--lw-line); border-radius: var(--lw-r-md);
  background: var(--lw-surface); color: var(--lw-ink); text-decoration: none; }
.gs-grid a:hover { border-color: var(--lw-line-strong); }
.gs-paper { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: var(--lw-s2); border-radius: var(--lw-r-sm); background: var(--lw-fill); overflow: hidden; }
.gs-paper img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; background: #fff; box-shadow: 0 1px 3px rgba(31,29,26,.18); }
.gs-grid b { display: block; font-size: var(--lw-fs-md); line-height: 1.35; margin: var(--lw-s2) 2px 2px; }
.gs-free { font-size: var(--lw-fs-xs); font-weight: 700; color: var(--lw-primary); margin: 0 2px; }
.gs-mem { font-size: var(--lw-fs-xs); color: var(--lw-sub); margin: 0 2px; }
.getset .gs-note { font-size: var(--lw-fs-sm); color: var(--lw-sub); margin: var(--lw-s3) 0 0; }
@media (min-width: 640px) { .gs-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* (11-08 삼성 덧칠) 삼성 인터넷 30 강제 어두운 모드는 사이트에 '밝은 모드'라고 알리고 그리는 단계에서 바탕색을 따로 뒤집는데, 안쪽 그림자(box-shadow inset)는 뒤집지 않음(11-08 대표님 휴대폰 진단 페이지) — 주 단추는 같은 색 안쪽 그림자를 덧칠(모양 그대로) */
.top .go, .cta, .trial .btn, .gs-main { box-shadow: inset 0 0 0 999px var(--lw-primary); }
.top .go:hover, .cta:hover, .trial .btn:hover, .gs-main:hover { box-shadow: inset 0 0 0 999px var(--lw-primary-press); }
@media (max-width: 719.98px) { .lwbar a { box-shadow: inset 0 0 0 999px var(--lw-primary); } .lwbar a:hover { box-shadow: inset 0 0 0 999px var(--lw-primary-press); } }

/* ── (11-08 home2) 어두운 모드 — 온위드 도구 자료실바닥글.py '넣기'가 위 글로 저절로 만듦(손으로 고치지 않음) ── */
@media (prefers-color-scheme: dark) {
:root{--lw-primary:#FF7A4D;--lw-primary-press:#FF9A73;--lw-primary-tint:#3A2219;--lw-primary-line:#5A3426;--lw-ink:#F2EEE9;--lw-sub:#BDB5AC;--lw-mute:#A39B92;--lw-bg:#161514;--lw-surface:#24221F;--lw-fill:#1E1C1A;--lw-fill-strong:#2A2724;--lw-line:#2E2B28;--lw-line-strong:#3A3632;--lw-deco:#6B655E;--lw-ok:#9BD67E;--lw-ok-tint:#1F3320;--lw-danger:#FF8A80;--lw-danger-tint:#3A1F1D;--lw-paper:#1E1C1A;--lw-rule:#3A3632;--lw-margin:#5A3426}
.top .go{color:#1C1410}
.cta,.trial .btn{color:#1C1410}
.memo{background:#1E1C1A;border:1px solid #3A3632;background-image:repeating-linear-gradient(to bottom, transparent 0 31px, #3A3632 31px 32px)}
.memo::before{background:#5A3426}
.go3 li::before{color:#1C1410}
@media (max-width: 719.98px){.lwbar a{color:#1C1410}}
.gs-main{color:#1C1410}
.gs-main .gs-sub{background:rgba(36,34,31,.18)}
.top .logo svg g[stroke]{stroke:#F2EEE9}.top .logo svg circle{fill:#FF7A4D}.doc,.gs-paper{--lw-ink:#1F1D1A;--lw-sub:#55504A;--lw-mute:#736C64;--lw-surface:#FFFFFF;--lw-line:#ECE8E3;color:#1F1D1A}
}