:root{--paper:#f7f5ef;--white:#fffef9;--ink:#293e34;--muted:#697064;--line:#dcded2;--green:#e8ecdf;--rust:#a95237;--blush:#f0e4d9;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:15px/1.6 var(--sans);color:var(--ink)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400}h1,h2{letter-spacing:-1.4px}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--rust);outline-offset:4px}button{border:0}button svg{flex-shrink:0}svg{display:block}[hidden]{display:none!important}.wrap{max-width:1280px;margin:auto;padding:0 48px}.demo-bar{background:#e8ecdf;color:#5b6653;font-size:9px;text-align:center;letter-spacing:1px;text-transform:uppercase;padding:7px 12px}.demo-bar button{background:none;font:inherit;color:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.site-header{height:86px;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:29px/1 var(--serif);letter-spacing:-1px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand svg{width:30px;height:33px}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:12px;text-decoration:none;color:var(--muted)}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav .nav-order{border:1px solid #a8b19f;padding:9px 16px;border-radius:6px;color:var(--ink)}.menu-button{display:none;width:36px;height:36px;border:1px solid var(--line);background:none;border-radius:6px;font-size:21px}.eyebrow{font:600 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:1.7px;color:var(--muted);margin-bottom:12px}.button{min-height:45px;padding:12px 19px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--white);font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;line-height:1.4}.button:hover{background:#3b5444}.button.secondary{background:transparent;color:var(--ink);border-color:#bdc4b4}.button.secondary:hover{background:var(--green)}.button.text{border:0;background:transparent;color:var(--ink);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.button.small{min-height:37px;padding:8px 13px;font-size:11px}.arrow{font-size:18px;line-height:1}.muted{color:var(--muted)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-label h2{font-size:33px;line-height:1.2;margin:4px 0 0;letter-spacing:-.9px}.section-label .eyebrow{margin:0}.section-label p{font-size:12px;color:var(--muted);max-width:305px;margin:0}.fineprint{font-size:10px;color:var(--muted);line-height:1.5}.chip{border:1px solid #d5daca;border-radius:20px;padding:4px 9px;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.chip.soft{border-color:transparent;background:var(--green)}.avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e3e8d9;color:#53634a;display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.4px}.avatar.terracotta{background:#eee0d5;color:#8c5d45}.avatar.blue{background:#e0e8e6;color:#4c6a66}.person{display:flex;align-items:center;gap:9px;font-size:11px}.person strong{display:block;font-size:11px;font-weight:600}.person small{display:block;font-size:10px;color:var(--muted)}
/* Home */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:55px 0 44px}.hero-copy h1{font-size:clamp(49px,5.4vw,71px);line-height:1.06;margin:15px 0 24px;letter-spacing:-2.9px}.hero-copy h1 em{font-weight:400;color:var(--rust)}.hero-copy>p{font-size:15px;color:var(--muted);max-width:430px;line-height:1.85;margin-bottom:23px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-copy .fineprint{font-size:10px;line-height:1.5;margin:15px 0 0}.hero-art{height:420px;position:relative;background:#e8ecdf;border-radius:140px 140px 18px 18px;isolation:isolate;overflow:hidden}.art-ring{position:absolute;border:1px solid #d4dcc9;border-radius:50%;width:420px;height:420px;top:39px;left:74px;transform:rotate(-28deg)}.art-ring.two{width:365px;height:310px;top:94px;left:95px}.book-cover{position:relative;background:#ad4e30;color:#fff3da;box-shadow:5px 4px 0 #e5d9bc,10px 7px 0 #c9d1b9,0 17px 23px #263a3215;border-radius:2px 5px 5px 2px;width:112px;height:160px;padding:19px 12px 15px 18px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.book-cover:before{position:absolute;content:'';top:0;bottom:0;left:7px;border-left:1px solid #ffc5a43b}.cover-title{font:29px/1.06 var(--serif);letter-spacing:-.6px;position:relative;z-index:1}.cover-author{font-size:7px;letter-spacing:1.4px;text-transform:uppercase;z-index:1}.cover-orbit{position:absolute;right:-35px;bottom:18px;width:145px;height:140px;border:1px solid #e9b697;border-radius:50%;transform:rotate(-28deg)}.cover-orbit.two{right:-43px;bottom:5px;width:160px;height:120px}.hero-art>.book-cover{position:absolute;left:42%;top:56px;width:168px;height:242px;transform:rotate(9deg);padding:25px 20px}.hero-art .cover-title{font-size:42px}.hero-art .cover-author{font-size:8px}.art-label{position:absolute;left:32px;top:34px;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#6b765d}.art-note{position:absolute;left:24px;bottom:81px;width:245px;transform:rotate(-4deg);padding:19px 21px;background:#fffdf6;box-shadow:0 8px 25px #36482e13;border:1px solid #e6e1d3;border-radius:4px}.art-note .eyebrow{font-size:8px;color:var(--rust);margin-bottom:10px;letter-spacing:1.3px}.art-note blockquote{font:21px/1.3 var(--serif);margin:0 0 13px;letter-spacing:-.3px}.art-note .person{font-size:9px}.art-note .avatar{height:25px;width:25px;font-size:8px}.route-slip{position:absolute;left:27px;right:27px;bottom:20px;display:flex;gap:10px;align-items:center;justify-content:center;padding:11px 12px;background:#fdfdf5d9;border:1px solid #d8dfcc;border-radius:7px;font-size:10px;white-space:nowrap}.route-slip b{font-weight:400;color:var(--rust)}.reading-note{position:absolute;right:14px;bottom:94px;border:1px solid #c4ceba;color:#657258;background:#e9eddfeb;border-radius:40px;padding:12px 14px;max-width:110px;font:italic 15px/1.3 var(--serif);text-align:center;transform:rotate(10deg)}.intro-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:32px;align-items:center;padding:19px 0;margin-bottom:44px}.intro-ribbon>p{font:italic 20px/1.3 var(--serif);margin:0}.ribbon-key{display:flex;gap:26px;font-size:11px;color:var(--muted)}.ribbon-key span{display:flex;align-items:center;gap:7px}.ribbon-key i{width:7px;height:7px;background:var(--rust);border-radius:50%}.ribbon-key span:last-child i{background:#718163}.featured{border:1px solid var(--line);border-radius:15px;background:var(--white);overflow:hidden;margin-bottom:47px}.featured-top{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;padding:26px 29px;border-bottom:1px solid var(--line);align-items:center}.featured-book{display:flex;align-items:center;gap:23px}.book-cover.mini{width:65px;height:92px;padding:11px 8px 8px 10px;box-shadow:4px 2px 0 #dfd6be,6px 4px 0 #dce1cf}.mini .cover-title{font-size:18px}.mini .cover-author{font-size:4px;letter-spacing:.8px}.mini .cover-orbit{width:70px;height:70px;right:-18px;bottom:4px}.featured-book h3{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:4px 0 5px}.featured-book p{font-size:11px;color:var(--muted);margin:0}.featured-book .eyebrow{font-size:8px;margin:0}.mini-route{padding:0 4px}.route-cities{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;position:relative;padding-top:24px}.route-cities:before{content:'';position:absolute;left:17px;right:18px;top:7px;border-top:1px dashed #b79b81}.route-cities span{position:relative;text-align:center}.route-cities span:before{content:'';position:absolute;top:-21px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#fffdf7;border:1px solid var(--rust)}.route-cities span:last-child:before{background:var(--ink);border-color:var(--ink)}.mini-route .fineprint{font-size:9px;margin:10px 0 0;text-align:right}.reader-grid{display:grid;grid-template-columns:repeat(3,1fr)}.reader-snapshot{padding:23px 26px 22px;border-right:1px solid var(--line)}.reader-snapshot:last-child{border-right:0}.reader-snapshot .chip{margin-bottom:13px}.reader-snapshot blockquote{font:22px/1.4 var(--serif);letter-spacing:-.3px;margin:0 0 19px}.featured-bottom{padding:14px 27px;background:#f0f2e8;display:flex;justify-content:space-between;align-items:center;gap:15px}.featured-bottom p{font-size:11px;color:var(--muted);margin:0}.featured-bottom a{font-size:12px;font-weight:550;text-decoration:none}.how-section{border-top:1px solid var(--line);padding:36px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:26px}.step-number{display:inline-flex;border:1px solid #bdc7af;border-radius:50%;height:28px;width:28px;justify-content:center;align-items:center;font-size:10px;margin-bottom:16px}.steps h3{font-size:25px;line-height:1.3;margin-bottom:10px}.steps p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.closing{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:32px 0 36px;margin-top:15px}.closing h2{font-size:30px;margin:0 0 5px}.closing p{font-size:12px;margin:0;color:var(--muted)}
/* A physical copy, and its readers */
.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:10px;padding-top:25px;margin-bottom:25px}.breadcrumb a{text-decoration:none}.book-heading{display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:center;padding-bottom:29px;border-bottom:1px solid var(--line)}.book-heading .book-cover{width:99px;height:143px;padding:17px 12px 13px 16px}.book-heading .cover-title{font-size:26px}.book-heading h1{font-size:45px;line-height:1.1;margin:7px 0 7px}.book-heading .eyebrow{font-size:9px;margin:0}.byline{font-size:12px;color:var(--muted);margin-bottom:14px}.book-facts{display:flex;flex-wrap:wrap;gap:8px}.book-actions{display:flex;flex-direction:column;gap:9px;min-width:167px}.book-actions .fineprint{font-size:9px;text-align:center;max-width:180px;margin:0}.journey-thought{font:20px/1.5 var(--serif);color:var(--muted);margin:23px 0 28px}.journey-thought em{color:var(--rust);font-style:normal}.book-columns{display:grid;grid-template-columns:360px minmax(0,1fr);gap:39px;align-items:start}.column-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.column-heading h2{font-size:27px;line-height:1.2;margin:0;letter-spacing:-.8px}.column-heading small{font-size:10px;color:var(--muted);white-space:nowrap}.map-card{height:320px;background:#e8eddf;border:1px solid #d4ddc9;border-radius:12px;overflow:hidden;position:relative}.map-card svg{width:100%;height:100%}.map-key{position:absolute;bottom:12px;left:14px;font-size:9px;color:#606e56}.map-note{font-size:9px;line-height:1.55;color:var(--muted);margin:9px 0 24px}.map-point{cursor:pointer}.map-point:focus-visible{outline:2px solid var(--rust)}.place-list{list-style:none;padding:0;margin:0 0 24px}.place-list li{position:relative;padding:0 0 19px 25px;font-size:11px;margin-left:5px;border-left:1px solid #c9d2bc}.place-list li:last-child{border-left-color:transparent;padding-bottom:0}.place-list li:before{content:'';position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--paper);border:1px solid var(--rust);border-radius:50%}.place-list li:last-child:before{background:var(--ink);border-color:var(--ink)}.place-list strong{display:block;font-size:12px;font-weight:550}.place-list time{color:var(--muted);font-size:10px}.place-list p{font-size:10px;color:var(--muted);margin:2px 0 0}.place-list button{background:none;padding:0;text-align:left}.left-note{padding:22px;background:var(--green);border-radius:10px;margin-top:24px}.left-note h3{font-size:23px;line-height:1.3;margin:0 0 10px}.left-note p{font-size:11px;color:var(--muted);margin-bottom:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:-1px 0 20px}.filter{background:transparent;border:1px solid var(--line);padding:7px 11px;border-radius:20px;font-size:10px;color:var(--muted)}.filter[aria-pressed="true"]{background:#e8ecdf;border-color:#c3ccb6;color:var(--ink)}.reflection{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:25px 27px;margin-bottom:17px;scroll-margin-top:20px}.reflection-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.reflection-top time{font-size:10px;color:var(--muted)}.reflection h3{font-size:26px;line-height:1.32;letter-spacing:-.4px;margin:0 0 17px}.reflection .prompt{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;font-weight:650;color:var(--rust);margin:13px 0 5px}.reflection .reflection-text{color:#616b5d;font-size:12px;line-height:1.85;margin:0}.reflection-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:19px}.reflection-footer small{font-size:9px;color:var(--muted)}.reflection.private{border-style:dashed}.reflection.highlight{outline:2px solid var(--rust);outline-offset:3px}.empty-note{border:1px dashed #bac5ad;border-radius:12px;padding:25px;text-align:center;margin-top:20px}.empty-note h3{font-size:26px;margin:0 0 8px}.empty-note p{font-size:12px;color:var(--muted);margin-bottom:17px}.inline-link{background:none;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:0;color:var(--ink)}.personal-title{padding:45px 0 22px}.personal-title h1{font-size:48px;line-height:1.14;margin:10px 0 15px;max-width:720px}.personal-title>p{font-size:14px;color:var(--muted);max-width:600px;margin:0}.account-notice{display:flex;align-items:center;gap:12px;background:var(--green);border:1px solid #d5ddc8;border-radius:10px;padding:14px 18px;font-size:11px;margin:7px 0 25px}.account-notice p{margin:0;color:var(--muted)}.account-notice strong{display:block;color:var(--ink);font-weight:600}.journal-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.journal-tabs button{padding:10px 0;background:none;border-bottom:2px solid transparent;color:var(--muted);font-size:12px}.journal-tabs button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}.journal-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px}.journal-aside{background:var(--blush);border:1px solid #e2d5c8;border-radius:12px;padding:25px;align-self:start}.journal-aside h2{font-size:28px;line-height:1.25;margin:0 0 14px}.journal-aside p{font-size:12px;color:var(--muted)}.journal-aside .button{width:100%;margin-top:10px}.journey-card{border:1px solid var(--line);border-radius:12px;background:var(--white);display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px;margin-bottom:18px}.journey-card h2{font-size:29px;margin:0 0 8px}.journey-card p{font-size:12px;color:var(--muted);margin-bottom:10px}.journey-card .eyebrow{font-size:8px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:29px 0 35px;margin-top:35px}.footer .brand{font-size:21px;color:var(--muted)}.footer>p{font-size:10px;color:var(--muted);margin:0}.footer-links{display:flex;gap:17px}.footer-links button{font-size:10px;color:var(--muted);text-decoration:underline;background:none;padding:0;text-underline-offset:3px}
/* Forms and overlays */
.modal{padding:0;width:min(580px,calc(100vw - 30px));max-height:calc(100dvh - 36px);border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #253b3433;overflow-y:auto}.modal::backdrop{background:#243b3363;backdrop-filter:blur(4px)}.modal-inner{padding:29px}.close-modal{position:absolute;top:14px;right:15px;width:30px;height:30px;border-radius:50%;background:#e7eadc;font-size:20px;z-index:1}.modal h2{font-size:33px;line-height:1.2;margin:8px 20px 12px 0;letter-spacing:-.7px}.modal .eyebrow{padding-right:25px;font-size:9px}.modal p{font-size:12px;color:var(--muted)}.field{margin-bottom:15px}.field label{font-size:11px;font-weight:600;display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;background:var(--white);border:1px solid #c9d0bf;border-radius:6px;font-size:12px;color:var(--ink)}.field textarea{min-height:78px;resize:vertical}.field small{font-size:9px;line-height:1.6;color:var(--muted);display:block;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{background:var(--green);padding:12px 14px;border-radius:7px;font-size:11px;color:#5f6e53;margin:15px 0}.notice p{margin:0;font-size:11px}.check{display:flex;gap:9px;align-items:flex-start;font-size:11px;margin:15px 0}.check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--ink);margin-top:2px}.location-fields{border:1px solid #d4dbc8;border-radius:9px;background:#edf0e5;padding:15px;margin:10px 0}.location-fields .field:last-child{margin-bottom:0}.full{width:100%}.packs{display:flex;gap:10px;margin:20px 0}.pack{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:14px 9px;flex:1;font-size:10px}.pack b{display:block;font-size:25px;font-weight:450}.pack[aria-pressed="true"]{background:var(--green);border-color:var(--ink)}.sticker{display:flex;gap:18px;align-items:center;border:1px solid #ccd1c2;background:#fffef9;border-radius:10px;padding:20px;margin:20px 0}.qr-placeholder{min-width:85px;max-width:85px;height:85px;border:2px dashed #738466;background:#edf0e5;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;line-height:1.4}.sticker h3{font-size:24px;line-height:1.16;margin:0 0 8px}.sticker p{font-size:10px;margin:0 0 5px}.sticker small{font-size:8px;letter-spacing:.5px}.error{color:#a23c28!important;font-size:11px!important}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,120px);opacity:0;background:var(--ink);color:var(--white);border:1px solid #75816a;border-radius:10px;padding:12px 19px;width:max-content;max-width:calc(100% - 30px);font-size:12px;z-index:100;transition:transform .2s,opacity .2s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-cta{display:none}.menu-links{display:grid;gap:10px;margin-top:20px}.skip-link{position:absolute;top:-70px;left:10px;background:var(--ink);color:var(--white);padding:10px;z-index:99}.skip-link:focus{top:10px}.no-map{padding:55px 27px;text-align:center}.no-map h3{font-size:28px}.no-map p{font-size:12px;color:var(--muted)}
@media(min-width:1450px){.wrap{max-width:1340px;padding:0 55px}.hero-art{height:440px}.hero-copy h1{font-size:76px}}
@media(max-width:1050px){.wrap{padding:0 30px}.nav{gap:17px}.nav a{font-size:11px}.brand{font-size:25px}.hero{gap:32px}.hero-copy h1{font-size:57px}.hero-art{height:395px}.hero-art>.book-cover{left:40%;width:150px;height:218px}.hero-art .cover-title{font-size:36px}.art-note{left:15px;width:216px;padding:16px}.art-note blockquote{font-size:19px}.reading-note{right:10px;bottom:105px;font-size:12px;width:84px}.route-slip{font-size:8px;left:17px;right:17px;gap:6px}.book-columns{grid-template-columns:310px minmax(0,1fr);gap:25px}.book-heading h1{font-size:39px}.reader-snapshot{padding:21px}.reader-snapshot blockquote{font-size:20px}.ribbon-key{gap:15px}.intro-ribbon>p{font-size:18px}.reflection{padding:22px}.reflection h3{font-size:25px}.book-heading{gap:23px}.journal-grid{grid-template-columns:250px minmax(0,1fr);gap:24px}}
@media(max-width:800px){.nav .desktop-link{display:none}.hero{gap:25px;padding-top:40px}.hero-copy h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-actions{gap:5px}.hero-actions .button{font-size:11px;padding:11px 13px}.hero-art{height:370px}.hero-art>.book-cover{left:41%;top:47px;width:126px;height:187px;padding:22px 16px}.hero-art .cover-title{font-size:31px}.art-note{left:13px;bottom:76px;width:208px}.art-note blockquote{font-size:18px}.reading-note{display:none}.route-slip{flex-wrap:wrap;gap:3px 7px;font-size:9px;line-height:1.4}.art-label{left:27px;top:26px;font-size:8px}.intro-ribbon{align-items:flex-start}.ribbon-key{font-size:10px;flex-direction:column;gap:4px;white-space:nowrap}.section-label h2{font-size:29px}.section-label p{max-width:240px;font-size:11px}.featured-top{padding:23px;gap:20px}.featured-book{gap:17px}.featured-book h3{font-size:25px}.route-cities{font-size:10px}.reader-snapshot{padding:20px 17px}.reader-snapshot blockquote{font-size:19px}.steps{gap:24px}.steps h3{font-size:23px}.book-columns{grid-template-columns:270px minmax(0,1fr);gap:22px}.column-heading h2{font-size:23px}.column-heading small{font-size:9px}.reflection-top{align-items:flex-start}.reflection-top time{font-size:9px}.reflection{padding:19px}.reflection h3{font-size:23px}.book-heading{grid-template-columns:95px 1fr auto;gap:19px}.book-heading h1{font-size:35px}.book-heading .book-cover{width:85px;height:126px}.book-heading .cover-title{font-size:23px}.book-actions{min-width:145px}.book-actions .button{font-size:11px;padding:11px}.book-facts{gap:5px}.book-facts .chip{font-size:8px}.journal-grid{grid-template-columns:220px minmax(0,1fr)}.personal-title h1{font-size:42px}.footer{flex-wrap:wrap}.footer>p{order:3;width:100%}.map-card{height:300px}}
@media(max-width:620px){.wrap{padding:0 21px}.demo-bar{font-size:7px;letter-spacing:.7px}.site-header{height:70px}.brand{font-size:25px;gap:8px}.brand svg{width:26px}.header-inner{gap:12px}.nav{gap:10px}.nav .mobile-hide{display:none}.nav .nav-order{font-size:10px;padding:8px 10px}.menu-button{display:block}.hero{grid-template-columns:1fr;padding:36px 0 27px;gap:26px}.hero-copy h1{font-size:57px;line-height:1.04;margin:13px 0 19px;letter-spacing:-2.4px}.hero-copy>p{font-size:14px;max-width:390px;line-height:1.8;margin-bottom:18px}.hero-copy .eyebrow{font-size:8px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:11px 15px}.hero-copy .fineprint{font-size:9px;margin-top:10px}.hero-art{height:340px;border-radius:105px 105px 13px 13px}.hero-art>.book-cover{left:48%;top:41px;width:137px;height:200px;padding:22px 18px}.hero-art .cover-title{font-size:33px}.art-note{left:20px;bottom:72px;width:218px}.art-note blockquote{font-size:19px}.art-label{left:29px;top:27px;font-size:7px}.route-slip{left:20px;right:20px;font-size:9px;gap:8px;bottom:17px;padding:10px}.reading-note{display:none}.intro-ribbon{flex-direction:column;gap:11px;padding:17px 0;margin-bottom:30px}.intro-ribbon>p{font-size:21px}.ribbon-key{flex-direction:row;gap:20px;font-size:10px}.section-label{align-items:flex-start;gap:10px;margin-bottom:17px;flex-direction:column}.section-label h2{font-size:30px}.section-label p{max-width:100%;font-size:12px}.featured-top{grid-template-columns:1fr;padding:22px;gap:23px}.featured-book h3{font-size:28px}.mini-route{padding:0}.route-cities{font-size:11px}.mini-route .fineprint{text-align:left}.reader-grid{grid-template-columns:1fr}.reader-snapshot{padding:22px;border-right:0;border-bottom:1px solid var(--line)}.reader-snapshot:last-child{border-bottom:0}.reader-snapshot blockquote{font-size:23px;max-width:100%;margin-bottom:15px}.featured-bottom{padding:16px 22px;align-items:flex-start;flex-direction:column;gap:8px}.featured{margin-bottom:30px}.how-section{padding:27px 0}.steps{grid-template-columns:1fr;gap:26px;margin-top:21px}.steps>div{position:relative;padding-left:43px}.step-number{position:absolute;left:0;top:2px}.steps h3{font-size:24px;margin-bottom:6px}.steps p{font-size:12px}.closing{flex-direction:column;align-items:flex-start;gap:16px;padding:27px 0 14px}.closing h2{font-size:28px}.breadcrumb{font-size:9px;padding-top:20px;margin-bottom:21px;gap:7px}.book-heading{grid-template-columns:80px 1fr;gap:18px;padding-bottom:22px}.book-heading .book-cover{width:73px;height:110px;padding:13px 9px 11px 12px}.book-heading .cover-title{font-size:20px}.book-heading .cover-author{font-size:5px}.book-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.book-heading h1{font-size:31px;margin:8px 0 6px;letter-spacing:-.8px}.byline{font-size:11px;margin-bottom:10px}.book-facts .chip{font-size:7px;padding:3px 6px}.book-actions{grid-column:1/-1;flex-direction:row;gap:9px}.book-actions .button{flex:1;font-size:11px;padding:11px 9px}.book-actions .fineprint{display:none}.journey-thought{font-size:19px;line-height:1.5;margin:20px 0 24px}.book-columns{grid-template-columns:1fr;gap:27px}.places-column{display:grid;grid-template-columns:1fr;gap:0}.column-heading h2{font-size:27px}.map-card{height:295px}.map-note{margin-bottom:19px}.place-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 15px;margin-bottom:4px}.place-list li{padding-bottom:0;padding-left:17px;border-left:0;margin:0}.place-list li:before{left:0}.place-list li p{font-size:9px}.place-list strong{font-size:11px}.place-list time{font-size:9px}.left-note{display:none}.filters{margin-bottom:16px}.reflection{padding:22px 20px}.reflection h3{font-size:26px}.reflection-top time{font-size:9px}.reflection .reflection-text{font-size:12px}.personal-title{padding:30px 0 20px}.personal-title h1{font-size:39px;letter-spacing:-1.2px}.personal-title>p{font-size:13px}.account-notice{font-size:10px;padding:12px}.journal-grid{grid-template-columns:1fr;gap:22px}.journal-aside{padding:22px}.journal-aside h2{font-size:28px}.journal-aside .button{width:auto}.journey-card{flex-direction:column;align-items:flex-start;padding:22px}.journal-tabs{gap:18px}.journal-tabs button{font-size:11px}.footer{margin-top:30px;gap:21px;padding-bottom:27px}.footer-links{gap:12px}.footer-links button{font-size:9px}.footer .brand{font-size:20px}.footer>p{font-size:9px}.modal-inner{padding:25px 22px}.modal h2{font-size:29px}.form-row{grid-template-columns:1fr;gap:0}.sticker{padding:17px;gap:13px}.sticker h3{font-size:21px}.qr-placeholder{min-width:72px;max-width:72px;height:72px;font-size:9px}.mobile-cta{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:15px;padding:11px 21px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f7f5eff5;backdrop-filter:blur(8px);font-size:10px}.mobile-cta .button{min-height:38px;padding:9px 13px;font-size:11px}body.on-book .footer{padding-bottom:100px}body.on-book .toast{bottom:81px}}
@media(max-width:360px){.wrap{padding:0 16px}.brand{font-size:22px}.brand svg{width:23px}.nav{gap:6px}.nav .nav-order{padding:8px}.hero-copy h1{font-size:50px}.hero-art{height:322px}.hero-art>.book-cover{left:45%;width:130px;height:190px}.art-note{left:14px;width:202px}.route-slip{left:13px;right:13px;gap:5px;font-size:8px}.book-heading h1{font-size:27px}.book-heading{gap:14px}.book-facts{gap:4px}.reflection{padding:19px 17px}.column-heading h2{font-size:25px}.ribbon-key{gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Final layout refinements */
.art-label{left:72px;top:35px}.mobile-route-summary,.map-expand{display:none}
.cover-title{overflow-wrap:anywhere}.reflection h3,.reflection-text,.journey-card h2{overflow-wrap:anywhere}
@media(max-width:620px){
.art-label{left:58px;top:28px}.mobile-route-summary{display:block;background:#e8ecdf;border:1px solid #d6decb;border-radius:9px;padding:14px 15px;margin-bottom:8px}
.mobile-route-summary p{font-size:11px;margin:0 0 5px}.mobile-route-summary small{font-size:9px;color:var(--muted)}
.map-expand{display:flex;align-items:center;justify-content:space-between;background:transparent;padding:7px 1px;text-align:left;font-size:10px;text-decoration:underline;text-underline-offset:4px;margin-bottom:0}
.map-expand span{font-size:16px;text-decoration:none}.places-column:not(.expanded) .map-card,.places-column:not(.expanded) .map-note,.places-column:not(.expanded) .place-list,.places-column:not(.expanded)>[data-action="arrival"]{display:none}
.places-column.expanded .map-card{margin-top:12px}.places-column.expanded>.button{margin-top:18px}.book-columns{gap:24px}
}

/* A clear beginning for each physical book, using the existing journal palette. */
.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}.journal-heading>.button{flex:none}
.journal-welcome,.first-chapter{background:var(--green);border:1px solid var(--line);border-radius:12px;padding:26px 30px;margin:15px 0 30px}
.journal-welcome h2,.first-chapter h2{font-size:31px;line-height:1.2;margin:0 0 12px}.journal-welcome p,.first-chapter p{font-size:13px;color:var(--muted);max-width:600px}.first-chapter{margin-top:26px}
.activity-count{font-size:10px;border-radius:20px;padding:2px 6px;background:var(--green);color:var(--ink)}
.start-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(0,1fr);gap:30px;align-items:start;margin-top:12px}.start-form-card{padding:30px}.start-form-card h2{font-size:28px}.start-form-card section+section{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}
.start-form-card select{font-family:monospace;font-size:12px;max-width:100%}.start-aside{padding:27px;background:var(--blush);border:1px solid var(--line);border-radius:12px}.start-aside h2{font-size:29px;line-height:1.2}.start-aside p{font-size:13px;color:var(--muted)}.start-aside a,.start-found{font-size:12px}.start-found{margin:28px 0;color:var(--muted)}.start-intro{max-width:650px;margin-top:12px}.start-intro p{font-size:14px}
@media(max-width:760px){.start-layout{grid-template-columns:minmax(0,1fr)}.journal-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:24px}.journal-heading .personal-title{padding-bottom:20px}.journal-welcome,.first-chapter{padding:24px}.start-form-card{padding:22px}.journal-tabs{flex-wrap:wrap;gap:8px 20px}.start-form-card select{font-size:11px}.start-aside{padding:24px}}
/* Working build: account, persistence, reading forms, sticker inventory, app shell. */
.nav-account{background:transparent;border:0;font-size:12px;padding:9px 0;text-decoration:underline;text-underline-offset:5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{padding:100px 20px;text-align:center;color:var(--muted)}.bottom-nav{display:none}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.field small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.field input,.field textarea,.field select{width:100%;padding:12px;background:var(--white);border:1px solid #bbc3b2;border-radius:6px;color:var(--ink);min-height:45px}.field textarea{resize:vertical;min-height:110px}.field{margin:0 0 18px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-error{color:#922f1e;background:#f9e7df;border-radius:6px;padding:10px 13px;margin-bottom:15px;font-size:12px}.form-error:empty{display:none}.form-note{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:17px}.required-hint{font-size:11px;font-weight:400;color:var(--muted)}.narrow-page{max-width:630px;margin:60px auto 80px}.narrow-page>h1{font-size:50px;line-height:1.1}.card{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:25px}.card h2{font-size:30px;margin:0 0 12px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.inventory-item{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:10px}.inventory-item code{font-size:13px;display:block;margin:12px 0;overflow-wrap:anywhere}.inventory-item p{font-size:12px}.pack-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 10px}.pack-header h2{margin:0;font-size:27px}.note-controls{display:flex;gap:13px;justify-content:flex-end;flex-wrap:wrap;margin-top:13px}.note-controls button{padding:0;background:none;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.reflection-text{white-space:pre-wrap;overflow-wrap:anywhere}.entry-date{font-size:10px;color:var(--muted)}.route-board{background:var(--green);border:1px solid #d4dcc9;border-radius:12px;padding:24px 22px;margin-bottom:12px}.route-board .eyebrow{font-size:9px}.route-stop{display:flex;gap:15px;position:relative;padding-bottom:24px;align-items:flex-start}.route-stop:last-child{padding-bottom:0}.route-stop:not(:last-child):before{position:absolute;content:'';left:8px;top:20px;bottom:2px;border-left:1px dashed #a9b19d}.route-dot{border:1px solid var(--rust);background:var(--white);color:var(--rust);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px;flex:none;position:relative;z-index:1}.route-stop strong{font-weight:500;display:block;font:19px/1.15 var(--serif)}.route-stop small{font-size:10px;color:var(--muted)}.route-stop p{margin:5px 0 0;font-size:11px}.route-stop .note-controls{justify-content:flex-start;margin-top:9px}.book-heading h1{overflow-wrap:anywhere}.book-cover .cover-title{overflow-wrap:anywhere}.privacy-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;border:1px solid #d9cabc;border-radius:20px;padding:3px 8px;color:#8c5d45;background:#f5eae2}.empty-state{border:1px dashed #b8c0ad;border-radius:12px;text-align:center;padding:40px 25px;margin:22px 0;background:#fffef966}.empty-state h2{font-size:31px;margin:0 0 12px}.empty-state p{color:var(--muted);font-size:13px;max-width:420px;margin:0 auto 20px}.book-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:45px}.book-card-link{color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;gap:25px;background:var(--white);align-items:center;transition:transform .18s,border-color .18s}.book-card-link:hover{transform:translateY(-3px);border-color:#8b9b7d}.book-card-link h2{font-size:29px;line-height:1.1;margin:0 0 7px;overflow-wrap:anywhere}.book-card-link p{font-size:12px;color:var(--muted);margin:5px 0}.book-card-link .chip{margin-top:8px}.account-box{display:flex;align-items:center;gap:14px;background:var(--green);padding:18px 22px;border-radius:9px;margin:20px 0}.account-box p{font-size:12px;margin:0}.account-box strong{display:block}.tab-counter{color:var(--muted);font-size:10px;margin-left:3px}.search-row{display:flex;gap:10px;max-width:650px;margin:0 0 30px}.search-row input{flex:1;min-width:0;background:var(--white);border:1px solid #b9c0b2;border-radius:6px;padding:12px}.notice.warning{background:#f3e7db;border-color:#dfc8b2}.read-only-note{font-size:11px;color:var(--muted);margin-top:12px}.last-seen{padding:13px 0;color:var(--muted);font-size:11px}.book-columns .places-column .route-board{display:block}.danger-button{background:transparent;border:1px solid #b87965;color:#8a3d27}.danger-button:hover{background:#f3e3d8}.auth-tabs{display:flex;gap:10px;margin:20px 0}.auth-tabs button{background:transparent;padding:7px 2px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.auth-tabs button[aria-pressed=true]{border-color:var(--rust);color:var(--ink)}.qr-view{display:block;width:220px;margin:20px auto}.scanner-preview{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:var(--ink)}.settings-stack{display:grid;gap:20px}.settings-stack p{font-size:12px;color:var(--muted)}#connection-status{padding:9px;text-align:center;background:#f3e4d7;color:#713d28;font-size:12px}.journal-entry-book{font-size:11px;color:var(--rust);text-decoration:none;font-weight:600;display:block;margin:0 0 17px}.reflection-card .reflection-title{font:27px/1.3 var(--serif);margin:16px 0;letter-spacing:-.5px}.reflection-card .reading-life{font-size:12px;color:var(--muted);border-left:2px solid #dce2d1;padding-left:13px;margin:15px 0}.reflection-card{border:1px solid var(--line);background:var(--white);padding:25px 27px;border-radius:12px;margin-bottom:17px}.reflection-card>p{font-size:13px}.reflection-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-checklist{counter-reset:steps;display:grid;gap:18px;margin:25px 0}.welcome-checklist>div{display:flex;align-items:flex-start;gap:15px;font-size:13px}.welcome-checklist span{background:var(--green);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;flex:none}.welcome-checklist p{margin:0;color:var(--muted)}.sticky-box{position:sticky;top:25px}.inline-link{background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}.toast{z-index:100}.sample-line{margin-bottom:20px}.app-status{font-size:10px;padding:4px 8px;background:var(--green);border-radius:4px;display:inline-block}.footer .footer-links a{font-size:11px}.wide-copy{max-width:780px;margin:50px auto}.wide-copy h1{font-size:48px}.wide-copy h2{font-size:28px;margin-top:30px}.wide-copy p{color:var(--muted);font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}button[disabled]{opacity:.6;cursor:wait}.menu-links{display:grid;gap:10px}.mini-swatch{height:45px;width:45px;border-radius:8px;background:var(--green);display:grid;place-items:center;font:24px Georgia;color:var(--rust)}
@media(max-width:900px){.nav{gap:15px}.book-card-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card-link h2{font-size:27px}.hero{gap:25px}.hero-copy h1{font-size:55px}.hero-art{height:390px}.nav-account{display:inline-block}.book-columns{grid-template-columns:290px 1fr}.book-actions{min-width:170px}.places-column .column-heading h2{font-size:25px}.column-heading h2{font-size:27px}}
@media(max-width:680px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.wrap{padding-left:22px;padding-right:22px}.hero-copy h1{font-size:52px;letter-spacing:-2px}.hero{padding-top:35px}.hero-art{height:360px}.hero-art>.book-cover{left:48%;top:45px;width:135px;height:203px}.hero-art .cover-title{font-size:35px}.art-note{width:220px;left:17px}.site-header{height:74px}.brand{font-size:26px}.nav .nav-order{display:none}.narrow-page{margin:35px auto 45px}.narrow-page>h1{font-size:40px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--white);border-top:1px solid var(--line);padding:8px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #293e3405}.bottom-nav a{font-size:10px;text-decoration:none;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:1px;min-width:62px;padding:3px 6px;border-radius:8px}.bottom-nav a[aria-current]{color:var(--ink);background:var(--green)}.bottom-nav span{font-size:23px;line-height:1.3}.inventory-grid{grid-template-columns:1fr}.pack-header{align-items:flex-start}.pack-header h2{font-size:24px}.book-columns{grid-template-columns:1fr}.places-column{order:1}.readers-column{order:2}.places-column .route-board{padding:20px;max-height:340px;overflow:auto}.book-card-link{padding:21px;gap:18px}.book-card-link .book-cover{width:86px;height:130px;padding:14px 9px 12px 14px}.book-card-link .cover-title{font-size:23px}.book-card-link h2{font-size:27px}.reflection-card{padding:22px}.reflection-card .reflection-title{font-size:26px}.journal-tabs{overflow-x:auto;white-space:nowrap;gap:18px}.journal-tabs button{flex-shrink:0}.toast{bottom:88px;left:22px;right:22px;max-width:none;transform:none}.toast.show{transform:none}.form-row{grid-template-columns:1fr;gap:0}.footer{margin-bottom:12px}.section-label h2{font-size:30px}.book-heading{gap:21px}.book-heading h1{font-size:41px}.personal-title h1{font-size:43px}.closing h2{font-size:31px}.reflection-top{gap:8px;align-items:flex-start}.reflection-top .chip{white-space:normal}.account-box{align-items:flex-start}.sample-line{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full{width:100%}.notice{line-height:1.6}.book-card-link+.book-card-link{margin-top:16px}
.mobile-story-tabs{display:none}@media(max-width:680px){.mobile-story-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:0 0 24px}.mobile-story-tabs button{font-size:12px;background:transparent;color:var(--muted);border-bottom:2px solid transparent;padding:12px 0}.mobile-story-tabs button[aria-pressed=true]{border-bottom-color:var(--rust);color:var(--ink)}.book-columns[data-panel=readers] .places-column{display:none}.book-columns[data-panel=places] .readers-column{display:none}.places-column .route-board{max-height:none}.book-columns .places-column>[data-action=place]{display:inline-flex!important}.column-heading{flex-wrap:wrap;gap:8px}.places-column .left-note{display:block!important}}

/* Stripe + Stickers & Posters sticker shop */
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0 23px}.shop-pack{background:var(--white,#fffef9);border:1px solid #dcded2;border-radius:14px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.shop-pack:nth-child(2){background:#e8ecdf;border-color:#b7c0ad}.shop-pack h2{font-size:50px;margin:8px 0 20px}.shop-pack h2 span{display:block;font-size:20px}.shop-pack p{line-height:1.7}.shop-pack .shop-price{font-size:23px;font-family:Georgia,serif;margin:9px 0}.shop-pack .button{margin-top:auto}.shop-pack .fineprint{min-height:48px}.button:disabled{opacity:.45;cursor:not-allowed}.fulfillment-explainer{display:flex;flex-wrap:wrap;gap:12px 28px;padding:21px 0;font-size:12px;border-top:1px solid #dcded2;border-bottom:1px solid #dcded2;margin-bottom:15px}.order-list{margin:45px 0}.order-card{display:flex;justify-content:space-between;gap:24px;padding:22px;margin-bottom:14px;border:1px solid #dcded2;border-radius:10px;background:#fffef9}.order-card h3{font-size:24px}.order-card small{font-size:10px;overflow-wrap:anywhere}.inventory-item code{overflow-wrap:anywhere;word-break:break-word;font-size:11px}
@media(max-width:760px){.shop-grid{grid-template-columns:1fr}.shop-pack{padding:24px}.shop-pack h2{font-size:42px}.shop-pack .fineprint{min-height:0}.order-card{flex-direction:column;gap:10px}}

/* Keep sign-in and account access available between desktop and phone widths. */
.tag-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}
.tag-option{border:1px solid var(--line);border-radius:15px;padding:32px;background:var(--white)}
.tag-option-free{background:var(--green)}
.tag-option h2{font:38px/1.1 var(--serif);margin:12px 0 22px}
.tag-option>p{max-width:420px;font-size:14px;line-height:1.7}
.tag-option-price{font:29px/1.2 var(--serif);margin-bottom:16px}
.tag-option-price span{display:block;font:12px/1.8 var(--sans);color:var(--muted)}
.tag-sheet-details{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:12px}
.tag-sheet-details p{margin:7px 0}.tag-sheet-details a{color:var(--ink);text-underline-offset:3px}
.tag-print-guide{border:1px solid var(--line);border-radius:12px;padding:26px 30px;margin:30px 0 50px}
.tag-print-guide h2{font:29px/1.2 var(--serif);margin:0 0 18px}
.tag-print-guide ol{padding-left:20px;font-size:13px;line-height:1.8}
.tag-print-guide li{padding-left:6px;margin:8px 0}
.tag-account-actions{justify-content:center}#my-tags{margin-top:50px}
.tag-option button[disabled],.shop-pack button[disabled]{cursor:not-allowed}
@media(max-width:680px){.tag-options{grid-template-columns:1fr;gap:18px}.tag-option{padding:24px}.tag-option h2{font-size:33px}.tag-print-guide{padding:24px}.tag-print-guide h2{font-size:27px}.pack-header{flex-wrap:wrap}}
@media(max-width:900px){
  .nav .desktop-link,.nav .mobile-hide{display:none}
  .menu-button{display:block;flex-shrink:0}
  .nav-account{max-width:90px;min-height:44px}
}
@media(max-width:680px){
  .header-inner{gap:8px}
  .nav{gap:8px}
  .nav-account{max-width:76px}
}
@media(max-width:360px){
  .site-header .brand{font-size:22px;gap:6px}
  .site-header .brand svg{width:23px}
  .nav{gap:4px}
  .nav-account{max-width:60px}
}

/* Long permanent tag codes must stay readable on small screens. */
.book-card-link>div{min-width:0}.book-card-link .book-cover{flex-shrink:0}.book-card-link .eyebrow,.journal-entry-book{overflow-wrap:anywhere}
#selected-tag-code{display:none;font-size:11px;overflow-wrap:anywhere;margin-top:8px}
@media(max-width:680px){#selected-tag-code{display:block}.journal-grid{grid-template-columns:minmax(0,1fr)}}

.social-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0}.social-button{width:180px;height:40px;min-height:40px;cursor:pointer;border-radius:4px}.google-button{padding:0;border:0;background:transparent}.google-button img{display:block;width:180px;height:40px}.facebook-button{border:1px solid #747775;background:white;color:#1f1f1f;font:500 14px Arial,sans-serif;padding:0 8px}.social-button:disabled{opacity:.6;cursor:wait}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}