/* r2: redesign layer (builder 2) for /resources/*, /church-near-you/, /store/*, /profile/. Navy and gold, minimal.
   Scoped to body[data-r2]; the header, dock and menu stay with /ux.css. */
body[data-r2]{--r2-navy:#14213d;--r2-ink:#1b2233;--r2-muted:#4a5265;--r2-gold:#c9a227;--r2-gold-ink:#7a5c14;--r2-line:#e3dccb;--r2-soft:#f6f1e4;--r2-card:#fffefb;--r2-r:16px;background:#faf8f3}
body[data-r2] main{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);box-sizing:border-box;overflow-wrap:anywhere}
body[data-r2] main *{box-sizing:border-box}
/* breadcrumb */
body[data-r2] main .crumbs{font-size:15px!important;margin:18px 0 0!important;color:var(--r2-muted)}
body[data-r2] main .crumbs a{color:var(--r2-navy)!important;display:inline-block;padding:10px 0}
/* hero: H1 + gold rule + lead, start-aligned */
body[data-r2] main .hero,body[data-r2] main .r2-hero{padding:18px 0 8px!important;margin:0 0 6px!important;border:0!important;text-align:start!important;background:none!important}
body[data-r2] main .hero h1,body[data-r2] main .r2-hero h1,body[data-r2] main>h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;color:var(--r2-navy)!important;font-size:clamp(2rem,1.4rem + 2.4vw,2.9rem)!important;line-height:1.1!important;margin:0 0 12px!important;text-align:start!important}
body[data-r2] main .hero h1::after,body[data-r2] main .r2-hero h1::after{content:"";display:block;width:64px;height:3px;background:var(--r2-gold);border-radius:2px;margin-top:14px}
body[data-r2] main .hero .lede,body[data-r2] main .r2-hero .lede{margin:0 0 6px!important;max-width:680px!important;color:var(--r2-muted)!important;text-align:start!important;font-size:19px!important}
/* section chips (was a pill grid above the H1; now one row under it) */
body[data-r2] main nav.subnav{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;margin:10px 0 22px!important;padding:2px 0 6px!important;justify-content:flex-start!important;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
body[data-r2] main nav.subnav::-webkit-scrollbar{display:none}
body[data-r2] main nav.subnav a{flex:none!important;display:inline-flex!important;align-items:center;min-height:44px!important;padding:0 18px!important;border:1.5px solid var(--r2-line)!important;border-radius:999px!important;background:#fff!important;color:var(--r2-navy)!important;font-size:16px!important;font-weight:500;text-decoration:none!important;white-space:nowrap;width:auto!important;margin:0!important}
body[data-r2] main nav.subnav a.on,body[data-r2] main nav.subnav a[aria-current]{background:var(--r2-navy)!important;border-color:var(--r2-navy)!important;color:#fff!important}
@media(min-width:1024px){body[data-r2] main nav.subnav{flex-wrap:wrap!important;-webkit-mask-image:none;mask-image:none;overflow:visible}}
/* headings */
body[data-r2] main h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;color:var(--r2-navy)!important;font-size:clamp(1.55rem,1.2rem + 1.2vw,2rem)!important;line-height:1.2!important;text-align:start!important;margin:0 0 10px!important}
body[data-r2] main h3{color:var(--r2-navy)!important;text-align:start!important}
/* cards: one calm card style, gold reserved for the primary button */
body[data-r2] main section.gsc,body[data-r2] main .r2-card{border:1px solid var(--r2-line)!important;border-radius:var(--r2-r)!important;background:var(--r2-card)!important;padding:clamp(18px,3vw,28px)!important;margin:0 0 20px!important;box-shadow:none!important;max-width:none!important;text-align:start!important}
body[data-r2] main section.gsc>h2:first-child,body[data-r2] main .r2-card>h2:first-child{text-align:start!important}
body[data-r2] main section.gsc .sub{color:var(--r2-muted)!important;max-width:760px}
body[data-r2] main .btn,body[data-r2] main a.r2-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:0 22px!important;border-radius:999px!important;background:var(--r2-navy)!important;color:#fff!important;border:1.5px solid var(--r2-navy)!important;font-weight:600;text-decoration:none!important}
body[data-r2] main .btn.sec,body[data-r2] main .btn+.btn,body[data-r2] main a.r2-btn.sec{background:#fff!important;color:var(--r2-navy)!important;border-color:var(--r2-line)!important}
body[data-r2] main .btn.r2-primary,body[data-r2] main a.r2-btn.r2-primary{background:var(--r2-gold)!important;border-color:var(--r2-gold)!important;color:var(--r2-navy)!important}
/* link rows inside cards: 48px targets */
body[data-r2] main .gsc-l{display:grid!important;gap:10px!important;grid-template-columns:1fr!important}
@media(min-width:700px){body[data-r2] main .gsc-l{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1100px){body[data-r2] main .gsc-l{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
body[data-r2] main .gsc-l a{display:block!important;min-height:52px;padding:12px 16px!important;border:1px solid var(--r2-line)!important;border-radius:12px!important;background:#fff!important;color:var(--r2-navy)!important;text-decoration:none!important;font-weight:500}
body[data-r2] main .gsc-l a small{display:block;color:var(--r2-muted);font-weight:400;font-size:15px;margin-top:2px}
body[data-r2] main details{border:1px solid var(--r2-line)!important;border-radius:12px!important;background:#fff!important;margin:0 0 10px!important;padding:0 16px!important}
body[data-r2] main details>summary{min-height:56px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--r2-navy);list-style:none;padding:8px 0}
body[data-r2] main details>summary::-webkit-details-marker{display:none}
body[data-r2] main details>summary::after{content:"";margin-inline-start:auto;flex:none;width:10px;height:10px;border-right:2px solid var(--r2-gold-ink);border-bottom:2px solid var(--r2-gold-ink);transform:rotate(45deg);transition:transform .15s}
body[data-r2] main details[open]>summary::after{transform:rotate(-135deg)}
body[data-r2] main details[open]{padding-bottom:14px!important}
/* feature tiles */
body[data-r2] main .features{display:grid!important;gap:14px!important;grid-template-columns:1fr!important;margin:0 0 24px!important}
@media(min-width:640px){body[data-r2] main .features{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1024px){body[data-r2] main .features{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
body[data-r2] main .feature{padding:18px 20px!important;border-radius:var(--r2-r)!important;border:1px solid var(--r2-line)!important;background:#fff!important;min-height:0!important}
body[data-r2] main .feature b{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;font-size:1.35rem!important;color:var(--r2-navy)!important}
body[data-r2] main .feature span:not(.gtb){color:var(--r2-muted)!important;text-align:start!important}
/* two-column link lists */
body[data-r2] main .cols2 ul{list-style:none;padding:0;margin:0 0 18px}
body[data-r2] main .cols2 li{padding:0;border-bottom:1px solid var(--r2-line)}
body[data-r2] main .cols2 li a{display:inline-block;padding:12px 0;min-height:44px;color:var(--r2-navy)}
/* paragraphs: justify on tablet and desktop only, never on phones */
@media(max-width:767px){body[data-r2] main p:not(#r2x),body[data-r2] main li:not(#r2x),body[data-r2] main .lede:not(#r2x),body[data-r2] main .feature span:not(#r2x){text-align:start!important;hyphens:manual!important;-webkit-hyphens:manual!important}}
@media(min-width:768px){body[data-r2] main p.r2-j:not(#r2x),body[data-r2] main section.gsc>p.sub:not(#r2x){text-align:justify!important;hyphens:auto}}
body[data-r2] main p.lede:not(#r2x),body[data-r2] main .r2-short:not(#r2x){text-align:start!important}
/* disclosure line near retail links */
body[data-r2] main .r2-disc{font-size:15px!important;color:var(--r2-muted)!important;margin:0 0 16px!important;padding:10px 14px;background:var(--r2-soft);border-radius:10px;text-align:start!important}
/* one quiet privacy link */
body[data-r2] main .r2-priv{margin:18px 0 8px;font-size:16px}
body[data-r2] main .r2-priv a{display:inline-block;padding:10px 0;color:var(--r2-navy)}
/* phones: tighter */
@media(max-width:480px){body[data-r2] main section.gsc{padding:16px!important}body[data-r2] main .hero .lede{font-size:18px!important}}
/* church near you */
body[data-r2=near] main section.card{border:1px solid var(--r2-line)!important;border-radius:var(--r2-r)!important;background:var(--r2-card)!important;padding:clamp(18px,3vw,28px)!important;box-shadow:none!important;max-width:760px}
body[data-r2=near] main label{display:block;font-weight:600;color:var(--r2-navy);margin:12px 0 6px;font-size:17px}
body[data-r2=near] main select,body[data-r2=near] main input[type=text]{width:100%;min-height:52px;font-size:18px!important;padding:0 14px;border:1.5px solid var(--r2-line);border-radius:12px;background:#fff;color:var(--r2-ink)}
body[data-r2=near] main .r2-help{color:var(--r2-muted);margin:0 0 4px;text-align:start!important}
body[data-r2=near] main #loc{min-height:52px!important;background:#fff!important;color:var(--r2-navy)!important;border:1.5px solid var(--r2-navy)!important;border-radius:999px!important}
body[data-r2=near] main #go{min-height:56px!important;padding:0 34px!important;border-radius:999px!important;background:var(--r2-gold)!important;color:var(--r2-navy)!important;border:0!important;font-weight:700;font-size:18px}
@media(max-width:560px){body[data-r2=near] main .grid2{grid-template-columns:1fr!important}body[data-r2=near] main .cny-sp{display:none}body[data-r2=near] main #go{width:100%}}
/* store */
body[data-r2=store] main .storebanner{display:none!important}
body[data-r2=store] main .ftiles{display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 28px!important}
@media(min-width:768px){body[data-r2=store] main .ftiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1100px){body[data-r2=store] main .ftiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body[data-r2=store] main .ftile{display:flex!important;flex-direction:column;justify-content:center;min-height:76px;padding:12px 16px!important;border:1px solid var(--r2-line)!important;border-radius:14px!important;background:#fff!important;color:var(--r2-navy)!important;text-decoration:none!important;box-shadow:none!important}
body[data-r2=store] main .ftile b{font-weight:600;color:var(--r2-navy)!important;line-height:1.25}
body[data-r2=store] main .ftile span{color:var(--r2-muted)!important;font-size:15px}
body[data-r2=store] main .shelf a,body[data-r2=store] main a[href*="amazon.com"],body[data-r2=store] main a[href*="christianbook.com"]{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--r2-line);border-radius:10px;margin:4px 8px 4px 0;background:#fff;color:var(--r2-navy)!important;text-decoration:none}
body[data-r2=store] main .bcard a[href*="amazon.com"],body[data-r2=store] main .bcard a.bc-img{border:0;padding:0;margin:0;min-height:0;background:none}
html.r2-kid body[data-r2=store] main>*:not(.crumbs):not(.hero):not(.r2-kid):not(script){display:none!important}
body[data-r2] main .r2-kid{border:2px solid var(--r2-gold);border-radius:var(--r2-r);padding:22px;background:var(--r2-card);margin:0 0 24px}
/* profile */
body[data-r2=profile] main .gp-wrap{max-width:760px}
body[data-r2=profile] main .gp-wrap h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;color:var(--r2-navy)!important;font-size:clamp(2rem,1.4rem + 2.4vw,2.9rem)!important;margin:16px 0 10px!important}
body[data-r2=profile] main .gp-wrap h1::after{content:"";display:block;width:64px;height:3px;background:var(--r2-gold);border-radius:2px;margin-top:14px}
body[data-r2=profile] main .gp-lead{color:var(--r2-muted);font-size:19px;text-align:start!important}
body[data-r2=profile] main .gp-card{border:1px solid var(--r2-line)!important;border-radius:var(--r2-r)!important;background:var(--r2-card)!important;box-shadow:none!important;padding:clamp(18px,3vw,28px)!important;margin:0 0 18px!important}
body[data-r2=profile] main select{width:100%;min-height:52px;font-size:18px;border-radius:12px}
body[data-r2=profile] main .gp-pills label{min-height:48px}
/* search */
body[data-r2=search] main #sform{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch;max-width:860px;margin:6px 0 10px!important;background:none!important;border:0!important;padding:0!important}
body[data-r2=search] main #sq2{flex:1 1 240px!important;min-height:52px!important;font-size:18px!important;padding:0 16px!important;border:1.5px solid var(--r2-line)!important;border-radius:999px!important;background:#fff!important;width:auto!important}
body[data-r2=search] main .r2-sbtn{min-height:52px!important;padding:0 28px!important;border-radius:999px!important;background:var(--r2-gold)!important;color:var(--r2-navy)!important;border:0!important;font-weight:700;font-size:17px;cursor:pointer}
body[data-r2=search] main .r2-filt{flex:1 1 100%;border:0!important;background:none!important;padding:0!important;margin:0!important}
body[data-r2=search] main .r2-filt>summary{min-height:44px;display:inline-flex;padding:0;font-weight:600;color:var(--r2-navy)}
body[data-r2=search] main .r2-filt>summary::after{margin-inline-start:10px}
body[data-r2=search] main .r2-filt-in{display:grid;gap:10px;grid-template-columns:1fr;padding:6px 0 4px}
@media(min-width:700px){body[data-r2=search] main .r2-filt-in{grid-template-columns:repeat(3,minmax(0,1fr))}}
body[data-r2=search] main .r2-filt-in select{min-height:48px;font-size:17px;border:1.5px solid var(--r2-line);border-radius:12px;background:#fff;padding:0 12px;width:100%}
body[data-r2=search] main #scount{color:var(--r2-muted)!important;margin:6px 0 8px!important;text-align:start!important}
body[data-r2=search] main .sres{display:block!important}
body[data-r2=search] main a.sr1{display:flex!important;gap:14px;align-items:center;min-height:64px;padding:12px 4px!important;border:0!important;border-bottom:1px solid var(--r2-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--r2-navy)!important;text-decoration:none!important}
body[data-r2=search] main a.sr1 b{display:block;font-weight:700;color:var(--r2-navy);font-size:18px}
body[data-r2=search] main a.sr1 small{display:block;color:var(--r2-muted);font-size:15px}
body[data-r2=search] main .pager a,body[data-r2=search] main .pager button{min-height:44px;min-width:44px}