@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

:root { --ink:#3d2d28; --muted:#896e5d; --paper:#fff9ef; --cream:#f7e9d0; --gold:#d49a36; --purple:#754d78; --teal:#3f8b89; --line:#e5cba6; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#efe0c5; font-family:'Noto Sans HK',system-ui,sans-serif; }
button { font:inherit; color:inherit; cursor:pointer; }
.app-shell { width:min(100%, 560px); min-height:100vh; margin:auto; background:linear-gradient(145deg,#fff9ec 0%,#f8e5c8 100%); box-shadow:0 0 45px #8e6e4b33; position:relative; padding-bottom:84px; overflow:hidden; }
.topbar { height:82px; padding:19px 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edd5b3; background:#fff8ebaa; }
.icon-button { width:43px; height:43px; border:1px solid #d5b78b; border-radius:50%; background:#f5e5c6; box-shadow:0 3px 0 #d7b984; font-size:22px; }
.brand-mark { text-align:center; line-height:1; display:grid; gap:4px; color:#5c3a2c; }
.brand-mark span { color:var(--gold); font-size:15px; }
.brand-mark strong { font-family:'Playfair Display',serif; font-size:25px; letter-spacing:2px; }
.brand-mark small { font-size:9px; letter-spacing:3px; color:#a37a56; }
.page { padding:25px 22px 18px; }
.welcome { text-align:center; padding:8px 0 24px; }
.eyebrow { margin:0 0 2px; color:#9b7755; font-size:15px; letter-spacing:2px; }
h1 { margin:0; font-family:'Playfair Display','Noto Sans HK',serif; font-size:46px; letter-spacing:4px; color:#5a3527; text-shadow:1px 2px 0 #fff; }
.welcome-copy { margin:2px 0 0; font-size:15px; color:#9b7755; }
.entry-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.entry-card { border:1px solid var(--line); border-radius:18px; min-height:156px; padding:15px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:#fffaf0; box-shadow:0 5px 0 #e8cc9f,0 10px 18px #b7905c1a; transition:.18s transform,.18s box-shadow; }
.entry-card:hover,.entry-card:focus-visible { transform:translateY(-3px); box-shadow:0 8px 0 #e2c18f,0 14px 20px #b7905c2b; outline:none; }
.entry-icon { width:80px; height:66px; display:grid; place-items:center; font-size:50px; filter:drop-shadow(0 3px 2px #8c633444); }
.map-card-icon::before { content:'🗺️'; }.people-card-icon::before { content:'👨‍👩‍👧'; }.time-card-icon::before { content:'⏳'; }.story-card-icon::before { content:'📖'; }
@media (max-width:767px){
  .app-shell{width:calc(100% - 24px);margin:12px auto;border-radius:22px;}
  .page,.sub-page{padding-left:16px;padding-right:16px;}
  .page-header{margin-bottom:10px;}
  .page-header h2{font-size:24px;}
  .fact-grid{grid-template-columns:1fr;min-width:0;}
  .fact-grid>div{min-width:0;}
  .scripture-link-row{width:100%;min-width:0;min-height:68px;align-items:center;}
  .scripture-link{min-width:0;overflow:hidden;white-space:normal;word-break:normal;overflow-wrap:normal;}
  .scripture-link span,.scripture-link small{display:block;max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:break-word;}
  .scripture-options{flex:0 0 48px;width:48px;height:48px;min-height:48px;align-self:center;padding:0;}
  .timeline-era{padding:14px 10px;}
  .timeline-list{margin-left:7px;padding-left:13px;display:grid;gap:16px;}
  .timeline-item{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:0;height:auto;padding:0;background:transparent;border:0;}
  .timeline-item-content{min-width:0;flex:1;display:block;}
  .timeline-title{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;min-height:36px;}
  .timeline-title strong{font-size:18px;}
  .timeline-item em{margin:7px 0 9px;line-height:1.55;}
  .timeline-item .scripture-link-row{margin:5px 0 0;}
  .timeline-dot{margin-top:9px;}
  .link-grid,.people-grid,.theme-grid{grid-template-columns:1fr;}
  .rich-link-list{display:grid;grid-template-columns:1fr;}
  .rich-link-card{min-width:0;}
  .profile-hero{padding:16px;gap:12px;}
  .profile-hero h1{font-size:29px;}
}
@media (max-width:340px){.profile-hero{align-items:flex-start;}.profile-asset{width:78px;height:78px;}.profile-hero h1{font-size:25px;}}
.entry-card strong { font-size:18px; font-weight:800; }
.entry-card small { color:var(--muted); font-size:13px; }
.map-entry { background:linear-gradient(#fffaf0,#f8ead0); }.people-entry { background:linear-gradient(#fffaf0,#f4e6d3); }.time-entry { background:linear-gradient(#fffaf0,#f7e9ce); }.story-entry { background:linear-gradient(#fffaf0,#f4e5c9); }
.memory-search { width:100%; margin:18px 0 15px; border:0; border-radius:16px; padding:13px 17px; display:flex; align-items:center; gap:12px; text-align:left; color:#fff; background:linear-gradient(105deg,#765079,#9b658e); box-shadow:0 5px 0 #5b3b60; }
.memory-search .mic { width:36px; height:36px; display:grid; place-items:center; border:2px solid #fff8; border-radius:50%; font-size:22px; }.memory-search strong,.memory-search small { display:block; }.memory-search small { margin-top:2px; color:#f1dceb; font-size:12px; }.chevron { margin-left:auto; font-size:30px; }
.today-card { display:flex; align-items:center; gap:12px; padding:13px 16px; border:1px solid #e3c897; border-radius:16px; background:#fff7e6; }.sunflower { font-size:29px; color:#e0a02b; }.today-card strong { font-size:15px; }.today-card p { margin:2px 0 0; color:var(--muted); font-size:12px; }.progress-ring { margin-left:auto; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; border:4px solid #e7b04d; color:#97651f; font-weight:800; font-size:14px; }
.bottom-nav { position:absolute; bottom:0; left:0; right:0; height:76px; display:grid; grid-template-columns:repeat(4,1fr); background:#fffaf1f2; border-top:1px solid #e3cba6; backdrop-filter:blur(10px); }.bottom-nav button { border:0; background:transparent; color:#a68b70; font-size:12px; display:grid; place-content:center; gap:2px; }.bottom-nav span { font-size:25px; line-height:1; }.bottom-nav .active { color:#6b4169; font-weight:800; }
.sub-page { min-height:calc(100vh - 158px); }.sub-header { display:flex; align-items:center; gap:14px; margin-bottom:18px; }.back-button { border:1px solid #d7b98b; background:#fff7e8; width:43px; height:43px; border-radius:50%; font-size:24px; }.sub-header h2 { margin:0; font-family:'Playfair Display','Noto Sans HK',serif; font-size:29px; }.sub-header p { margin:2px 0 0; color:var(--muted); font-size:12px; }
.world-scene { min-height:520px; position:relative; border:5px solid #b98553; border-radius:20px; overflow:hidden; background:linear-gradient(166deg,#9cc9c5 0%,#cfe7c4 45%,#e6c58f 46%,#8fb48b 100%); box-shadow:inset 0 0 40px #526d4933,0 6px 0 #92643c; }.world-scene:before { content:'☁️     🌈'; position:absolute; top:22px; right:18px; font-size:26px; letter-spacing:10px; }.world-scene:after { content:'🌳              ⛰️     🌳'; position:absolute; bottom:70px; left:18px; right:18px; font-size:43px; letter-spacing:5px; opacity:.8; }
.river { position:absolute; width:160%; height:120px; background:#76b8bf; border:10px solid #d2e2c4; transform:rotate(-18deg); left:-28%; top:205px; border-radius:50%; box-shadow:inset 0 0 20px #4b919b; }.scene-label { position:absolute; z-index:2; border:2px solid #81582e; background:#fff4d9; padding:7px 13px; border-radius:20px; box-shadow:0 3px 0 #9a713e; font-weight:800; font-size:13px; }.scene-label:hover { background:#ffe5a7; }.l-creation{top:45px;left:28px}.l-eden{top:130px;left:35px}.l-flood{top:180px;right:28px}.l-babel{top:288px;left:80px}.l-abraham{top:350px;right:25px}.l-joseph{bottom:26px;left:34px}.l-moses{bottom:25px;right:30px}
.timeline-card { border:1px solid var(--line); border-radius:16px; background:#fffaf0; padding:17px 15px; }.era-tabs { display:flex; gap:8px; margin-bottom:16px; }.era-tabs button { flex:1; border:1px solid #dac095; border-radius:20px; padding:8px; background:#fff; }.era-tabs .selected { background:var(--purple); color:white; border-color:var(--purple); }.timeline-list { position:relative; margin-left:14px; border-left:3px solid #d9b273; }.timeline-item { position:relative; display:grid; grid-template-columns:20px 1fr; gap:10px; padding:0 0 16px 0; }.timeline-dot { width:15px; height:15px; border-radius:50%; background:#d68e32; border:3px solid #fff; outline:2px solid #d68e32; margin-left:-10px; }.timeline-item strong { display:block; font-size:15px; }.timeline-item small { color:var(--muted); font-size:11px; }.timeline-item.current .timeline-dot { background:#754d78; outline-color:#754d78; }.timeline-item.current strong { color:#754d78; }
.detail-card { background:#fffaf0; border:1px solid var(--line); border-radius:20px; overflow:hidden; }.detail-hero { min-height:185px; display:grid; place-items:center; background:linear-gradient(160deg,#8ec7c2,#d8e8ba 55%,#a1bd86); font-size:110px; position:relative; }.detail-hero span { filter:drop-shadow(0 8px 3px #335e4933); }.detail-body { padding:19px; }.detail-body h3 { font-family:'Playfair Display','Noto Sans HK',serif; font-size:30px; margin:0; }.detail-body .tag { color:#fff; background:var(--purple); border-radius:13px; padding:3px 10px; font-size:11px; }.fact-box { margin-top:16px; padding:14px; background:#f9edd7; border-radius:13px; line-height:1.7; font-size:14px; }.action-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:15px; }.action-row button { border:1px solid #dfc494; border-radius:12px; background:#fff8e9; padding:10px 5px; font-size:12px; }.story-list { display:grid; gap:10px; }.story-item { display:flex; align-items:center; gap:13px; padding:13px; background:#fffaf0; border:1px solid var(--line); border-radius:15px; }.story-item span { font-size:31px; }.story-item strong,.story-item small { display:block; }.story-item small { color:var(--muted); font-size:12px; margin-top:2px; }
.toast { position:fixed; left:50%; bottom:94px; transform:translate(-50%,12px); opacity:0; pointer-events:none; background:#4c3430; color:#fff; padding:12px 20px; border-radius:22px; transition:.2s; font-size:13px; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (min-width:700px) { .app-shell { margin:30px auto; min-height:calc(100vh - 60px); border-radius:28px; } .bottom-nav { border-radius:0 0 28px 28px; } }

/* Milestone 1 interaction surfaces */
body[data-font="large"] { font-size:18px; } body[data-font="xlarge"] { font-size:20px; } body[data-font="xlarge"] .entry-card strong {font-size:22px;} body[data-font="xlarge"] .entry-card small {font-size:16px;}
body[data-font="xlarge"] .page {padding-left:28px;padding-right:28px;}
.page-shell { min-height:calc(100vh - 158px); }.home-float { margin-left:auto; border:1px solid #d7b98b; background:#fff7e8; width:43px; height:43px; border-radius:50%; font-size:24px; }
.senior-button { min-height:56px; border:1px solid #d8bc8e; border-radius:13px; background:#fff7e8; padding:10px 13px; font-weight:700; font-size:15px; }.senior-button:hover,.senior-button:focus-visible,.back-button:focus-visible,.home-float:focus-visible,.entry-card:focus-visible { outline:4px solid #e3a43e; outline-offset:2px; }.senior-button.primary { background:#765079; color:#fff; border-color:#5c3a60; min-height:64px; width:100%; font-size:19px; }
.map-controls { display:flex; align-items:center; gap:8px; margin-top:14px; }.map-controls button { min-width:50px; height:50px; border:1px solid #d2b486; border-radius:12px; background:#fff7e8; font-size:25px; }.map-controls span { flex:1; text-align:center; color:var(--muted); }.map-tip { text-align:center; color:var(--muted); font-size:14px; }.world-scene { transition:transform .4s ease; }.world-scene.zoomed { transform:scale(1.04); }.scene-clouds { position:absolute; top:22px; right:18px; z-index:2; font-size:26px; }.scene-landscape { position:absolute; bottom:68px; left:20px; right:20px; z-index:2; font-size:43px; opacity:.85; }.map-node { transition:transform .2s, box-shadow .2s; }.map-node:hover,.map-node:focus-visible { transform:scale(1.08); box-shadow:0 0 0 5px #fff8,0 3px 0 #9a713e; outline:none; }.node-0{top:39px;left:24px}.node-1{top:113px;left:35px}.node-2{top:182px;right:24px}.node-3{top:275px;left:68px}.node-4{top:345px;right:22px}.node-5{bottom:126px;left:24px}.node-6{bottom:72px;right:23px}.node-7{bottom:28px;left:120px}.node-8{top:340px;left:170px}.node-9{top:240px;right:20px}.node-10{top:92px;right:100px}
.zoom-strip { display:flex; gap:6px; padding:7px 0 15px; overflow:auto; }.zoom-strip span { white-space:nowrap; padding:6px 12px; border-radius:16px; background:#f7ead0; color:#735244; font-size:12px; }.timeline-item { width:100%; text-align:left; border:0; background:transparent; cursor:pointer; }.timeline-item em { display:block; color:#916f53; font-style:normal; font-size:11px; margin-top:3px; }.timeline-item:focus-visible { outline:3px solid #e3a43e; border-radius:8px; }.timeline-card .timeline-item { grid-template-columns:20px 1fr; }
.filter-row { display:flex; gap:8px; margin-bottom:14px; }.filter,.search-small,.relation-tabs button { min-height:48px; padding:7px 14px; border:1px solid #dbc096; border-radius:22px; background:#fff8ea; }.filter.active,.relation-tabs .selected { background:var(--purple); color:#fff; border-color:var(--purple); }.search-small { margin-left:auto; }.people-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.person-chip { min-height:72px; display:flex; align-items:center; gap:9px; text-align:left; padding:8px; border:1px solid #e0c69c; border-radius:14px; background:#fffaf0; }.person-chip:hover,.person-chip:focus-visible,.story-item:focus-visible,.event-card:focus-visible,.search-result:focus-visible { outline:3px solid #e3a43e; outline-offset:2px; }.portrait { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#ead3b0; font-size:28px; flex:none; }.person-chip strong,.person-chip small {display:block}.person-chip strong{font-size:15px}.person-chip small{font-size:11px;color:var(--muted)}
.profile-card,.event-profile,.place-card,.journey-card,.settings-card { border:1px solid var(--line); border-radius:20px; background:#fffaf0; overflow:hidden; }.profile-hero { display:flex; align-items:center; gap:18px; padding:22px; background:linear-gradient(140deg,#c7ddd0,#f5ddae); }.profile-hero>span { font-size:92px; filter:drop-shadow(0 7px 2px #76533c33); }.profile-hero h3 { margin:0; font-size:32px; }.profile-hero small { display:block; color:var(--muted); font-size:16px; }.profile-hero b { display:inline-block; margin-top:8px; padding:4px 10px; border-radius:13px; color:#fff; background:var(--purple); font-size:12px; }.profile-body,.event-profile-body,.place-body { padding:20px; }.fact-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.fact-grid div { padding:11px; border-radius:12px; background:#f9edd7; }.fact-grid small,.fact-grid strong{display:block}.fact-grid small{color:var(--muted);font-size:12px}.fact-grid strong{margin-top:4px;font-size:14px}.profile-summary,.event-profile-body>p,.place-body>p { font-size:18px; line-height:1.8; }.important-box { padding:15px; border-left:5px solid #db9d3b; border-radius:12px; background:#f9edd7; line-height:1.7; }.important-box p{margin:6px 0 0}.action-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:16px; }.section-title { font-size:22px; margin:22px 0 10px; }.people-strip { display:flex; gap:8px; overflow:auto; padding:3px; }.people-strip .person-chip { min-width:145px; }.relation-tabs { display:flex; gap:8px; margin-bottom:14px; }.family-tree { padding:22px 10px; border:1px solid #dfc69d; border-radius:18px; background:#fff7e7; text-align:center; }.tree-card { min-width:116px; display:inline-grid; place-items:center; gap:3px; padding:10px 8px; border:1px solid #dfc69d; border-radius:14px; background:#fffaf0; }.tree-card.main { border:3px solid #b78136; }.tree-card .portrait { width:58px;height:58px; }.tree-card strong{font-size:15px}.tree-card small{font-size:12px;color:var(--muted)}.tree-line { height:28px; width:2px; background:#bd8f50; margin:auto; }.branch-lines { width:68%; height:25px; border-top:2px solid #bd8f50; margin:0 auto; }.children-row { display:flex; justify-content:center; gap:10px; }.relation-note { margin-top:14px; padding:14px; border-radius:13px; background:#f9edd7; text-align:center; color:#735244; }
.story-list { display:grid; gap:10px; }.story-item { min-height:77px; display:flex; align-items:center; gap:13px; padding:13px; background:#fffaf0; border:1px solid var(--line); border-radius:15px; text-align:left; }.story-item span:nth-child(1){font-size:34px}.story-item span:nth-child(2){flex:1}.story-item strong,.story-item small{display:block}.story-item small{color:var(--muted);font-size:12px;margin-top:2px}.story-item b{font-size:22px;color:#9a704e}.story-scene { min-height:330px; position:relative; overflow:hidden; border:5px solid #9d7548; border-radius:20px; background:linear-gradient(#91c7c5 0%,#d6e6bc 55%,#97b17c 56%,#748f64 100%); }.scene-sky { position:absolute; top:20px; left:20px; right:20px; font-size:26px; text-align:right; }.scene-art { position:absolute; inset:60px 0 62px; display:grid; place-items:center; font-size:140px; filter:drop-shadow(0 10px 5px #304c4433); }.scene-characters { position:absolute; bottom:7px; left:10px; right:10px; display:flex; justify-content:center; gap:8px; }.scene-characters button { border:2px solid #fff; border-radius:50%; background:#fff4de; width:60px; height:60px; display:grid; place-items:center; }.scene-characters span{font-size:30px}.scene-characters small{display:none}.story-copy { padding:15px 3px; }.story-copy h3,.event-profile-body h3,.place-body h3,.journey-card h3 { margin:0 0 7px; font-size:28px; }.story-copy p { font-size:18px; line-height:1.75; }.scripture-button { min-height:54px; border:1px solid #d5b987; border-radius:13px; background:#fff7e7; padding:10px 15px; font-weight:700; }.story-nav,.event-links { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.story-bottom-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:15px; }.story-bottom-nav .senior-button { min-height:64px; padding:6px; font-size:12px; }.event-profile-hero,.place-hero { min-height:180px; display:grid; place-items:center; font-size:110px; background:linear-gradient(150deg,#93c8c4,#e7c894); }.tag { display:inline-block; border-radius:13px; padding:4px 10px; background:var(--purple); color:#fff; font-size:12px; }.event-profile-body h4,.place-body h4 { margin:18px 0 8px; font-size:18px; }.event-profile-body>p,.place-body>p { margin:8px 0; }.related-block { margin-top:18px; }.related-block h4{margin-bottom:8px}.event-links{margin-top:18px}.challenge-card { padding:24px 17px; border:1px solid #b88844; border-radius:20px; background:linear-gradient(#274452,#173441); color:#fff; text-align:center; }.challenge-icon{font-size:62px}.challenge-card h3{font-size:23px;line-height:1.55}.answers{display:grid;gap:10px;margin-top:20px}.answers button{min-height:60px;border:1px solid #d39c44;border-radius:12px;background:#1e3f4b;color:#fff;text-align:left;padding:12px 17px;font-size:18px}.answers button:hover,.answers button:focus-visible{background:#3b6570;outline:3px solid #f2c46e}.feedback{margin-top:16px;font-size:17px;line-height:1.6}.feedback button{min-height:52px;border:0;border-radius:12px;background:#e9b34b;padding:10px 14px;font-weight:800}.good{color:#f6cf67}.try{color:#ffd18a}.journey-card{padding:22px}.journey-head{display:flex;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid #ead4ad}.journey-head>span{font-size:48px}.journey-card h4{font-size:20px;margin:22px 0 10px}.journey-path{border-left:4px solid #e2b25b;margin-left:12px;padding-left:20px;display:grid;gap:15px}.journey-step{font-size:18px}.journey-step span{color:#c99a42;margin-right:10px}.journey-step.done{color:#6e4e41;font-weight:700}.settings-card{padding:20px;display:grid;gap:23px}.settings-card label{font-size:19px;font-weight:700}.setting-options{display:flex;gap:8px;margin-top:9px}.setting-options button{min-height:52px;min-width:74px;border:1px solid #d7b888;border-radius:12px;background:#fff7e7;font-weight:700}.setting-options button.selected{background:var(--purple);color:#fff}.search-panel{display:flex;gap:8px;margin-bottom:15px}.search-panel input{min-height:60px;flex:1;border:2px solid #d4b687;border-radius:13px;padding:12px 15px;font-size:17px;background:#fffdf6}.search-panel button{min-width:88px;border:0;border-radius:13px;background:var(--purple);color:#fff;font-weight:800}.search-results{display:grid;gap:9px}.search-result{min-height:72px;display:flex;align-items:center;gap:12px;border:1px solid #dfc49a;border-radius:14px;padding:10px;background:#fffaf0;text-align:left}.search-result>span:first-child{font-size:27px}.search-result>span:nth-child(2){flex:1}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted);margin-top:3px;font-size:12px}.search-empty,.empty-state{text-align:center;color:var(--muted);padding:30px 10px;font-size:16px}.empty-state{font-size:50px}.empty-state h3{font-size:22px}.onboarding{position:fixed;inset:0;background:#4b372c88;z-index:10;display:grid;place-items:center;padding:20px}.onboarding-card{width:min(100%,470px);border:2px solid #d6aa68;border-radius:22px;padding:24px;background:#fff7e8;box-shadow:0 20px 50px #3a241c55;text-align:center}.onboarding-card h2{font-size:27px;margin:6px 0}.onboarding-card p{font-size:17px;line-height:1.6}.onboarding-spark{color:#d79932;font-size:30px}.onboard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.onboard-steps div{display:grid;gap:3px;padding:10px 4px;background:#f9ead0;border-radius:12px;font-size:27px}.onboard-steps strong{font-size:13px}.onboard-steps small{font-size:11px;color:var(--muted)}.text-button{border:0;background:none;margin-top:11px;color:#765079;text-decoration:underline;font-size:14px}
@media (max-width:560px){.people-grid{grid-template-columns:1fr}.story-bottom-nav{grid-template-columns:1fr 1fr}.children-row{gap:3px}.tree-card{min-width:95px}.tree-card .portrait{width:48px;height:48px}.profile-hero>span{font-size:70px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* The first-run guide is helpful, but must never block the four main entry points. */
.onboarding { inset:auto 0 82px; padding:12px; background:transparent; place-items:end center; pointer-events:none; }
.onboarding-card { padding:20px; pointer-events:auto; }
.search-filter { display:flex; align-items:center; gap:10px; margin:12px 0; font-size:17px; font-weight:700; }.search-filter select { min-height:52px; flex:1; border:1px solid #d4b687; border-radius:12px; background:#fff7e7; padding:8px 12px; font-size:17px; }.quick-searches { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 18px; }.quick-searches button { min-height:48px; padding:8px 14px; border:1px solid #d8bb88; border-radius:22px; background:#f9ead0; font-size:16px; }.quick-searches button:hover,.quick-searches button:focus-visible { background:#765079; color:#fff; outline:3px solid #e3a43e; }
.map-toolbar{display:flex;align-items:center;gap:10px;margin:10px 0 12px;color:var(--muted);font-size:14px}.map-toolbar strong{flex:1;text-align:center;font-size:15px;color:#68452f}.map-toolbar button{min-height:44px;border:1px solid #c89a62;border-radius:999px;background:#fff7e8;color:#68452f;padding:8px 15px;font-weight:700}.map-scale{border-radius:999px;background:#f0d49d;padding:8px 11px;font-weight:800;color:#68452f}.world-map-viewport{position:relative;min-height:620px;overflow:hidden;border:5px solid #a9784b;border-radius:24px;background:#b8d4c0;box-shadow:inset 0 0 35px #493c2b55,0 6px 0 #92643c;touch-action:none}.map-world-content{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .3s ease}.map-artwork{position:absolute;inset:0;background-image:linear-gradient(#ffffff08,#553b1a22),url('/assets/world-map/bible-world-base.png');background-size:cover;background-position:center;background-repeat:no-repeat}.map-story-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-story-route path{fill:none;stroke:#f2c36e;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:2 1.5;filter:drop-shadow(0 1px 1px #563b28aa)}.map-hotspot-layer{position:absolute;inset:0}.map-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;min-width:122px;min-height:56px;max-width:190px;transform:translate(-50%,-50%);border:2px solid #7d5436;border-radius:18px;background:#fff7e8ed;color:#3f2a20;padding:8px 12px;box-shadow:0 4px 0 #755034,0 4px 15px #3a291b66;cursor:pointer;text-align:left}.map-hotspot:hover,.map-hotspot:focus-visible,.map-hotspot.selected{outline:4px solid #ffe29a;box-shadow:0 0 0 6px #fff8,0 5px 0 #755034,0 5px 18px #3a291b77;z-index:8}.map-hotspot:focus-visible{outline-offset:3px}.hotspot-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1cd83;color:#71482c;font-size:25px;font-weight:800;flex:0 0 32px}.hotspot-label{font-size:17px;font-weight:800;line-height:1.15}.map-hotspot.visited{border-color:#be8a24;background:#fff8db}.visited-mark{margin-left:auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e2aa2e;color:#fff;font-weight:900}.map-hotspot.detail-2{opacity:.94;transform:translate(-50%,-50%) scale(.88)}.map-hotspot.detail-2 .hotspot-label{font-size:14px}.map-preview{position:absolute;z-index:10;left:16px;right:16px;bottom:16px;display:flex;gap:18px;align-items:center;justify-content:space-between;max-width:680px;padding:16px 18px;border:3px solid #b27c43;border-radius:20px;background:#fff8eefa;box-shadow:0 5px 0 #815633}.map-preview h3{margin:3px 0;font-size:24px;color:#533626}.map-preview p{margin:4px 0 0;max-width:460px;color:#684c39}.preview-kicker{font-size:13px;color:#956e4e}.preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.map-controls{position:relative;z-index:12}.map-controls button{font-weight:800;cursor:pointer}.map-tip{font-size:14px}.map-hotspot:nth-child(3n){background:#fff4d8ee}.map-hotspot:nth-child(4n){background:#f4f0dfed}
@media (max-width:700px){.world-map-viewport{min-height:560px}.map-toolbar strong{font-size:12px}.map-hotspot{min-width:96px;min-height:48px;padding:6px 8px;border-radius:14px}.hotspot-icon{width:27px;height:27px;flex-basis:27px;font-size:20px}.hotspot-label{font-size:14px}.map-hotspot.detail-2 .hotspot-label{font-size:12px}.map-preview{display:block;padding:12px}.map-preview h3{font-size:20px}.preview-actions{justify-content:flex-start;margin-top:8px}.preview-actions .senior-button{min-height:44px}}
@media (prefers-reduced-motion:reduce){.map-world-content{transition:none}}
.map-artwork{background-image:linear-gradient(#ffffff08,#553b1a22),url('assets/world-map/bible-world-base.svg')}
.map-hotspot.selected{transform:translate(-50%,-50%) scale(1.1)}.map-preview .preview-people{margin:7px 0 0;font-size:14px;color:#815d42}.map-next-suggestion{display:block;margin:12px auto 0;min-height:52px;border:2px solid #c18a3c;border-radius:14px;background:#fff4d3;color:#68452f;padding:10px 18px;font-size:17px;font-weight:800;cursor:pointer}.map-next-suggestion:hover,.map-next-suggestion:focus-visible{outline:3px solid #e3a43e;outline-offset:2px}
.hotspot-icon svg,.map-preview h3 svg,.map-story-landmark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-preview h3 svg{vertical-align:-5px;width:30px;height:30px}.map-story-landmark svg{width:100px;height:100px;stroke-width:1.4}.map-hotspot[title]{position:absolute}.map-world-content[data-zoom="1.0"] .detail-2,.map-world-content[data-zoom="1.2"] .detail-2{display:none}.map-hotspot.search-focused{animation:map-pulse 1.2s ease-in-out 2}@keyframes map-pulse{50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 10px #f7ca6577,0 5px 0 #755034}}
.map-story-page{border:1px solid var(--line);border-radius:20px;background:#fffaf0;overflow:hidden}.map-story-landmark{min-height:260px;display:grid;place-items:center;gap:8px;background:linear-gradient(145deg,#9fcbbf,#efcc8b);color:#593b2b}.map-story-landmark span{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#fff8e8bb;color:#754b2d}.map-story-landmark strong{font-size:28px}.map-story-note{padding:14px;border-radius:12px;background:#f9edd7;color:var(--muted)}

/* Noah Gold Master: progressive disclosure and large, calm touch targets. */
.gold-section{margin-top:22px}.gold-section>h3{font-size:22px;margin:0 0 10px}.rich-link-list,.chapter-list{display:grid;gap:9px}.rich-link-card,.chapter-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #ddc294;border-radius:14px;background:#fff8ea;padding:12px;min-height:70px}.rich-link-card:hover,.rich-link-card:focus-visible,.chapter-row:hover,.chapter-row:focus-visible{outline:3px solid #e3a43e;outline-offset:2px}.rich-link-card>span:nth-child(2),.chapter-row>span:nth-child(2){flex:1}.rich-card-icon{font-size:30px}.rich-link-card strong,.rich-link-card small,.chapter-row strong,.chapter-row small{display:block}.rich-link-card small,.chapter-row small{color:var(--muted);line-height:1.45;margin-top:3px}.rich-link-card>b,.chapter-row>b{font-size:22px;color:#8a6143}.mini-family{text-align:center;padding:14px;border:1px solid #e2c79b;border-radius:16px;background:#fff8e9}.family-node{min-width:110px;min-height:58px;border:1px solid #d5ae76;border-radius:13px;background:#fffdf5;padding:8px;font-weight:800}.family-node small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.family-node.current{border:3px solid #b47a35}.mini-family>span{display:block;color:#b17a3d;padding:5px}.family-children{display:flex;justify-content:center;gap:7px}.family-children .family-node{min-width:82px}.text-link-button,.reference-link{border:0;background:transparent;color:#765079;text-decoration:underline;font-weight:800;padding:8px 0;font-size:15px}.related-pills{display:flex;gap:8px;flex-wrap:wrap}.related-pills .senior-button{min-height:48px}.timeline-ladder{display:grid;gap:5px;border-left:4px solid #dfac50;padding-left:14px}.timeline-ladder button{min-height:50px;border:1px solid #dec092;border-radius:12px;background:#fff8e9;text-align:left;padding:8px 12px;font-weight:700}.timeline-ladder span{text-align:left;color:#b37b3c}.timeline-ladder .current{background:#765079;color:#fff;border-color:#765079}.reference-list{padding:12px 15px;border-radius:14px;background:#f9edd7}.reference-list p{margin:7px 0;line-height:1.5}.reference-list small{display:block;color:var(--muted);padding-left:26px}.remember-card{margin-top:20px;border:2px solid #d6a64e;border-radius:16px;padding:15px;background:#fff5d9}.remember-card h3{margin:0 0 9px}.remember-card p{display:flex;gap:9px;line-height:1.55}.remember-card p b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#dba847;color:#fff}.question-chips{display:flex;flex-wrap:wrap;gap:8px}.question-chips button{border:1px solid #d7b581;border-radius:22px;background:#fff8e9;padding:10px 13px;font-size:15px}.research-entry{margin-top:22px;padding:16px;border-radius:16px;background:linear-gradient(140deg,#f1e3ca,#e5d4e7);border:1px solid #d1b6a1}.research-entry h3{margin:0 0 6px}.research-entry p{line-height:1.55}.event-gold-summary{padding:14px;border-left:5px solid #d89d3c;border-radius:12px;background:#f9edd7;line-height:1.65}.event-gold-summary p{margin:4px 0}.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.event-facts div{padding:11px;border-radius:12px;background:#f7ead3}.event-facts small,.event-facts strong{display:block}.event-facts small{color:var(--muted)}.event-facts strong{margin-top:3px}.reference-line{padding:12px;border-radius:12px;background:#f9edd7;font-weight:700}.research-backdrop{position:fixed;inset:0;background:#2e211b66;z-index:30}.research-drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:min(480px,100%);overflow:auto;background:#fff8ea;padding:24px;box-shadow:-8px 0 30px #32201844}.drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.drawer-head h2{font-size:29px;margin:7px 0}.drawer-close{width:48px;height:48px;border:1px solid #d3b27b;border-radius:50%;background:#fffdf5;font-size:30px;line-height:1}.source-note{font-size:14px;color:#765079;font-weight:700}.research-grid{display:grid;gap:10px;margin-top:16px}.research-card{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;border:1px solid #ddc294;border-radius:14px;background:#fffdf5;padding:12px;text-decoration:none;color:inherit}.research-card>span{grid-row:1 / span 3;font-size:27px}.research-card strong{font-size:17px}.research-card small{color:var(--muted);line-height:1.45;margin:2px 0}.research-card b{font-size:13px;color:#765079}.drawer-fallback{margin-top:18px;padding:12px;border-radius:12px;background:#f4eadb;color:var(--muted);font-size:14px;line-height:1.5}
@media (max-width:700px){.research-drawer{top:auto;max-height:88vh;border-radius:24px 24px 0 0;padding:20px}.family-children .family-node{min-width:72px;padding-left:4px;padding-right:4px}.family-children{gap:4px}}

/* Genesis Gold Master additions: asset-led scenes, era hubs, and calm touch targets. */
.asset{width:64px;height:64px;fill:none;overflow:visible}.portrait{width:48px;height:48px;fill:none;overflow:visible}.profile-asset{width:120px;height:120px;fill:none;overflow:visible;flex:none}.family-asset{width:44px;height:44px;fill:none;overflow:visible;display:block;margin:auto}.story-thumb{width:70px;height:50px;fill:none;overflow:visible;flex:none}.scene-asset{width:100%;height:100%;fill:none;overflow:visible;filter:drop-shadow(0 9px 10px #4a332944)}.asset-fallback{display:block;width:48px;height:48px;border-radius:50%;background:#cda46b}.page-header{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;margin-bottom:16px}.page-header h2{margin:0;font-size:25px}.page-header small{color:var(--muted);font-size:14px}.back-button,.home-button{width:48px;height:48px;border-radius:50%;border:1px solid #d5b37d;background:#fff8e8;color:#624532;font-size:27px}.home-button{justify-self:end}.map-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.map-toolbar>span{margin-left:auto;color:var(--muted);font-size:14px}.map-control,.map-scale{min-height:44px!important;min-width:44px!important;border:1px solid #d5b37d!important;background:#fff8e8!important;border-radius:14px!important}.world-map-viewport{min-height:620px;position:relative;overflow:hidden;border:5px solid #9e7248;border-radius:22px;background:#b9d3c0}.map-artwork{position:absolute;inset:0;background:url('assets/world-map/bible-world-base.svg') center/cover no-repeat}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-route path{fill:none;stroke:#e7b65d;stroke-width:1.2;stroke-dasharray:2 1;opacity:.9}.map-hotspot-layer{position:absolute;inset:0}.map-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-width:125px;min-height:52px;padding:8px 11px;border:2px solid #765238;border-radius:16px;background:#fff8e9ee;color:#4c3327;box-shadow:0 4px 0 #765238;cursor:pointer;text-align:left;font-weight:800}.map-hotspot.selected,.map-hotspot:focus-visible{outline:4px solid #f5d37d;transform:translate(-50%,-50%) scale(1.08)}.map-glyph{display:block;width:28px;height:28px;border-radius:50%;background:#e3b55e;flex:none;position:relative}.map-glyph-ark:after{content:'';position:absolute;left:5px;right:5px;bottom:8px;height:8px;background:#84563b;border-radius:2px}.map-glyph-tent:after{content:'';position:absolute;left:5px;top:5px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:17px solid #9a6a47}.map-glyph-tree:after{content:'';position:absolute;left:7px;top:4px;width:14px;height:14px;border-radius:50%;background:#60866b;box-shadow:4px 7px #60866b}.map-glyph-babel:after{content:'';position:absolute;left:8px;top:5px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:18px solid #9a6a47}.map-glyph-people:after{content:'••';position:absolute;left:6px;top:3px;color:#73503a;letter-spacing:2px}.map-glyph-joseph:after{content:'';position:absolute;inset:6px 8px;background:#6f7185;border-radius:4px}.map-glyph-creation:after{content:'✦';position:absolute;left:6px;top:3px;color:#fff5c5;font-size:19px}.map-glyph-eden:after{content:'';position:absolute;left:10px;top:4px;width:8px;height:20px;background:#6c8962;border-radius:9px}.map-glyph-abraham:after,.map-glyph-jacob:after{content:'';position:absolute;left:7px;top:7px;width:14px;height:14px;border-radius:50%;background:#a66d4e}.map-glyph-egypt:after{content:'';position:absolute;left:6px;top:9px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid #ae7944}.map-preview{position:absolute;z-index:5;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;gap:12px;padding:15px;border:2px solid #b27c43;border-radius:18px;background:#fff8eefa;box-shadow:0 4px 0 #815633}.map-preview h3{margin:4px 0;font-size:22px}.map-preview p{margin:4px 0;max-width:430px;line-height:1.5}.preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.map-help{color:var(--muted);text-align:center}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.person-chip{min-height:76px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dfc49a;border-radius:15px;background:#fffaf0;text-align:left}.person-chip:hover,.person-chip:focus-visible,.link-card:hover,.link-card:focus-visible{outline:3px solid #e3a43e}.person-chip strong,.person-chip small{display:block}.person-chip small{color:var(--muted);margin-top:3px;line-height:1.3}.filter-row,.era-strip{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.filter-button,.era-pill,.setting-button{white-space:nowrap;min-height:45px;padding:8px 14px;border:1px solid #d5b37d;border-radius:999px;background:#fff8e8;font-weight:700}.selected{background:#765079!important;color:#fff!important;border-color:#765079!important}.timeline-era{border:1px solid #e2c69a;border-radius:18px;background:#fffaf0;padding:15px;margin-bottom:15px}.era-heading{display:flex;align-items:flex-start;gap:12px}.era-heading>div{flex:1}.era-heading h3{margin:0;font-size:22px}.era-heading p{margin:5px 0;color:var(--muted);line-height:1.5}.era-marker{width:18px;height:18px;border:5px solid #765079;border-radius:50%;margin-top:5px}.timeline-list{border-left:3px solid #dba94f;margin:14px 0 0 8px;padding-left:15px;display:grid;gap:8px}.timeline-item{display:flex;gap:10px;text-align:left;padding:11px;border:1px solid transparent;border-radius:12px;background:#fff8e8;min-height:68px}.timeline-item:hover,.timeline-item:focus-visible{border-color:#dba94f}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#dbab4d;margin-top:5px;flex:none}.timeline-item strong,.timeline-item small,.timeline-item em{display:block}.timeline-item small,.timeline-item em{color:var(--muted);font-size:13px;margin-top:3px;font-style:normal}.story-item{min-height:82px}.story-item .story-thumb{width:88px;height:58px}.small-button{min-height:44px;padding:8px 12px;border:1px solid #d5b37d;border-radius:12px;background:#fff8e8;color:#654532;font-weight:800}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.link-card{display:block;text-align:left;min-height:58px;padding:12px;border:1px solid #dec294;border-radius:13px;background:#fff8e8;font-weight:800}.content-section{margin-top:20px}.content-section>h3{font-size:21px;margin:0 0 9px}.lead-copy{font-size:19px;line-height:1.7}.era-hero,.book-hero{padding:26px 20px;border-radius:20px;border:1px solid #d6b27e;background:linear-gradient(140deg,#c5ddd0,#f0d19a);text-align:center}.era-hero h1,.book-hero h1{margin:10px 0 5px;font-size:34px}.era-hero p{max-width:580px;margin:0 auto;font-size:18px;line-height:1.6}.era-illustration{height:130px;width:220px;margin:auto;border-radius:18px;background:linear-gradient(160deg,#99c2b4,#e4c384);position:relative}.era-illustration:after{content:'';position:absolute;left:40%;top:22%;width:20%;height:60%;background:#765238;border-radius:50% 50% 4px 4px}.era-nav{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.book-mark{display:block;width:70px;height:84px;margin:auto;border:8px solid #765079;border-radius:5px 12px 12px 5px;background:#e8c96d;box-shadow:inset 8px 0 #c29145}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-card{padding:15px;border-radius:13px;background:#f7e8cf;border:1px solid #dfc092}.profile-card{overflow:hidden}.profile-hero{display:flex;align-items:center;gap:17px;padding:22px;background:linear-gradient(140deg,#c7ddd0,#f5ddae)}.profile-hero h1{margin:0;font-size:31px}.profile-hero small{display:block;color:var(--muted);font-size:16px}.profile-hero b{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:13px;background:#765079;color:#fff;font-size:12px}.profile-body{padding:20px}.profile-summary{font-size:19px;line-height:1.75}.family-graph{display:flex;flex-wrap:wrap;gap:9px;padding:14px;border:1px solid #e2c69a;border-radius:16px;background:#fff8e9}.family-node{flex:1 1 100px;min-height:80px;border:1px solid #d5ae76;border-radius:13px;background:#fffdf5;padding:8px;font-weight:800}.family-node strong,.family-node small{display:block}.family-node small{color:var(--muted);font-weight:400;margin-top:2px}.rich-link-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.rich-link-card span{flex:1}.rich-link-card small{display:block;color:var(--muted);font-weight:400}.important-box{display:block;padding:15px;border-left:5px solid #db9d3b;border-radius:12px;background:#f9edd7;line-height:1.65}.journey-shell{border:1px solid #b98a58;border-radius:20px;overflow:hidden;background:#fff8e9}.scene-artwork{height:330px;background:#d5e4c2;display:grid;place-items:center}.scene-copy{padding:20px}.scene-kicker{color:#8c674d;font-weight:800}.scene-copy h1{font-size:30px;margin:8px 0}.scene-copy p{font-size:19px;line-height:1.7}.why-matters{padding:13px;border-left:5px solid #dca64c;background:#f8ead1;border-radius:12px}.why-matters p{font-size:16px!important;margin:4px 0}.scene-reference{color:#765079;font-weight:800}.scene-dots{display:flex;justify-content:center;gap:7px;margin:14px}.scene-dots button{width:36px;height:36px;border-radius:50%;border:1px solid #d3af76;background:#fff8e8;font-weight:800}.scene-dots button.selected{background:#765079;color:#fff}.story-nav,.event-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-card-page,.place-card{padding:20px;border:1px solid #dfc39b;border-radius:20px;background:#fffaf0}.event-card-page h1,.place-card h1{font-size:30px;margin:16px 0 8px}.event-illustration,.place-illustration{height:180px;border-radius:17px;background:linear-gradient(150deg,#9cc9c1,#e7c894);position:relative}.event-illustration:after,.place-illustration:after{content:'';position:absolute;left:42%;top:25%;width:16%;height:45%;border-radius:50%;background:#a9704d;box-shadow:0 45px #765b75}.event-illustration.flood{background:linear-gradient(#71879b 50%,#477b91 50%)}.event-illustration.babel-event:after{left:38%;top:28%;width:24%;height:45%;border-radius:0;background:#ae7944;clip-path:polygon(50% 0,100% 100%,0 100%)}.search-panel{display:flex;gap:8px}.search-panel input{flex:1;min-height:58px;padding:12px 14px;border:2px solid #d4b687;border-radius:13px;background:#fffdf6;font-size:18px}.search-filter{display:flex;align-items:center;gap:9px;margin:12px 0}.search-filter select{min-height:48px;padding:8px;border:1px solid #d4b687;border-radius:12px;background:#fff8e8;font-size:16px}.search-results{display:grid;gap:9px}.search-result{display:grid;grid-template-columns:75px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #dfc49a;border-radius:14px;background:#fffaf0}.search-result>span:nth-child(2){min-width:0}.result-type{color:#765079;font-weight:800}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted);line-height:1.4;margin-top:3px}.result-actions{grid-column:2;display:flex;gap:7px;flex-wrap:wrap}.quick-searches{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.quick-button,.question-chip{min-height:45px;padding:8px 13px;border:1px solid #d5b37d;border-radius:22px;background:#f9ead0;font-weight:700}.answer-card{padding:22px;border:1px solid #d9b883;border-radius:19px;background:#fff8e9}.answer-card h1{font-size:25px;line-height:1.4}.answer-path{display:grid;justify-items:center;gap:6px;margin:20px 0}.answer-path div{width:min(100%,280px);display:flex;gap:10px;align-items:center;padding:12px;border-radius:13px;background:#f5e5c8}.answer-path span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#765079;color:#fff}.answer-path b{color:#c1873b}.answer-actions{display:flex;gap:8px;flex-wrap:wrap}.research-categories{display:grid;gap:12px}.research-categories h3{margin:0 0 5px}.research-categories>section>div{display:grid;gap:7px}.research-card{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;padding:12px;border:1px solid #ddc294;border-radius:13px;background:#fffdf5}.research-card strong{font-size:16px}.research-card small{color:var(--muted)}.research-card b{grid-column:2;grid-row:1/3;color:#765079}.viewer-layer,.research-layer{position:relative;z-index:50}.viewer-backdrop{position:fixed;inset:0;background:#2e211b66}.resource-viewer{position:fixed;inset:0 0 0 auto;width:min(760px,100%);background:#fff8ea;box-shadow:-8px 0 30px #32201844;overflow:auto}.resource-viewer header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #dfc49a;background:#fffdf5}.resource-viewer header button{border:0;background:none;font-size:17px;color:#765079}.viewer-content{padding:20px}.viewer-content iframe{width:100%;height:460px;border:1px solid #d8bc8d;border-radius:13px;background:#fff}.viewer-fallback{padding:13px;margin-top:12px;border-radius:12px;background:#f4eadb;color:#684c39}.viewer-fallback a{display:inline-block;padding:10px 14px;border-radius:10px;background:#765079;color:#fff;text-decoration:none}.settings-card{padding:20px}.settings-card label{display:block;margin-top:16px}.settings-card label:first-child{margin-top:0}.setting-options{display:flex;gap:8px;margin-top:8px}.empty-state{text-align:center;padding:50px}.story-copy h1,.scene-copy h1{color:#523827}
body[data-font="large"]{font-size:18px}body[data-font="large"] button,body[data-font="large"] input,body[data-font="large"] select{font-size:18px}@media(max-width:700px){.people-grid,.link-grid,.theme-grid{grid-template-columns:1fr}.map-preview{display:block}.preview-actions{margin-top:10px}.resource-viewer{width:100%}.scene-artwork{height:260px}.profile-asset{width:90px;height:90px}}
.asset-event-art,.asset-place-art{height:220px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#9cc9c1,#e7c894)}.asset-event-art .scene-asset,.asset-place-art .scene-asset{width:100%;height:100%}
.map-world-content{position:absolute;inset:0;transform-origin:center center;will-change:transform;touch-action:none}.map-world-content .map-artwork,.map-world-content .map-route,.map-world-content .map-hotspot-layer{position:absolute;inset:0}.world-map-viewport{touch-action:none;cursor:grab}.world-map-viewport:active{cursor:grabbing}.context-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 14px;padding:9px 12px;border-radius:12px;background:#f8ecd8;color:#80604b;font-size:14px}.context-bar b{color:#bd873d}.context-bar strong{color:#533626}.next-step{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;border:2px solid #d7a64e;border-radius:16px;background:linear-gradient(120deg,#fff1c9,#f0dfef)}.next-step small{font-weight:800;color:#765079}.next-step .senior-button{margin:0}.route-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-card.depth-2 .profile-hero{background:linear-gradient(140deg,#d7e5d2,#f4e3bf)}.research-drawer>a.senior-button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;min-height:50px}.map-world-content[data-zoom="1.0"] .detail-2,.map-world-content[data-zoom="1.0"] .detail-3,.map-world-content[data-zoom="1.2"] .detail-2,.map-world-content[data-zoom="1.2"] .detail-3,.map-world-content[data-zoom="1.4"] .detail-2,.map-world-content[data-zoom="1.4"] .detail-3{display:none}.map-world-content[data-zoom="1.6"] .detail-3,.map-world-content[data-zoom="1.8"] .detail-3{display:none}
.timeline-filters,.era-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.timeline-filters .selected,.era-tabs a{background:#765079;color:#fff;border-color:#765079}.era-tabs{padding:8px;border-bottom:1px solid #dfc49a}.era-tabs a{display:inline-flex;align-items:center;min-height:48px;padding:8px 15px;border:1px solid #d5b37d;border-radius:14px;text-decoration:none;color:#765079;background:#fff8e8}.era-tabs a:hover,.era-tabs a:focus-visible{outline:3px solid #e3a43e;outline-offset:2px}.era-code,.timeline-confidence{display:block;color:#a8783d;font-weight:800;font-size:13px;letter-spacing:.04em}.timeline-confidence{margin-top:5px;color:var(--muted);font-weight:600}.master-timeline-page .timeline-era{margin-bottom:20px}.master-timeline-page .testament-intertestamental,.master-era-page .testament-intertestamental{border-color:#9c7aaf;background:#fbf5ff}.master-timeline-page .testament-new,.master-era-page .testament-new{border-color:#78a8a4}.master-era-page .era-hero{padding:24px;border:1px solid #dfc49a;border-radius:20px;background:#fff8e8}.master-era-page .era-hero h1{margin:6px 0;font-size:32px}.master-era-page .era-hero p{line-height:1.65}.master-era-page .content-section h2{font-size:24px}@media(max-width:700px){.timeline-filters,.era-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.timeline-filters .senior-button,.era-tabs a{justify-content:center;min-width:0;padding:8px 5px;font-size:16px}.master-era-page .era-hero h1{font-size:28px}.master-timeline-page .timeline-item{padding-right:0}}
/* UI stabilisation sprint: shared layout tokens and explicit scroll ownership. */
:root{--bw-bottom-nav:84px;--bw-safe-bottom:env(safe-area-inset-bottom,0px);--bw-z-header:20;--bw-z-nav:40;--bw-z-preview:60;--bw-content:1080px;--bw-map-content:1380px;}
html{min-height:100%;background:#efe0c5;scroll-padding-bottom:calc(var(--bw-bottom-nav) + var(--bw-safe-bottom) + 24px)} body{min-height:100%;overflow-x:hidden}
.app-shell{width:min(var(--bw-content),calc(100% - 32px));min-height:100dvh;margin:0 auto;padding-bottom:calc(var(--bw-bottom-nav) + var(--bw-safe-bottom));overflow:visible}
.topbar{position:relative;z-index:var(--bw-z-header)}
.bottom-nav{position:fixed;z-index:var(--bw-z-nav);left:50%;right:auto;bottom:0;width:min(var(--bw-content),100vw);height:var(--bw-bottom-nav);transform:translateX(-50%);padding-bottom:var(--bw-safe-bottom)}
.page,.sub-page{min-height:0;padding-bottom:calc(var(--bw-bottom-nav) + var(--bw-safe-bottom) + 36px)!important}.sub-page{width:100%}
.master-timeline-page,.master-era-page{max-width:1000px;margin:0 auto;padding-bottom:calc(var(--bw-bottom-nav) + var(--bw-safe-bottom) + 32px)}
.timeline-era,.timeline-list,.timeline-item{height:auto;min-height:0}.timeline-item{align-items:flex-start}.timeline-item>span:last-child{min-width:0}
.scripture-link-row{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}.scripture-link{min-width:0;flex:1;overflow:hidden}.scripture-options{flex:0 0 48px;min-width:48px}
.world-page{max-width:var(--bw-map-content);margin:0 auto}.world-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:stretch}.world-map-layout:not(:has(.map-preview)){grid-template-columns:1fr}.world-map-stage{min-width:0;position:relative;border-radius:24px}
.world-map-viewport{height:clamp(520px,calc(100dvh - 235px),760px);min-height:520px;aspect-ratio:auto}.map-preview{z-index:var(--bw-z-preview)}
.world-map-layout>.map-preview{position:relative;inset:auto;max-width:none;min-width:0;display:flex;align-self:start;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:220px;padding:20px}.world-map-layout>.map-preview .preview-actions{justify-content:flex-start}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-preview-close{width:42px;height:42px;font-size:26px}.preview-copy{min-width:0}.preview-people{margin-top:8px;color:#815d42;font-size:14px}.map-zoom-controls{display:flex;gap:8px;align-items:center}.map-context{margin-left:auto}
@media(min-width:1200px){.app-shell:has(.world-page){width:min(var(--bw-map-content),calc(100% - 64px))}.world-page .page-header,.world-page .map-toolbar{max-width:1200px;margin-left:auto;margin-right:auto}}
@media(max-width:767px){
 .app-shell{width:calc(100% - 24px);margin:12px auto;border-radius:22px}.bottom-nav{width:calc(100vw - 24px);border-radius:22px 22px 0 0}.page,.sub-page{padding-left:16px;padding-right:16px;padding-bottom:20px}.master-timeline-page,.master-era-page{padding-bottom:calc(var(--bw-bottom-nav) + var(--bw-safe-bottom) + 24px)}
 .world-map-layout{display:block}.world-map-viewport{height:min(620px,calc(100dvh - 250px));min-height:480px}.world-map-layout>.map-preview{position:relative;margin:12px 0 0;min-height:0;max-height:42dvh;overflow:auto;border-radius:20px}.world-map-stage{border-radius:20px}.map-context{display:none}
 .map-hotspot{max-width:42%}.timeline-era{margin-bottom:14px;padding:14px 10px}.timeline-list{gap:12px;margin-left:7px;padding-left:13px}.timeline-item{display:flex;width:100%;gap:10px;padding:0;background:transparent;border:0}.timeline-item .timeline-dot{margin-top:7px}.timeline-item>span:last-child{flex:1}.timeline-item strong{font-size:18px;line-height:1.35}.timeline-item em{font-size:14px;line-height:1.55}.timeline-item .scripture-link-row{margin:6px 0 0}.scripture-link-row{min-height:56px;align-items:center}.scripture-link{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.scripture-options{height:48px;min-height:48px;align-self:center}
}
@media(max-width:380px){.world-map-viewport{min-height:440px;height:calc(100dvh - 270px)}.map-hotspot{font-size:12px;padding:5px 6px}.map-hotspot .map-glyph{width:22px;height:22px}.map-hotspot.map-node-person,.map-hotspot.map-node-place{font-size:10px}}
@media(prefers-reduced-motion:reduce){.map-world-content{transition:none!important}}
.map-era-index{margin:24px auto 8px;padding:22px;border:1px solid #dfbf8b;border-radius:22px;background:#fff9ed;max-width:1100px}.map-era-index-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.map-era-index-heading small{color:#9b7449;font-weight:800}.map-era-index h2{margin:2px 0 0;color:#53362c}.map-era-index>p{margin:10px 0 20px;color:#846b59}.map-era-group{margin-top:18px}.map-era-group h3{margin:0 0 9px;color:#765079;font-size:20px}.map-era-group-intertestamental h3{color:#4f8392}.map-era-links{display:flex;flex-wrap:wrap;gap:9px}.map-era-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #dfbf8b;border-radius:14px;background:#fffdf7;color:#53362c;font-weight:700;text-align:left}.map-era-link:hover,.map-era-link:focus-visible{border-color:#765079;box-shadow:0 2px 0 #765238;transform:translateY(-1px)}.era-index-code{font-size:12px;color:#a0784f;font-weight:800}.map-era-group-intertestamental .map-era-link{border-color:#a7ced5}.map-era-group-new .map-era-link{border-color:#9cc6a3}
@media(max-width:767px){.map-era-index{margin:18px 0 6px;padding:16px;border-radius:18px}.map-era-index-heading{align-items:flex-start;flex-direction:column}.map-era-index-heading .small-button{width:100%}.map-era-index h2{font-size:24px}.map-era-links{display:grid;grid-template-columns:1fr;gap:8px}.map-era-link{width:100%;justify-content:flex-start}.map-hotspot.map-node-era{font-size:12px;padding:5px 9px}}
.map-mode-label{margin-left:auto;color:#765079;font-size:14px;font-weight:800}.master-map-overview{height:100%;min-height:620px;padding:28px 30px;border:5px solid #a9784b;border-radius:24px;background:linear-gradient(135deg,#f8e5bd 0%,#fff9ed 42%,#e1f0df 100%);box-shadow:inset 0 0 35px #493c2b22,0 6px 0 #92643c;overflow:auto}.master-map-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.master-map-heading small{color:#9b7449;font-weight:800}.master-map-heading h2{margin:3px 0 0;color:#53362c;font-size:30px}.master-map-lead{margin:10px 0 22px;color:#765c49;font-size:17px}.master-era-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.master-era-column{min-width:0;padding:15px;border-radius:18px;background:#fffaf0cc;border:1px solid #dfbf8b}.master-era-column-intertestamental{background:#eef8f7dd;border-color:#a7ced5}.master-era-column-new{background:#f1faefdd;border-color:#9cc6a3}.master-era-column-title h3{margin:0;color:#765079;font-size:21px}.master-era-column-intertestamental .master-era-column-title h3{color:#4f8392}.master-era-column-new .master-era-column-title h3{color:#4a8055}.master-era-column-title small{display:block;margin-top:3px;color:#846b59}.master-era-track{position:relative;display:grid;gap:8px;margin-top:14px}.master-era-track:before{content:'';position:absolute;left:10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#d8a34e}.master-era-column-intertestamental .master-era-track:before{background:#6eacb9}.master-era-column-new .master-era-track:before{background:#72a97a}.master-era-node{position:relative;z-index:1;display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:8px 10px 8px 22px;border:1px solid #dfbf8b;border-radius:13px;background:#fffdf7;color:#53362c;font-weight:800;text-align:left}.master-era-node:hover,.master-era-node:focus-visible{border-color:#765079;box-shadow:0 3px 0 #765238;transform:translateX(2px)}.master-era-column-intertestamental .master-era-node{border-color:#a7ced5}.master-era-column-new .master-era-node{border-color:#9cc6a3}.master-era-code{flex:0 0 38px;color:#a0784f;font-size:11px}.master-era-column-intertestamental .master-era-code{color:#4f8392}.master-era-column-new .master-era-code{color:#4a8055}
.map-summary-section{margin-top:24px}.map-summary-section .master-map-overview{min-height:0}
.world-chooser{padding:24px 0 10px}.world-chooser-heading{text-align:center;max-width:680px;margin:0 auto 22px}.world-chooser-heading small,.world-choice-card small{color:#9b7449;font-weight:800}.world-chooser-heading h2{margin:5px 0;font-size:30px}.world-chooser-heading p{margin:8px 0;color:var(--muted);font-size:17px}.world-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.world-choice-card{display:flex;flex-direction:column;align-items:center;min-height:255px;padding:24px 20px;border:2px solid #dfbf8b;border-radius:22px;background:linear-gradient(145deg,#fffaf0,#f5e3c0);text-align:center;box-shadow:0 5px 0 #c89d63}.world-choice-card h2{margin:9px 0 5px;font-size:25px}.world-choice-card p{margin:0 auto 10px;max-width:300px;line-height:1.55;color:#765c49}.world-choice-card small{display:block;margin-bottom:16px}.world-choice-card .senior-button{margin-top:auto}.world-choice-old{background:linear-gradient(145deg,#fff9eb,#eed9a8)}.world-choice-new{background:linear-gradient(145deg,#f2fbef,#d9ecda);border-color:#9cc6a3}.world-choice-intertestamental{background:linear-gradient(145deg,#f2fbfb,#e1f0f0);border-color:#a7ced5}.world-choice-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f1cd83;font-size:34px}.testament-map{position:relative;min-height:700px;padding:25px 30px;border:5px solid #a9784b;border-radius:24px;background:linear-gradient(145deg,#f8e5bd,#fffaf0 48%,#e1f0df);box-shadow:inset 0 0 35px #493c2b22,0 6px 0 #92643c;overflow:hidden}.testament-map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.testament-map-heading h2{margin:3px 0;font-size:30px}.testament-map-heading p{margin:5px 0;color:var(--muted)}.testament-map-track{position:absolute;inset:120px 12% 35px;display:block}.testament-map-track:before{content:'';position:absolute;left:50%;top:2%;bottom:2%;width:5px;border-radius:5px;background:#d8a34e;transform:translateX(-50%)}.testament-map-node{position:absolute;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;width:min(330px,42%);min-height:58px;padding:9px 13px;border:2px solid #dfbf8b;border-radius:16px;background:#fffdf7;color:#53362c;text-align:left;box-shadow:0 3px 0 #c89d63;cursor:pointer}.testament-map-node:nth-child(even){transform:translate(-50%,-50%)}.testament-map-node:hover,.testament-map-node:focus-visible{outline:3px solid #e3a43e;z-index:2}.testament-map-index{grid-row:span 2;color:#a0784f;font-size:11px;font-weight:900}.testament-map-node small{grid-column:2;color:var(--muted);font-size:12px;line-height:1.3}.world-choice-intertestamental+.testament-map-node{border-color:#a7ced5}
@media(max-width:767px){.map-mode-label{font-size:12px}.master-map-overview{min-height:560px;padding:18px 14px;border-width:4px;border-radius:20px}.master-map-heading{align-items:flex-start;flex-direction:column}.master-map-heading .small-button{width:100%}.master-map-heading h2{font-size:25px}.master-map-lead{font-size:16px}.master-era-columns{grid-template-columns:1fr;gap:12px}.master-era-column{padding:13px}.master-era-column-title h3{font-size:20px}.master-era-node{min-height:48px}}
@media(max-width:767px){.world-choice-grid{grid-template-columns:1fr}.world-choice-card{min-height:210px;padding:20px 16px}.testament-map{min-height:760px;padding:18px 14px;border-width:4px}.testament-map-heading{flex-direction:column}.testament-map-heading .small-button{width:100%}.testament-map-heading h2{font-size:26px}.testament-map-track{inset:120px 4% 25px}.testament-map-track:before{left:12px;transform:none}.testament-map-node{left:50%!important;width:calc(100% - 34px);min-height:54px;transform:translate(-50%,-50%)!important}.testament-map-node .testament-map-index{font-size:10px}}

/* Era detail IA: one clear story list; people and references remain parallel paths. */
.master-era-page .era-detail-shell{width:100%}
.master-era-page .era-tabs a{flex:1;justify-content:center;text-align:center}
.era-story-list{display:grid;gap:8px}
.era-story-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;width:100%;min-height:68px;padding:12px 14px;border:1px solid #dfc39b;border-radius:13px;background:#fffaf0;color:#4f3628;text-align:left}
.era-story-row strong,.era-story-row em{display:block;padding-right:4px}
.era-story-copy{grid-column:1;min-width:0;display:block}
.era-story-chevron{grid-column:2;grid-row:1;align-self:center}
.era-story-row strong{font-size:17px;line-height:1.35}
.era-story-row em{margin-top:3px;color:var(--muted);font-size:14px;font-style:normal;line-height:1.45}
.era-story-row:hover,.era-story-row:focus-visible{outline:3px solid #e3a43e;outline-offset:2px}
.era-story-chevron{color:#765079;font-size:30px;line-height:1;font-weight:400}
.era-people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;overflow:visible;padding:3px 0}
.era-people-grid .person-chip{min-width:0;width:100%}
.era-related-subsection{margin-top:18px}
.era-related-subsection h3{margin:0 0 9px;font-size:21px}
@media(max-width:700px){.master-era-page .era-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.master-era-page .era-tabs a{min-width:0;padding:8px 5px;font-size:16px}.era-story-row{min-height:64px;padding:11px 12px}.era-story-row strong{font-size:16px}.era-story-row em{font-size:13px}.era-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.era-people-grid .person-chip{min-height:82px;padding:8px}.era-related-subsection h3{font-size:20px}}

/* Era overview refinement: readable story rows, wrapped people, compact hierarchy. */
.master-era-page .era-hero{padding:18px 24px;border-radius:18px}
.master-era-page .era-hero h1{font-size:28px;margin:4px 0}
.master-era-page .era-hero p{margin:4px 0;line-height:1.5}
.master-era-page .era-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:10px 0 12px}
.master-era-page .era-nav .small-button{width:100%;min-height:46px;text-align:center}
.master-era-page .era-tabs{position:sticky;top:0;z-index:18;margin:0 0 18px;padding:8px 0;background:#f9ecd6ee;backdrop-filter:blur(8px);border-bottom:1px solid #dfc49a}
.master-era-page .era-story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.master-era-page .era-story-row{min-height:72px;box-shadow:0 2px 0 #ead2aa}
.master-era-page .era-people-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
@media(max-width:700px){
  .master-era-page .era-hero{padding:16px 18px}
  .master-era-page .era-hero h1{font-size:26px}
  .master-era-page .era-story-list{grid-template-columns:1fr}
  .master-era-page .era-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .master-era-page .era-tabs{top:0}
}
/* Traditional-Chinese-only product UI: retain bilingual data, hide legacy locale controls. */
.ot-map-language,.settings-card>label:first-child,.settings-card>label:first-child+.setting-options{display:none!important}
.person-timeline-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 14px;padding:10px 12px;border:1px solid #dfc49a;border-radius:13px;background:#fff8e8;color:#80604b;font-size:14px}.person-timeline-context>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.person-timeline-context .small-button{min-height:42px}.person-timeline-context .small-button:only-child{margin-left:auto}@media(max-width:700px){.person-timeline-context{display:block}.person-timeline-context>div{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.person-timeline-context .small-button{width:100%;padding:8px 6px;font-size:14px}}
.story-unified-overview{padding:20px;border:1px solid #dfc39b;border-radius:20px;background:#fffaf0}.story-unified-overview h1{margin:0 0 8px;font-size:32px}.story-unified-overview .lead-copy{margin:0;line-height:1.75}.story-unified-sections{display:grid;gap:12px;margin-top:20px}.story-unified-section{padding:17px;border:1px solid #dfc39b;border-radius:17px;background:#fffaf0}.story-unified-section-heading{display:flex;align-items:flex-start;gap:12px}.story-unified-number{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#765079;color:#fff;font-weight:800}.story-unified-section h2{margin:2px 0 5px;font-size:22px}.story-unified-section p{margin:0;line-height:1.65}.story-section-art{height:210px;margin:-17px -17px 15px;overflow:hidden;border-radius:17px 17px 0 0;background:#d5e4c2}.story-section-art .scene-asset{display:block;width:100%;height:100%}.story-unified-related{margin-top:20px}.story-unified-related h2{font-size:21px;margin:0 0 9px}.story-unified-related .people-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));overflow:visible}.story-unified-related .related-pills{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.story-unified-overview{padding:17px}.story-unified-overview h1{font-size:28px}.story-unified-section{padding:14px}.story-section-art{margin:-14px -14px 13px;height:170px}.story-unified-related .people-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.research-entry{display:none!important}