/* A quiet paper-and-ink layer across every STYA destination. */
:root{--paper:#fcf9f2;--ink:#203c60;--orange:#203c60;--muted:#617082;--line:#d5d8d6;--wash:#f2f1e9;--gold:#bc9b55}
body{background:var(--paper);color:var(--ink);font-size:15px}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.4px}
p{line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:500}
button,a,input,select,textarea{touch-action:manipulation}
.button,.button.light,.connect-section .button.light{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:3px 8px 4px 7px;box-shadow:none;font-weight:500;gap:14px}
.button:hover,.button.light:hover,.connect-section .button.light:hover{background:var(--wash);color:var(--ink);transform:none}
.text-link{text-underline-offset:5px;border-bottom-color:#203c6066;font-weight:500;line-height:1.6}
.focused-pages .simple-header{background:#fcf9f2f5;border-bottom-color:var(--line);backdrop-filter:blur(10px);padding-top:12px;padding-bottom:10px}
.simple-header .brand-wordmark{display:block!important;font-size:24px!important;font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}
.simple-header .brand-wordmark small{display:none}.simple-header .brand-logo{gap:10px}
.simple-header #main-navigation{gap:14px}
.simple-header #main-navigation a{position:relative;background:transparent!important;color:var(--muted)!important;border:0;border-radius:0;padding:12px 5px;min-height:44px;font-size:12px;font-weight:500}
.simple-header #main-navigation a svg{display:none}
.simple-header #main-navigation a[aria-current]{color:var(--ink)!important}
.simple-header #main-navigation a[aria-current]::after{content:'';position:absolute;bottom:3px;left:22%;right:22%;height:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M2 4Q28 0 49 3T98 2' fill='none' stroke='%23203c60' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.simple-header #main-navigation a:hover{color:var(--ink)!important}
.search-input-row{border:0;border-bottom:1px solid #b9c2c9;border-radius:0;background:transparent;min-height:38px}
.search-input-row input{min-height:38px;font-size:12px;padding:8px 4px}
.search-input-row button{background:transparent;border-left:0;min-height:38px;padding:8px 10px;font-size:11px;font-weight:500}
.search-symbol{font-size:25px;margin-left:2px;margin-right:8px}
.site-search-panel{background:var(--paper);border-radius:3px;box-shadow:0 8px 24px #203c6010}
.focused-pages .hero{max-width:1120px;grid-template-columns:1fr 220px;padding:40px 6% 24px;gap:40px}
.focused-pages .hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.12;max-width:560px;margin:16px 0 18px;letter-spacing:-1.7px}
.hero h1 em{position:relative;white-space:nowrap}
.hero h1 em::after{content:'';position:absolute;left:0;right:-5px;bottom:-8px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7Q78 0 196 5M20 10Q88 5 165 8' fill='none' stroke='%23bc9b55' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.focused-pages .hero-art{max-width:220px;width:100%;padding:0;opacity:.85}
.focused-pages .hero-copy>p:not(.compact-meet){display:none}
.focused-pages .compact-meet{line-height:1.8;font-size:12px!important;color:var(--muted)}
.compact-meet b{font-weight:500}.dot{width:5px;height:5px;background:var(--gold)}
.home-shortcuts,.page-shortcuts{max-width:1120px;padding-left:6%;padding-right:6%;gap:24px}
.home-shortcuts a,.home-shortcuts a:first-child,.page-shortcuts a{background:none;color:var(--ink);border:0;border-radius:0;padding:8px 0;font-size:12px;border-bottom:1px solid #203c6050;min-height:40px}
.home-shortcuts a:hover,.page-shortcuts a:hover{border-bottom-color:var(--ink)}
.focused-pages .daily{max-width:1120px;grid-template-columns:220px minmax(0,1fr);gap:44px;padding-top:25px;padding-bottom:28px;align-items:start}
.focused-pages .daily>.section-intro{padding-top:16px}
.focused-pages .daily>.section-intro h2{font-size:32px;line-height:1.2}
.focused-pages .daily>.section-intro .eyebrow{font-size:8px}
.lesson,.focused-pages .daily .lesson{position:relative;padding:30px 34px;background:#fffdf8;border:1px solid #d0d6d9;border-radius:3px 14px 4px 9px;box-shadow:none}
.lesson::before{content:'';position:absolute;top:-5px;left:21px;width:48px;height:8px;border-top:1px solid #8f9da9;border-bottom:1px solid #cbd1d5;transform:rotate(-4deg);pointer-events:none}
.lesson-top{font-size:10px;color:var(--muted)}
.pill{border:0;border-radius:0;padding:0 0 7px;border-bottom:1px solid #b9c2c9;letter-spacing:1.4px;font-size:8px;color:var(--muted)}
.lesson h3{font-size:35px;line-height:1.18;font-weight:400;letter-spacing:-1px}
.lesson>p{font-size:14px;line-height:1.9}.lesson-series{font-weight:500;letter-spacing:1px;font-size:9px!important}
.reflection{border-top:1px dashed #c4cbd0;padding-top:20px}.reflection p{font-size:20px;line-height:1.55;font-style:normal}
.reflection span,.lesson-footer>span{color:var(--muted);font-weight:500;font-size:8px;letter-spacing:1.3px}
.lesson-footer{border-top:1px solid var(--line);padding-top:16px}.lesson-footer .text-link{font-size:12px}
.content-fold{max-width:985px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:0;overflow:visible}
.content-fold>summary{position:relative;list-style:none;padding:22px 38px 22px 0;font-size:14px;font-weight:500;min-height:74px}
.content-fold>summary::-webkit-details-marker{display:none}
.content-fold>summary::after{content:'+';position:absolute;right:6px;top:23px;font-family:Georgia,serif;font-size:24px;line-height:1;font-weight:400}
.content-fold[open]>summary::after{content:'−'}
.content-fold>summary small{margin:5px 0 0;font-size:11px;color:var(--muted)}
.content-fold>.section{padding:16px 0 30px!important}.focused-pages .page-shortcuts{padding-top:25px;padding-bottom:35px}
.word-play{background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px 0 20px}
.word-tile{background:transparent;border:1px solid #aebac5;border-radius:2px 4px 2px 3px;font-weight:500}
.word-key-row button:not(.correct):not(.present):not(.absent){border:1px solid #cbd2d8;background:#f6f4ee;border-radius:3px}
.word-play form input,.word-play form button{border-radius:2px 5px 2px 4px}
.word-intro h2{font-size:35px}.word-intro>.button{font-size:11px}
.week-date{background:transparent;color:var(--ink);border:1px solid #aab8c4;border-radius:4px 16px 5px 10px;padding:24px;gap:12px}
.week-date strong{font-size:32px}.week-date b{font-weight:500}.this-week{border-bottom:0}
.reading-art{background:transparent;min-height:310px}.reading-book{transform:rotate(-4deg);background:transparent;color:var(--ink);border:1px solid #8395a7;border-left:4px double #8395a7;border-radius:2px 7px 7px 2px;box-shadow:4px 4px 0 var(--paper),5px 5px 0 #a4b1bd;min-height:270px;width:200px}.reading-book strong{font-size:29px}.reading-book i{color:var(--muted)}.reading-star{font-size:40px;color:var(--gold)}
.workbook-grid{gap:16px}.workbook-grid a{border:0;border-top:1px solid #bcc6cf;background:transparent;border-radius:0;padding:18px 0;min-height:135px}.workbook-grid a:hover{background:transparent;border-color:var(--ink)}.workbook-number{font-size:23px;color:var(--muted)}
.focused-pages .site-page>section:not(.hero):not(.daily){max-width:1120px;padding-top:36px;padding-bottom:36px}
.section-heading h2,.recap-section h2,.new-here h2,.faq-section h2{font-size:38px;line-height:1.15}
.filters{gap:22px}.filter{border:0;border-bottom:1px solid transparent;border-radius:0;padding:9px 0;font-size:12px;color:var(--muted)}.filter.active{background:transparent;color:var(--ink);border-bottom-color:var(--ink)}
.event{padding:26px 0;gap:24px}.date-block{background:transparent;border:1px solid #aebbc7;border-radius:45% 48% 44% 47%;width:66px;height:70px}.event h3{font-family:Georgia,serif;font-size:23px;font-weight:400}.event .event-rsvp{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:2px 7px 3px 5px}.event-meta{color:var(--muted)}
.recap-card,.published-recap{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 30px;box-shadow:none}
.recap-card h3{font-size:31px}.published-recap-audio{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}
.published-recap blockquote{background:transparent;border-left:1px solid #8496a7;padding:4px 0 4px 22px}.published-recap blockquote p{font-style:italic;font-size:21px}.recap-takeaway{background:var(--wash);color:var(--ink);padding:23px;border-radius:2px 9px 3px 6px}.recap-example-note{background:var(--wash)}
.new-here{border-top:0}.welcome-panel{background:transparent;border:1px solid #bec8d1;border-radius:4px 15px 5px 9px;padding:30px}.welcome-panel h3{line-height:1.2}.growth-path{padding-top:24px}.growth-path li{font-size:21px}.growth-path li+li:before{color:var(--gold)}
.portrait{border-radius:3px 12px 4px 8px;background:var(--wash);border:1px solid #ccd2d5}.portrait:after{border-color:#203c601a}.portrait>span{font-size:90px;font-weight:400}.people-grid{gap:28px}.people h3{font-family:Georgia,serif;font-size:23px}
.focused-pages .belong{background:transparent;border-bottom:1px solid var(--line);grid-template-columns:75px 1fr;gap:28px}.belong-symbol{font-size:75px;color:var(--gold);align-items:start;padding-top:10px}.values{gap:30px}
.focused-pages .connect-section{background:transparent;color:var(--ink);border-top:1px solid var(--line);padding:35px 6%!important;text-align:left}.connect-section .eyebrow{justify-content:start;color:var(--muted)}.connect-section em{color:var(--ink)}.connect-section>p{margin:0 0 22px;color:var(--muted);max-width:550px}.connect-section .instagram-follow{margin:18px 0 0}.connect-note{color:var(--muted)}.connect-section a:focus-visible{outline-color:var(--ink)}
.prayer-form{border:1px solid var(--line);border-radius:3px 10px 3px 7px;background:#fff}.testimony-reflection{background:var(--wash);border-left:1px solid #8798a9}.testimony-next-step{background:var(--wash);color:var(--ink);border-radius:3px}.testimony-next-step p{color:var(--ink)!important}
.focused-pages footer{max-width:985px;padding:28px 0;border-top:1px solid var(--line);gap:24px;align-items:start}.footer-logo img{width:48px;height:48px}.focused-pages footer p,.focused-pages footer>a:not(.logo){font-size:10px;color:var(--muted)}.focused-pages footer .analytics-settings{font-size:10px;font-weight:400}
.back-to-top{background:var(--paper);color:var(--ink);border:1px solid #b2bec9;border-radius:4px;box-shadow:none;font-size:11px}
dialog,.privacy-dialog{background:var(--paper);border:1px solid #aebbc6;border-radius:4px 15px 5px 9px;box-shadow:0 18px 70px #203c6020}dialog::backdrop{background:#203c6066;backdrop-filter:blur(3px)}.privacy-dialog button,#analytics-choice button{border-radius:3px;background:transparent}.card-format-row select{background:transparent;border-radius:3px}.story-preview-wrap{box-shadow:none}
@media(min-width:900px){.focused-pages .simple-header{grid-template-columns:180px minmax(0,1fr) 180px;gap:0 28px}.simple-header .header-brand-row>.brand-logo{grid-column:1;grid-row:1/3;align-self:center}.simple-header #main-navigation{grid-column:2;grid-row:1/3;margin:0}.simple-header .header-brand-row>.small{grid-column:3;grid-row:1;min-height:36px;justify-self:end;padding:8px 12px;font-size:11px}.simple-header .site-search{grid-column:3;grid-row:2;width:100%;margin-top:4px}.simple-header .search-input-row input{font-size:10px}.simple-header .search-input-row button{font-size:10px;padding:6px 0 6px 8px}.simple-header .search-symbol{font-size:20px;margin-right:4px}.simple-header .brand-logo img{width:42px;height:42px}}
@media(max-width:1100px) and (min-width:900px){.focused-pages .simple-header{grid-template-columns:150px 1fr 160px;gap:0 14px}.simple-header #main-navigation{gap:4px}.focused-pages footer,.content-fold{margin-left:6%;margin-right:6%}}
@media(max-width:899px){.focused-pages .simple-header{padding:10px 6% 8px}.header-brand-row{margin-bottom:8px!important}.simple-header #main-navigation{margin-bottom:8px;gap:10px}.simple-header .site-search{max-width:none}.focused-pages footer{margin-left:6%;margin-right:6%;padding-left:0;padding-right:0}.content-fold{margin-left:6%;margin-right:6%}}
@media(max-width:760px){.focused-pages .simple-header .brand-wordmark{font-size:22px!important}.focused-pages .simple-header .brand-logo img{width:34px;height:34px}.focused-pages .simple-header .small{min-height:36px;font-size:10px;padding:8px 10px}.focused-pages .simple-header #main-navigation{gap:10px;margin-bottom:4px}.focused-pages .simple-header #main-navigation a{font-size:11px;min-height:36px;padding:7px 0}.search-input-row input,.search-input-row button{min-height:34px}.focused-pages .hero{grid-template-columns:1fr 100px;padding:25px 6% 18px;gap:16px}.focused-pages .hero h1{font-size:32px;letter-spacing:-1px;margin:12px 0 17px;max-width:280px}.focused-pages .hero h1 br{display:none}.focused-pages .hero-art{max-width:100px;align-self:center;padding:0}.focused-pages .hero .eyebrow{font-size:7px;letter-spacing:1px}.focused-pages .hero .compact-meet{font-size:10px!important}.home-shortcuts{gap:20px;padding-bottom:12px}.home-shortcuts a{font-size:10px;flex:initial;padding:7px 0;text-align:left}.focused-pages .daily{grid-template-columns:1fr;gap:13px;padding-top:12px}.focused-pages .daily>.section-intro{padding-top:0}.focused-pages .daily .lesson{padding:25px 23px}.lesson h3{font-size:31px}.lesson>p{font-size:14px}.reflection p{font-size:19px}.lesson-footer>span{max-width:90px;line-height:1.6;font-size:7px}.lesson-footer .text-link{font-size:11px}.lesson-mascot{width:122px}.content-fold>summary{padding:20px 30px 20px 0;font-size:13px}.content-fold>.section{padding:12px 0 28px!important}.word-play{padding:12px 0;box-shadow:none}.word-intro h2{font-size:32px}.word-board{--word-tile:44px}.word-play form{max-width:none}.word-key-row button{min-height:44px}.focused-pages .site-page>section:not(.hero):not(.daily){padding-top:26px;padding-bottom:26px}.section-heading h2,.recap-section h2,.new-here h2,.faq-section h2{font-size:32px}.event{gap:18px;grid-template-columns:58px 1fr}.date-block{width:52px;height:60px}.event h3{font-size:21px}.event p{font-size:12px}.event-actions{gap:15px}.filters{gap:20px}.filter{font-size:10px}.recap-card,.published-recap{padding:0;border:0}.recap-card h3{font-size:29px}.published-recap blockquote{margin:22px 0;padding-left:18px}.welcome-panel{padding:24px}.growth-path li{font-size:18px}.focused-pages .belong{grid-template-columns:35px 1fr;gap:18px}.belong-symbol{font-size:38px}.focused-pages .belong h2{font-size:27px}.values{gap:15px;font-size:10px}.focused-pages .connect-section h2{font-size:34px}.focused-pages footer{display:grid;grid-template-columns:48px 1fr;gap:20px}.focused-pages footer .logo{width:48px}.focused-pages footer>a:not(.logo),.focused-pages footer .analytics-settings{grid-column:2;justify-self:start}.focused-pages footer p:last-of-type{display:none}.people-grid article{grid-template-columns:100px 1fr;gap:0 20px}.portrait{height:132px}.people h3{font-size:20px}.workbook-grid a{min-height:0;padding:16px 0}.reading-art{min-height:285px}.back-to-top{right:10px;bottom:10px}}
@media(max-width:760px){.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-shortcuts a{font-size:10px;line-height:1.5;align-items:center;justify-content:start;min-height:44px}.home-shortcuts a:last-child{justify-content:end}.home-shortcuts a:nth-child(2){justify-content:center}}
@media(max-width:370px){.focused-pages .hero{grid-template-columns:1fr 72px;gap:10px}.focused-pages .hero h1{font-size:29px}.home-shortcuts{gap:10px}.home-shortcuts a{font-size:9px}.focused-pages .daily .lesson{padding:23px 18px}.word-board{--word-tile:40px}}
