/* Shared HOHB interface: one spacing, type and control system. */
:root{--ink:#352941;--purple:#80539c;--muted:#776983;--line:#e6dfee;--paper:#faf8fc;scroll-behavior:smooth;scroll-padding-top:24px}
body{background:var(--paper)}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:14px;border:2px solid var(--purple);border-radius:10px}.skip-link:focus{top:12px}header{padding-top:22px;padding-bottom:22px}nav{gap:22px}nav>a{color:#71617f;font-size:12px}.brand small{color:#82738e}main{padding-top:0}.intro{padding:38px 0 44px;align-items:center}h1{font-size:42px;line-height:1.35;font-weight:750}.intro-copy{color:var(--muted);font-size:14px;line-height:1.85}.intro-note{color:#9a86a8}.intro-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.primary-link,.secondary-link{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;min-height:46px;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600}.primary-link{background:var(--purple);color:white;box-shadow:0 6px 16px #80539c17}.secondary-link{background:#f1ebf6;color:#6c487e}.primary-link:hover{background:#6b4085}.secondary-link:hover{background:#e8dff0}
.content-library{padding:32px 0 46px;border-top:1px solid var(--line);scroll-margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{font-size:9px;color:#9276a4;letter-spacing:1.8px;margin:0 0 10px}.section-heading h2{font-size:26px;letter-spacing:-1px;line-height:1.4;margin:0;color:var(--ink);font-weight:700}.section-heading p:not(.eyebrow){font-size:13px;line-height:1.7;margin:8px 0 0;color:var(--muted)}.library-total{font-size:12px;color:#8d799a;white-space:nowrap}.library-tools{display:flex;justify-content:space-between;gap:18px;align-items:center}.library-search{min-height:48px;max-width:360px;flex:1;display:flex;gap:10px;align-items:center;background:white;border:1px solid #ded3e6;border-radius:12px;padding:0 14px;box-shadow:0 2px 5px #50386603}.library-search:focus-within{outline:2px solid #b493c6;outline-offset:2px}.library-search svg{width:20px;height:20px;flex:none;color:#9477a5}.library-search input{border:0;outline:none;background:none;width:100%;min-width:0;font:inherit;font-size:13px;color:var(--ink);padding:13px 0}.library-search input::placeholder{color:#a798b0}.content-filters{display:flex;gap:5px;flex-wrap:wrap}.content-filters button{min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:22px;background:transparent;color:#786487;font-size:12px}.content-filters button:hover{background:#f0e9f5}.content-filters button[aria-pressed=true]{background:#eae0f1;color:#67427e;border-color:#ded0e8;font-weight:600}.library-status{display:flex;align-items:center;gap:12px;color:#95859f;font-size:11px;padding:20px 0 14px;min-height:50px}.library-status>:last-child{margin-left:auto}.library-status button{border:0;background:none;text-decoration:underline;color:#80539c;font-size:11px;padding:4px}.library-status [hidden]{display:none}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.content-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:border-color .2s,box-shadow .2s;min-width:0}.content-card:hover{border-color:#cbb3db;box-shadow:0 6px 22px #65457e0b}.content-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.content-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#8b5ba3;background:#f0e7f6;flex:none}.content-icon svg{width:25px;height:25px}.content-type{font-size:11px;line-height:1.5;color:#786483;text-align:right}.content-card h3{font-size:17px;letter-spacing:-.6px;line-height:1.5;margin:18px 0 8px;font-weight:650;color:var(--ink)}.content-card p{font-size:13px;line-height:1.8;color:#786483;margin:0 0 22px}.content-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.content-actions a{display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;font-size:13px;font-weight:600;min-height:44px;border-radius:10px;background:#f2ecf7;color:#76458e;padding:10px 12px}.content-actions a:hover{background:#80539c;color:white}.content-card[data-theme=play] .content-icon{background:#efe9f2;color:#87668f}.content-card[data-theme=routine] .content-icon{background:#ede9f5;color:#776291}#content-empty{padding:40px 20px;border:1px dashed #d9cce3;border-radius:16px;text-align:center;color:#6f567f;font-size:14px}#content-empty p{font-size:12px;color:var(--muted)}#content-empty[hidden]{display:none}.world-section{padding-top:28px;border-top:1px solid var(--line)}.text-link{font-size:12px;color:#8d6e9e;white-space:nowrap}.explorer{min-height:620px;border-radius:22px;box-shadow:none}.passport{padding:24px 20px 0}.passport-heading{font-size:13px;font-weight:600;letter-spacing:0;color:#6d527e;margin-bottom:8px}.passport-heading span:last-child{font-size:18px}.passport-note{font-size:11px;color:#8c7999;margin:0 0 20px;line-height:1.7}.search{background:white;border-color:#e4d9eb;min-height:44px}.search input{font-size:12px}.search:focus-within{outline:2px solid #b493c6}.country-card strong{font-size:12px;color:#53405f}.country-card small{font-size:10px;color:#95809f}.country-card:hover{transform:none}.country-symbol{background:#eee4f4!important;color:#9265a7!important;box-shadow:none}.country-symbol svg{width:22px;height:22px}#continent-tabs button{font-size:11px;min-height:36px;padding:8px}#globe-view{min-height:620px}.globe-controls button{width:40px;height:40px}.departure strong{font-size:11px;line-height:1.6}.departure small{font-size:10px}.world-footer{font-size:10px;color:#8c769a}.story{gap:35px}.story p{font-size:12px;color:#8c7999}footer{font-size:10px;color:#8a7796}dialog p,dialog li{color:#796486}dialog .close-dialog{width:36px;height:36px}#arrival-links a{min-height:46px}.tpp-tag{letter-spacing:1px}
@media(max-width:1050px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-tools{align-items:stretch;flex-direction:column}.library-search{max-width:none;flex:none}.library-total{display:none}}
@media(max-width:720px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{padding:18px}.intro-note{display:none}.intro{padding:24px 0 30px}.intro-copy{font-size:13px}h1{font-size:34px}.section-heading h2{font-size:23px}.library-status>:last-child{display:none}.section-heading{align-items:start}.text-link{font-size:11px}.world-section>.section-heading{display:block}.world-section .text-link{display:inline-block;margin-top:12px}}
@media(max-width:620px){header{padding:17px 18px}.brand{font-size:16px;gap:8px}.brand small{font-size:8px}.brand img{width:32px;height:36px}nav{gap:13px}nav .nav-content{display:inline;font-size:11px}nav .nav-instagram{display:none}nav button{display:none}main{padding:0 16px}.intro{padding:22px 2px 30px}h1{font-size:31px;letter-spacing:-1.4px;margin-top:12px}.eyebrow{font-size:8px}.intro-copy br{display:none}.intro-actions{gap:8px;margin-top:21px}.primary-link,.secondary-link{font-size:12px;padding:11px 13px;gap:12px;min-height:44px}.content-library{padding-top:28px;padding-bottom:32px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:23px}.section-heading p:not(.eyebrow){font-size:12px}.library-tools{gap:13px}.content-filters{gap:2px}.content-filters button{font-size:11px;padding:9px 10px;min-height:40px}.content-grid{gap:10px}.content-card{padding:16px 13px;border-radius:15px}.content-card-top{align-items:start;flex-direction:column;gap:10px}.content-icon{width:36px;height:36px;border-radius:10px}.content-icon svg{width:22px;height:22px}.content-type{font-size:10px;text-align:left}.content-card h3{font-size:15px;margin-top:12px;letter-spacing:-.5px}.content-card p{font-size:12px;line-height:1.75;margin-bottom:16px}.content-actions{flex-direction:column;gap:6px}.content-actions a{font-size:12px;min-height:44px;padding:10px 6px}.library-status{padding-top:16px;font-size:10px}.explorer{border-radius:18px}#globe-view{height:410px;min-height:410px}.passport{padding:20px 16px}.passport-note{font-size:11px;margin-bottom:15px}#country-list{gap:0 12px}.country-card{padding:13px 0}.country-card strong{font-size:11px}.country-card small{font-size:9px}.country-symbol{width:29px;height:33px}.country-symbol svg{width:19px;height:19px}.country-card[data-continent=hohb]{margin-top:0;padding-top:13px}.world-footer{font-size:9px;gap:10px}.story{padding:22px 2px}.story p{font-size:11px}.story>span{font-size:13px}footer{font-size:9px;padding-top:22px;padding-bottom:25px;gap:15px}.globe-controls{right:12px;bottom:45px}.globe-controls button{width:36px;height:36px}.drag-hint{font-size:8px}.country-label{font-size:8px}.content-filters{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.content-card{transition:none}}

/* Globe-led home: the journey is the first, dominant experience. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro{padding:14px 0 24px;gap:28px}.intro>div:first-child{display:grid;grid-template-columns:1fr auto;column-gap:40px;align-items:center;width:100%}.intro .eyebrow{grid-column:1;margin:0 0 10px;font-size:8px}.intro h1{grid-column:1;font-size:30px;line-height:1.35;margin:0 0 10px;letter-spacing:-1.2px}.intro h1 br{display:none}.intro-copy{grid-column:1;font-size:12px;line-height:1.7;margin:0}.intro-copy br{display:none}.intro-actions{grid-column:2;grid-row:1/4;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:8px}.intro-note{display:none}.world-section{padding-top:0;border-top:0}.content-library{margin-top:26px}.intro-actions a{min-height:42px;font-size:12px;padding:10px 15px}
@media(max-width:720px){.intro>div:first-child{display:block}.intro{padding:15px 0 20px}.intro h1{font-size:27px;max-width:500px}.intro h1 br{display:block}.intro-copy{font-size:12px}.intro-actions{flex-direction:row;flex-wrap:wrap;margin-top:15px;gap:8px}.intro-actions a{font-size:11px;padding:10px 13px}.intro .eyebrow{margin-bottom:9px}}
@media(max-width:620px){.intro{padding:12px 2px 18px}.intro h1{font-size:25px;line-height:1.3;margin-bottom:8px}.intro .eyebrow{font-size:7px;margin-bottom:8px}.intro-copy{font-size:11px}.intro-actions{margin-top:12px}.intro-actions a{min-height:40px}.content-library{margin-top:22px}}