/* A案の肖像と読書体験を継承。藍・紙・ミントで名作を紹介する。 */
.landing,.lp-header,.lp-footer{--paper:#f6f2e9;--ink:#202d46;--text:#1b241f;--accent:#2d6a55;--mint:#aacbbd;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #72a88e;outline-offset:5px}[hidden]{display:none!important}
.skip-link{position:absolute;left:16px;top:-100px;padding:14px;background:#f6f2e9;color:#202d46;z-index:30}.skip-link:focus{top:12px}
.a-header{position:absolute;z-index:10;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1220px;border-radius:50px;border:1px solid #ffffff30;background:#f9f7f0;display:flex;align-items:center;padding:16px 18px 16px 30px;gap:32px;color:var(--ink)}
.a-header .brand{flex:1;margin:0;min-width:0}.a-header .brand img{width:148px;height:auto}.a-header nav{display:flex;align-items:center;gap:28px;font-size:14px;white-space:nowrap}.a-header nav a{text-decoration:none}.a-header-store{border-radius:40px;background:var(--ink);color:var(--paper);padding:15px 23px;font-size:14px;white-space:nowrap;text-decoration:none}.a-header-store span{margin-left:10px;color:#c6d2cb}
.landing h1,.landing h2,.landing h3{font-family:var(--serif);font-weight:500;letter-spacing:.025em;text-wrap:pretty}.landing h2{font-size:clamp(30px,4vw,54px);line-height:1.55;margin:0 0 24px}.landing h3{font-size:24px;line-height:1.7;margin:0 0 20px}.landing p{font-size:16px;line-height:1.95}.eyebrow{font:500 14px/1.8 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;color:var(--accent);margin:0 0 24px!important}
.a-hero{position:relative;min-height:850px;padding:176px max(7vw,calc((100vw - 1220px)/2)) 100px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper)}.a-copy{position:relative;z-index:2;width:70%}.a-copy h1{font-size:clamp(45px,5.7vw,84px);line-height:1.4;margin:0;letter-spacing:.02em}.a-copy h1>span{font-size:.72em}.a-tagline{font:24px/1.5 Didot,Georgia,serif!important;margin:0 0 26px}.a-lead{color:#d5dbe0;margin:26px 0}.a-portrait{position:absolute;inset:0 0 0 42%;overflow:hidden}.a-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1);opacity:.82;mask-image:linear-gradient(to right,transparent,black 42%);animation:portrait-drift 18s ease-in-out infinite alternate}.a-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#202d46,transparent 32%,transparent 85%,#202d46)}.a-portrait>p{position:absolute;right:12%;bottom:125px;z-index:1;font-family:var(--serif);font-size:19px}.a-portrait small{display:block;font:14px/1.8 -apple-system,sans-serif;color:#c9d0d6;letter-spacing:.1em}.hero-price{border-left:1px solid #aacbbd85;padding-left:18px;margin-top:32px}.hero-price>span{font-size:14px;color:#b8d4c8}.hero-price p{margin:2px 0 0;font-size:18px}.hero-price strong{font:500 48px/1.2 Didot,Georgia,serif;margin:0 4px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 26px;border-radius:40px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-paper{background:var(--paper);color:var(--ink)}.release-notice{margin:0!important;font-size:14px!important;color:#d5dbe0}.release-notice>span{margin-right:12px}.release-notice strong{font-weight:500}.store{margin:0;padding:0;border:0;text-align:inherit}.store a{font-size:16px;color:inherit}.a-hero-bottom{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd5e32b;padding-top:20px;color:#c9d1d7;font-size:14px}.motion-toggle{border:0;background:none;padding:0;color:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font-size:14px;min-height:24px}.reduced-note{display:none}
.paper-section{background:var(--paper);color:var(--text);padding:104px max(6vw,calc((100vw - 1180px)/2))}.section-heading{margin:0 auto 60px;text-align:center;max-width:800px}.section-heading>p:last-child{color:#4c5951;margin:0}.opening{padding-bottom:80px;overflow:hidden}.opening .section-heading{margin-bottom:48px}.book-ribbon{max-width:1180px;margin:auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ribbon-track{display:flex;align-items:center;justify-content:center;gap:26px;padding:20px 30px 35px;animation:ribbon-drift 12s ease-in-out infinite alternate}.ribbon-item{flex:0 0 142px}.ribbon-item:nth-child(even){transform:translateY(16px) rotate(3deg)}.ribbon-item:nth-child(odd){transform:rotate(-3deg)}.ribbon-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 12px 10px #202d4622)}.ribbon-item .cover-title{display:flex;align-items:center;justify-content:center;width:142px;min-height:213px;padding:18px;background:var(--ink);color:var(--paper);font-family:var(--serif);line-height:1.9}
.experience{border-top:1px solid #d9ded4;padding-top:90px}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.feature-choices{display:grid;gap:0}.feature-choice{position:relative;width:100%;padding:28px 8px;display:flex;align-items:start;gap:22px;border:0;border-top:1px solid #cbd3c8;background:none;text-align:left;color:#5d695f;cursor:pointer;transition:color .3s}.feature-choice:last-child{border-bottom:1px solid #cbd3c8}.feature-number{font:24px/1.7 Didot,Georgia,serif;color:#879c8e}.feature-choice strong{display:block;font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.8}.feature-choice small{display:block;font-size:14px;line-height:1.8;margin-top:8px}.feature-choice.is-active{color:var(--ink)}.feature-choice.is-active .feature-number{color:var(--accent)}.feature-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.feature-choice.is-active .feature-progress{transform:scaleX(1);transition:transform 7.8s linear}
.demo-stage{min-height:640px;display:grid;align-items:center}.demo-paper{padding:40px 36px 28px;background:#fffdf7;border:1px solid #dddcd2;box-shadow:0 25px 55px #202d4612,0 3px 8px #202d4607;border-radius:4px;min-height:630px;position:relative}.demo-meta{display:flex;justify-content:space-between;gap:20px;line-height:1.7;font-size:14px;color:#61746a;border-bottom:1px solid #d8ddd3;padding-bottom:16px;margin-bottom:30px}.demo-paper h3{font-size:27px;line-height:1.65}.reading-excerpt{font-family:var(--serif);font-size:20px!important;line-height:2.6!important}.reading-excerpt ruby rt{font-size:.5em}.term-example{border-left:2px solid var(--accent);background:#eef2e9;padding:14px 18px;margin:24px 0}.term-example summary{font-size:16px;cursor:pointer;color:var(--accent)}.term-example p{font-size:15px;margin:10px 0 0;line-height:1.9}.demo-caption{border-top:1px solid #dde1d7;padding-top:18px;font-size:14px!important;color:#5c685f;margin:24px 0 0;line-height:1.85!important}.guide-message{font-family:var(--serif);font-size:18px!important;line-height:2.1!important}.guide-points{display:grid;gap:0;margin-top:25px}.guide-point{display:flex;gap:18px;align-items:start;border-top:1px solid #dddcd3;padding:16px 0}.guide-point>span{font:22px/1.7 Didot,serif;color:var(--accent)}.guide-point p{font-size:16px!important;line-height:1.7;margin:0}.story-intro{color:#5c685f}.chapter-list{padding-left:20px;border-left:1px solid #a1b4a5;margin:24px 0}.chapter-item{position:relative;margin:24px 0}.chapter-item:before{content:"";position:absolute;left:-25px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.chapter-item>span{font-size:14px;color:var(--accent)}.chapter-item p{font-family:var(--serif);font-size:16px;margin:6px 0 0}.story-now{border-top:1px solid #d8ddd3;padding-top:15px;display:flex;justify-content:space-between;font-size:14px;color:#61746a}.selected-sentence{font-family:var(--serif);font-size:16px!important;color:#576a5c;border-left:2px solid #99b5a5;padding-left:16px}.ask-question{background:#e3eee6;max-width:90%;margin-left:auto;padding:14px 18px;border-radius:16px 16px 0 16px;font-size:16px!important}.ask-answer{padding:20px 0}.answer-label{font-size:14px;color:var(--accent)}.ask-answer p{font-family:var(--serif);font-size:17px;line-height:2}.experience-footnote{text-align:center;max-width:920px;margin:40px auto 0;color:#5a675e}.experience-footnote p{font-size:14px;margin:8px 0}
.guide-feature{overflow:hidden;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:100px max(7vw,calc((100vw - 1100px)/2));background:#24493f;color:var(--paper)}.guide-feature .eyebrow{color:#b8d4c8}.guide-feature h2{font-size:clamp(32px,3.7vw,50px)}.guide-feature p{color:#d9e4d9}.text-link{text-decoration:underline;text-underline-offset:6px;font-size:15px}.guide-type{position:relative;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;min-height:350px;align-content:center;isolation:isolate}.five{font:italic 260px/.8 Didot,Georgia,serif;letter-spacing:-.05em;color:#e9e5d6}.minutes{font:italic 50px/1 Georgia,serif;padding-left:12px}.type-caption{display:block;width:100%;text-align:center;font-family:var(--serif);font-size:20px;margin-top:30px}.orbit{position:absolute;inset:0;border:1px solid #b8d4c838;border-radius:50%;z-index:-1;animation:orbit-drift 14s ease-in-out infinite alternate}.orbit-one{transform:rotate(-24deg) scaleX(.88)}.orbit-two{inset:-22px;animation-delay:-7s;transform:rotate(24deg) scaleY(.88)}
.library-section{background:#edece4}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1180px;margin:0 auto 50px}.shelf-heading h2{margin:0}.shelf-heading>p{color:#58645b}.book-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 30px;max-width:1180px;margin:0 auto}.book-grid>li{min-width:0}.book-link{display:block;text-decoration:none;color:var(--text)}.book-cover{height:290px;display:flex;align-items:center;justify-content:center;transition:transform .35s}.book-cover img{display:block;max-width:100%;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #202d4622)}.book-cover:not(.has-image){background:var(--ink);color:var(--paper);padding:24px}.cover-title{font-family:var(--serif);font-size:24px;line-height:1.8;text-align:center}.book-info{padding-top:20px}.book-info h3{font-size:20px;line-height:1.7;margin:0 0 5px;overflow-wrap:anywhere}.book-info p{font-size:14px;margin:0;color:#566359}.book-state{font-size:14px!important;line-height:1.7!important;margin-top:12px!important}.book-go{font-size:14px;display:block;margin-top:12px;color:var(--accent)}.book-go span{display:none}.book-link:hover .book-cover{transform:translateY(-7px) rotate(-1deg)}.more-books{max-width:1180px;margin:40px auto 0}.more-books>summary{width:fit-content;margin:0 auto;padding:12px 26px;border:1px solid #b8c6b9;border-radius:40px;cursor:pointer;font-size:15px;color:var(--accent)}.more-books .book-grid{margin-top:44px}.collection-note{max-width:1180px;margin:35px auto 0;font-size:14px!important;color:#58645b}.upcoming-heading{border-top:1px solid #cdd4c9;max-width:1180px;margin:64px auto 28px;padding-top:32px}.upcoming-heading h3{font-size:24px}.upcoming-list{list-style:none;max-width:1180px;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px}.upcoming-list li{border-bottom:1px solid #d1d7cb;padding-bottom:16px}.upcoming-list h4{font:500 18px/1.8 var(--serif);margin:0}.upcoming-list p{font-size:14px;color:#58645b;margin:4px 0}.upcoming-more{max-width:1180px;margin:24px auto 0}.upcoming-more summary{font-size:15px;color:var(--accent);cursor:pointer}.upcoming-more .upcoming-list{margin-top:24px}
.plans{background:#f9f7f0}.price-inline{font-family:Didot,Georgia,serif;font-size:1.6em;margin:0 .05em}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:920px;margin:auto}.plan-card{border:1px solid #bfcaba;border-radius:6px;padding:38px 34px;display:flex;flex-direction:column;background:#fffdf8}.plan-card .plan-label{font-size:15px;color:var(--accent);margin:0 0 18px}.plan-card h3{font-size:22px;margin:0}.plan-price{margin:20px 0 24px}.plan-price strong{font:64px/1.2 Didot,Georgia,serif}.plan-price>span{font-size:16px;margin-left:8px}.plan-card ul{list-style:none;margin:0 0 32px;padding:0}.plan-card li{position:relative;padding:12px 0 12px 25px;line-height:1.8;font-size:16px;border-bottom:1px solid #dce2d6}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.plan-year{margin:auto 0 0;padding-top:20px;font-size:15px!important;color:#546057}.plan-premium{background:#e7ede3;border-color:#a2b8a5}.plan-note{font-size:14px!important;line-height:1.9!important;color:#5b665e;max-width:920px;margin:24px auto 0}.plan-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;margin-top:36px}.plan-cta .release-notice{color:#55685b}.editorial{max-width:950px;text-align:center;margin:auto;padding:110px 32px;color:var(--paper)}.editorial>img{margin-bottom:28px}.editorial .eyebrow{color:#b8d4c8}.editorial h2{font-size:clamp(30px,3.5vw,44px)}.editorial-lines{margin:36px 0}.editorial-lines p{font-size:17px;color:#dde3dd;margin:12px 0}.editorial .button{margin-top:18px}
.lp-footer{border-top:1px solid #536077;padding:42px max(6vw,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;color:var(--paper);max-width:none}.footer-wordmark{font:30px/1 Didot,Georgia,serif;letter-spacing:.06em;margin:0}.lp-footer nav{display:flex;flex-wrap:wrap;gap:18px 24px;font-size:14px}.lp-footer nav a{text-decoration:none}.lp-footer small{font-size:14px;color:#c3ccd1}.portrait-credit{font-size:14px;max-width:320px}.portrait-credit summary{cursor:pointer}.portrait-credit p{line-height:1.9;color:#c6ced3}.portrait-credit[open]{flex-basis:100%;max-width:100%}
.revealed{animation:section-enter .85s cubic-bezier(.22,.7,.2,1) both}.demo-enter{animation:demo-enter .6s ease both}.ask-paper.demo-enter .ask-answer{animation:section-enter .8s .2s both}
html[data-motion="paused"] .a-motion{animation-play-state:paused!important}html[data-motion="paused"] .revealed,html[data-motion="paused"] .demo-enter,html[data-motion="paused"] .ask-answer{animation:none!important}html[data-motion="paused"] .feature-progress{transition:none!important}
@keyframes portrait-drift{from{transform:scale(1.03)}to{transform:scale(1.075)}}@keyframes ribbon-drift{from{transform:translateX(-24px)}to{transform:translateX(24px)}}@keyframes orbit-drift{from{transform:rotate(-12deg) scaleX(.88)}to{transform:rotate(16deg) scaleY(.9)}}@keyframes section-enter{from{transform:translateY(26px)}to{transform:translateY(0)}}@keyframes demo-enter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.a-header{gap:20px}.a-header nav{gap:18px}.a-hero{min-height:830px;padding-left:6vw;padding-right:6vw}.experience-layout{gap:36px}.feature-choice strong{font-size:19px}.demo-paper{padding:30px 25px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.book-cover{height:260px}.guide-feature{gap:30px}.five{font-size:220px}.minutes{font-size:38px}}
@media(max-width:700px){html{scroll-padding-top:20px}.a-header{top:14px;width:calc(100% - 28px);padding:14px 18px;gap:14px;flex-wrap:wrap;border-radius:28px}.a-header .brand img{width:112px}.a-header-store{padding:11px 14px;font-size:14px}.a-header-store>span{display:none}.a-header nav{order:3;flex-basis:100%;justify-content:space-between;flex-wrap:wrap;padding:8px 8px 2px;gap:15px;font-size:14px}.a-hero{min-height:875px;padding:176px 26px 105px;align-items:start}.a-copy{width:100%}.a-copy h1{font-size:52px;line-height:1.4}.a-copy h1>span{font-size:.6em;white-space:normal}.a-tagline{font-size:21px!important;margin-bottom:24px}.a-lead{font-size:16px!important;line-height:1.95!important;margin-top:25px}.a-portrait{inset:220px -85px 0 12%;opacity:.46}.a-portrait img{mask-image:linear-gradient(0deg,transparent,black 25%,black 65%,transparent);object-position:50% 16%}.a-portrait:after{background:linear-gradient(90deg,#202d46,transparent 70%)}.a-portrait>p{right:28%;bottom:110px;font-size:16px}.a-portrait small{font-size:14px}.hero-price{margin-top:28px}.hero-price strong{font-size:46px}.hero-actions{gap:18px;flex-direction:column;align-items:start}.hero-actions .release-notice{background:#202d4670}.a-hero-bottom{left:26px;right:26px;bottom:23px;align-items:center;font-size:14px;line-height:1.7}.motion-toggle{font-size:14px;flex-shrink:0}.paper-section{padding:64px 24px}.landing h2{font-size:33px;line-height:1.6}.section-heading{margin-bottom:36px;text-align:left}.section-heading>p:last-child{font-size:16px}.eyebrow{font-size:14px;margin-bottom:18px!important}.opening{padding-bottom:42px}.book-ribbon{margin-left:-24px;margin-right:-24px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ribbon-track{gap:20px;justify-content:center}.ribbon-item{flex-basis:110px}.ribbon-item .cover-title{width:110px;min-height:165px;font-size:19px}.experience-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}.feature-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-choice{padding:16px 12px;border:1px solid #cbd3c8;border-radius:4px;gap:9px;min-height:130px}.feature-choice:last-child{border-bottom:1px solid #cbd3c8}.feature-number{font-size:17px;line-height:1.8}.feature-choice strong{font-size:17px;line-height:1.75}.feature-choice small{display:none}.feature-choice.is-active{background:#e5ece1;border-color:#9caf9d}.feature-progress{display:none}.demo-stage{min-height:0}.demo-paper{min-height:630px;padding:28px 22px 24px}.demo-paper h3{font-size:25px}.reading-excerpt{font-size:19px!important;line-height:2.5!important}.demo-caption{font-size:14px!important}.experience-footnote{text-align:left;margin-top:28px}.guide-feature{grid-template-columns:1fr;padding:64px 24px;gap:36px}.guide-feature h2{font-size:33px}.guide-type{min-height:260px;max-width:340px;width:100%;margin:auto}.five{font-size:205px}.minutes{font-size:38px}.type-caption{font-size:18px;margin-top:28px}.orbit-two{inset:-10px}.shelf-heading{display:block;margin-bottom:34px}.shelf-heading>p{margin-top:16px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.book-cover{height:210px}.book-info h3{font-size:18px}.book-info{padding-top:16px}.book-go{font-size:14px}.book-state{display:none}.cover-title{font-size:20px}.upcoming-list{grid-template-columns:1fr 1fr;gap:20px}.upcoming-list h4{font-size:16px}.upcoming-heading{margin-top:44px}.collection-note{font-size:14px!important}.plan-grid{grid-template-columns:1fr;gap:20px}.plan-card{padding:28px 24px}.plan-card h3{font-size:22px}.plan-price strong{font-size:58px}.plan-cta{justify-content:start;gap:20px}.editorial{padding:70px 24px}.editorial h2{font-size:30px}.editorial-lines p{font-size:16px}.lp-footer{padding:34px 24px;flex-direction:column;align-items:start;gap:26px}.lp-footer nav{gap:16px 20px}.portrait-credit{max-width:100%}}
@media(max-width:359px){.a-header-store{font-size:14px;padding:10px}.a-header .brand img{width:100px}.a-copy h1{font-size:45px}.a-copy h1>span{font-size:.59em}.a-hero{padding-left:20px;padding-right:20px}.paper-section{padding-left:20px;padding-right:20px}.landing h2{font-size:29px}.feature-choice{padding:13px 8px;gap:6px}.feature-choice strong{font-size:16px}.feature-number{font-size:16px}.book-cover{height:185px}.a-hero-bottom{left:20px;right:20px;font-size:13px}.demo-paper{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reduced-note{display:inline}.a-hero-bottom>span:first-child{display:none}}
@media(prefers-reduced-motion:no-preference){.reduced-note{display:none}}
/* JavaScriptなしでは常時動く演出を始めない。本文はすべて読める。 */
html:not([data-motion]) .a-motion{animation-play-state:paused}html[data-motion="playing"] .a-motion{animation-play-state:running}

/* 2026-10-03 再調整。説明はゴシック、文学の本文と要所だけ明朝。 */
.landing,.lp-header,.lp-footer{--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-family:var(--sans)}
.landing h1,.landing h2,.landing h3,.guide-message,.chapter-item p,.ask-answer p{font-family:var(--sans);font-weight:650;letter-spacing:-.02em}
.guide-message,.chapter-item p,.ask-answer p{font-weight:400;letter-spacing:0}
.a-copy h1>span,.editorial h2{font-family:var(--serif);font-weight:500;letter-spacing:.025em}
.hero-price strong,.price-inline,.plan-price strong{font-family:var(--sans);font-weight:650;letter-spacing:-.06em}
.opening{padding-top:72px;padding-bottom:56px}.opening .section-heading{margin-bottom:24px}
.ribbon-item img{height:auto;aspect-ratio:2/3}.ribbon-track{padding-top:12px;padding-bottom:24px}
.experience-layout{display:block;max-width:1180px}.demo-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;min-height:0;align-items:start}.demo-paper{min-height:0;height:100%;padding:32px}.demo-paper .eyebrow{font-size:13px;margin-bottom:14px!important}.demo-paper h3{font-family:var(--sans);font-weight:650;font-size:27px}.demo-meta{margin-bottom:24px}
.annual-badge{display:inline-flex;align-self:start;background:#d8e9da;color:#224e3c;border-radius:30px;padding:8px 14px;font-size:14px!important;font-weight:700;margin:0 0 16px}.plan-year span{display:block;margin-top:7px}.plan-saving{font-size:14px!important;color:#546057;margin:8px 0 0}.book-info h3{font-family:var(--sans);font-weight:600}
.modal-open{overflow:hidden}.book-dialog{border:0;border-radius:18px;padding:0;background:#f9f7f0;color:#202d46;width:min(820px,calc(100% - 32px));max-height:88dvh;box-shadow:0 35px 100px #11182755;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}.book-dialog::backdrop{background:#162030aa;backdrop-filter:blur(8px)}.dialog-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f9f7f0;border-bottom:1px solid #d7dfd5}.dialog-top span{font-size:14px}.dialog-top button{border:1px solid #b5c3b7;background:transparent;border-radius:30px;padding:9px 17px;cursor:pointer;color:inherit;font-size:14px}.dialog-book{padding:32px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}.dialog-cover{width:100%;height:auto;box-shadow:0 14px 24px #202d4622}.dialog-book h2{font-size:28px;line-height:1.6;letter-spacing:-.02em;margin:0 0 8px}.dialog-author{font-size:15px;color:#536259;margin:0 0 22px}.dialog-intro p{font-size:16px;line-height:2;white-space:normal}.dialog-book .store{font-size:14px;color:#536259}.dialog-book .store a{color:#202d46;border-color:#889f91}
@media(max-width:700px){.opening{padding-top:48px;padding-bottom:32px}.opening .section-heading{margin-bottom:20px}.demo-stage{grid-template-columns:1fr;gap:24px}.demo-paper{padding:26px 22px}.demo-paper h3{font-size:25px}.dialog-book{display:block;padding:24px}.dialog-cover{width:135px;display:block;margin:0 auto 28px}.dialog-top{padding:14px 20px}.book-dialog{max-height:90dvh}}