/* Member controls use their own palette across archive and fiction page styles. */
:root { --member-ink:#eaf1f3; --member-muted:#aebfc8; --member-panel:#11232e; --member-edge:#37515f; --member-accent:#e6cd95; --member-deep:#091820; }
.member-session,.member-toolbar,.member-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.member-session { margin-left:auto; font:500 13px/1.4 system-ui,sans-serif; }
.member-toolbar { max-width:1240px; margin:0 auto 26px; padding:12px 0; }
.member-button,.member-session a,.member-gate a[data-member-auth] { display:inline-flex; box-sizing:border-box; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 17px; border:1px solid var(--member-edge); border-radius:7px; background:var(--member-panel); color:var(--member-ink)!important; font:600 13px/1.5 system-ui,sans-serif; text-decoration:none!important; letter-spacing:normal; text-transform:none; cursor:pointer; }
.member-button-primary,.member-session .member-button-primary,.member-gate a[data-member-auth="signup"] { background:var(--member-accent); border-color:var(--member-accent); color:#14232a!important; }
.member-button-quiet,.member-session .member-button-quiet { background:transparent; }
.member-button:hover,.member-session a:hover,.member-gate a[data-member-auth]:hover { border-color:var(--member-accent); box-shadow:0 0 0 1px var(--member-accent); }
.member-button:focus-visible,.member-session a:focus-visible,.member-gate a:focus-visible,.member-account-page a:focus-visible,.member-account-page input:focus-visible { outline:3px solid #8ad6f0; outline-offset:4px; }
.member-button:disabled { opacity:.55; cursor:wait; }
.member-button[aria-pressed="true"] { border-color:var(--member-accent); color:var(--member-accent)!important; }
.member-session [hidden],[data-member-dashboard-auth][hidden],[data-member-dashboard-guest][hidden],[data-member-dashboard-loading][hidden],[data-member-loading-retry][hidden],.member-announcement[hidden] { display:none!important; }
.member-session .member-account-menu { position:relative; flex:0 0 auto; min-width:0; font:500 13px/1.5 system-ui,sans-serif; }
.member-account-menu > .member-account-trigger { appearance:none; display:inline-flex; box-sizing:border-box; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; min-height:44px; margin:0; padding:6px; border:1px solid var(--member-edge); border-radius:50%; background:transparent; color:var(--member-ink); cursor:pointer; }
.member-account-menu > .member-account-trigger:hover,.member-account-menu > .member-account-trigger[aria-expanded="true"] { border-color:var(--member-accent); background:var(--member-panel); }
.member-account-menu > .member-account-trigger:focus-visible { outline:3px solid #8ad6f0; outline-offset:3px; }
.member-account-trigger .member-account-avatar { display:block; flex:0 0 auto; width:30px; height:30px; border-radius:50%; }
.member-preview-nav:has([data-member-account]) { z-index:20; overflow:visible; }
/* These controls also appear inside dossier headers with broad nav rules. */
.member-session .member-account-menu > nav.member-account-dropdown { --member-ink:#eaf1f3; position:absolute; z-index:1000; top:calc(100% + 8px); right:0; bottom:auto; left:auto; display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:2px; box-sizing:border-box; width:190px; min-width:0; max-width:calc(100vw - 32px); height:auto; margin:0; padding:6px; border:1px solid var(--member-edge); border-radius:8px; background:var(--member-deep); color:var(--member-ink); box-shadow:0 16px 45px #0006; backdrop-filter:none; transform:none; text-align:left; letter-spacing:normal; }
.member-account-menu > .member-account-dropdown[hidden] { display:none!important; }
.member-session .member-account-dropdown > .member-account-menu-item { appearance:none; display:flex; box-sizing:border-box; align-items:center; justify-content:flex-start; width:100%; min-height:44px; margin:0; padding:11px 12px; border:0; border-radius:4px; background:transparent; color:var(--member-ink)!important; font:500 13px/1.5 system-ui,sans-serif; text-align:left; text-decoration:none!important; letter-spacing:normal; text-transform:none; white-space:normal; box-shadow:none; cursor:pointer; }
.member-session .member-account-dropdown > .member-account-menu-item:hover { background:var(--member-panel); box-shadow:none; text-decoration:none; }
.member-session .member-account-dropdown > .member-account-menu-item:focus-visible { outline:2px solid #8ad6f0; outline-offset:-2px; background:var(--member-panel); }
.member-session .member-account-dropdown > [data-member-action="logout"] { margin-top:5px; padding-top:14px; border-top:1px solid var(--member-edge); border-radius:0 0 4px 4px; color:#f3b7ac!important; }
.member-account-dropdown > .member-account-email { margin:2px 6px 7px; padding:5px 0 12px; border-bottom:1px solid var(--member-edge); color:#b9c9d2; font:500 12px/1.6 system-ui,sans-serif; overflow-wrap:anywhere; text-transform:none; letter-spacing:normal; }
.member-preview-nav { position:relative; z-index:2; box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap; gap:20px 30px; max-width:1440px; margin:0 auto; padding:24px 36px; border-bottom:1px solid var(--member-edge); color:var(--member-ink); }
.member-preview-nav>a { color:inherit; font:750 15px/1.5 system-ui,sans-serif; letter-spacing:.08em; text-decoration:none; }
.member-preview-nav nav { position:static; z-index:auto; display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; min-width:0; margin:0; padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.member-preview-nav nav>a { display:inline-flex; align-items:center; min-height:44px; color:inherit; font:500 13px/1.5 system-ui,sans-serif; text-decoration:none; }
.member-preview-nav nav>a:hover { text-decoration:underline; text-underline-offset:5px; }
main.member-preview { box-sizing:border-box; width:100%; max-width:1240px; margin:0 auto; padding:54px 36px 90px; color:var(--member-ink); }
.member-preview-shell { max-width:1120px; margin:auto; }
.member-preview-kicker,.member-kicker { margin:0 0 16px; color:var(--member-accent); font:650 11px/1.5 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.14em; }
.member-preview h1 { max-width:980px; margin:0 0 26px; color:inherit; font:550 clamp(34px,5.4vw,64px)/1.08 system-ui,sans-serif; letter-spacing:-.035em; text-wrap:balance; overflow-wrap:normal; }
.member-preview-hero { display:block; margin:28px 0; }
.member-preview-hero img,img.member-preview-hero { display:block; box-sizing:border-box; width:100%; max-height:650px; object-fit:contain; border:1px solid var(--member-edge); border-radius:12px; background:#07131c; }
.member-preview-summary { max-width:790px; margin:26px 0; color:var(--member-muted); font:400 clamp(17px,1.8vw,20px)/1.8 system-ui,sans-serif; }
.member-preview-summary p { margin:0 0 1.2em; }
.member-preview-video { max-width:850px; margin:38px 0; }
.member-preview-video iframe { display:block; width:100%; aspect-ratio:16/9; border:0; }
.member-gate { position:relative; max-width:850px; margin:40px auto 0; padding:34px; border:1px solid var(--member-edge); border-radius:12px; background:linear-gradient(125deg,#17303c,#0b1d28); color:var(--member-ink); text-align:left; }
.member-gate::before { content:""; position:absolute; inset:-1px auto -1px -1px; width:3px; border-radius:12px 0 0 12px; background:var(--member-accent); }
.member-gate h2 { margin:0 0 14px; color:inherit; font:550 clamp(23px,3vw,31px)/1.25 system-ui,sans-serif; letter-spacing:-.02em; text-transform:none; }
.member-gate p { max-width:670px; margin:0 0 22px; color:#c0ced5; font:400 15px/1.8 system-ui,sans-serif; }
.member-gate ul { padding-left:20px; margin:0 0 24px; color:#c0ced5; font:400 14px/1.9 system-ui,sans-serif; }
.member-gate .member-actions { margin-top:22px; }
.member-gate .member-fine-print { margin:18px 0 0; font-size:12px; color:#9db1bf; }
.member-preview-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 30px; max-width:1368px; margin:auto; padding:30px 36px 44px; border-top:1px solid var(--member-edge); color:var(--member-muted); font:400 12px/1.7 system-ui,sans-serif; }
.member-preview-footer a { color:inherit; text-underline-offset:4px; }
.member-content-status { max-width:850px; margin:24px auto; padding:20px; border:1px solid var(--member-edge); border-radius:9px; color:var(--member-ink); background:var(--member-panel); font:400 14px/1.7 system-ui,sans-serif; }
.member-content-status p { margin:0 0 10px; }
.member-announcement { position:fixed; z-index:10020; top:20px; left:50%; transform:translateX(-50%); width:max-content; box-sizing:border-box; max-width:calc(100% - 32px); padding:14px 20px; border:1px solid #6b919c; border-radius:9px; background:#15303b; color:#edf6f8; box-shadow:0 8px 32px #0006; font:500 14px/1.6 system-ui,sans-serif; overflow-wrap:anywhere; }
.member-announcement input { box-sizing:border-box; display:block; width:100%; margin-top:12px; padding:10px; border:1px solid #73929f; border-radius:4px; background:#0c202a; color:#fff; font:14px/1.5 system-ui,sans-serif; }
.member-status-close { display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:36px; margin:-7px -10px -7px 15px; padding:4px; border:0; border-radius:4px; background:transparent; color:inherit; font:22px/1 system-ui,sans-serif; cursor:pointer; }
.member-status-close:focus-visible { outline:3px solid #8ad6f0; outline-offset:2px; }
.member-error { color:#ffbdb1!important; }
.member-announcement.member-error { border-color:#c57d6d; background:#342126; }

/* The illustrated member hub is scoped away from archive and fiction previews. */
body.member-account-page { --member-ink:#f1f4ee; --member-muted:#a5b3bf; --member-panel:#101d2a; --member-edge:#2b3b4a; --member-accent:#d1f58b; --member-deep:#070e17; box-sizing:border-box; margin:0; background:var(--member-deep); color:var(--member-ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.member-account-page * { box-sizing:border-box; }
.member-account-page a { color:var(--member-accent); text-underline-offset:4px; }
body.member-account-page .member-hub-main { width:100%; max-width:none; margin:0; padding:0; }
body.member-account-page .member-button { min-height:46px; padding:11px 19px; border-radius:4px; font-size:13px; }
body.member-account-page .member-button-primary { background:var(--member-accent); border-color:var(--member-accent); color:#111d0a!important; }
body.member-account-page .member-button-quiet { border-color:#536272; background:transparent; }
body.member-account-page .member-kicker { color:var(--member-accent); }
body.member-account-page .member-hub-nav { width:100%; max-width:none; min-height:88px; gap:20px 32px; padding:20px max(28px,calc((100vw - 1224px)/2)); border-bottom:1px solid #263340; background:#070e17; }
body.member-account-page .member-hub-brand { display:inline-flex; align-items:center; gap:11px; min-width:0; color:var(--member-ink); letter-spacing:.07em; }
body.member-account-page .member-hub-brand img { display:block; flex:0 0 auto; width:32px; height:32px; object-fit:contain; }
body.member-account-page .member-hub-brand>span { display:block; font-size:13px; font-weight:750; line-height:1.4; }
body.member-account-page .member-hub-brand small { display:block; margin-top:3px; color:#7f93a3; font-size:9px; font-weight:500; letter-spacing:.2em; }
body.member-account-page .member-hub-nav nav { margin-left:auto; gap:24px; }
body.member-account-page .member-hub-nav nav>a { color:#b8c3cc; font-size:12px; }
body.member-account-page .member-hub-nav .member-session { flex:0 0 auto; margin-left:2px; }
body.member-account-page .member-hub-nav .member-button { min-height:42px; padding:9px 15px; font-size:12px; }
body.member-account-page .member-hub-status:not(.member-error) { position:absolute; width:1px; height:1px; min-height:0; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.member-account-page .member-hub-status.member-error { position:relative; max-width:1224px; margin:20px auto; padding:15px 20px; border:1px solid #80554d; border-radius:4px; background:#2a191c; font-size:14px; line-height:1.7; }
body.member-account-page .member-session-pending { color:#8c9eac; font:500 12px/1.5 system-ui,sans-serif; }
body.member-account-page .member-dashboard-loading { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:15px; max-width:1280px; min-height:430px; margin:0 auto; padding:64px 28px 80px; }
body.member-account-page .member-dashboard-loading h1 { margin:0; color:var(--member-ink); font-size:clamp(35px,4.3vw,54px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
body.member-account-page .member-dashboard-loading .member-kicker { margin:0; }
body.member-account-page .member-dashboard-loading p:not(.member-kicker) { max-width:650px; margin:0; color:#9eafbc; font-size:14px; line-height:1.8; }
body.member-account-page .member-loading-mark { display:block; width:35px; height:35px; margin-bottom:7px; border:2px solid #334450; border-top-color:var(--member-accent); border-radius:50%; }
body.member-account-page .member-dashboard-fallback { gap:20px; }

body.member-account-page .member-hub-hero { position:relative; isolation:isolate; overflow:hidden; background:#0c1a2a; }
body.member-account-page .member-hub-sky { position:absolute; z-index:0; inset:0; width:100%; height:100%; margin:0; object-fit:cover; object-position:center; pointer-events:none; }
body.member-account-page .member-hub-sky img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
body.member-account-page .member-hub-hero::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(7,14,23,.93),rgba(7,14,23,.77) 42%,rgba(7,14,23,.4)),linear-gradient(0deg,#070e17,transparent 40%); pointer-events:none; }
body.member-account-page .member-hub-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr); align-items:center; gap:64px; max-width:1280px; min-height:610px; margin:auto; padding:72px 28px 78px; }
body.member-account-page .member-hub-intro { max-width:660px; }
body.member-account-page .member-hub-intro .member-kicker { margin-bottom:22px; font-size:10px; letter-spacing:.19em; }
body.member-account-page .member-hub-intro h1 { margin:0 0 26px; color:var(--member-ink); font-size:clamp(42px,5.55vw,76px); font-weight:650; line-height:1.035; letter-spacing:-.055em; text-wrap:balance; }
body.member-account-page .member-hub-intro h1 em { display:block; color:var(--member-accent); font-style:normal; }
body.member-account-page .member-hub-intro>p:not(.member-kicker):not(.member-fine-print):not(.member-hub-signin),body.member-account-page .member-hub-lede { max-width:560px; margin:0 0 28px; color:#b8c5cf; font-size:17px; line-height:1.8; }
body.member-account-page .member-hub-intro .member-actions { gap:12px; margin:30px 0 0; }
body.member-account-page .member-hub-signin { margin:19px 0 0; color:#a4b5c2; font-size:13px; line-height:1.7; }
body.member-account-page .member-hub-signin a { margin-left:5px; color:var(--member-ink); }
body.member-account-page .member-hub-intro .member-fine-print { max-width:520px; margin:17px 0 0; color:#8c9ca9; font-size:11px; line-height:1.8; }
body.member-account-page .member-hub-feature { display:block; min-width:0; margin:0; overflow:hidden; border:1px solid #405566; border-radius:5px; background:#0b1723; color:var(--member-ink); box-shadow:0 22px 70px #0005; text-decoration:none; }
body.member-account-page .member-hub-feature:hover { border-color:#9eb87e; }
body.member-account-page .member-hub-feature img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:center; }
body.member-account-page .member-hub-feature-caption { padding:22px 24px 23px; }
body.member-account-page .member-hub-feature-caption>small,body.member-account-page .member-hub-feature-caption>span:first-child { display:block; margin:0 0 10px; color:#9eafb9; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
body.member-account-page .member-hub-feature-caption :is(h2,h3) { margin:0 0 10px; color:var(--member-ink); font-size:25px; font-weight:580; line-height:1.2; letter-spacing:-.025em; }
body.member-account-page .member-hub-feature-caption p { margin:0 0 14px; color:#a8b9c4; font-size:13px; line-height:1.7; }
body.member-account-page .member-hub-feature-caption .member-kicker { margin:0 0 11px; color:var(--member-accent); font-size:10px; line-height:1.5; }
body.member-account-page .member-hub-feature-caption>span { display:block; color:#a7b7c2; font-size:12px; line-height:1.7; }
body.member-account-page .member-hub-feature-caption>span b { float:right; margin-left:12px; color:var(--member-accent); font-size:17px; font-weight:400; }
body.member-account-page .member-hub-feature-caption a { display:inline-flex; align-items:center; min-height:38px; font-size:12px; font-weight:600; text-decoration:none; }

body.member-account-page :is(.member-hub-worlds,.member-hub-benefits) { max-width:1280px; margin:0 auto; padding:49px 28px 55px; }
body.member-account-page .member-hub-worlds { border-bottom:1px solid #253340; }
body.member-account-page :is(.member-hub-heading-row,.member-hub-section-heading,.member-hub-worlds>header,.member-hub-benefits>header) { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:10px 28px; }
body.member-account-page :is(.member-hub-worlds,.member-hub-benefits) h2 { margin:0; color:var(--member-ink); font-size:clamp(26px,3vw,34px); font-weight:580; line-height:1.2; letter-spacing:-.035em; }
body.member-account-page :is(.member-hub-worlds,.member-hub-benefits)>p,body.member-account-page :is(.member-hub-heading-row,.member-hub-section-heading,.member-hub-worlds>header,.member-hub-benefits>header) p:not(.member-kicker) { margin:0; color:#8c9eac; font-size:13px; line-height:1.7; }
body.member-account-page .member-hub-section-heading .member-kicker { margin:0 0 11px; font-size:10px; }
body.member-account-page .member-world-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:27px; }
body.member-account-page .member-world { --world-accent:#d1f58b; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:187px; padding:23px 15px 21px; border:1px solid #2a3946; border-radius:4px; background:#0d1722; color:var(--member-ink); text-align:center; text-decoration:none; transition:border-color .16s ease,transform .16s ease; }
body.member-account-page .member-world[data-world="human"] { --world-accent:#e7c77c; }
body.member-account-page .member-world[data-world="bugvex"] { --world-accent:#c2e85b; }
body.member-account-page .member-world[data-world="cryvum"] { --world-accent:#bca3ff; }
body.member-account-page .member-world[data-world="meldaen"] { --world-accent:#ff819b; }
body.member-account-page .member-world[data-world="awakynet"] { --world-accent:#f2b65b; }
body.member-account-page .member-world img { display:block; width:64px; height:64px; object-fit:contain; }
body.member-account-page .member-world>span:not(.member-world-arrow) { display:block; margin-top:14px; color:var(--member-ink); font-size:15px; font-weight:650; }
body.member-account-page .member-world small { display:block; margin-top:7px; color:#9aaab7; font-size:11px; line-height:1.55; }
body.member-account-page .member-world :is(.member-world-arrow,b[aria-hidden],i[aria-hidden]) { position:absolute; top:13px; right:13px; color:#738795; font-size:15px; font-style:normal; font-weight:400; }
body.member-account-page .member-world:hover { transform:translateY(-2px); border-color:var(--world-accent); }
body.member-account-page .member-world:hover :is(.member-world-arrow,b[aria-hidden],i[aria-hidden]) { color:var(--world-accent); }
body.member-account-page .member-hub-benefits { padding-top:60px; padding-bottom:65px; }
body.member-account-page .member-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:29px; }
body.member-account-page .member-benefit { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #2a3947; border-radius:4px; background:#0c1722; }
body.member-account-page .member-benefit-media { display:block; width:100%; min-height:0; margin:0; aspect-ratio:16/10; object-fit:cover; background:#09121d; }
body.member-account-page .member-benefit-media img { display:block; width:100%; height:100%; object-fit:cover; }
body.member-account-page .member-benefit-model img { padding:9px; object-fit:contain; }
body.member-account-page .member-benefit-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:22px; }
body.member-account-page .member-benefit :is(.member-benefit-tag,.member-kicker),body.member-account-page .member-benefit>small,body.member-account-page .member-benefit>span { color:#a7b99b; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
body.member-account-page .member-benefit h3 { margin:0 0 11px; color:var(--member-ink); font-size:23px; font-weight:580; line-height:1.25; letter-spacing:-.025em; }
body.member-account-page .member-benefit p { margin:0 0 20px; color:#9fafbc; font-size:14px; line-height:1.75; }
body.member-account-page .member-benefit a:not(.member-benefit-media) { display:inline-flex; align-items:center; min-height:40px; margin-top:auto; color:var(--member-accent); font-size:12px; font-weight:600; text-decoration:none; }
body.member-account-page .member-benefit a:not(.member-benefit-media):hover { text-decoration:underline; }
body.member-account-page .member-benefit-copy :is(.member-benefit-tag,.member-kicker) { margin:0 0 11px; }
body.member-account-page .member-benefit>:is(.member-benefit-tag,.member-kicker,small,span) { margin:22px 22px 11px; }
body.member-account-page .member-benefit>h3 { margin:0 22px 11px; }
body.member-account-page .member-benefit>p { margin:0 22px 20px; }
body.member-account-page .member-benefit>a:not(.member-benefit-media) { margin:auto 22px 22px; }
body.member-account-page .member-hub-join-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 36px; max-width:1224px; margin:0 auto 72px; padding:29px 30px; border-top:1px solid #435346; border-bottom:1px solid #293c32; background:#111e22; }
body.member-account-page .member-hub-join-bottom h2 { margin:0 0 8px; color:var(--member-ink); font-size:27px; font-weight:580; line-height:1.25; letter-spacing:-.025em; }
body.member-account-page .member-hub-join-bottom p { max-width:700px; margin:0; color:#9eafba; font-size:13px; line-height:1.7; }
body.member-account-page .member-hub-join-bottom .member-kicker { margin:0 0 11px; color:var(--member-accent); font-size:10px; }

body.member-account-page .member-hub-dashboard { max-width:1280px; margin:0 auto; padding:36px 28px 80px; }
body.member-account-page .member-dashboard-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px 24px; margin-bottom:20px; }
body.member-account-page .member-dashboard-heading .member-kicker { grid-column:1; margin:0 0 8px; }
body.member-account-page .member-dashboard-heading h1 { grid-column:1; margin:0; font-size:clamp(35px,4.3vw,44px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
body.member-account-page .member-dashboard-heading>div>p:not(.member-kicker) { margin:8px 0 0; color:#9eafbc; font-size:14px; line-height:1.7; }
body.member-account-page .member-dashboard-heading>.member-actions,body.member-account-page .member-dashboard-heading>a { grid-column:2; grid-row:1/span 2; align-self:end; }
body.member-account-page .member-account-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; margin:0 0 16px; padding:12px 16px; border:1px solid #2a3b48; border-radius:4px; background:#0d1a26; }
body.member-account-page .member-account-meta [data-member-profile] { display:flex; flex:1 1 210px; flex-wrap:wrap; align-items:center; gap:6px 14px; min-width:0; }
body.member-account-page .member-profile-name { margin:0; font-size:16px; font-weight:600; }
body.member-account-page .member-profile-email { margin:0; color:#9aacb9; font-size:13px; overflow-wrap:anywhere; }
body.member-account-page .member-dashboard-tabs { display:flex; flex-wrap:wrap; gap:26px; margin:0; padding:0; border-bottom:1px solid #2a3946; background:transparent; }
body.member-account-page .member-dashboard-tabs a { display:inline-flex; align-items:center; min-height:48px; padding:10px 1px; border-bottom:2px solid transparent; color:#9aafbe; font-size:13px; font-weight:600; text-decoration:none; }
body.member-account-page .member-dashboard-tabs a:hover,body.member-account-page .member-dashboard-tabs a:focus-visible { border-bottom-color:var(--member-accent); color:var(--member-accent); }
body.member-account-page .member-account-section { margin:26px 0 0; padding:0; border:0; scroll-margin-top:25px; }
body.member-account-page .member-account-section .member-kicker { margin-bottom:9px; font-size:10px; }
body.member-account-page .member-account-section h2 { margin:0 0 12px; font-size:27px; font-weight:580; letter-spacing:-.025em; }
body.member-account-page .member-collection-count { display:inline-flex; align-items:center; justify-content:center; min-width:28px; margin-left:9px; padding:3px 8px; border:1px solid #40523c; border-radius:5px; background:#16251d; color:var(--member-accent); font:600 12px/1.5 system-ui,sans-serif; vertical-align:middle; letter-spacing:normal; }
body.member-account-page .member-collection-count:empty { display:none; }
body.member-account-page .member-account-section>p { max-width:750px; color:#9eafbc; font-size:14px; line-height:1.8; }
body.member-account-page .member-dashboard-columns { display:grid; grid-template-columns:350px minmax(0,1fr); align-items:start; gap:34px; margin-top:46px; }
body.member-account-page .member-dashboard-columns>.member-account-section { min-width:0; margin:0; }
body.member-account-page .member-dashboard-columns>.member-account-section:first-child { padding:23px; border:1px solid #2a3947; border-radius:4px; background:#0c1722; }
body.member-account-page .member-topic-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:9px; margin:22px 0; padding:0; border:0; }
body.member-account-page .member-dashboard-columns .member-topic-grid { grid-template-columns:1fr; }
body.member-account-page .member-topic-grid legend { margin-bottom:12px; color:#b8c6d0; font-size:12px; font-weight:600; }
body.member-account-page .member-topic-option { display:flex; align-items:center; gap:11px; min-height:47px; padding:11px 12px; border:1px solid #304251; border-radius:3px; background:#101e2b; color:#d4dfe6; cursor:pointer; font-size:13px; }
body.member-account-page .member-topic-option:hover,body.member-account-page .member-topic-option:has(input:checked) { border-color:#8da965; background:#17271f; }
body.member-account-page .member-topic-option input { flex:0 0 auto; width:17px; height:17px; margin:0; accent-color:var(--member-accent); }
body.member-account-page .member-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr)); gap:21px; margin-top:18px; align-items:stretch; }
body.member-account-page .member-dashboard-columns .member-card-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr)); }
body.member-account-page .member-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #2c3c4a; border-radius:4px; background:#0e1b27; }
body.member-account-page .member-card>img { display:block; flex:0 0 180px; width:100%; height:180px; object-fit:contain; background:#08111b; }
body.member-account-page .member-card-copy { display:flex; flex:1; flex-direction:column; padding:20px; }
body.member-account-page .member-card .member-kicker { margin-bottom:10px; font-size:10px; }
body.member-account-page .member-card h3 { margin:0 0 13px; font-size:20px; font-weight:580; line-height:1.35; }
body.member-account-page .member-card h3 a { color:var(--member-ink); text-decoration:none; }
body.member-account-page .member-card-copy>p:not(.member-kicker) { color:#a0b1bd; font-size:13px; line-height:1.7; }
body.member-account-page .member-card .member-actions { align-items:flex-start; gap:8px; margin-top:auto; padding-top:17px; }
body.member-account-page .member-text-link { display:inline-flex; align-items:center; min-height:42px; font-size:12px; font-weight:600; }
body.member-account-page .member-card .member-button { min-height:42px; padding:9px 11px; font-size:11px; }
body.member-account-page .member-empty { grid-column:1/-1; margin:0; padding:26px; border:1px dashed #3a4d5b; border-radius:4px; background:#0b1620; color:#9dafbd; font-size:14px; line-height:1.8; }
body.member-account-page .member-preview-footer { max-width:1280px; margin:0 auto; padding:30px 28px 36px; border-color:#263440; color:#8b9eac; }
body.member-account-page :is([data-member-dashboard-guest],[data-member-dashboard-auth])[hidden] { display:none!important; }
.member-status { min-height:24px; margin:18px 0 0; color:var(--member-muted); font-size:13px; line-height:1.7; }
.member-skip { position:absolute; z-index:100; left:20px; top:-100px; padding:13px 18px; background:var(--member-accent); color:#102331!important; }
.member-skip:focus { top:12px; }
.member-fine-print { color:var(--member-muted); font-size:12px; line-height:1.8; }

@media(max-width:1060px) {
 body.member-account-page .member-hub-nav { gap:14px 20px; padding:18px 26px; }
 body.member-account-page .member-hub-nav nav { gap:18px; }
 body.member-account-page .member-hub-hero-inner { gap:35px; min-height:570px; padding-top:60px; padding-bottom:64px; }
 body.member-account-page .member-hub-intro h1 { font-size:clamp(44px,6vw,64px); }
 body.member-account-page .member-world-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.member-account-page .member-benefit-grid { gap:16px; }
 body.member-account-page .member-benefit h3 { font-size:21px; }
 body.member-account-page .member-hub-join-bottom { margin-right:28px; margin-left:28px; }
 body.member-account-page .member-dashboard-columns { grid-template-columns:300px minmax(0,1fr); gap:24px; }
}
@media(max-width:860px) {
 body.member-account-page .member-hub-nav nav { order:3; width:100%; margin-left:0; }
 body.member-account-page .member-hub-nav .member-session { margin-left:auto; }
 body.member-account-page .member-hub-hero-inner { gap:28px; }
 body.member-account-page .member-hub-feature-caption { padding:19px; }
 body.member-account-page .member-hub-feature-caption :is(h2,h3) { font-size:22px; }
 body.member-account-page .member-hub-intro>p:not(.member-kicker):not(.member-fine-print):not(.member-hub-signin) { font-size:15px; }
 body.member-account-page .member-benefit-copy { padding:18px; }
 body.member-account-page .member-dashboard-columns { grid-template-columns:1fr; }
 body.member-account-page .member-dashboard-columns .member-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:706px) {
 body.member-account-page .member-hub-nav { min-height:0; padding:17px 20px 13px; gap:12px 16px; }
 body.member-account-page .member-hub-brand { gap:9px; }
 body.member-account-page .member-hub-brand img { width:28px; height:28px; }
 body.member-account-page .member-hub-brand>span { font-size:11px; }
 body.member-account-page .member-hub-brand small { font-size:8px; }
 body.member-account-page .member-hub-nav .member-session { flex-basis:auto; gap:7px; }
 body.member-account-page .member-hub-nav .member-button { min-height:40px; padding:8px 10px; font-size:11px; }
 body.member-account-page .member-hub-nav nav { gap:21px; }
 body.member-account-page .member-hub-nav nav>a { min-height:36px; font-size:11px; }
 body.member-account-page .member-hub-hero-inner { grid-template-columns:1fr; min-height:0; gap:34px; padding:44px 20px 45px; }
 body.member-account-page .member-hub-sky img { object-position:45% top; }
 body.member-account-page .member-hub-hero::before { background:linear-gradient(180deg,rgba(7,14,23,.7),rgba(7,14,23,.9) 62%,#070e17); }
 body.member-account-page .member-hub-intro { max-width:590px; }
 body.member-account-page .member-hub-intro h1 { max-width:540px; margin-bottom:22px; font-size:clamp(42px,8.8vw,61px); line-height:1.04; }
 body.member-account-page .member-hub-intro .member-kicker { margin-bottom:18px; }
 body.member-account-page .member-hub-intro>p:not(.member-kicker):not(.member-fine-print):not(.member-hub-signin) { max-width:520px; margin-bottom:24px; font-size:16px; line-height:1.75; }
 body.member-account-page .member-hub-intro .member-actions { margin-top:24px; }
 body.member-account-page .member-hub-feature { width:100%; max-width:540px; }
 body.member-account-page .member-hub-feature img { aspect-ratio:16/9; }
 body.member-account-page .member-hub-feature-caption { padding:20px; }
 body.member-account-page :is(.member-hub-worlds,.member-hub-benefits) { padding:36px 20px 40px; }
 body.member-account-page .member-world-grid { gap:10px; margin-top:24px; }
 body.member-account-page .member-world { min-height:169px; padding:21px 10px 17px; }
 body.member-account-page .member-world img { width:55px; height:55px; }
 body.member-account-page .member-world>span:not(.member-world-arrow) { margin-top:12px; font-size:14px; }
 body.member-account-page .member-world small { font-size:10px; }
 body.member-account-page .member-benefit-grid { grid-template-columns:1fr; gap:21px; margin-top:24px; }
 body.member-account-page .member-benefit-media { aspect-ratio:16/9; }
 body.member-account-page .member-benefit h3 { font-size:24px; }
 body.member-account-page .member-benefit-copy { padding:22px; }
 body.member-account-page .member-hub-join-bottom { margin:2px 20px 44px; padding:25px 23px; }
 body.member-account-page .member-hub-join-bottom h2 { font-size:25px; }
 body.member-account-page .member-hub-dashboard { padding:36px 20px 55px; }
 body.member-account-page .member-dashboard-heading { grid-template-columns:1fr; gap:15px; }
 body.member-account-page .member-dashboard-heading>.member-actions,body.member-account-page .member-dashboard-heading>a { grid-column:1; grid-row:auto; }
 body.member-account-page .member-account-meta { gap:12px; padding:12px 16px; }
 body.member-account-page .member-account-meta .member-actions { gap:8px; }
 body.member-account-page .member-account-meta .member-button { min-height:42px; padding:9px 12px; font-size:11px; }
 body.member-account-page .member-dashboard-tabs { gap:22px; }
 body.member-account-page .member-account-section { margin-top:26px; }
 body.member-account-page .member-account-section h2 { font-size:25px; }
 body.member-account-page .member-dashboard-columns { gap:33px; margin-top:34px; }
 body.member-account-page .member-dashboard-columns>.member-account-section:first-child { padding:20px; }
 body.member-account-page .member-preview-footer { padding:28px 20px 34px; }
 body.member-account-page .member-hub-status.member-error { margin:16px 20px; }
}
@media(max-width:540px) {
 body.member-account-page .member-world-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.member-account-page .member-hub-intro .member-actions { align-items:stretch; }
 body.member-account-page .member-hub-intro .member-actions>.member-button { flex:1 1 auto; }
 body.member-account-page .member-hub-feature-caption :is(h2,h3) { font-size:24px; }
 body.member-account-page .member-dashboard-columns .member-topic-grid { grid-template-columns:1fr; }
}
@media(max-width:370px) {
 body.member-account-page .member-hub-nav { column-gap:10px; }
 body.member-account-page .member-hub-brand>span { font-size:10px; }
 body.member-account-page .member-hub-brand img { width:24px; height:24px; }
 body.member-account-page .member-hub-nav .member-session { gap:6px; }
 body.member-account-page .member-hub-nav .member-button { padding:8px; font-size:10px; }
 body.member-account-page .member-hub-intro h1 { font-size:39px; }
 body.member-account-page .member-hub-intro .member-actions>.member-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 body.member-account-page .member-world { transition:none; }
 body.member-account-page .member-world:hover { transform:none; }
}

/* Account access stays in the same illustrated universe as the member hub. */
body.member-access-page .member-access-main { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); max-width:1224px; min-height:680px; margin:40px auto 62px; padding:0; overflow:hidden; border:1px solid #2b3c4a; border-radius:5px; background:#0d1925; }
body.member-access-page .member-access-world { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-width:0; min-height:680px; overflow:hidden; background:#0b1827; }
body.member-access-page .member-access-world-image { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:40% center; }
body.member-access-page .member-access-world::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(7,14,23,.1),rgba(7,14,23,.45) 35%,rgba(7,14,23,.95)),linear-gradient(90deg,rgba(7,14,23,.3),transparent); pointer-events:none; }
body.member-access-page .member-access-world-copy { position:relative; z-index:2; width:100%; padding:46px; }
body.member-access-page .member-access-world-copy .member-kicker { margin-bottom:20px; font-size:10px; letter-spacing:.16em; }
body.member-access-page .member-access-world h1 { max-width:440px; margin:0 0 22px; color:var(--member-ink); font-size:clamp(40px,4.6vw,61px); font-weight:620; line-height:1.055; letter-spacing:-.05em; }
body.member-access-page .member-access-world h1 em { display:block; color:var(--member-accent); font-style:normal; }
body.member-access-page .member-access-world-copy>p:not(.member-kicker) { max-width:405px; margin:0 0 21px; color:#b9c9d3; font-size:15px; line-height:1.8; }
body.member-access-page .member-access-world .member-text-link { color:var(--member-accent); }
body.member-access-page .member-access-panel { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:45px 47px; border-left:1px solid #2b3c4a; background:#0d1925; }
body.member-access-page .member-access-panel .member-kicker { margin:0 0 15px; font-size:10px; letter-spacing:.15em; }
body.member-access-page .member-access-panel h2 { max-width:430px; margin:0 0 17px; color:var(--member-ink); font-size:32px; font-weight:600; line-height:1.15; letter-spacing:-.035em; }
body.member-access-page .member-access-intro { max-width:420px; margin:0 0 26px; color:#9fb3c2; font-size:14px; line-height:1.75; }
body.member-access-page .member-access-field { margin:0 0 19px; }
body.member-access-page .member-access-field label { display:block; margin-bottom:8px; color:#c7d4de; font-size:12px; font-weight:600; line-height:1.5; }
body.member-access-page .member-access-field input { display:block; box-sizing:border-box; width:100%; min-width:0; height:48px; padding:12px 13px; border:1px solid #415465; border-radius:3px; outline:none; background:#08131f; color:#f1f4ee; font:400 15px/1.5 system-ui,sans-serif; }
body.member-access-page .member-access-field input:hover { border-color:#75907e; }
body.member-access-page .member-access-field input:focus-visible { border-color:var(--member-accent); outline:2px solid var(--member-accent); outline-offset:2px; }
body.member-access-page .member-access-field input::placeholder { color:#6f8799; }
body.member-access-page .member-access-field input[name="code"] { max-width:220px; font-size:20px; font-variant-numeric:tabular-nums; letter-spacing:.24em; }
body.member-access-page .member-access-field input:-webkit-autofill { -webkit-text-fill-color:#f1f4ee; box-shadow:0 0 0 1000px #0b1826 inset; caret-color:#f1f4ee; }
body.member-access-page .member-access-field .member-fine-print { margin:9px 0 0; color:#8fa5b5; font-size:11px; line-height:1.7; }
body.member-access-page .member-access-panel form>.member-fine-print { margin:7px 0 17px; font-size:11px; }
body.member-access-page .member-access-panel button[type="submit"] { width:100%; min-height:47px; margin:7px 0 0; border-radius:4px; }
body.member-access-page .member-access-panel button:disabled { opacity:.55; cursor:wait; }
body.member-access-page .member-access-forgot { margin:-3px 0 17px; text-align:right; font-size:12px; line-height:1.6; }
body.member-access-page .member-access-forgot a { color:#c4d2da; }
body.member-access-page .member-access-switch { margin:22px 0 0; padding-top:19px; border-top:1px solid #2b3a47; color:#91a8b9; font-size:12px; line-height:1.8; }
body.member-access-page .member-access-switch+.member-access-switch { margin-top:11px; padding-top:0; border-top:0; }
body.member-access-page .member-access-switch a { margin-left:4px; color:var(--member-accent); font-weight:500; }
body.member-access-page .member-access-email { margin:-10px 0 20px; color:#c6dfb4; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
body.member-access-page .member-access-resend { margin:13px 0 0; }
body.member-access-page .member-access-resend button { min-height:42px; padding:0; border:0; background:transparent; color:var(--member-accent); font:500 12px/1.5 system-ui,sans-serif; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
body.member-access-page .member-access-resend button:disabled { color:#91a2ac; cursor:default; }
body.member-access-page .member-access-status { margin:0 0 23px; padding:13px 15px; border:1px solid #3e5b64; border-radius:3px; background:#132b33; color:#c9e4e5; font-size:13px; line-height:1.7; }
body.member-access-page .member-access-status:empty { display:none; }
body.member-access-page .member-access-status.member-error { border-color:#835a50; background:#2d1c20; }
body.member-access-page .member-access-status:focus { outline:2px solid #9dbfca; outline-offset:3px; }
body.member-access-page :is([data-auth-view],[data-auth-status],[data-auth-email])[hidden] { display:none!important; }
@media(max-width:1280px) {
 body.member-access-page .member-access-main { margin-right:28px; margin-left:28px; }
 body.member-access-page .member-access-world-copy { padding:36px; }
 body.member-access-page .member-access-panel { padding:36px; }
}
@media(max-width:900px) {
 body.member-access-page .member-access-main { grid-template-columns:1fr; min-height:0; max-width:640px; margin:28px auto 45px; }
 body.member-access-page .member-access-world { min-height:250px; }
 body.member-access-page .member-access-world-image { object-position:center 55%; }
 body.member-access-page .member-access-world-copy { padding:28px 34px; }
 body.member-access-page .member-access-world-copy .member-kicker { margin-bottom:13px; }
 body.member-access-page .member-access-world h1 { max-width:550px; margin:0 0 12px; font-size:40px; }
 body.member-access-page .member-access-world-copy>p:not(.member-kicker) { display:none; }
 body.member-access-page .member-access-panel { padding:34px; border-top:1px solid #2b3c4a; border-left:0; }
}
@media(max-width:706px) {
 body.member-access-page .member-access-main { margin:20px 20px 40px; }
 body.member-access-page .member-access-world { min-height:210px; }
 body.member-access-page .member-access-world-copy { padding:24px; }
 body.member-access-page .member-access-world h1 { font-size:clamp(33px,6.8vw,40px); }
 body.member-access-page .member-access-world .member-text-link { min-height:32px; }
 body.member-access-page .member-access-panel { padding:28px 24px; }
 body.member-access-page .member-access-panel h2 { font-size:29px; }
 body.member-access-page .member-access-intro { margin-bottom:23px; font-size:13px; }
}
@media(max-width:390px) {
 body.member-access-page .member-access-main { margin-right:14px; margin-left:14px; }
 body.member-access-page .member-access-world-copy,body.member-access-page .member-access-panel { padding:24px 20px; }
 body.member-access-page .member-access-world h1 { font-size:33px; }
 body.member-access-page .member-access-panel h2 { font-size:27px; }
}

/* Fiction retains its reading palette rather than inheriting a dark archive gate. */
body.story-page .member-preview { --member-ink:#203038; --member-muted:#59656b; --member-edge:#c2cdc9; --member-accent:#176b75; color:#203038; }
body.story-page .member-preview h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
body.story-page .member-preview-summary { font-family:Georgia,'Times New Roman',serif; font-size:20px; color:#455b62; }
body.story-page .member-preview-hero img { border-color:#d5d7cd; }
body.story-page .member-toolbar .member-button { color:#244c57!important; }
body.story-page .member-gate { --member-ink:#edf5f4; --member-accent:#e6cd95; --member-edge:#37515f; }
body.story-page .member-preview-nav { color:#203038; border-color:#c2cdc9; }
body.story-page .member-preview-nav .member-session { --member-ink:#203038; --member-edge:#839b9f; --member-accent:#e6cd95; }
body.story-page .member-account-menu > .member-account-trigger:hover,body.story-page .member-account-menu > .member-account-trigger[aria-expanded="true"] { background:#e1e8e4; }
body.story-page main.member-preview { padding:54px 36px 90px; }
body.story-page .member-preview-footer { color:#59656b; border-color:#c2cdc9; }

/* Account credentials are managed in focused, first-party forms. */
[data-settings-loading][hidden],[data-settings-auth][hidden],[data-settings-guest][hidden],[data-settings-email-confirm][hidden],[data-settings-retry][hidden],[data-settings-resend-status][hidden] { display:none!important; }
body.member-settings-page .member-settings-shell { box-sizing:border-box; width:100%; max-width:1120px; margin:0 auto; padding:42px 28px 72px; }
.member-settings-heading { margin-bottom:27px; }
.member-settings-heading .member-kicker { margin-bottom:10px; }
.member-settings-heading h1 { margin:0 0 13px; font-size:clamp(32px,4.3vw,44px); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.member-settings-heading>p:not(.member-kicker) { margin:0; color:var(--member-muted); font-size:14px; line-height:1.8; }
.member-settings-status { margin:0 0 22px; padding:14px 17px; border:1px solid #405b48; border-radius:5px; background:#11251d; color:#d2e9d7; overflow-wrap:anywhere; }
.member-settings-status:empty { display:none; }
.member-settings-status.member-error { border-color:#80554d; background:#2a191c; }
.member-settings-loading,.member-settings-guest { min-height:180px; padding:24px 0; color:var(--member-muted); font-size:14px; line-height:1.8; }
.member-settings-identity { margin-bottom:22px; padding:19px 21px; border:1px solid var(--member-edge); border-radius:5px; background:#0d1a26; }
.member-settings-identity p { margin:0 0 6px; color:var(--member-muted); font-size:12px; }
.member-settings-identity strong { font-size:16px; font-weight:600; overflow-wrap:anywhere; }
.member-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.member-settings-panel { min-width:0; padding:25px; border:1px solid var(--member-edge); border-radius:5px; background:#0d1a26; }
.member-settings-panel h2 { margin:0 0 13px; font-size:24px; font-weight:600; letter-spacing:-.025em; }
.member-settings-panel>p,.member-settings-confirm>p { color:var(--member-muted); font-size:13px; line-height:1.8; }
.member-settings-panel form { margin-top:22px; }
.member-settings-panel form>.member-button { margin-top:5px; }
.member-settings-field { margin-bottom:17px; }
.member-settings-field label { display:block; margin:0 0 8px; color:var(--member-ink); font-size:13px; font-weight:550; }
.member-settings-field input { display:block; box-sizing:border-box; width:100%; min-height:46px; margin:0; padding:11px 12px; border:1px solid #526779; border-radius:4px; background:#09141e; color:var(--member-ink); font:400 15px/1.5 system-ui,sans-serif; }
.member-settings-field input:disabled { opacity:.6; }
.member-settings-field input:focus-visible { outline:3px solid #8ad6f0; outline-offset:2px; }
.member-settings-confirm { margin-top:26px; padding-top:24px; border-top:1px solid var(--member-edge); }
.member-settings-confirm h3 { margin:0; font-size:18px; font-weight:600; }
.member-settings-confirm strong { color:var(--member-ink); overflow-wrap:anywhere; }
.member-settings-panel>.member-fine-print { margin:20px 0 0; }
.member-settings-panel>.member-text-link { margin-top:10px; }
@media(max-width:760px) {
 body.member-settings-page .member-settings-shell { padding:32px 20px 50px; }
 .member-settings-grid { grid-template-columns:1fr; gap:20px; }
 .member-settings-panel { padding:21px; }
 .member-settings-panel form>.member-button { width:100%; }
}
@media(max-width:760px) {
 .member-preview-nav { align-items:flex-start; gap:10px 24px; padding:20px; }
 .member-preview-nav nav { gap:5px 18px; }
 .member-session { flex-basis:100%; margin-left:0; }
 main.member-preview { padding:35px 20px 60px; }
 body.story-page main.member-preview { padding:35px 20px 60px; }
 .member-preview h1 { font-size:clamp(32px,8vw,48px); }
 .member-preview-hero { margin:22px 0; }
 .member-gate { padding:26px 23px; }
 .member-gate .member-actions>* { flex:1 1 auto; }
 .member-preview-footer { padding:26px 20px 38px; }
 .member-toolbar { gap:8px; }
 .member-toolbar .member-button { padding:9px 12px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .member-account-page *,.member-preview * { scroll-behavior:auto!important; } }