.new-navigation{position:relative;z-index:30;background:#fff;color:#141d38;border-bottom:1px solid #e1e8ef}.new-navigation a{text-decoration:none;color:inherit}.nav-top{max-width:1480px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:28px}.nav-brand{font:bold 31px Georgia,serif;color:#268825!important;white-space:nowrap;letter-spacing:-1.2px}.nav-brand>span{font-size:42px;vertical-align:middle}.nav-global-search{display:flex;align-items:center;flex:1;border:1px solid #cddbef;background:#f6faff;border-radius:40px;padding:7px 15px;min-width:120px;gap:12px}.nav-global-search input{width:100%;min-width:0;border:0;background:none;padding:10px 0;font:inherit;font-size:16px}.nav-global-search>span{font-size:32px;line-height:1}.nav-global-search button{border:0;background:none;font-size:23px;color:#536889}.nav-utilities{display:flex;gap:24px}.nav-utilities a{display:flex;flex-direction:column;align-items:center;font-size:13px;color:#607395}.nav-utilities img{width:35px;height:35px;margin-bottom:3px}.nav-primary{max-width:1480px;margin:auto;display:flex;justify-content:space-between;gap:10px;padding:8px 32px;border-top:1px solid #eef2f7}.nav-choice{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:13px;background:transparent;padding:10px 16px;color:#141d38;font:900 21px Nunito,sans-serif;cursor:pointer}.nav-choice img,.nav-choice .nav-symbol{width:43px;height:43px;font-size:39px}.nav-choice[aria-expanded=true]{background:#e7f5ff;border-color:#00a8ff;color:#0086f7}.nav-chevron{width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:0 4px 5px}.nav-choice[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-top:8px}.nav-panels{position:absolute;top:100%;left:0;width:100%;pointer-events:none}.nav-mega{position:relative;pointer-events:auto;background:#fff;border:1px solid #d5dfec;border-radius:22px;max-width:1240px;width:calc(100% - 80px);margin:0 auto;box-shadow:0 16px 35px #162b4720;padding:30px 35px 24px;max-height:calc(100dvh - 220px);overflow:auto}.nav-mega h2{font:900 36px/1.2 Nunito,sans-serif;margin:0 35px 6px 0;letter-spacing:-1px;color:#131b35}.nav-intro{font-size:21px;color:#62769a;margin:0 0 25px}.headphones{color:#0087ff;display:inline-block;margin-right:12px}.nav-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:27px;color:#657592;width:36px;height:36px;cursor:pointer}.nav-story-search{display:flex;align-items:center;gap:16px;border:1px solid #80c6ff;border-radius:16px;background:#f0f8ff;padding:12px 22px;margin-bottom:22px}.nav-story-search:focus-within{outline:2px solid #0087ff}.nav-story-search>span{font-size:38px;line-height:1}.nav-story-search input{width:100%;min-width:0;background:none;border:0;outline:0;font:700 23px Nunito,sans-serif;color:#192b54;padding:5px 0}.nav-story-search input::placeholder{font-weight:500;color:#63779c}.nav-story-search button{border:0;background:none;font-size:27px;color:#62769a;cursor:pointer}.nav-story-browse{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nav-story-browse>a{display:flex;align-items:center;overflow:hidden;border:1px solid #e6e8e8;border-radius:18px;background:#fffbf0;min-height:185px}.nav-story-browse img{width:48%;height:195px;object-fit:cover}.nav-story-browse span{padding:15px 20px}.nav-story-browse strong{display:block;font-size:25px;font-weight:900;line-height:1.25}.nav-story-browse small{display:block;font-size:18px;color:#62769a;line-height:1.4;margin-top:8px}.nav-story-browse b{font-size:32px;margin-right:16px}.nav-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce4ef;margin-top:24px;padding-top:21px;color:#0085f5;font-size:20px;font-weight:900}.nav-panel-footer a{color:#0085f5}.nav-panel-footer a:last-child{margin-left:auto}.nav-panel-footer a>span{margin-left:9px}.nav-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px}.nav-tile{display:flex;align-items:center;gap:23px;padding:24px 18px;border-radius:12px}.nav-tile img,.nav-tile .nav-symbol{width:78px;height:78px;object-fit:contain;flex-shrink:0}.nav-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:57px;line-height:1}.nav-tile strong{display:block;font-size:23px;font-weight:900;line-height:1.3}.nav-tile small{display:block;font-size:18px;line-height:1.4;color:#62769a;margin-top:5px}.nav-activity-grid .nav-tile{border-radius:0;border-right:1px solid #e5ebf3}.nav-activity-grid .nav-tile:nth-child(3n){border-right:0}.nav-activity-grid .nav-tile:nth-child(-n+3){border-bottom:1px solid #e5ebf3}.nav-explore{max-width:1000px;margin-right:max(40px,calc((100% - 1400px)/2))}.nav-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.nav-explore .nav-tile{padding:18px 12px}.nav-explore .nav-tile img,.nav-explore .nav-symbol{background:#f0f8f0;border-radius:17px}.nav-passage{margin-top:18px;background:#fffae9;border-top:1px solid #e6e8e8}.nav-passage b{font-size:34px;margin-left:auto}.nav-backdrop{position:fixed;inset:0;z-index:25;background:transparent;backdrop-filter:none}.nav-results-status{font-size:16px;color:#62769a;margin:0 0 10px}.nav-story-results{display:grid;gap:8px}.nav-story-result{display:flex;align-items:center;gap:24px;padding:5px;border:1px solid #e2e9f1;border-radius:15px;min-height:106px}.nav-story-result img{width:225px;height:100px;object-fit:cover;border-radius:11px}.nav-story-result strong{font-size:22px;font-weight:900;display:block}.nav-story-result small{font-size:18px;color:#62769a;display:block}.nav-story-result .read-listen{margin-left:auto;white-space:nowrap;color:#0085f5;font-size:18px;font-weight:900;padding-right:18px}.nav-back{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.new-navigation a:hover,.nav-tile:hover,.nav-story-result:hover{background-color:#f0f8ff}.new-navigation :focus-visible{outline:3px solid #168bfb;outline-offset:3px}.nav-mobile-toggle{display:none}.new-navigation [hidden],.nav-backdrop[hidden]{display:none!important}
@media(max-width:1250px){.nav-top{gap:20px;padding:20px}.nav-brand{font-size:25px}.nav-brand>span{font-size:32px}.nav-utilities{gap:15px}.nav-primary{padding:8px 15px;gap:4px}.nav-choice{font-size:17px;padding:9px;gap:10px}.nav-choice img,.nav-choice .nav-symbol{width:36px;height:36px;font-size:32px}.nav-tile{gap:14px;padding:20px 12px}.nav-tile strong{font-size:20px}.nav-tile small{font-size:16px}.nav-tile img,.nav-tile .nav-symbol{width:60px;height:60px;font-size:48px}.nav-story-browse strong{font-size:21px}.nav-mega{max-height:calc(100dvh - 200px)}}
@media(max-width:760px){.nav-top{padding:15px 18px;flex-wrap:wrap;gap:13px}.nav-brand{font-size:23px;flex:1}.nav-brand>span{font-size:28px}.nav-utilities{gap:14px}.nav-utilities img{width:27px;height:27px}.nav-utilities a{font-size:10px}.nav-utilities a:first-child{display:none}.nav-global-search{order:3;flex-basis:75%;padding:3px 12px}.nav-global-search input{font-size:13px}.nav-mobile-toggle{display:block;order:4;border:0;background:#eef7ff;border-radius:9px;padding:11px 10px;font:800 13px Nunito,sans-serif;color:#182646}.nav-primary{display:none;padding:8px 12px;flex-wrap:wrap;justify-content:flex-start}.nav-primary.is-open{display:flex}.nav-choice{font-size:13px;gap:7px;flex:1 1 30%;padding:8px 5px}.nav-choice img,.nav-choice .nav-symbol{width:27px;height:27px;font-size:26px}.nav-chevron{width:6px;height:6px}.nav-mega{width:calc(100% - 20px);padding:24px 18px 18px;border-radius:16px;max-height:calc(100dvh - 280px)}.nav-mega h2{font-size:25px;letter-spacing:-.6px}.nav-intro{font-size:16px;margin-bottom:16px}.nav-story-search{padding:9px 12px;gap:10px;margin-bottom:15px}.nav-story-search input{font-size:16px}.nav-story-search>span{font-size:29px}.nav-story-browse{grid-template-columns:1fr;gap:12px}.nav-story-browse>a{min-height:100px}.nav-story-browse img{width:38%;height:115px}.nav-story-browse span{padding:12px}.nav-story-browse strong{font-size:19px}.nav-story-browse small{font-size:14px}.nav-panel-footer{font-size:15px;gap:12px;margin-top:18px;padding-top:16px}.nav-activity-grid,.nav-explore-grid{grid-template-columns:1fr;gap:0}.nav-activity-grid .nav-tile{border:0;border-bottom:1px solid #e5ebf3}.nav-tile,.nav-explore .nav-tile{padding:13px 5px;gap:16px}.nav-tile img,.nav-tile .nav-symbol{width:49px;height:49px;font-size:40px}.nav-tile strong{font-size:19px}.nav-tile small{font-size:14px}.nav-explore{margin:auto}.nav-story-result{gap:12px;min-height:80px}.nav-story-result img{width:85px;height:75px}.nav-story-result strong{font-size:16px}.nav-story-result small{font-size:13px}.nav-story-result .read-listen{font-size:0;padding-right:7px}.nav-story-result .read-listen:after{content:'›';font-size:24px}.nav-results-status{font-size:14px}}
@media print{.new-navigation,.nav-backdrop{display:none!important}}

.nav-brand img{width:300px;height:66px;object-fit:contain}.headphones{width:35px;height:35px;vertical-align:middle}.nav-drawn-art{width:78px;height:78px;flex-shrink:0}.nav-choice .nav-drawn-art{width:43px;height:43px}.nav-panel-footer .nav-drawn-art{width:42px;height:42px;vertical-align:middle;margin-right:8px}.nav-choice>img,.nav-chevron{flex-shrink:0}.nav-choice>span:not(.nav-symbol):not(.nav-chevron){white-space:nowrap}.nav-brand:hover{background:transparent!important}@media(max-width:1250px){.nav-brand img{width:260px;height:58px}.nav-choice .nav-drawn-art{width:36px;height:36px}}@media(max-width:760px){.nav-brand img{width:215px;height:43px}.nav-choice .nav-drawn-art{width:27px;height:27px}.nav-drawn-art{width:49px;height:49px}.nav-choice>span:not(.nav-symbol):not(.nav-chevron){white-space:normal}.headphones{width:25px;height:25px;margin-right:5px}}

.nav-brand{display:block;position:relative;width:300px;height:45px;overflow:hidden;flex-shrink:0}.nav-brand img{position:absolute;max-width:none;width:112.5972%;height:auto;left:-9.3313%;top:-78.8927%;mix-blend-mode:multiply}@media(max-width:1250px){.nav-brand{width:260px;height:39px}.nav-brand img{width:112.5972%;height:auto}}@media(max-width:760px){.nav-brand{width:215px;height:32px;flex:0 1 215px}.nav-brand img{width:112.5972%;height:auto}.nav-global-search{flex:1 1 0}.nav-mobile-toggle{flex:0 0 auto}.nav-top{gap:12px}.nav-utilities{margin-left:auto}}
.new-navigation .nav-story-search input:focus-visible{outline:none;box-shadow:none}
.nav-story-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

.new-navigation .nav-story-search input:focus,.new-navigation .nav-story-search input:focus-visible{outline:0!important;outline-offset:0;box-shadow:none!important;border:0}
.new-navigation .nav-story-search:focus-within{outline:0;border-color:#168bfb;box-shadow:0 0 0 1px #168bfb}

/* Give every story the same illustration size; long copy cannot squeeze it. */
.nav-story-result{display:grid;grid-template-columns:180px minmax(0,1fr) auto}
.nav-story-result img{width:180px;height:100px;object-fit:cover;object-position:center;flex-shrink:0}
.nav-story-result>span:not(.read-listen){min-width:0;overflow-wrap:anywhere}
.nav-story-result .read-listen{margin-left:0}
@media(max-width:760px){.nav-story-result{grid-template-columns:85px minmax(0,1fr) auto}.nav-story-result img{width:85px;height:75px}}

.new-navigation .nav-surprise{display:inline-flex;align-items:center;gap:10px;border-radius:12px;transition:color .18s ease}
.new-navigation .nav-surprise:hover{background:transparent;color:#006bd6}
.nav-surprise .nav-drawn-art{overflow:visible}
.nav-wheel-spin{transform-origin:32px 32px}
.nav-surprise:hover .nav-wheel-spin,.nav-surprise:focus-visible .nav-wheel-spin{animation:nav-wheel-turn 1.15s cubic-bezier(.2,.7,.2,1) both}
@keyframes nav-wheel-turn{from{transform:rotate(0deg)}to{transform:rotate(720deg)}}
@media(prefers-reduced-motion:reduce){.nav-surprise:hover .nav-wheel-spin,.nav-surprise:focus-visible .nav-wheel-spin{animation:none}}

.nav-explore .nav-tile .nav-people-illustration{width:96px;height:78px;object-fit:contain;background:transparent;border-radius:12px;margin-left:-9px;margin-right:-9px}@media(max-width:760px){.nav-explore .nav-tile .nav-people-illustration{width:65px;height:53px;margin-left:-8px;margin-right:-8px}}

.nav-explore .nav-tile .nav-people-illustration{width:78px;height:78px;object-fit:cover;border-radius:19px;margin:0;background:#eff8e9}@media(max-width:760px){.nav-explore .nav-tile .nav-people-illustration{width:49px;height:49px;border-radius:12px;margin:0}}

/* Live header integration: retain the existing account, saved and cart controls. */
.new-navigation .nav-top{width:100%;box-sizing:border-box}
.new-navigation .nav-brand{border:0;padding:0}
.new-navigation .nav-utilities .utility{display:flex;flex-direction:column;align-items:center;gap:0;border:0;background:transparent;border-radius:12px;padding:5px;color:#607395;font-size:13px;min-width:44px}
.new-navigation .nav-utilities .utility>img{width:35px;height:35px;margin-bottom:3px}
.new-navigation .nav-choice{box-shadow:none;min-height:0}
.new-navigation .nav-choice[aria-current="page"]{color:#0086f7;background:#e7f5ff;border-color:#00a8ff}
.new-navigation .nav-choice:hover{color:#0086f7;background:#f0f8ff}
.new-navigation .nav-choice[aria-expanded="true"]{color:#0086f7;background:#e7f5ff;border-color:#00a8ff}
.new-navigation .nav-drawn-art{display:block}
.new-navigation .nav-mega h2{margin-bottom:6px}
.new-navigation .nav-story-result img{display:block;max-width:none}
.new-navigation .nav-explore .nav-drawn-art{width:78px;height:78px}
.new-navigation .nav-global-search:focus-within{border-color:#398347;box-shadow:0 0 0 3px #237d2b1c}
.new-navigation .nav-global-search input:focus{outline:0!important;box-shadow:none!important}
@media(max-width:760px){
 .new-navigation .nav-utilities .utility{font-size:10px;padding:2px;min-width:28px}
 .new-navigation .nav-utilities .utility>img{width:27px;height:27px}
 .new-navigation .nav-utilities{gap:8px}
 .new-navigation .nav-brand{width:190px;flex-basis:190px;height:29px}
 .new-navigation .nav-explore .nav-drawn-art{width:49px;height:49px}
 .new-navigation .nav-top{gap:8px;padding:12px}
 .new-navigation .nav-utilities .utility:first-child{display:flex}
 .new-navigation .nav-primary.is-open{display:flex}
 .new-navigation:has(.nav-primary.is-open) .nav-panels{position:absolute}
}

/* Phone navigation: a scrollable list with inline disclosures. */
@media(max-width:760px){
 .new-navigation .nav-primary.is-open{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;padding:10px 12px 24px;background:#fff;max-height:var(--mobile-menu-height,70dvh);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border-bottom:1px solid #d5dfec;box-shadow:0 16px 25px #162b4718}
 .new-navigation .nav-primary>.nav-choice{flex:0 0 auto;width:100%;box-sizing:border-box;justify-content:flex-start;min-height:54px;padding:10px 12px;gap:14px;font-size:17px;text-align:left}
 .new-navigation .nav-primary>.nav-choice>img,.new-navigation .nav-primary>.nav-choice>.nav-drawn-art{width:32px;height:32px}
 .new-navigation .nav-choice .nav-chevron{margin-left:auto;margin-right:7px}
 .new-navigation .nav-primary>.nav-mega{flex:0 0 auto;width:100%;box-sizing:border-box;max-height:none!important;overflow:visible;margin:0 0 8px;padding:18px 12px;border-radius:12px;box-shadow:none}
 .new-navigation .nav-mega h2{font-size:22px;margin-right:25px}
 .new-navigation .nav-intro{font-size:14px;line-height:1.5}
 .new-navigation .nav-panel-footer{flex-wrap:wrap}
 .new-navigation .nav-story-browse img{height:110px}
 .new-navigation .nav-story-search{gap:8px;padding:10px}
 .new-navigation .nav-story-search input{font-size:16px}
 .new-navigation .nav-story-result{grid-template-columns:70px minmax(0,1fr) 12px;gap:8px}
 .new-navigation .nav-story-result img{width:70px;height:70px}
 .new-navigation .nav-story-result small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .new-navigation .nav-mobile-toggle[aria-expanded=true]{background:#e7f5ff;color:#0075d9}
}
@media(max-width:360px){.new-navigation .nav-brand{width:165px;flex-basis:165px;height:25px}.new-navigation .nav-utilities{gap:4px}}

/* Consistent paper-edge silhouettes for verse illustrations. */
.entry-card.card-verses img.entry-art{width:65px;height:65px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M5%2097%204%2090%207%2084%205%2078%209%2072%207%2066%2011%2060%2010%2054%2015%2049%2014%2043%2019%2039%2019%2033%2025%2030%2028%2024%2034%2023%2039%2018%2046%2018%2051%2013%2058%2014%2064%209%2071%2011%2077%207%2083%2010%2089%208%2094%2012%2096%2018%2094%2024%2097%2030%2095%2037%2097%2044%2095%2051%2097%2058%2095%2065%2097%2072%2095%2079%2097%2086%2096%2097Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M5%2097%204%2090%207%2084%205%2078%209%2072%207%2066%2011%2060%2010%2054%2015%2049%2014%2043%2019%2039%2019%2033%2025%2030%2028%2024%2034%2023%2039%2018%2046%2018%2051%2013%2058%2014%2064%209%2071%2011%2077%207%2083%2010%2089%208%2094%2012%2096%2018%2094%2024%2097%2030%2095%2037%2097%2044%2095%2051%2097%2058%2095%2065%2097%2072%2095%2079%2097%2086%2096%2097Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* Values browser: heading and search above an uninterrupted row of topics. */
.values-browser .values-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:center;gap:22px 28px;padding:24px 0 28px;margin:12px 0 32px;background:#fff;border:0;border-bottom:1px solid #dce3eb;border-radius:0}
.values-browser .values-situations{display:contents}
.values-browser .values-situations h2{grid-column:1;grid-row:1;font-size:23px;line-height:1.3;margin:0}
.values-browser .values-search{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0;margin:0;min-height:48px;border:1px solid #cdd8e7;border-radius:12px;background:#f8fbff;box-sizing:border-box}
.values-browser .values-search input{flex:1;width:0;padding:12px 14px;font-size:16px;outline:none!important;box-shadow:none!important}
.values-browser .values-search button{display:grid!important;place-items:center;width:46px;height:46px;padding:0;background:transparent;color:#536586;border:0;box-shadow:none}
.values-browser .values-search:focus-within{border-color:#237d2b;box-shadow:0 0 0 3px #237d2b18}
.values-browser .values-chips{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:10px}
.values-browser .values-chips a{gap:9px;min-height:44px;padding:9px 15px;line-height:1.4;box-sizing:border-box;border-color:#dce5dc;white-space:nowrap;font-size:15px}
.values-browser .values-chips .chip-count{font-size:12px;line-height:1.5;padding:1px 6px;border-radius:6px;background:#eff4ed;color:#536b55;font-weight:700}
.values-browser .values-chips a[aria-current] .chip-count{background:#ffffff26;color:#fff}
@media(max-width:700px){
 .values-browser .values-filter-bar{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 0 24px}
 .values-browser .values-situations h2{font-size:21px}
 .values-browser .values-search{grid-column:1;grid-row:2}
 .values-browser .values-chips{grid-row:3;gap:8px}
 .values-browser .values-chips a{font-size:14px;padding:8px 12px;gap:7px;white-space:normal}
}
