/* 2MEBIKE mobile layer — shared by the journey shell and its chapters. */
@media (max-width:560px){
html{scroll-snap-type:y proximity}body{min-width:0;-webkit-text-size-adjust:100%}
/* Main journey */
.chap{height:100svh;min-height:620px}.brand{top:15px;inset-inline-start:16px;font-size:12px;letter-spacing:2px}.journey-account,.journey-admin{top:11px;min-height:42px;padding:8px 12px;font-size:12px}.journey-account{inset-inline-end:16px}.journey-admin{inset-inline-end:112px}.nav{top:auto;bottom:14px;inset-inline:50% auto;transform:translateX(-50%);flex-direction:row;gap:12px;padding:9px 13px;border:1px solid rgba(127,209,206,.18);border-radius:999px;background:rgba(4,20,19,.72);backdrop-filter:blur(12px)}.nav button{min-width:18px;min-height:28px}.nav .dd{width:7px;height:7px}.nav button.on .dd{transform:scale(1.18)}.scrollhint{bottom:74px;font-size:9px;letter-spacing:2px}.hero-rail{min-height:100svh;padding:20px 20px 92px}.hero-main{padding:34px 0 0}.hero-eye{font-size:9px;letter-spacing:.17em}.hero-eye:before{width:28px}.hero-main h1{font-size:clamp(42px,14vw,58px);line-height:.94;margin:18px 0 12px}.hero-main p{font-size:15px;line-height:1.55;max-width:310px}.hero-cta{margin-top:23px;min-height:48px;padding:12px 20px;font-size:15px}.hero-facts{display:none}.hero-footer{font-size:9px}.journey-modal{padding:16px}.journey-card{padding:20px;border-radius:16px}.journey-card h2{font-size:23px}.journey-field input,.journey-field textarea{font-size:16px}.journey-row{gap:8px}.journey-save,.journey-cancel{min-height:44px}.article-view{width:100%;max-height:calc(100svh - 32px);overflow:auto}.article-media{min-height:180px}.article-copy{padding:24px 20px}.article-copy h2{font-size:35px}.article-copy p{font-size:15px;line-height:1.6}
/* Chapter 02 */
.boot .number{font-size:44vw}.boot .top{font-size:9px;letter-spacing:.15em}.boot .label{font-size:10px;letter-spacing:.13em}.boot .line{width:74vw;margin-top:18px}.boot .start{min-height:48px;margin-top:24px;padding:12px 20px;font-size:15px}.boot .side{bottom:22px;inset-inline:16px;font-size:8px;letter-spacing:.1em}
/* Chapter 03 */
.wrap{height:100svh}.index{padding:76px 18px 18px}.mast{padding-bottom:12px}.mast .k{font-size:9px;letter-spacing:1.6px}.mast .h{font-size:18px}.list{justify-content:flex-start;margin-top:10px}.row{padding:12px 0;gap:10px}.row .num{font-size:11px;width:22px}.row .nm{font-size:clamp(25px,8vw,34px)}.row .en-l,.row .go{display:none}.row.on .nm{padding-bottom:0}.row .micro{display:none}.foot{font-size:8px;letter-spacing:1px;padding-top:10px}.detail{grid-template-columns:1fr}.d-img{display:block;height:27svh}.d-body{padding:22px 18px 72px;justify-content:flex-start;overflow:auto}.d-num{font-size:10px;letter-spacing:2px;margin-bottom:10px}.d-num::before{width:24px}.d-title{font-size:clamp(40px,13vw,56px)}.d-desc{font-size:14px;line-height:1.55;margin:14px 0 18px}.d-items li{font-size:14px;padding:13px 2px}.d-cta{margin-top:20px;min-height:48px;padding:12px 20px}.close{top:12px;inset-inline-end:12px;width:42px;height:42px}
/* Chapter 04 */
.spread{height:100svh;padding:16px}.spread::before,.vlabel,.crosshead{display:none}.mast .l{gap:8px}.mast .t{font-size:17px}.mast .iss,.mast .k{font-size:8px;letter-spacing:1.2px}.canvas{margin-top:12px}.lead{height:48%}.a2{width:48%;height:47%}.a4{width:48%;height:47%}.art .c{bottom:12px;inset-inline:12px}.lead h3{font-size:27px;max-width:100%}.lead .badge{font-size:8px;margin-bottom:7px;padding:4px 8px}.lead .meta{font-size:10px;gap:7px;margin-top:8px}.a2 h3,.a4 h3{font-size:14px}.art .m{font-size:10px}.art .num{top:8px;inset-inline-end:10px;font-size:10px}
/* Chapter 05 */
.panel{padding:0 24px;align-items:flex-end;padding-bottom:86px}.panel .bg{background-position:center}.panel::after{background:linear-gradient(0deg,rgba(6,12,11,.92),rgba(6,12,11,.35) 78%)}.num{top:16%;inset-inline-end:4%;font-size:22vh}.c{max-width:100%}.k{font-size:9px;letter-spacing:2px;gap:8px;margin-bottom:12px}.k::before{width:24px}h2{font-size:clamp(38px,13vw,54px)}.q{font-size:18px;margin-top:14px;line-height:1.4}.cap{font-size:9px;letter-spacing:1px;margin-top:12px}.tag{top:20px;inset-inline-start:18px;font-size:9px;letter-spacing:1.5px}.dots{top:auto;bottom:22px;inset-inline-end:22px;flex-direction:row}.dots i{width:7px;height:7px}
/* Chapter 06 */
.stage{height:100svh}.top{top:20px;inset-inline:18px;font-size:9px;letter-spacing:1.5px}.c{bottom:15vh;width:min(350px,88vw)}.sub{font-size:15px;line-height:1.55;margin-top:16px}.cta{min-height:48px;margin-top:22px;padding:12px 22px;font-size:15px}.trust{margin-top:18px;font-size:9px;letter-spacing:1px}.modal{padding:16px}.card{padding:22px;border-radius:18px}.card h2{font-size:25px}.choices{gap:8px}.choice{min-height:66px;padding:13px}
/* Chapter 07 */
.content{top:30%;width:88vw}.content .k{font-size:9px;letter-spacing:2.5px;margin-bottom:14px}.content h1{font-size:clamp(38px,12vw,54px)}.panel .lbl{bottom:30px;inset-inline-start:10px}.panel .lbl .n{font-size:8px}.panel .lbl .t{font-size:11px}.foot{bottom:25px;font-size:8px;letter-spacing:1.5px;width:80%}
/* Compact handset density: preserve every section, reduce only visual breathing room. */
.chap{min-height:560px}.brand{top:12px;inset-inline-start:14px;font-size:11px}.journey-account,.journey-admin{top:9px;min-height:38px;padding:7px 10px;font-size:11px}.journey-account{inset-inline-end:14px}.journey-admin{inset-inline-end:102px}.nav{bottom:10px;gap:10px;padding:7px 11px}.nav button{min-width:16px;min-height:24px}.nav .dd{width:6px;height:6px}.scrollhint{bottom:61px;font-size:8px;letter-spacing:1.7px}.hero-rail{padding:16px 18px 76px}.hero-main{padding-top:25px}.hero-eye{font-size:8px}.hero-eye:before{width:24px}.hero-main h1{font-size:clamp(36px,11vw,48px);margin:14px 0 9px}.hero-main p{font-size:13px;line-height:1.5;max-width:285px}.hero-cta{margin-top:18px;min-height:44px;padding:10px 17px;font-size:14px}.hero-footer{font-size:8px}.journey-modal{padding:12px}.journey-card{padding:17px}.journey-card h2{font-size:21px}.journey-save,.journey-cancel{min-height:40px}.article-media{min-height:150px}.article-copy{padding:19px 17px}.article-copy h2{font-size:30px}.article-copy p{font-size:14px;line-height:1.55}
/* the full-article link stays visible on phones: every topic now has a real page under /articles/ */
.article-link{display:inline-flex!important;min-height:46px;align-items:center;margin-top:18px}
.journey-modal{align-items:end;padding:10px;background:rgba(2,12,11,.78)}
.journey-card{width:100%;max-width:430px;max-height:calc(100svh - 20px);overflow:auto;padding:18px 16px 14px;border-radius:18px 18px 14px 14px}
.journey-card h2{font-size:22px;line-height:1.08;margin-bottom:6px}.journey-card p{font-size:13px;margin-bottom:12px}
.journey-field{gap:5px;margin:9px 0;font-size:12px}.journey-field input,.journey-field textarea{min-height:46px;padding:10px 11px;font-size:16px}
.journey-field textarea{min-height:92px;max-height:180px}.journey-field input[type=file]{min-height:42px;padding:7px;font-size:13px}
.journey-status{font-size:12px;margin-top:6px}.journey-row{position:sticky;bottom:-14px;margin:12px -16px -14px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:#f5f1e8;border-top:1px solid #d4ddd8;z-index:2}
.journey-save,.journey-cancel{min-height:46px;flex:1;padding:10px 12px}.journeyArticleEditModal .journey-card{padding-bottom:0}.journeyArticleEditModal .journey-row{margin-top:10px}
.article-view{display:block;position:relative;max-width:430px}.article-view .article-media{min-height:170px}.article-view .article-copy{display:block;padding:20px 17px 24px}.article-view .article-copy h2{font-size:30px;line-height:1.05;margin:11px 0 14px}.article-view .article-copy p{white-space:pre-line;font-size:15px;line-height:1.78;color:#c4d7d2}.article-kicker{font-size:9px}.article-edit{position:absolute;top:10px;inset-inline-start:10px;z-index:3;min-height:34px;padding:6px 10px;font-size:12px;background:#071514cc;border-color:#7fd1ce;color:#dffcf8}.article-view .journey-cancel{width:fit-content;flex:0 0 auto;margin-top:16px!important}
/* Mobile navigation: a persistent home route plus a readable chapter sheet. */
.journey-home,.journey-menu{display:block;position:fixed;z-index:230;min-height:38px;border:1px solid rgba(127,209,206,.34);border-radius:999px;background:rgba(4,20,19,.88);backdrop-filter:blur(12px);color:#eaf5f2;padding:7px 11px;font:700 11px 'Heebo',sans-serif;cursor:pointer;touch-action:manipulation}.journey-home{top:52px;inset-inline-start:14px}.journey-menu{bottom:10px;inset-inline-end:14px;color:#07201f;background:#2ce0e0;border-color:#2ce0e0}.journey-home:active,.journey-menu:active{transform:scale(.96)}.journey-home:focus-visible,.journey-menu:focus-visible,.journey-nav-sheet button:focus-visible{outline:2px solid #2ce0e0;outline-offset:3px}
.journey-nav-sheet[hidden]{display:none}.journey-nav-sheet{position:fixed;z-index:900;inset:auto 10px calc(62px + env(safe-area-inset-bottom));display:grid;gap:7px;max-height:calc(100svh - 150px);overflow:auto;padding:14px;border:1px solid rgba(127,209,206,.28);border-radius:18px;background:rgba(5,23,22,.97);box-shadow:0 20px 54px rgba(0,0,0,.45);font-family:'Heebo',sans-serif}.journey-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;color:#d9f2ee;font-size:14px}.journey-nav-head button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer}.journey-nav-sheet>button{min-height:44px;border:1px solid rgba(127,209,206,.18);border-radius:10px;background:#102725;color:#eaf5f2;padding:10px 13px;text-align:right;font:700 14px 'Heebo',sans-serif;cursor:pointer}.journey-nav-sheet>button:active{background:#1b4542;color:#fff}
.boot .number{font-size:38vw}.boot .top{font-size:8px}.boot .label{font-size:9px}.boot .line{width:70vw;margin-top:14px}.boot .start{min-height:44px;margin-top:18px;padding:10px 17px;font-size:14px}.boot .side{bottom:17px;inset-inline:14px}
.index{padding:62px 16px 14px}.mast{padding-bottom:9px}.mast .k{font-size:8px}.mast .h{font-size:16px}.list{margin-top:6px}.row{padding:9px 0;gap:8px}.row .num{font-size:10px;width:20px}.row .nm{font-size:clamp(22px,7vw,30px)}.foot{font-size:7px;padding-top:7px}.d-img{height:24svh}.d-body{padding:17px 16px 60px}.d-num{font-size:9px;margin-bottom:8px}.d-num::before{width:20px}.d-title{font-size:clamp(34px,11vw,46px)}.d-desc{font-size:13px;margin:10px 0 14px}.d-items li{font-size:13px;padding:10px 2px}.d-cta{margin-top:15px;min-height:44px;padding:10px 17px}.close{top:10px;inset-inline-end:10px;width:38px;height:38px}
/* Chapter 04: every editorial card stays available on a handset. */
.spread{padding:12px}.canvas{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:8px;margin-top:9px}.art,.lead,.a2,.a3,.a4,.a5{display:block!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;transform:none!important;opacity:1!important}.lead{grid-column:auto}.rotator{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;overflow:hidden}.rotator .art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;transform:translateY(8px)!important;pointer-events:none!important}.rotator .art.active{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.art .img{filter:brightness(.64)}.art .c{bottom:9px;inset-inline:10px}.lead h3{font-size:22px;max-width:100%;margin-top:4px}.lead .badge{font-size:7px;padding:3px 7px;margin-bottom:4px}.lead .dek,.lead .meta{display:none}.a2 h3,.a3 h3,.a4 h3,.a5 h3{font-size:17px;line-height:1.12;margin-top:3px}.art .cat,.art .m{font-size:8px}.art .num{top:6px;inset-inline-end:7px;font-size:9px}
}