/* 앱의 흰색·먹색·코발트 톤. 콘텐츠 표지 색은 유지한다. */
:root{--ink:#23282d;--muted:#606970;--blue:#315ccb;--blue-dark:#2348a8;--mint:#eaf0f7;--paper:#fff;--bg:#faf9f6;--line:#dfe2e5;--coral:#315ccb}
body{word-break:keep-all}header{background:#faf9f6}.shell{max-width:1060px;padding-left:28px;padding-right:28px}
.brand-mark{width:42px;height:42px;border:1px solid #e6e3dd;border-radius:11px;object-fit:contain}
.nav-pill{color:var(--muted);border-color:#cbd0d5;background:#fff}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--blue)}
.hero{min-height:570px;gap:32px;padding-top:38px;padding-bottom:48px}
h1{font-size:clamp(38px,4.6vw,58px);font-weight:750;letter-spacing:-.065em}h1 em{color:var(--ink)}
.eyebrow{color:var(--blue);letter-spacing:.04em}.lead{color:var(--muted);font-size:16px;line-height:1.75}
.search-demo{border-color:#cbd0d5;box-shadow:0 6px 20px #23282d06}.search-demo svg{color:#66717a}.search-demo button{background:#23282d}.search-demo button:hover{background:#414950}.search-demo input:focus-visible{outline:2px solid #315ccb;outline-offset:-2px;border-radius:5px}.example{color:var(--muted)}
.solid-btn{background:transparent;border:1px solid #a5adb5;color:var(--ink)}.solid-btn:hover{background:#eef1f5}.text-link{border-color:#b8c7e4}
.scene{min-height:465px}.scene:before{background:#eaf0f7;border-radius:42% 58% 52% 48%;width:94%}.scene:after{background:#23282d1c;bottom:45px}.scene-note{color:#606970;top:15px;left:4%}
.book{border-color:#2b3035;box-shadow:0 5px 0 #181c20,0 11px 0 #e3e0d8,0 24px 40px #23282d24}.book:before{background:linear-gradient(90deg,#dedcd5,#faf9f6 38%,#dedcd5 55%,#fff)}
.page,.page.right{background:#fff}.page-kicker{color:#606970}.word-head{border-color:var(--line)}.word-head strong{max-width:100%;overflow-wrap:anywhere;font-size:clamp(17px,2.5vw,29px)}.word-head small{border-color:#d3dbe7}.source,.source:nth-of-type(2){background:#f1f4f8}.source b{color:#525e6c}.source p{white-space:normal}.page-index{color:#747b82}.notebook-tab{background:#315ccb;color:#fff}.save-icon{background:#eaf0f7}.pronunciation,.memo{color:#606970}.memo{border-color:#ccd3dc}.notebook-word{overflow-wrap:anywhere}.float-card{background:#fffffff2;border-color:#dfe2e5;color:#303a45;box-shadow:0 10px 24px #23282d0b}.dot{background:#315ccb}.float-card.one{top:40px}.float-card.two{bottom:43px}.book-controls{color:#606970}.book-controls button{border-color:#adb8c6}.book-controls button:hover{background:#eaf0f7}
.steps{background:#fff}.step-num{color:#315ccb}.step span{color:#606970}
.features{padding-top:60px;padding-bottom:60px;max-width:876px}.section-top h2{font-size:32px}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:28px;min-height:192px;border-radius:20px}.feature:last-child{grid-column:1/-1;min-height:160px}.feature:before{display:none}.feature .icon{color:#23282d;border-color:#c6cdd5;background:#fafbfc}.feature h3{margin-top:20px}.feature p{font-size:14px;line-height:1.75}
.library-preview{max-width:876px;padding-bottom:60px}.book-card{gap:24px;padding:24px;border-radius:20px}.book-card-copy small{color:#606970}.book-card-copy strong{font-size:18px}.book-card-copy p{font-size:13px}.inside-page strong{color:#23282d}.inside-page small{color:#606970}
.release{background:transparent;padding:0 28px}.release-inner{max-width:820px;background:white;border:1px solid var(--line);border-radius:20px;padding:28px}.release p{color:#606970}.release-badges span{background:#fff;color:#23282d;border-color:#cbd0d5}footer{color:#606970}footer .shell{max-width:876px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:16px}.scene{min-height:440px}.copy{max-width:none}.book-wrap{width:min(82%,510px)}}
@media(max-width:600px){.shell{padding-left:20px;padding-right:20px}.nav{height:64px}.brand-mark{width:34px;height:34px}.hero{padding-top:22px;padding-bottom:24px;gap:10px;min-height:0}h1{font-size:40px;margin:14px 0}.lead{font-size:14px;margin-bottom:18px}.eyebrow{font-size:10px}.hero-cta{margin-top:18px;gap:18px}.solid-btn{min-height:42px;padding:0 14px}.scene{min-height:320px;margin-top:0}.scene-note{top:10px;font-size:9px}.scene:before{width:80%}.scene:after{bottom:40px}.float-card.one{top:25px;right:3%}.float-card.two{bottom:40px}.book-wrap{width:82%}.word-head strong{font-size:20px}.source p{font-size:8px}.book-controls{bottom:0}.steps .shell{padding:0 16px}.step strong{font-size:10px}.step span{font-size:9px}.features{padding-top:40px;padding-bottom:40px}.section-top{margin-bottom:22px}.section-top h2{font-size:27px}.section-top p{font-size:13px}.feature-grid{gap:12px}.feature{padding:18px;min-height:200px}.feature:last-child{min-height:150px}.feature h3{font-size:16px}.feature p{font-size:13px}.library-preview{padding-bottom:40px}.book-card{padding:18px;gap:32px}.book-card-copy strong{font-size:17px}.release{padding:0 20px}.release-inner{padding:18px}.release h2{font-size:21px}.release-badges span{font-size:11px}.release-badges{gap:6px}.nav-links{gap:0}}
@media(max-width:360px){.brand{font-size:14px}.nav-pill{font-size:9px;padding:6px}.brand-mark{width:28px;height:28px}.nav{gap:8px}.search-demo button{padding:0 12px}h1{font-size:35px}.word-head strong{font-size:17px}.feature{padding:14px}.book-card{gap:22px}}
/* 2026-10-16: 겹치는 장식과 반복 구획을 덜어낸 정리본 */
:root{--bg:#fff;--line:#e5e7eb}
header{background:#fff}.shell{max-width:876px}.nav{height:72px}.brand{font-size:17px;font-weight:700}.brand-mark{border:0;width:36px;height:36px}.nav-pill{border:0;padding:0;color:#626970;font-weight:500}.nav-links{gap:22px}
.hero{min-height:0;padding-top:44px;padding-bottom:42px;gap:32px;grid-template-columns:1fr 1fr}
h1{font-size:43px;letter-spacing:-.055em;line-height:1.25;margin:0 0 20px;font-weight:700}.lead{font-size:14px;line-height:1.8;margin-bottom:24px}.hero-cta{margin-top:22px}.solid-btn{border:0;padding:0;min-height:36px;font-size:13px}.solid-btn:hover{background:transparent;text-decoration:underline}.text-link{border:0;padding:0;min-height:36px;display:inline-flex;align-items:center}.search-demo{border-radius:12px;box-shadow:none;padding:5px}.search-demo button{border-radius:8px;padding:0 15px;font-weight:600}.example{font-size:12px}.search-demo svg{margin:0 8px;width:17px}.search-demo input{font-size:14px}
.scene{min-height:335px;display:flex;flex-direction:column;justify-content:center;gap:24px}.scene:before,.scene:after{display:none}.book-wrap{animation:none;transform:none;width:100%;perspective:1500px}.book{transform:none;border-width:5px;border-radius:9px;box-shadow:0 4px 0 #dedbd4,0 12px 25px #23282d12;aspect-ratio:1.3}.page{padding:18px 15px}.page.left{padding-right:20px}.page.right{padding-left:23px}.page-kicker{font-size:8px;margin-bottom:10px}.page h2{font-size:17px}.word-head strong{font-size:27px}.word-head small{font-size:8px}.source{padding:8px}.source p{font-size:11px}.source b{font-size:8px}.notebook-word{font-size:29px}.pronunciation{font-size:11px}.meaning{font-size:13px}.memo{font-size:9px}.notebook-tab{top:40px;font-size:8px;padding:6px}.save-icon{width:28px;height:28px;margin-bottom:12px}.book-controls{position:static;align-self:flex-end;font-size:11px}.book-controls button{width:36px;height:36px;border-color:#d6dce4}
.features{padding-top:35px;padding-bottom:42px;border-top:1px solid var(--line)}.section-top{margin-bottom:22px;align-items:center}.section-top h2{font-size:25px;letter-spacing:-.04em;margin:0}.section-top p{font-size:13px;line-height:1.7;max-width:280px}.feature-grid{display:block;border:1px solid var(--line);border-radius:18px;background:white;padding:0 24px}.feature,.feature:last-child{min-height:0;padding:22px 0;border:0;border-radius:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;column-gap:18px;align-items:center;overflow:visible}.feature:last-child{border-bottom:0}.feature .icon{grid-row:1/3;border:0;border-radius:0;background:transparent;font-size:23px}.feature h3{margin:0 0 5px;font-size:16px}.feature p{grid-column:2;font-size:13px;line-height:1.7}
.library-preview{padding-top:0;padding-bottom:40px}.book-list{gap:12px}.book-card{min-height:150px;padding:22px;gap:26px;box-shadow:none}.cover-model{width:80px;height:100px;filter:drop-shadow(3px 5px 4px #23282d24)}.cover-front small{font-size:7px}.cover-front b{font-size:8px}.cover-art{font-size:24px}.book-card-copy strong{font-size:16px;line-height:1.5}.book-card-copy small{font-size:11px;margin-bottom:4px}.book-card-copy p{font-size:12px}.release{padding:0 28px}.release-inner{background:#f7f8fa;border:0;border-radius:18px;padding:24px}.release h2{font-size:20px}.release-badges span{border:0;background:none;padding:3px 0;color:#606970;font-weight:500}.release-badges{gap:16px}footer{padding:24px 0}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.scene{min-height:320px}.book-wrap{width:100%}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:30px}.copy{max-width:none}h1{font-size:36px;margin-bottom:14px}.lead{margin-bottom:18px}.scene{min-height:0;margin:0;gap:16px}.book-wrap{width:100%;max-width:420px}.book{aspect-ratio:1.4}.hero-cta{margin-top:16px}.page{padding:15px 12px 20px}.page h2{font-size:15px;margin-bottom:10px}.word-head{margin-bottom:8px;padding-bottom:8px}.word-head strong{font-size:23px}.word-head small{font-size:7px}.source{padding:6px;margin:5px 0}.source p{font-size:10px}.source b{font-size:7px}.page-kicker{font-size:7px}.notebook-word{font-size:26px}.pronunciation{font-size:10px;margin:4px 0 10px}.meaning{font-size:12px}.memo{font-size:8px;margin-top:12px;padding-top:8px}.page-index{font-size:8px;bottom:8px}.save-icon{width:25px;height:25px;margin-bottom:10px}.notebook-tab{top:33px;font-size:7px}.features{padding-top:28px;padding-bottom:32px}.section-top h2{font-size:23px}.feature-grid{padding:0 18px}.feature,.feature:last-child{padding:18px 0;column-gap:12px}.section-top{display:block;margin-bottom:18px}.section-top p{margin-top:8px;max-width:none}.library-preview{padding-bottom:32px}.book-card{gap:24px;padding:18px;min-height:140px}.release{padding:0 20px}.release-inner{padding:20px}.release-badges{margin-top:14px}.nav{height:62px}.brand{font-size:16px}.nav-links{gap:0}.nav-pill{font-size:10px}.brand-mark{width:32px;height:32px}}
@media(max-width:360px){.brand{font-size:14px}.hero{padding-top:24px}h1{font-size:33px}.source p{font-size:9px}.memo{font-size:7px}.book-card{gap:18px}.book-card-copy strong{font-size:15px}.nav-pill{font-size:9px}}

/* 책 넘김: 큰 원형 제어 대신 책 하단의 작은 글 버튼 */
.scene{gap:10px}.book-controls{align-self:flex-end}.book-controls button{width:auto;height:44px;min-width:100px;padding:0 4px 0 12px;border:0;border-radius:6px;background:transparent;color:#606970;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;line-height:1}.book-controls button span{font-size:20px;color:#606970}.book-controls button:hover{background:#f4f6f8;color:#23282d}
/* 펼쳐진 표지의 공간을 확보하고 본문 쪽으로 이동하지 않는다. */
.book-card{gap:18px}.book-card .cover-model{width:80px;height:100px;margin-left:32px;margin-right:10px;flex:0 0 80px}
.book-card:hover .cover-model,.book-card:focus-visible .cover-model,.book-card.is-active .cover-model,.book-card.demo-open .cover-model{transform:none;filter:drop-shadow(3px 5px 4px #23282d24)}
.book-card-copy{flex:1;position:relative;z-index:3}.book-card-copy strong{overflow-wrap:anywhere}
@media(max-width:600px){.book-card{padding:18px;gap:16px}.book-card .cover-model{margin-left:28px;margin-right:6px}}
@media(max-width:360px){.book-card{gap:12px;padding:16px}.book-card .cover-model{width:68px;height:88px;flex-basis:68px;margin-left:24px;margin-right:4px}}