/* Shared quiet woodland palette */
:root{color-scheme:dark;--ink:#e7eee6;--cream:#122f34;--paper:#204249;--muted:#bdcec8;--gold:#dfc18c;--line:#53716c;--blue:#9ac8c0}
body{background:radial-gradient(ellipse at 0% 12%,#426a5c55,transparent 44%),radial-gradient(ellipse at 100% 55%,#6e795036,transparent 48%),repeating-linear-gradient(135deg,#b8cfb302 0 1px,transparent 1px 7px),#122f34;color:var(--ink)}
header{background:linear-gradient(110deg,#112e33,#1d4143);border-bottom:1px solid #b1c1a824}
footer{background:linear-gradient(120deg,#10292e,#183b3d);color:#e1e9df;border-top:1px solid #b1c1a824}
.hero,.page-hero{background:radial-gradient(ellipse at 90% 5%,#597b5e77,transparent 60%),radial-gradient(ellipse at 10% 100%,#9b91502b,transparent 60%),linear-gradient(135deg,#183e43,#122d35);color:var(--ink)}
.hero:before{background-image:radial-gradient(circle,#dfc18c55 .7px,transparent 1.4px);opacity:.2;background-size:85px 97px}
.hero:after{background:#17373a}.hero p,.page-hero p{color:#cbd9d1}.hero h1 em,.eyebrow,.kicker,.purpose .eyebrow{color:#dfc18c}
.about,.purpose{background:linear-gradient(120deg,#254942bb,#1c3d40bb);border-block:1px solid #a9bea524}
.home-logo{background:radial-gradient(ellipse at center,#52715b66,transparent 75%),#1a3b3d;border-top:1px solid #a9bea524}
.app,.preview-card,.principle,.global-care-piece{background:linear-gradient(140deg,#284c4c,#1c3b42);border:1px solid #9db49e40;box-shadow:0 12px 36px #061b222a}
.app:hover,.preview-card:hover{border-color:#bfc59b80;box-shadow:0 16px 40px #061b2240}
.app-info p,.reading p,.about p,.purpose p,.tour-intro p,.tour-section p,.bible-overview p,.preview-card span,.principle span,.screen-figure figcaption,.tour-hint,.status{color:#bdcec8}
.card-cta{color:#e3c994}.status,.tour-section{border-color:#a0b69d40}.details span{color:#c9dcd0;border-color:#9db49e55}
.tag{background:#526756;color:#f1dfb6}.principle b{background:#5c6d53;color:#f0dcae}.pledge{border-color:#dfc18c}.smallprint{color:#bdcec8!important}
.button.primary{background:linear-gradient(120deg,#e3c994,#c9aa72);color:#153537}.button.dark,.button.ghost,.button.secondary{background:#2b5353;color:#ecedda;border:1px solid #a7bfa16b}
.button:hover{filter:brightness(1.08)}.drop-panel{background:#23464a;color:#e7eee6;border-color:#829b7e;box-shadow:0 15px 35px #061b2255}.drop-panel a:hover{background:#365c55;color:#f0dbad}
.tour-nav a{background:#2e514c;color:#e0e8d8;border:1px solid #8caa8b55}.tour-nav a:hover{background:#43665a}.screen-rail{scrollbar-color:#829c85 #1a393e}
.app-art.screenshot-art{background:radial-gradient(ellipse at center,#476f60,#193a40)}
.charity-art.org-logo,.global-care-logo{background:radial-gradient(ellipse at 50% 20%,#bac6a4,#91aa96);isolation:isolate}.charity-art.org-logo img,.global-care-logo img{mix-blend-mode:multiply}
.charity-art.roots-logo{background:radial-gradient(ellipse at center,#315349,#172f32)}.charity-art.roots-logo img{mix-blend-mode:normal}
.global-care-piece.gc-pledge{background:linear-gradient(120deg,#345b4d,#264b4c);border-color:#d6ba7d;color:#efe1b9}
.gc-indigo,.gc-blue,.gc-plum,.gc-ruby,.gc-forest,.gc-teal,.gc-bronze,.gc-donation{background:linear-gradient(140deg,#2c504c,#1d3d43)}
.global-care-photo{background:linear-gradient(140deg,#34584f,#24474a);border:1px solid #9db49e40}.global-care-photo figcaption{color:#d1dfd3}.global-care-links{background:none;color:#e7eee6;border:0}.global-care-links a,.global-care-sponsor{color:#e6cc98}
.skip{background:#dfc18c;color:#153537}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #dfc18c;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.charity-art.org-logo{display:flex;align-items:center;justify-content:center}.charity-art.org-logo img{width:100%;height:100%;min-height:0;object-fit:contain}

/* Centred studio identity above navigation on every screen. */
header .nav{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-block:20px}header .logo-brand{justify-content:center;margin-inline:auto}header .logo-brand img{border:1px solid #dfc18c;border-radius:12px}header .navlinks{justify-content:center;width:100%;border-top:1px solid #dfc18c30;padding-top:12px}

.home-logo img{border:1px solid #dfc18c}

/* Full-width picture previews with a fine gold frame. */
.preview-action{margin-top:22px}
.home-previews .preview-card{padding:6px 6px 20px;background:transparent;border:1px solid #c6af7a;border-radius:15px;overflow:hidden}
.home-previews .preview-card img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border:1px solid #dfc18c99;border-radius:10px;box-shadow:0 5px 18px #061b2233}
.home-previews .preview-card strong,.home-previews .preview-card>span{margin-left:10px;margin-right:10px}
.home-previews .preview-card strong{margin-top:16px}
@media(max-width:780px){.home-previews .preview-card{padding:5px 5px 18px}.home-previews .preview-card strong,.home-previews .preview-card>span{margin-left:5px;margin-right:5px}}

/* Clear app contents navigation. */
.content-menu{margin:28px 0 35px;padding:25px;border:1px solid #dfc18c66;border-radius:18px;background:linear-gradient(135deg,#294c46aa,#16363caa)}
.content-menu h2{font-family:'DM Sans',system-ui,sans-serif;font-size:24px;letter-spacing:0;line-height:1.3;margin:0 0 8px;color:#edcf98}
.content-menu>p{margin:0;color:#c8d8cf;font-size:15px}
.content-menu .tour-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0}
.content-menu .tour-nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding:15px 18px;border:2px solid #dfc18c;border-radius:12px;background:linear-gradient(135deg,#365b50,#24484b);color:#f0efdf;font-size:15px;line-height:1.4;text-decoration:none;box-shadow:0 4px 0 #0c282e80;transition:background .18s,transform .18s}
.content-menu .tour-nav a:after{content:'↓';flex:none;font-size:23px;color:#efcf91}
.content-menu .tour-nav a:hover{background:linear-gradient(135deg,#486e5c,#30595b);transform:translateY(-2px)}
.content-menu .tour-nav a:active{transform:translateY(1px)}
@media(max-width:900px){.content-menu .tour-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-menu .tour-nav a:last-child{grid-column:1/-1}}
@media(max-width:560px){.content-menu{padding:19px 14px}.content-menu .tour-nav{grid-template-columns:1fr;gap:11px}.content-menu .tour-nav a{min-height:60px;font-size:15px;padding:14px 16px}.content-menu h2{font-size:23px}}

/* Return to contents after every app feature section. */
.content-back{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;margin:8px 0 4px;padding:14px 20px;border:2px solid #dfc18c;border-radius:12px;background:linear-gradient(135deg,#365b50,#24484b);color:#f0efdf;font-size:15px;line-height:1.4;font-weight:600;text-decoration:none;box-shadow:0 4px 0 #0c282e80;transition:background .18s,transform .18s}
.content-back span{font-size:23px;color:#efcf91}.content-back:hover{background:linear-gradient(135deg,#486e5c,#30595b);transform:translateY(-2px)}.content-back:active{transform:translateY(1px)}
#content-menu-heading{scroll-margin-top:24px}
@media(max-width:560px){.content-back{display:flex;width:100%;min-height:60px}}

.bible-overview .unlock-intro{color:var(--gold,#dfc18c);font-weight:700}

/* Distribute the main links across the full header width. */
header .nav .navlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-content:stretch;gap:clamp(14px,4vw,60px);width:100%;padding-top:16px}
header .nav .navlinks>a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:48px;padding:6px 2px;line-height:1.4}
@media(max-width:400px){header .nav .navlinks{gap:12px;grid-template-columns:1fr 1fr 1.45fr}}

/* Contact page, continuing the quiet woodland palette and gold detailing. */
header .nav .navlinks{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,30px)}
header .nav .navlinks>a:last-child{max-width:none}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.contact-intro h2,.contact-panel h2{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,3vw,38px);margin:12px 0 22px}
.contact-intro p{color:var(--muted);font-size:17px}.contact-email{color:var(--gold);overflow-wrap:anywhere}
.contact-panel{padding:30px;border:1px solid var(--gold);border-radius:18px;background:linear-gradient(140deg,#284c4c,#1c3b42);box-shadow:0 12px 36px #061b222a}
.contact-panel form{display:grid;gap:10px}.contact-panel label{font-weight:600;margin-top:8px}
.contact-panel input:not([type=hidden]),.contact-panel textarea{width:100%;min-width:0;font:inherit;color:#eef1e5;background:#13373c;border:1px solid #9db49e88;border-radius:8px;padding:13px 14px}.contact-panel textarea{resize:vertical;min-height:170px}
.contact-panel input:focus-visible,.contact-panel textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.contact-note{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0}.contact-panel button{justify-self:start;border:1px solid #dfc18c;cursor:pointer;min-height:50px}.contact-trap{display:none}
.footer-links{gap:16px 28px;align-items:center}
@media(max-width:780px){.contact-layout{grid-template-columns:1fr;gap:28px}.contact-panel{padding:23px}.contact-panel button{width:100%}header .nav .navlinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}header .nav .navlinks>a{min-height:44px;font-size:14px}}

/* Compact, centred identity with five clearly spaced menu links. */
header .nav{gap:9px;padding-block:12px;min-height:0}
header .logo-brand img{width:112px;height:auto;border-radius:10px}
header .nav .navlinks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 16px;padding-top:8px}
header .nav .navlinks>a{font-size:14px;min-height:44px;padding:5px 8px;line-height:1.25}
header .nav .navlinks>a.nav-download{color:#efcf91;border:1px solid #dfc18c;border-radius:8px;background:#284c4966}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:980px;margin:auto}
.download-card{border:1px solid var(--gold);border-radius:18px;padding:32px;background:linear-gradient(140deg,#284c4c,#1c3b42);box-shadow:0 12px 36px #061b222a}
.download-card h2{font-size:clamp(28px,3vw,38px);margin:15px 0}.download-card p{color:var(--muted)}
.device-symbol{display:grid;place-items:center;width:68px;height:68px;border:1px solid #dfc18c70;border-radius:16px;background:#18393e;color:var(--gold);margin-bottom:25px}.device-symbol svg{width:43px;height:43px}
.store-button{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;width:100%;margin-top:26px;padding:15px 18px;min-height:60px;border:1px solid #dfc18c;border-radius:10px;background:#24484b;color:#f0efdf;text-align:left;font:600 16px/1.4 'DM Sans',system-ui,sans-serif}
.store-button:disabled{opacity:1;cursor:default}.store-button span:last-child{font-size:12px;color:var(--gold);font-weight:500}.store-availability{font-size:13px;line-height:1.6}
.download-help{text-align:center;margin:40px auto 0}.download-help p{color:var(--muted)}.download-help .button{margin:5px}
@media(max-width:780px){header .nav{gap:7px;padding-block:10px}header .logo-brand img{width:96px}header .nav .navlinks{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 8px;padding-top:7px}header .nav .navlinks>a{grid-column:span 2;font-size:12px;padding:4px;min-height:44px}header .nav .navlinks>a:nth-child(4),header .nav .navlinks>a:nth-child(5){grid-column:span 3}.download-grid{grid-template-columns:1fr;gap:20px}.download-card{padding:25px}.download-help .button{width:auto}}