@import url('/assets/fonts/fonts.css');
:root{--paper:#faf6ed;--ink:#322c2c;--muted:#736863;--pink:#b93960;--rose:#f0d1d5;--line:#ddd3c8;--hand:'Yomogi',cursive;--sans:'Zen Maru Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}::selection{background:#f0bfc9}.wrap{width:min(1100px,100%);margin:auto;padding-inline:40px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 36px;background:var(--paper);position:relative;z-index:5}.brand{font-family:'DM Sans',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1;display:flex;align-items:center;gap:11px}.brand img{border-radius:13px;border:3px solid white;box-shadow:0 2px 5px #49313115}.brand small{display:block;font:9px var(--sans);font-weight:500;letter-spacing:.5px;margin-top:8px}.header > nav{display:flex;gap:27px;font-size:12px;font-weight:700}.header > nav a{border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.header > nav a:hover{color:var(--pink);border-color:var(--pink)}.header-actions{display:flex;align-items:center;gap:18px}.motion-toggle{border:0;background:transparent;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:7px;padding:10px 0}.motion-icon{font:14px Arial,sans-serif}.nav-download{border:1.5px solid var(--ink);border-radius:50px;padding:10px 18px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s}.nav-download:hover{transform:translateY(-2px);box-shadow:0 4px 0 #cbaeb1}.nav-download span{margin-left:20px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;font-weight:600}.hero{position:relative;text-align:center;padding:38px 0 36px;overflow:hidden;background-image:linear-gradient(#c0b5a526 1px,transparent 1px),linear-gradient(90deg,#c0b5a526 1px,transparent 1px);background-size:28px 28px;border-top:1px solid #e8e0d5;border-bottom:1px solid #e8e0d5}.hero:before,.hero:after{content:'';position:absolute;top:15px;bottom:15px;width:4px;border-left:2px dashed #d6c7b9;pointer-events:none}.hero:before{left:12px}.hero:after{right:12px}.hero-copy{position:relative;z-index:3;padding-inline:24px}.hero .eyebrow{font-size:9px;color:#8d5966;letter-spacing:2.1px;margin:5px 0 20px}.hero .eyebrow span{font-size:20px;margin-right:8px;vertical-align:middle}.hero h1{font-size:clamp(40px,4.2vw,62px);font-weight:900;line-height:1.4;letter-spacing:-1px;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--pink);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;bottom:0;left:4%;width:92%;height:10px;border-bottom:2px solid #c77289;border-radius:50%;transform:rotate(-2deg)}.hero .intro{font-size:13px;font-weight:500;margin:20px 0 0;color:var(--muted)}.hero-scene{width:min(1120px,100%);height:625px;position:relative;margin:20px auto 0;isolation:isolate}.scene-orbit{width:570px;height:490px;position:absolute;left:50%;top:75px;transform:translateX(-50%) rotate(-8deg);border-radius:46% 54% 51% 49%;background:#efd5d1;z-index:-1;opacity:.6}.yarn-trail{position:absolute;width:120%;height:90%;left:-10%;top:12%;overflow:visible;z-index:-1;stroke:#be7a8c;stroke-width:3;stroke-linecap:round}.trail-running{stroke:#fff7ec;stroke-width:2;stroke-dasharray:2 13}.screen-float{position:absolute;line-height:0}.phone{padding:0;display:block;line-height:0;background:#ec407a;overflow:hidden;border:5px solid #342a2e;border-radius:32px;box-shadow:0 24px 34px #513c3e20,0 2px 0 #ffffff8c inset;transition:transform .3s,box-shadow .3s}.phone img{width:100%;height:auto;display:block}.phone:hover{transform:translateY(-5px);box-shadow:0 29px 40px #513c3e30}.screen-center{z-index:3;top:5px;width:258px;left:calc(50% - 129px)}.screen-left{z-index:1;width:219px;left:calc(50% - 382px);top:69px;transform:rotate(-11deg)}.screen-right{z-index:1;width:213px;right:calc(50% - 375px);top:94px;transform:rotate(11deg)}.screen-left .phone,.screen-right .phone{border:7px solid #fffcf7;border-radius:27px;box-shadow:0 15px 30px #503b3a25}.paper-caption{display:block;position:absolute;left:-4px;right:-4px;bottom:-23px;background:#fffcf7;padding:11px 5px 14px;font:13px var(--hand);line-height:1.4;box-shadow:0 10px 15px #503b3a0a;border-radius:0 0 3px 3px}.sticker{position:absolute;z-index:4}.yarn-sticker{width:125px;left:calc(50% - 340px);top:-16px;transform:rotate(-12deg)}.yarn-sticker svg{display:block;filter:drop-shadow(3px 4px 0 #fffdf8) drop-shadow(-3px -3px 0 #fffdf8)}.yarn-sticker>span{position:absolute;left:-65px;top:5px;font:17px var(--hand);line-height:1.4;transform:rotate(-6deg);color:#8f5c68}.cat-sticker{right:calc(50% - 400px);top:28px;transform:rotate(9deg);display:flex;align-items:center;gap:11px}.cat-sticker img{width:91px;height:91px;object-fit:cover;border-radius:26px;border:6px solid #fffcf7;box-shadow:3px 4px 2px #795d5b20}.cat-sticker span{font:13px var(--hand);line-height:1.5;max-width:120px}.note-sticker{bottom:49px;left:calc(50% - 255px);background:#fffdf7;box-shadow:2px 5px 8px #41292718;border:1px solid #e6d6cb;padding:14px 20px;font:14px var(--hand);transform:rotate(-7deg);border-radius:3px}.note-sticker>span{display:inline-block;margin-right:7px;border-radius:50%;padding:0 7px;background:#e8ebd9;color:#75825d;font-family:var(--sans)}.star-sticker{font-size:62px;color:#d19255;right:calc(50% - 227px);bottom:68px;line-height:1;text-shadow:3px 3px #fffdf7,-3px -3px #fffdf7}.tiny-star{font-size:29px;left:calc(50% - 470px);top:265px;color:#b7768b}.scene-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:#8c7770}.hero-download{position:relative;z-index:4}.store-links{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;min-height:78px;margin-top:8px}.store-badge{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .2s}.store-badge:hover{transform:translateY(-3px)}.store-badge img{display:block;object-fit:contain}.store-links{--badge-height:52px}.apple-badge img{width:auto;height:var(--badge-height)}.google-badge{margin:0}.google-badge img{width:auto;height:calc(var(--badge-height) * 250 / var(--google-art-height,192))}.store-names{font-size:10px;line-height:1.8;color:#6e605d;margin:2px 0 10px;display:flex;justify-content:center;gap:20px}.store-names span{display:block}.fine{font-size:9px;color:var(--muted);line-height:1.9;margin:6px 0}.scroll-cue{font:8px 'DM Sans',sans-serif;letter-spacing:2px;display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:17px}.scroll-cue>span:last-child{font-family:var(--hand);font-size:30px;line-height:1.2}.intro-section{text-align:center;padding-top:85px;padding-bottom:75px}.section-tab{display:inline-block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;padding:7px 16px;border-radius:30px;border:1px solid #d2b9bd;color:#936471;background:#fbf0ed}h2{font-size:35px;font-weight:900;line-height:1.7;letter-spacing:.2px;margin:24px 0}h2 em,h3 em{font-style:normal;color:var(--pink)}.intro-section>p{font-size:13px;color:var(--muted);line-height:2.25}.mini-benefits{display:flex;justify-content:center;gap:40px;margin-top:32px;font-size:12px;font-weight:700}.mini-benefits b{font:11px 'DM Sans',sans-serif;background:#e5d8c9;width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px}.ribbon{overflow:hidden;background:#f0d3d8;border-block:1px dashed #cc9ca8;padding:16px 0;transform:skewY(-1deg);margin:0 0 20px}.ribbon-track{display:flex;width:max-content}.motion-ready .ribbon-track{animation:marquee 36s linear infinite}.ribbon-track>span{font:600 13px 'DM Sans',var(--sans);letter-spacing:2px;white-space:nowrap;display:flex;gap:30px;align-items:center;padding-right:30px}.ribbon i{font-size:22px;font-style:normal;color:var(--pink)}.screens-section{padding-top:60px;padding-bottom:65px;background:radial-gradient(#beafa01c .7px,transparent .7px);background-size:5px 5px}.screens-heading{text-align:center;margin-bottom:45px}.screens-heading h2{font-size:39px;line-height:1.6}.screens-heading>p{font-size:13px;color:var(--muted)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding:45px 0 80px;max-width:940px;margin:auto}.feature-row:nth-of-type(even) .feature-copy{order:2}.feature-row:nth-of-type(even) .feature-visual{order:1}.step-number{font:800 16px 'DM Sans',sans-serif;display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 #d9c5c6}.feature-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin:22px 0 12px;color:#9c6a78}.feature-copy h3{font-size:30px;font-weight:900;line-height:1.65;margin:12px 0 25px}.feature-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--muted)}.annotation{display:inline-block;margin-top:20px;padding:10px 16px;background:#fffcf7;border:1px solid #dabfc4;border-radius:9px;transform:rotate(-3deg);font:13px var(--hand);box-shadow:3px 4px 0 #eadfd4}.annotation span{font-size:24px;vertical-align:middle;margin-right:8px;color:#ac637a}.feature-visual{position:relative;text-align:center;padding:35px 32px 24px;border-radius:43% 43% 14px 14px;isolation:isolate}.pink-board{background:#efd6db}.green-board{background:#e0e4d6}.yellow-board{background:#f0e2c5}.feature-visual:before{content:'';position:absolute;inset:12px;border:1px dashed #aa89884f;border-radius:inherit;z-index:-1}.feature-visual .phone{width:246px;margin:auto;border-width:4px;border-radius:29px;transform:rotate(3deg)}.feature-projects .phone{transform:rotate(-3deg)}.feature-notes .phone{transform:rotate(2deg)}.feature-visual .phone:hover{transform:translateY(-5px) rotate(0)}.tape{position:absolute;left:50%;top:12px;z-index:2;transform:translateX(-50%) rotate(-8deg);width:95px;height:30px;background:repeating-linear-gradient(90deg,#e6b5bfbb 0 8px,#f8d9dfaa 8px 16px);clip-path:polygon(2% 5%,98% 0,100% 95%,0 100%)}.green-board .tape{background:repeating-linear-gradient(90deg,#c1cbb0ba 0 8px,#dce4d2bb 8px 16px)}.yellow-board .tape{background:repeating-linear-gradient(90deg,#e4c891bb 0 8px,#f4e1b6bb 8px 16px)}.board-note{position:absolute;right:-45px;top:110px;writing-mode:vertical-rl;font:14px var(--hand);letter-spacing:1px;line-height:1.7;transform:rotate(8deg);color:#815c64}.visual-star{position:absolute;font-size:47px;left:-23px;bottom:100px;color:#bc7186;line-height:1;text-shadow:2px 2px #fff9ef,-2px -2px #fff9ef;transform:rotate(-10deg)}.green-board .visual-star{color:#829368}.yellow-board .visual-star{color:#b98f4b}.zoom-hint{display:block;font-size:9px;margin-top:21px;color:#70635f}.zoom-hint b{margin-left:8px;font-size:16px;font-weight:400}.screen-disclaimer{text-align:center;font-size:9px;color:var(--muted);line-height:1.9;margin:0}.story-section{background:#eee5d8;border-block:1px dashed #d2c0b2}.story{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:80px;padding-block:70px}.story-art{text-align:center;position:relative}.story-art img{display:block;width:170px;height:170px;border:9px solid #fffaf3;border-radius:25px;transform:rotate(-9deg);margin:0 auto 24px;box-shadow:5px 8px 0 #d8c6ba}.story-art>span{font:21px var(--hand);line-height:1.4;display:inline-block;transform:rotate(-5deg);color:#8f6369}.story h2{font-size:27px}.story p:not(.eyebrow){font-size:12px;line-height:2.25;color:var(--muted)}.story .eyebrow{font-size:9px;color:#936671}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-block:90px}.faq h2{font-size:31px;margin:15px 0 10px}.faq .serif{font:22px var(--hand);color:#b17483}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:19px;color:var(--pink)}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:2.1;color:var(--muted);padding-right:20px}.download{background:#efd0d8;position:relative;text-align:center;overflow:hidden;border-top:1px dashed #cd9ba7}.download:before{content:'';position:absolute;inset:12px;border:1px dashed #c68e9c66;border-radius:12px;pointer-events:none}.download-inner{padding-block:48px 65px;position:relative}.download h2{font-size:48px;font-weight:900;line-height:1.55;margin:18px 0}.download-star{font-size:40px;color:#a9506c;display:inline-block;line-height:1.3}.download .eyebrow{font-size:9px;color:#956071}.download-inner>p:not(.eyebrow):not(.fine):not(.store-names){font-size:12px;color:#78545f}.download .store-links{margin-top:20px}.download .fine{font-size:9px;color:#78545f}.download-script{position:absolute;right:10px;bottom:32px;font:30px var(--hand);color:#a86677;transform:rotate(-9deg)}footer{padding-top:32px;padding-bottom:24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top .brand{font-size:27px}.footer-top>div{display:flex;gap:23px;font-size:10px}.footer-top small{font:9px 'DM Sans',sans-serif;color:var(--muted)}.trademark{border-top:1px solid var(--line);padding-top:15px;margin-top:25px;font-size:8px;line-height:1.8;color:var(--muted)}.image-dialog{border:1px solid var(--line);padding:16px;background:var(--paper);color:var(--ink);border-radius:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.image-dialog::backdrop{background:#2f2428d9;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-bar p{font-size:11px;margin:0}.dialog-bar button{background:none;border:1px solid var(--line);padding:5px 10px;font-size:11px;border-radius:5px;white-space:nowrap}.dialog-bar button span{font-size:20px;padding-left:8px}.image-dialog>img{display:block;margin:auto;max-height:calc(100dvh - 115px);width:auto;max-width:100%;border-radius:10px}body.dialog-open{overflow:hidden}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
/* Motion is progressive enhancement. Everything stays readable without JavaScript. */
.motion-ready [data-reveal]{opacity:0;translate:0 26px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.3,1)}.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}.motion-ready .hero-copy{animation:hero-in .9s both}.motion-ready .screen-center{animation:phone-in 1.1s .1s both}.motion-ready .screen-left{animation:fan-left 1.2s .15s both}.motion-ready .screen-right{animation:fan-right 1.2s .25s both}.motion-ready .sticker{animation:bob 6s ease-in-out infinite}.motion-ready .cat-sticker{animation-delay:-2s}.motion-ready .note-sticker{animation-delay:-4s}.motion-ready .star-sticker{animation:bob 5s ease-in-out infinite}.motion-ready .scroll-cue>span:last-child{animation:nudge 2.5s ease-in-out infinite}.motion-ready .trail-running{animation:thread 18s linear infinite}.motion-ready .download-star{animation:slow-turn 22s linear infinite}.motion-ready .image-dialog[open]{animation:dialog-in .22s ease-out}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused [data-reveal]{opacity:1;translate:none;transition:none}.motion-paused .hero-copy,.motion-paused .screen-center,.motion-paused .screen-left,.motion-paused .screen-right{animation:none!important}html.motion-paused{scroll-behavior:auto}@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-in{from{opacity:0;translate:0 35px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes fan-left{from{opacity:0;translate:110px 15px;rotate:10deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes fan-right{from{opacity:0;translate:-110px 15px;rotate:-10deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes nudge{0%,100%{translate:0 0}50%{translate:0 5px}}@keyframes thread{to{stroke-dashoffset:-300}}@keyframes slow-turn{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.header{padding:18px 24px;gap:15px}.header > nav{gap:20px;font-size:11px}.header-actions{gap:12px}.motion-label{display:none}.nav-download{font-size:10px;padding:9px 15px}.brand{font-size:27px}.hero-scene{height:590px}.screen-center{width:244px;left:calc(50% - 122px)}.screen-left{width:198px;left:calc(50% - 334px);top:70px}.screen-right{width:195px;right:calc(50% - 330px);top:95px}.yarn-sticker{left:calc(50% - 295px);width:110px;top:-10px}.yarn-sticker>span{left:-50px;font-size:14px}.cat-sticker{right:calc(50% - 350px);top:35px}.cat-sticker span{display:none}.note-sticker{bottom:35px;left:calc(50% - 230px)}.star-sticker{right:calc(50% - 220px);bottom:65px}.tiny-star{left:calc(50% - 390px)}.feature-row{gap:65px}.feature-copy h3{font-size:27px}.feature-copy>p:not(.eyebrow){font-size:12px}.feature-visual{padding-inline:25px}.feature-visual .phone{width:226px}.board-note{right:-12px;font-size:12px}.story{gap:50px}.story h2{font-size:25px}}
@media(max-width:760px){.header{flex-wrap:wrap;gap:16px}.header > nav{order:3;width:100%;justify-content:center;gap:34px;border-top:1px dashed var(--line);padding-top:11px}.header-actions{margin-left:auto}.hero{padding-top:28px}.hero h1{font-size:44px}.hero .intro{font-size:12px}.hero-scene{height:515px;margin-top:20px}.screen-center{width:213px;left:calc(50% - 106.5px)}.screen-left{width:165px;left:calc(50% - 275px);top:68px}.screen-right{width:165px;right:calc(50% - 275px);top:90px}.screen-left .phone,.screen-right .phone{border-width:5px;border-radius:22px}.phone{border-radius:27px;border-width:4px}.paper-caption{font-size:10px}.scene-orbit{width:440px;height:370px}.yarn-sticker{width:94px;left:calc(50% - 244px);top:-8px}.yarn-sticker>span{font-size:12px;left:-30px;top:-12px}.cat-sticker{right:calc(50% - 278px);top:26px}.cat-sticker img{width:72px;height:72px;border-radius:23px}.note-sticker{left:calc(50% - 210px);bottom:30px;font-size:12px;padding:10px 16px}.star-sticker{font-size:46px;right:calc(50% - 195px);bottom:59px}.tiny-star{display:none}.scene-caption{font-size:7px;bottom:0}.hero .eyebrow{font-size:8px}h2{font-size:30px}.feature-row{gap:35px}.feature-copy h3{font-size:23px}.feature-copy>p:not(.eyebrow){font-size:11px}.feature-copy .eyebrow{font-size:8px}.annotation{font-size:11px;padding:8px 12px}.feature-visual{padding:30px 20px 20px}.feature-visual .phone{width:200px;border-radius:24px}.board-note{right:-8px;font-size:10px}.visual-star{left:-17px;font-size:36px}.story{gap:30px}.story h2{font-size:22px}.story-art img{width:140px;height:140px}.faq{gap:40px}.footer-top{flex-wrap:wrap}.footer-top>div{font-size:9px;gap:16px}.footer-top small{width:100%}.download-script{font-size:24px;right:30px}}
@media(max-width:600px){.wrap{padding-inline:24px}.header{padding:16px 20px 12px;gap:13px}.brand{font-size:26px;gap:8px}.brand img{width:36px;height:36px}.brand small{font-size:8px}.header-actions{gap:14px}.nav-download{font-size:9px;padding:8px 12px}.nav-download span{margin-left:8px}.motion-toggle{padding-inline:5px}.header > nav{gap:31px;font-size:10px;padding-top:10px}.hero{padding-top:27px;padding-bottom:28px;background-size:24px 24px}.hero:before{left:5px}.hero:after{right:5px}.hero h1{font-size:36px;line-height:1.45;letter-spacing:-.8px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:15px}.hero .eyebrow span{font-size:15px;margin-right:6px}.hero .intro{font-size:10px;margin-top:15px}.hero-scene{height:475px;margin-top:24px;width:100%;max-width:460px}.screen-center{width:188px;left:calc(50% - 94px);top:12px}.screen-left{width:143px;left:calc(50% - 184px);top:61px;transform:rotate(-13deg)}.screen-right{width:143px;right:calc(50% - 184px);top:88px;transform:rotate(13deg)}.phone{border-radius:25px}.screen-left .phone,.screen-right .phone{border-width:4px;border-radius:18px}.paper-caption{font-size:8px;padding:7px 3px 10px;bottom:-16px}.scene-orbit{width:310px;height:340px;top:65px}.yarn-trail{height:65%;width:160%;left:-30%;top:15%;stroke-width:5}.yarn-sticker{left:calc(50% - 172px);top:-9px;width:77px}.yarn-sticker>span{display:none}.cat-sticker{right:calc(50% - 178px);top:28px}.cat-sticker img{width:64px;height:64px;border-width:4px;border-radius:18px}.note-sticker{left:calc(50% - 150px);bottom:32px;font-size:10px;padding:9px 13px}.note-sticker>span{padding:0 5px}.star-sticker{right:calc(50% - 152px);bottom:38px;font-size:41px}.scene-caption{bottom:1px;font-size:6px;letter-spacing:1.4px}.store-links{min-height:64px;gap:10px}.store-links{--badge-height:43px}.store-names{font-size:8px;gap:14px;margin-top:5px}.fine{font-size:8px}.scroll-cue{margin-top:12px;font-size:7px}.scroll-cue>span:last-child{font-size:25px}.intro-section{padding-block:56px}.section-tab{font-size:8px;letter-spacing:1.5px;padding:6px 13px}h2{font-size:25px;line-height:1.7;letter-spacing:-.5px;margin:22px 0}.intro-section>p{font-size:11px;line-height:2.2}.mini-benefits{gap:16px;margin-top:27px;font-size:10px;flex-wrap:wrap}.mini-benefits b{font-size:9px;width:20px;height:20px;margin-right:5px}.ribbon{padding:12px 0;margin-bottom:0}.ribbon-track>span{font-size:10px;gap:20px;letter-spacing:1.2px;padding-right:20px}.ribbon i{font-size:19px}.screens-section{padding-top:50px;padding-bottom:40px}.screens-heading{margin-bottom:25px}.screens-heading h2{font-size:31px;margin-top:20px}.screens-heading>p{font-size:11px}.feature-row{grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:62px}.feature-row:nth-of-type(even) .feature-copy,.feature-row:nth-of-type(even) .feature-visual{order:initial}.feature-copy{padding:0 8px}.feature-copy h3{font-size:27px;margin:10px 0 17px}.step-number{width:32px;height:32px;font-size:14px}.feature-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-top:17px}.feature-copy>p:not(.eyebrow){font-size:12px;line-height:2.1}.annotation{font-size:12px;margin-top:14px;padding:8px 12px}.annotation span{font-size:20px}.feature-visual{width:100%;max-width:340px;margin:auto;padding:33px 30px 22px;border-radius:42% 42% 12px 12px}.feature-visual .phone{width:226px;border-radius:28px}.tape{top:10px;width:80px;height:26px}.board-note{right:-4px;top:113px;font-size:11px}.visual-star{left:-5px;bottom:95px;font-size:37px}.zoom-hint{font-size:9px;margin-top:18px}.screen-disclaimer{text-align:left;font-size:8px}.story{grid-template-columns:1fr;padding-block:50px;gap:28px}.story-art{display:flex;align-items:center;justify-content:center;gap:22px}.story-art img{margin:0;width:115px;height:115px;border-width:6px;box-shadow:4px 5px 0 #d8c6ba}.story-art>span{font-size:18px}.story h2{font-size:25px}.story p:not(.eyebrow){font-size:12px}.faq{grid-template-columns:1fr;gap:24px;padding-block:55px}.faq h2{font-size:27px}.faq .serif{font-size:20px}.questions summary{font-size:12px}details{padding:18px 0}details p{font-size:11px}.download-inner{padding-top:36px;padding-bottom:66px}.download h2{font-size:38px}.download-star{font-size:34px}.download .eyebrow{font-size:8px;letter-spacing:1.6px}.download-inner>p:not(.eyebrow):not(.fine):not(.store-names){font-size:11px}.download .fine{font-size:8px}.download-script{font-size:20px;bottom:22px;right:28px}.footer-top{gap:20px}.footer-top .brand{font-size:25px}.footer-top>div{gap:13px;font-size:9px}.footer-top small{font-size:8px}.trademark{font-size:7px}.dialog-bar p{font-size:9px}.dialog-bar{gap:10px}.image-dialog{padding:12px}.dialog-bar button{font-size:10px}}
@media(max-width:360px){.header{padding-inline:16px}.brand{font-size:23px}.brand img{width:31px;height:31px}.brand small{font-size:7px}.header-actions{gap:7px}.nav-download{padding:8px 10px;font-size:8px}.header > nav{gap:28px}.hero h1{font-size:31px}.hero .intro{font-size:9px}.hero-scene{height:425px}.screen-center{width:166px;left:calc(50% - 83px)}.screen-left{width:122px;left:calc(50% - 157px);top:58px}.screen-right{width:122px;right:calc(50% - 157px);top:84px}.scene-orbit{width:270px;height:300px}.yarn-sticker{width:64px;left:calc(50% - 148px)}.cat-sticker{right:calc(50% - 150px)}.cat-sticker img{width:54px;height:54px}.note-sticker{left:calc(50% - 130px);bottom:35px;font-size:9px;padding:8px 10px}.star-sticker{right:calc(50% - 135px);bottom:40px;font-size:33px}.store-names{font-size:7.5px;gap:9px}.store-links{--badge-height:40px}.store-links{gap:8px;min-height:59px}.wrap{padding-inline:20px}.intro-section h2{font-size:22px}.mini-benefits{gap:11px;font-size:9px}.feature-copy h3{font-size:24px}.feature-copy>p:not(.eyebrow){font-size:11px}.feature-visual .phone{width:210px}.feature-visual{padding-inline:24px}.annotation{font-size:11px}.story h2{font-size:23px}.story-art{gap:17px}.story-art>span{font-size:16px}.download h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;translate:none}.motion-ready .hero-copy,.motion-ready .screen-center,.motion-ready .screen-left,.motion-ready .screen-right{opacity:1;translate:none;scale:1;rotate:none}}

.motion-toggle:disabled{opacity:.6;cursor:default}
@media(min-width:1001px){.hero{padding-top:20px}.hero h1{font-size:54px}.hero .eyebrow{margin:0 0 12px}.hero .intro{margin-top:12px}.hero-scene{height:565px}.screen-center{width:236px;left:calc(50% - 118px)}.screen-left{width:200px;left:calc(50% - 345px);top:65px}.screen-right{width:195px;right:calc(50% - 340px);top:85px}.yarn-sticker{left:calc(50% - 305px);width:111px;top:-10px}.cat-sticker{right:calc(50% - 375px)}.note-sticker{left:calc(50% - 230px);bottom:36px}.star-sticker{right:calc(50% - 212px);bottom:55px}.scene-orbit{width:520px;height:440px;top:65px}}

/* Official artwork keeps its proportions; match the visible black badge height. */
html:not(:lang(ja)){--google-art-height:168;--sans:'DM Sans',system-ui,sans-serif;--hand:var(--sans)}
.store-links{direction:ltr;column-gap:26px;padding-inline:14px}
.store-names{flex-wrap:wrap;row-gap:3px;padding-inline:16px}
.store-names>small{flex-basis:100%;font-size:inherit}
.language-picker{position:relative;line-height:1.4}
.language-picker>summary{display:flex;align-items:center;gap:7px;padding:10px 8px;font:12px var(--sans);border:1px solid var(--line);border-radius:24px;max-width:150px;list-style:none}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary:after{content:'⌄';font-size:13px;color:var(--muted)}
.language-picker>summary>bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(510px,calc(100vw - 40px));max-height:min(60vh,440px);overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #322c2c22;z-index:20;overscroll-behavior:contain}
.language-menu a{padding:9px 10px;border-radius:6px;font:13px/1.5 system-ui,sans-serif;overflow-wrap:anywhere;text-align:start}
.language-menu a:hover,.language-menu a[aria-current=page]{background:var(--rose);color:var(--ink)}
html:not(:lang(ja)) .hero-copy{max-width:1000px;margin-inline:auto}
html:not(:lang(ja)) .hero h1{font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:-.7px;overflow-wrap:break-word}
html:not(:lang(ja)) .hero h1 em{max-width:100%}
html:not(:lang(ja)) .hero .intro{max-width:720px;margin-inline:auto;line-height:1.8}
html:not(:lang(ja)) h2,html:not(:lang(ja)) h3{line-height:1.45;overflow-wrap:break-word}
html:not(:lang(ja)) .paper-caption{font-size:11px;line-height:1.5}
html:not(:lang(ja)) .board-note{writing-mode:horizontal-tb;top:auto;bottom:72px;right:-12px;background:var(--paper);padding:8px 10px;font-size:11px;max-width:155px;border:1px solid var(--line);border-radius:4px}
html:not(:lang(ja)) .annotation{font-size:12px;line-height:1.8}
html:not(:lang(ja)) .story-art>span{font-size:18px}
html:not(:lang(ja)) .hero .eyebrow{letter-spacing:1.2px}
html[dir=rtl] .hero-scene{direction:ltr}
html[dir=rtl] .paper-caption,html[dir=rtl] .cat-sticker span,html[dir=rtl] .note-sticker,html[dir=rtl] .yarn-sticker>span{direction:rtl}
html[dir=rtl] .feature-copy,html[dir=rtl] .story,html[dir=rtl] .questions{text-align:right}
html[dir=rtl] .brand{letter-spacing:0}
html[dir=rtl] .eyebrow{letter-spacing:0}
@media(max-width:1150px){.header{flex-wrap:wrap;gap:16px}.header>nav{order:3;width:100%;justify-content:center;border-top:1px dashed var(--line);padding-top:12px}.header-actions{margin-inline-start:auto}}
@media(max-width:760px){.language-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,calc(100vw - 40px))}.language-picker>summary{font-size:11px;max-width:120px}.language-picker>summary>bdi{max-width:75px}}
@media(max-width:600px){.header{gap:11px}.header-actions{gap:8px}.header .nav-download{display:none}.language-picker>summary{max-width:140px}.language-picker>summary>bdi{max-width:95px}.language-menu{inset-inline-end:-33px}.store-links{column-gap:22px}.hero h1{overflow-wrap:break-word}html:not(:lang(ja)) .hero h1{font-size:34px;line-height:1.25}html:not(:lang(ja)) .hero .intro{font-size:12px}html:not(:lang(ja)) .hero .eyebrow{font-size:8px}html:not(:lang(ja)) .paper-caption{font-size:8px}html:not(:lang(ja)) .note-sticker{max-width:230px;font-size:10px}html:not(:lang(ja)) .feature-copy h3{font-size:27px}html:not(:lang(ja)) .story-art>span{font-size:15px}html:not(:lang(ja)) .download h2{font-size:34px}.footer-top>div{flex-wrap:wrap}}
@media(max-width:360px){.header-actions{gap:5px}.language-picker>summary{max-width:114px;padding:9px 6px}.language-picker>summary>bdi{max-width:70px}.header .brand{font-size:22px}.header .brand small{max-width:125px;font-size:6.5px}.header .brand img{width:28px;height:28px}.store-links{column-gap:18px}html:not(:lang(ja)) .hero h1{font-size:30px}html:not(:lang(ja)) .hero .intro{font-size:11px}.header>nav{flex-wrap:wrap;gap:12px 24px}}
.language-picker{padding:0;border:0}
@media(max-width:600px){.hero-scene .star-sticker,.hero-scene .tiny-star,.feature-visual .visual-star{display:none}}

.store-platform{display:flex;flex-direction:column;align-items:center;justify-content:center}.store-platform .store-badge{height:calc(var(--badge-height) * 1.5)}.platform-label{font:500 10px/1.5 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}.store-links{align-items:flex-start}.store-names{margin-top:10px}
@media(max-width:600px){.platform-label{font-size:9px}.store-names{margin-top:8px}}

/* iPad gallery: the actual landscape layout, in the site's paper notebook. */
.ipad-showcase{margin:10px 0 42px;padding:42px 34px 20px;background:#eee6dc;border:1px dashed #cfbfb2;border-radius:24px;position:relative}
.ipad-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.ipad-heading .eyebrow{margin:0 0 8px;color:var(--pink);font-size:10px;letter-spacing:2px}
.ipad-heading h2{font:600 64px/1 'DM Sans',sans-serif;letter-spacing:-3px;margin:0}
.ipad-heading>p{max-width:260px;margin:0 0 4px;font-size:13px;line-height:1.9;color:var(--muted)}
.ipad-tabs{display:none;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:5px;border:1px solid #d5c7bd;border-radius:18px;background:#f8f3eb;width:fit-content;max-width:100%;margin-inline:auto}
.ipad-gallery.is-enhanced .ipad-tabs{display:flex}
.ipad-tabs button{border:0;border-radius:12px;background:transparent;color:var(--muted);padding:10px 17px;font:600 12px/1.5 var(--sans);cursor:pointer;overflow-wrap:anywhere;max-width:100%;transition:background .2s,color .2s}
.ipad-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.ipad-tabs button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.ipad-panel{margin:0 0 24px;animation:ipad-fade .3s ease-out}
.ipad-panel[hidden]{display:none}
.tablet{display:block;position:relative;width:100%;padding:0;overflow:visible;border:15px solid #342d32;border-radius:30px;background:#342d32;box-shadow:0 20px 34px #3c263225,0 2px 0 2px #706369;cursor:zoom-in;direction:ltr}
.tablet:before{content:'';position:absolute;width:5px;height:5px;background:#171719;box-shadow:inset 0 0 0 1px #65606c;border-radius:50%;top:-10px;left:calc(50% - 2.5px)}
.tablet img{display:block;width:100%;height:auto;border-radius:14px}
.tablet:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
.ipad-panel figcaption{display:flex;justify-content:space-between;gap:20px;margin:22px 3px 0;font-size:10px;line-height:1.8;color:var(--muted)}
.ipad-panel figcaption>span:last-child{flex-shrink:0}
.ipad-panel figcaption b{font-size:16px;font-weight:400;margin-inline-start:4px}
.motion-paused .ipad-panel{animation:none}
@keyframes ipad-fade{from{opacity:.5;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.ipad-showcase{padding:30px 20px 12px}.ipad-heading h2{font-size:52px}.ipad-heading>p{font-size:11px;max-width:210px}.ipad-tabs button{font-size:11px;padding:9px 14px}.tablet{border-width:11px;border-radius:23px}.tablet:before{top:-8px;width:4px;height:4px}.tablet img{border-radius:12px}}
@media(max-width:600px){.ipad-showcase{margin:0 -8px 30px;padding:24px 13px 8px;border-radius:16px}.ipad-heading{align-items:center;gap:20px;margin-bottom:22px}.ipad-heading h2{font-size:43px;letter-spacing:-2px}.ipad-heading .eyebrow{font-size:8px}.ipad-heading>p{font-size:10px;max-width:160px}.ipad-tabs{gap:3px;padding:4px;margin-bottom:18px;border-radius:14px}.ipad-tabs button{font-size:10px;padding:8px 10px;border-radius:10px}.tablet{border-width:8px;border-radius:18px;box-shadow:0 12px 22px #3c263225,0 1px 0 1px #706369}.tablet:before{top:-6px;width:3px;height:3px}.tablet img{border-radius:10px}.ipad-panel figcaption{gap:5px;flex-direction:column;text-align:center;font-size:9px;margin-top:16px}}

/* Hero pairs the real tablet layout with the phone screen. */
@media(max-width:1100px){.board-note{right:-8px}}
.hero-scene{height:610px;margin-top:38px}
.screen-ipad{width:640px;left:calc(50% - 430px);top:28px;z-index:1;transform:none}
.screen-ipad .tablet{border-width:12px;border-radius:26px}
.screen-ipad .tablet:before{top:-8px;width:4px;height:4px}
.screen-ipad .tablet img{border-radius:14px}
.ipad-scene-link{display:flex;align-items:center;gap:24px;width:fit-content;margin:17px auto 0;padding:8px 18px;background:#fffdf7;border:1px solid #d9c9bd;box-shadow:2px 3px 0 #d8c7bb55;border-radius:4px;font:600 12px/1.5 'DM Sans',sans-serif;color:var(--muted);transition:color .2s}
.ipad-scene-link:hover{color:var(--pink)}
.hero-scene .screen-center{width:213px;left:calc(50% + 220px);top:58px;transform:rotate(7deg)}
.hero-scene .scene-orbit{width:730px;height:440px;top:45px}
.hero-scene .yarn-sticker{left:calc(50% - 480px);top:0;width:100px}
.hero-scene .yarn-sticker>span{left:-38px;top:-22px;font-size:14px}
.hero-scene .cat-sticker{right:calc(50% - 470px);top:-25px}
.hero-scene .cat-sticker img{width:76px;height:76px;border-radius:23px}
.hero-scene .cat-sticker span{display:none}
.hero-scene .note-sticker{left:calc(50% - 415px);bottom:34px;font-size:12px}
.hero-scene .star-sticker,.hero-scene .tiny-star{display:none}
.motion-ready .screen-ipad{animation:hero-in 1s .1s both}
.motion-paused .screen-ipad{animation:none!important}
@media(max-width:1000px){
 .hero-scene{height:510px}
 .screen-ipad{width:520px;left:calc(50% - 345px);top:35px}
 .hero-scene .screen-center{width:184px;left:calc(50% + 155px);top:63px}
 .hero-scene .scene-orbit{width:580px;height:370px;top:50px}
 .hero-scene .yarn-sticker{left:calc(50% - 370px);width:80px;top:3px}
 .hero-scene .yarn-sticker>span{display:none}
 .hero-scene .cat-sticker{right:calc(50% - 350px);top:0}
 .hero-scene .cat-sticker img{width:64px;height:64px;border-radius:19px}
 .hero-scene .note-sticker{left:calc(50% - 330px);bottom:20px}
}
@media(max-width:760px){
 .hero-scene{height:450px;margin-top:36px}
 .screen-ipad{width:430px;left:calc(50% - 277px);top:36px}
 .screen-ipad .tablet{border-width:9px;border-radius:21px}
 .screen-ipad .tablet:before{top:-7px;width:3px;height:3px}
 .screen-ipad .tablet img{border-radius:12px}
 .hero-scene .screen-center{width:157px;left:calc(50% + 120px);top:66px}
 .hero-scene .screen-center .phone{border-radius:23px}
 .hero-scene .scene-orbit{width:470px;height:310px}
 .hero-scene .yarn-sticker{left:calc(50% - 285px);width:72px;top:0}
 .hero-scene .cat-sticker{right:calc(50% - 280px);top:0}
 .hero-scene .note-sticker{left:calc(50% - 265px);bottom:22px;font-size:10px}
}
@media(max-width:600px){
 .hero-scene{height:445px;margin-top:24px;max-width:420px}
 .screen-ipad{width:82%;left:7%;top:42px;transform:none}
 .screen-ipad .tablet{border-width:7px;border-radius:17px}
 .screen-ipad .tablet:before{top:-5px;width:2px;height:2px}
 .screen-ipad .tablet img{border-radius:9px}
 .hero-scene .screen-center{width:29%;left:64%;top:177px;transform:rotate(7deg)}
 .hero-scene .screen-center .phone{border-width:3px;border-radius:17px}
 .hero-scene .scene-orbit{width:82%;height:310px;top:65px}
 .hero-scene .yarn-sticker{left:3%;top:9px;width:64px}
 .hero-scene .cat-sticker{right:4%;top:5px}
 .hero-scene .cat-sticker img{width:54px;height:54px;border-width:4px;border-radius:16px}
 .ipad-scene-link{margin:15px 0 0 20%;padding:7px 14px;gap:18px;font-size:10px}
 .hero-scene .note-sticker{left:8%;bottom:49px;max-width:45%;font-size:10px;padding:9px 11px}
 html:not(:lang(ja)) .hero-scene .note-sticker{max-width:45%;font-size:9px}
 .hero-scene .scene-caption{bottom:2px}
}
@media(max-width:360px){
 .hero-scene{height:390px}
 .hero-scene .screen-center{top:150px}
 .hero-scene .note-sticker{bottom:38px;font-size:9px}
 .hero-scene .scene-orbit{height:270px}
}

/* Editorial notebook, shared by the landing page and daily topics. */
.header>nav{flex-wrap:wrap}
.topics-teaser{padding-block:62px 20px}
.topics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.topics-heading .eyebrow,.journal-heading .eyebrow,.journal-article .eyebrow{color:var(--pink)}
.topics-heading h2{font-size:32px;line-height:1.5;margin:10px 0}
.topics-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}
.note-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;border-bottom:1px solid #bda99d;padding-block:7px;line-height:1.7;overflow-wrap:anywhere}
.note-link:hover{color:var(--pink);border-color:var(--pink)}
.note-link>span{font-size:19px;flex-shrink:0}
.topic-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:30px;padding:30px 34px;background:#fffdf8;border:1px solid var(--line);border-radius:6px 25px 6px 6px;box-shadow:4px 5px 0 #e5d9cb66;margin-bottom:24px;position:relative}
.topic-card:before{content:'';position:absolute;inset-block:18px;inset-inline-start:19px;border-inline-start:1px dashed #d7b3be}
.topic-card-date{display:flex;flex-direction:column;gap:12px;color:var(--muted);direction:ltr}
.topic-card-date>span{font:500 56px/1 'DM Sans',sans-serif;color:#d4abb8;letter-spacing:-3px}
.topic-card time,.journal-article time{font:500 11px/1.8 'DM Sans',sans-serif;letter-spacing:1px;color:var(--muted)}
.topic-card :is(h2,h3){font-size:23px;line-height:1.55;margin:0 0 12px;overflow-wrap:anywhere}
.topic-card :is(h2,h3) a:hover{color:var(--pink)}
.topic-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 13px;overflow-wrap:anywhere}
.journal-main{width:min(980px,100%);margin:auto;padding:28px 40px 90px;min-height:65vh}
.journal-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:20px}
.journal-breadcrumb a:hover{color:var(--pink)}
.journal-heading{padding:58px 0 35px;max-width:720px}
.journal-heading h1{font-size:clamp(32px,4vw,56px);line-height:1.4;margin:12px 0 20px;overflow-wrap:anywhere}
.journal-heading>p:last-child{color:var(--muted);font-size:15px}
.journal-article>header{padding:46px 0 35px;border-bottom:1px solid var(--line)}
.journal-article h1{font-size:clamp(30px,3.7vw,48px);line-height:1.5;letter-spacing:-.5px;margin:20px 0;overflow-wrap:anywhere}
.journal-summary{font-size:16px;line-height:1.9;color:var(--muted);max-width:720px}
.journal-byline{font-size:10px;color:var(--muted);margin-top:24px;line-height:1.8}
.journal-reading-time{display:inline-block;font-size:12px;line-height:1.7;color:#794058;background:#efdae066;border-radius:20px;padding:5px 14px;margin:14px 0 0}
.journal-figure{margin:0 0 30px}
.journal-figure img{display:block;width:100%;height:auto;border-radius:12px;background:#eee5d8;border:1px solid var(--line)}
.journal-figure figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}
.journal-steps .journal-figure{margin:28px 0 0}
.journal-body{max-width:720px;margin:36px auto 0;font-size:16px;line-height:2.05;overflow-wrap:anywhere}
.journal-steps{list-style:none;counter-reset:note-step;margin:38px 0;padding:0}
.journal-steps li{position:relative;counter-increment:note-step;padding:28px 0;padding-inline-start:66px;border-top:1px dashed var(--line)}
.journal-steps li:before{content:counter(note-step,decimal-leading-zero);position:absolute;inset-inline-start:0;top:30px;font:600 18px/1 'DM Sans',sans-serif;background:#efdae0;color:#8b4b62;padding:13px 10px;border-radius:50%}
.journal-steps h2{font-size:23px;line-height:1.6;margin:0 0 14px}
.journal-steps p{margin:0}
.journal-tip{background:#e7eadf;border:1px dashed #b4bba7;border-radius:6px;padding:27px 30px;margin:8px 0 36px;box-shadow:4px 5px 0 #d6d9cc66}
.journal-tip h2{font-size:18px;margin:0 0 12px;line-height:1.6}
.journal-tip p{margin:0}
.journal-sources{margin:35px 0;font-size:13px}
.journal-sources h2{font-size:17px}
.journal-sources a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.journal-back{margin-top:10px}
@media(max-width:600px){
 .header>nav{gap:10px 22px}
 .topics-teaser{padding-block:42px 12px}
 .topics-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:23px}
 .topics-heading h2{font-size:27px}
 .topics-heading p:not(.eyebrow){font-size:12px}
 .topic-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 25px;margin-bottom:20px}
 .topic-card:before{inset-inline-start:11px}
 .topic-card-date{flex-direction:row;align-items:center;gap:18px}
 .topic-card-date>span{font-size:35px;letter-spacing:-1px}
 .topic-card :is(h2,h3){font-size:22px}
 .topic-card p{font-size:12px}
 .journal-main{padding:20px 24px 60px}
 .journal-heading{padding-top:34px}
 .journal-heading h1{font-size:34px}
 .journal-article>header{padding-top:30px}
 .journal-article h1{font-size:30px}
 .journal-summary{font-size:14px}
 .journal-body{font-size:14px;line-height:2;margin-top:28px}
 .journal-steps li{padding-inline-start:0;padding-top:70px}
 .journal-steps li:before{top:24px;padding:10px 8px;font-size:15px}
 .journal-steps h2{font-size:21px}
 .journal-tip{padding:22px}
}