/* GC Bible Study: calm, light faith space (uses gc.css tokens: --purple, --pink, --ink, --muted) */
body.bs{background:linear-gradient(180deg,#FFF8EC 0%,#FDF1F7 45%,#F3ECFF 100%);color:var(--ink,#1D1D1D);min-height:100vh}
.bs .nav{background:rgba(255,255,255,.96)}
.bs-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:40px 0 24px}
.bs-title{display:flex;align-items:center;gap:16px}
.bs-badge{width:70px;height:70px;border-radius:22px;background:#fff;display:grid;place-items:center;font-size:36px;box-shadow:0 10px 24px rgba(107,63,160,.15);border:3px solid #FFD98A}
.bs-title h1{font-family:'Graduate',serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,4.4vw,46px);line-height:1;color:var(--purple,#6B3FA0)}
.bs-title p{color:#5b5360;font-size:16px;margin-top:6px}
.bs-hearts{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #FFB6D9;border-radius:999px;padding:10px 18px;font-weight:700;font-size:18px}
.bs-hearts svg{width:24px;height:24px}
.bs-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.bs-tab{font:700 15px 'Inter',sans-serif;color:var(--purple,#6B3FA0);background:#fff;border:2px solid #E6D8F7;padding:11px 18px;border-radius:999px;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:46px}
.bs-tab[aria-selected="true"]{background:var(--purple,#6B3FA0);border-color:var(--purple,#6B3FA0);color:#fff}
.bs-tab:focus-visible,.scard:focus-visible,.pick:focus-visible,.feel:focus-visible,.choice:focus-visible{outline:3px solid #E8B43A;outline-offset:2px}
.bs-panel{background:#fff;border:2px solid #F0E3FA;border-radius:26px;padding:30px;margin-bottom:28px;box-shadow:0 16px 40px rgba(107,63,160,.08)}
.bs-panel[hidden]{display:none}
.bs-panel h2{font-size:clamp(24px,3vw,32px);color:var(--purple,#6B3FA0);margin-bottom:6px}
.bs-panel .how{color:#5b5360;font-size:16px;margin-bottom:22px;max-width:720px}
.gbtn{font:700 15px 'Inter',sans-serif;background:var(--pink,#FF6FB5);color:var(--ink,#1D1D1D);border:2px solid var(--ink,#1D1D1D);border-radius:999px;padding:12px 22px;cursor:pointer;min-height:46px}
.gbtn.alt{background:#fff}
.gbtn:disabled{opacity:.45;cursor:default}
.say{font:600 14px 'Inter',sans-serif;background:#F3ECFF;color:var(--purple,#6B3FA0);border:0;border-radius:999px;padding:9px 14px;cursor:pointer;margin-top:12px;min-height:40px}
.status{font-weight:700;min-height:26px;margin:14px 0 4px;color:var(--purple,#6B3FA0)}
.status.small{font-size:15px}
.reward{display:inline-flex;align-items:center;gap:6px;color:#E2569C;font-weight:800}
.reward svg{width:18px;height:18px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.bs main small{display:block;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#a0742c;margin-bottom:8px}

/* spark */
.verse{background:#FFF7E6;color:#3b2a20;border-radius:20px;padding:26px 28px;max-width:680px;border:2px solid #FFE3A8}
.verse q,.sv-verse q,.fo-verse q{display:block;font-size:21px;line-height:1.5;font-style:italic;quotes:"\201C" "\201D"}
.verse cite,.sv-verse cite,.fo-verse cite{display:block;margin-top:10px;font-style:normal;font-weight:700}
.kind{margin-top:22px;max-width:680px}
.kind p{font-weight:700;margin-bottom:12px;font-size:17px}
.choices{display:grid;gap:10px}
.choice{font:600 16px 'Inter',sans-serif;text-align:left;background:#FFF0F7;color:var(--ink,#1D1D1D);border:2px solid transparent;border-radius:14px;padding:14px 18px;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:52px}
.choice svg{width:22px;height:22px;flex:none}
.choice[aria-pressed="true"]{border-color:var(--pink,#FF6FB5);background:#fff}

/* stories */
.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.scard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#fff;border:2px solid #EFE6F7;border-top:8px solid var(--sc);border-radius:20px;padding:18px;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s}
.scard:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.scard .sicon{font-size:34px}
.scard b{font-size:18px;color:var(--ink,#1D1D1D)}
.sref{font-size:14px;color:#6f6680}
.sdone{margin-top:6px;font-size:13px;font-weight:800;color:var(--sc)}
.story .back{font:700 15px 'Inter',sans-serif;background:none;border:0;color:var(--purple,#6B3FA0);cursor:pointer;padding:6px 0;margin-bottom:10px;min-height:40px}
.sv-head{display:flex;align-items:center;gap:14px;border-bottom:4px solid var(--sc);padding-bottom:14px;margin-bottom:18px}
.sv-head .sicon{font-size:46px}
.sv-head small{color:var(--sc)}
.sv-head h2{margin:0}
.sv-head h2:focus{outline:none}
.sv-block{margin:0 0 22px;max-width:760px}
.sv-block h3{font:800 18px 'Inter',sans-serif;color:var(--ink,#1D1D1D);margin-bottom:10px}
.sv-read p{font-size:18px;line-height:1.7;margin-bottom:12px;color:#2b2330}
.sv-verse{background:#FFF7E6;border:2px solid #FFE3A8;border-radius:18px;padding:20px 22px}
.sv-idea p{font-size:19px;font-weight:700;color:var(--sc)}
.conn{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cbox{background:#FAF6FE;border-radius:16px;padding:16px;line-height:1.55;font-size:15px}
.cbox small{color:var(--purple,#6B3FA0);letter-spacing:.06em}
.cbox b{display:block;font-size:16px}
.cbox .by{display:block;font-size:13px;color:#6f6680;margin-bottom:6px}
.picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pick{font:600 14px 'Inter',sans-serif;background:#fff;border:2px solid #E6D8F7;border-radius:999px;padding:9px 14px;cursor:pointer;min-height:42px}
.pick[aria-pressed="true"]{background:var(--sc);border-color:var(--sc);color:#fff}
.sv-talk ul{padding-left:22px;display:grid;gap:6px;font-size:17px}
.sv-finish{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:2px dashed #EFE6F7;padding-top:18px}
.sv-watch{margin:0 0 22px;max-width:760px}

/* brain break */
.break-grid,.kind-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.fact-card,.move-card,.kcard,.kweek{background:#FAF6FE;border-radius:20px;padding:22px}
.fact-card p{font-size:20px;line-height:1.5;font-weight:600}
.fact-card .fact-do{font-size:16px;font-weight:600;color:#5b5360;margin-top:10px}
.move-card{text-align:center;background:#EFFAF3}
.move-card small{color:#2c8a55}
.move-big{font-size:64px;line-height:1.1;margin:6px 0}
.move-card p{font-size:18px;margin-bottom:14px}

/* kindness */
.kcard{background:#FFF0F7}
.kcard small{color:#c2457f}
.kcard p{font-size:21px;font-weight:700;line-height:1.4;min-height:60px}
.kdays{list-style:none;padding:0;margin:4px 0 12px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kdays li{background:#fff;border-radius:12px;padding:8px 2px;text-align:center;font-size:13px;font-weight:700;color:#6f6680}
.kdays li b{display:block;font-size:14px;min-height:20px;margin-top:4px}
.kdays li.today{outline:2px solid var(--pink,#FF6FB5)}
.kverse{font-style:italic;color:#5b5360}
.kverse span{font-style:normal;font-weight:700}

/* my heart */
.feel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:18px}
.feel{display:flex;flex-direction:column;align-items:center;gap:6px;font:700 15px 'Inter',sans-serif;background:#FAF6FE;border:2px solid transparent;border-radius:18px;padding:16px 8px;cursor:pointer;color:var(--ink,#1D1D1D)}
.feel span{font-size:36px}
.feel[aria-pressed="true"]{border-color:var(--purple,#6B3FA0);background:#fff}
.feel-out{max-width:760px}
.fo-verse{background:#FFF7E6;border:2px solid #FFE3A8;border-radius:18px;padding:20px 22px;margin-bottom:12px}
.fo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fo-box{background:#FAF6FE;border-radius:16px;padding:16px;font-size:16px;line-height:1.5}
.fo-box small{color:var(--purple,#6B3FA0)}

.parents{color:#5b5360;font-size:14px;line-height:1.6;border-top:1px solid #EADCF5;padding:22px 0 40px;max-width:900px}
.parents p{margin-bottom:8px}
.parents b{color:var(--ink,#1D1D1D)}

@media (max-width:820px){.conn{grid-template-columns:1fr}.break-grid,.kind-grid,.fo-row{grid-template-columns:1fr}}
@media (max-width:620px){.bs-panel{padding:20px}.bs-title{gap:12px}.bs-badge{width:56px;height:56px;font-size:28px}.bs-tab{padding:10px 14px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.scard{transition:none}.scard:hover{transform:none}}
.bs .bs-panel,.bs .sv-block{padding-top:0;padding-bottom:0}.bs .bs-panel{padding:30px}@media (max-width:620px){.bs .bs-panel{padding:20px}}.bs .sv-verse{padding:20px 22px}
.sv-big{font-weight:700;color:var(--sc);margin-top:4px;font-size:16px}
.sv-explain p,.sv-jesus p,.sv-act p{font-size:17px;line-height:1.6}
.sv-engage .take{font-size:19px;font-weight:800;color:var(--sc);margin-bottom:6px}
.sv-engage .prayer{font-size:17px;font-style:italic}
.sv-engage .prayer span{font-style:normal;font-weight:800}
.sv-jesus{background:#F3ECFF;border-radius:18px;padding:18px 20px!important}
.sv-act{background:#EFFAF3;border-radius:18px;padding:18px 20px!important}
.sv-more{font-size:15px;color:#5b5360;background:#FAF6FE;border-radius:14px;padding:12px 16px;margin:0 0 20px;max-width:760px}
/* grown-ups guide */
.bs-guide{background:#fff;border:2px solid #F0E3FA;border-radius:22px;padding:6px 22px;margin:0 0 24px}
.bs-guide summary{cursor:pointer;font:800 18px 'Inter',sans-serif;color:var(--purple,#6B3FA0);padding:14px 0;min-height:48px}
.bs-guide .g-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:4px 0 20px}
.bs-guide .g{background:#FAF6FE;border-radius:16px;padding:16px;font-size:15px;line-height:1.55}
.bs-guide .g h3{font:800 16px 'Inter',sans-serif;margin-bottom:8px}
.bs-guide ul{padding-left:20px;display:grid;gap:4px}
.bs-guide .fine{font-size:13px;color:#6f6680;padding-bottom:16px}
@media (max-width:820px){.bs-guide .g-grid{grid-template-columns:1fr}}
.gcard .sref{font-size:14px;line-height:1.4}
.sv-verse q+cite{margin-bottom:12px}
.sv-explain p{margin-bottom:10px}
.traits{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.trait{background:#FFF7E6;border-radius:14px;padding:12px 14px;font-size:15px}
.trait b{display:block;font-size:16px}
.fruits,.gn{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.fruit,.gn-c{font:700 15px 'Inter',sans-serif;background:#fff;border:2px solid #E6D8F7;border-radius:999px;padding:9px 14px;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:44px;color:var(--ink,#1D1D1D)}
.fruit[aria-pressed="true"],.gn-c[aria-pressed="true"]{border-color:var(--sc);background:#F3ECFF}
.fruit span{font-size:20px}
.dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid #1D1D1D;vertical-align:-3px}
.fruit-out{background:#FAF6FE;border-radius:16px;padding:16px 18px;font-size:16px;line-height:1.55;min-height:70px}
.fruit-out h4{font:800 18px 'Inter',sans-serif;margin-bottom:6px}
.fruit-out p{margin-bottom:6px}
.fruit-out .ref{font-weight:700;color:#6f6680;font-size:14px}
.gn-share{margin-top:12px;font-size:16px;font-weight:600}
.conn.two{grid-template-columns:1fr 1fr}
.speak{display:flex;flex-wrap:wrap;gap:8px}
.speak span{background:#FFF0F7;border:2px solid #FFB6D9;border-radius:999px;padding:9px 14px;font-weight:700;font-size:15px}
.sv-act ul{padding-left:22px;display:grid;gap:6px;font-size:16px}
@media (max-width:820px){.conn.two{grid-template-columns:1fr}}
.area{font:700 15px 'Inter',sans-serif;background:#fff;border:2px solid #E6D8F7;border-radius:999px;padding:9px 14px;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:44px;color:var(--ink,#1D1D1D)}
.area[aria-pressed="true"]{border-color:var(--sc);background:#E9FAF8}
.area span{font-size:20px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.step3{background:#E9FAF8;border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.5}
.step3 b{display:block;font-size:18px;margin-bottom:4px}
@media (max-width:620px){.steps3{grid-template-columns:1fr}}
.bs-lessons{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#FFF7E6,#F3ECFF);border:3px solid #FFD98A;border-radius:24px;padding:18px 22px;margin:0 0 10px;text-decoration:none;color:inherit}
.bs-lessons-art{font-size:40px;flex:none}
.bs-lessons-body{display:flex;flex-direction:column;gap:4px;flex:1}
.bs-lessons-body b{font-size:22px;color:var(--purple,#6B3FA0)}
.bs-lessons-go{flex:none;background:#B8236B;color:#fff;border-radius:999px;padding:12px 20px;font-weight:800}
.bs-bible-link{margin:0 0 22px;font-size:15px;color:#5b5360}
.bs-bible-link a{font-weight:800;color:var(--purple,#6B3FA0)}
@media (max-width:620px){.bs-lessons{flex-direction:column;align-items:flex-start}}
