:root{--bg:#f6f8f7;--paper:#fff;--ink:#1b2d2f;--muted:#647779;--teal:#146c69;--teal-dark:#0e5454;--line:#dce7e6;--pale:#eaf5f2;--warm:#f7f3eb;--shadow:0 9px 28px rgba(18,53,53,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;color:var(--ink);line-height:1.79}a{color:var(--teal)}a:hover{color:var(--teal-dark)}button,input,select{font:inherit}button{cursor:pointer}.site-header{max-width:1210px;margin:0 auto;min-height:77px;padding:19px 33px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.logo{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.065em;font-size:13px;color:var(--ink)}.logo-square{height:34px;width:34px;display:grid;place-items:center;color:white;background:var(--teal);border-radius:11px;font-size:19px;letter-spacing:0}.header-note{font-size:13px;color:var(--muted);text-decoration:none;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-note:hover{color:var(--teal)}
.index-main{max-width:930px;margin:0 auto;padding:58px 26px 100px}.eyebrow{color:var(--teal);font-weight:780;letter-spacing:.15em;font-size:11px;display:block}.hero h1{font-size:clamp(29px,5vw,47px);line-height:1.24;letter-spacing:-.05em;margin:10px 0 17px}.hero p{color:var(--muted);margin:0}.hero-stats{display:flex;gap:12px;align-items:center;margin:24px 0 33px;font-size:14px;font-weight:700;color:#3b6666;flex-wrap:wrap}.search-box{background:var(--paper);border:1px solid var(--line);padding:12px 17px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);font-size:24px;color:var(--teal)}.search-box input{outline:none;border:0;background:transparent;font-size:15px;flex:1;min-width:0}.lesson-list{margin-top:24px;display:grid;gap:10px}.lesson-card{display:flex;align-items:center;gap:17px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:19px 22px;background:var(--paper);transition:transform .14s,border-color .14s}.lesson-card:hover{transform:translateY(-1px);border-color:#b4d2cc;color:var(--ink)}.lesson-card[hidden]{display:none}.lesson-number{flex:none;background:var(--pale);color:var(--teal);border-radius:8px;font-size:13px;font-weight:800;width:37px;height:37px;display:grid;place-items:center}.lesson-card-title{font-weight:725;line-height:1.45;flex:1}.lesson-meta{flex:none;color:var(--muted);font-size:12px}.chevron{color:#8ea4a3;font-size:25px}.done-indicator{display:inline-block;margin-left:8px;color:var(--teal);font-weight:700}.footnote{font-size:12px;color:var(--muted);margin-top:27px}.empty{padding:35px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:14px}
.reader-layout{max-width:1000px;margin:0 auto}.reader-main{padding:35px 32px 110px}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.chapter-no{font-size:12px;color:var(--teal);font-weight:800;letter-spacing:.12em}.complete-btn{border:1px solid var(--line);border-radius:50px;padding:6px 13px;background:white;color:#4a6161;font-size:12px;font-weight:700}.complete-btn[aria-pressed="true"]{border-color:#90bbb2;background:var(--pale);color:var(--teal)}.reader-main>h1{font-size:clamp(26px,4.5vw,40px);line-height:1.4;letter-spacing:-.05em;margin:19px 0 14px}.subline{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);margin-bottom:19px}.source-link{font-weight:700;text-decoration:none}.voice-mark{background:var(--pale);padding:2px 10px;border-radius:30px;color:var(--teal);font-size:12px}.player-status{border-left:3px solid #8ab9af;background:#edf6f2;border-radius:0 9px 9px 0;padding:11px 14px;margin:25px 0 9px;font-size:13px;color:#4b6d66}.speed-control{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:30px}.speed-control select,.small-btn{background:white;border:1px solid #d6e5e2;border-radius:7px;padding:3px 8px;color:var(--teal)}.content-card{background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:31px 39px;margin-bottom:23px}.content-card h2{font-size:23px;letter-spacing:-.035em;line-height:1.5;margin:5px 0 20px}.content-card details summary{cursor:pointer;list-style:none;position:relative;padding-right:65px}.content-card details summary::-webkit-details-marker{display:none}.summary-tip{position:absolute;right:0;top:14px;color:var(--muted);font-size:12px;font-weight:500}.content-card details[open] summary{border-bottom:1px solid var(--line);margin-bottom:19px}.prose{font-size:15px;line-height:1.98;word-break:keep-all;overflow-wrap:anywhere}.prose h1,.prose h2{font-size:21px;margin:36px 0 12px}.prose h3{font-size:18px;margin:30px 0 10px;color:#244f4e}.prose h4,.prose h5{font-size:16px;margin:23px 0 8px;color:#285957}.prose p{margin:12px 0}.prose li{padding-left:2px;margin:9px 0}.prose ul,.prose ol{padding-left:23px;margin:14px 0 21px}.prose blockquote{border-left:4px solid #aacdc3;background:#f4f9f7;padding:9px 17px;margin:17px 0;color:#526c67}.prose hr{border:0;border-top:1px solid #e2ebea;margin:27px 0}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eaf3f4;color:#0b6269;font-size:.94em;font-weight:630;border-radius:5px;padding:2px 4px;white-space:normal}.prose pre{background:#263c3c;color:white;padding:15px;border-radius:9px;overflow:auto}.prose pre code{background:none;color:white}.prose a{text-decoration:none;border-bottom:1px solid #b4d1cb}.prose table{display:block;width:100%;overflow:auto;border-collapse:collapse;font-size:14px}.prose table td,.prose table th{padding:10px 12px;border:1px solid #e3eae8;vertical-align:top;min-width:75px}.prose table th{background:#edf6f3}.prose .say,.say{display:inline-flex;align-items:center;justify-content:center;width:27px;height:25px;background:#e5f2ef;border:1px solid #aed4c9;color:#0b645d;border-radius:7px;font-size:13px;line-height:1;vertical-align:middle;margin:0 5px 0 7px;padding:0}.say:hover{background:#d1e9e1}.say.playing{background:#176c65;color:white;border-color:#176c65}.say.error{border-color:#cfa79b;background:#faece7;color:#aa5542}.lesson-nav{display:flex;justify-content:space-between;gap:9px;padding-top:19px}.nav-link{border:1px solid var(--line);background:white;padding:9px 16px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px}.nav-link.disabled{color:#b4bfbe;cursor:default}footer{color:var(--muted);font-size:12px;margin:30px 0}.reader-page a:focus-visible,.reader-page button:focus-visible{outline:3px solid #87b8ab;outline-offset:2px}
@media(max-width:650px){.site-header{padding:15px 17px}.index-main{padding:31px 17px}.reader-main{padding:25px 14px 80px}.content-card{padding:19px 18px}.lesson-card{gap:10px;padding:14px}.lesson-meta{display:none}.reader-main>h1{font-size:26px}.lesson-nav .nav-link{font-size:12px;padding:8px 9px}.summary-tip{display:none}.content-card details summary{padding-right:0}}