/* Sunday School is an audience layer over the existing story, artwork, and
   printable-resource systems. These styles are deliberately route-scoped. */
.ss-hub{background:#fffdf6}.ss-hero{padding:52px 0 60px;background:linear-gradient(120deg,#e6f1e8,#fff7df);border-bottom:2px solid #e5d3a9}.ss-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:38px;align-items:center}.ss-hero h1,.ss-hub h2,.ss-story h1,.ss-story h2{font-family:var(--serif);color:var(--navy)}.ss-hero h1{margin:0;font-size:clamp(2.8rem,5.3vw,5.2rem);line-height:.98}.ss-lede{max-width:670px;margin:17px 0 24px;color:#526279;font-size:1.1rem}.ss-storybook{position:relative;justify-self:center;width:min(290px,90%);aspect-ratio:1.15;background:#fffdf4;border:9px solid #fffaf0;border-radius:22px;outline:2px solid #d7be7d;box-shadow:10px 12px 0 #d2e4cb;transform:rotate(3deg)}.ss-storybook:before{content:'✦';position:absolute;inset:22% auto auto 20%;color:#e29e28;font-size:3rem}.ss-storybook:after{content:'Sunday\A School';white-space:pre;position:absolute;right:15%;bottom:20%;color:#2c6859;font:700 1.5rem/1.1 var(--serif);text-align:center}.ss-finder{padding:48px 0}.ss-finder-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.ss-finder h2{margin:0;font-size:2.35rem}.ss-filter{display:flex;flex-wrap:wrap;gap:8px}.ss-filter a{padding:8px 13px;border:1px solid #d7c493;border-radius:999px;color:var(--navy);font-weight:800;font-size:.82rem}.ss-filter a.is-active,.ss-filter a:hover{background:#254e59;border-color:#254e59;color:#fff}.ss-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.ss-story-card{display:block;overflow:hidden;background:#fff;border:1px solid #e2d4b7;border-radius:18px;box-shadow:var(--soft-shadow);transition:transform .18s,box-shadow .18s}.ss-story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.ss-story-card img,.ss-story-card-art{display:block;width:100%;height:180px;object-fit:contain;padding:10px;background:#edf5e7}.ss-story-card-art{display:grid;place-items:center;color:#ce8d23;font:4rem var(--serif)}.ss-story-card-copy{padding:16px}.ss-story-card-copy h3{margin:0 0 6px;color:var(--navy);font:700 1.38rem/1.05 var(--serif)}.ss-story-card-copy p{margin:0;color:#637084;font-size:.82rem}.ss-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.ss-card-meta span{padding:4px 8px;border-radius:999px;background:#f7ecd0;color:#53684d;font-size:.68rem;font-weight:900}.ss-popular{padding:55px 0;background:#f6edda}.ss-popular h2{margin:0 0 8px;font-size:2.35rem}.ss-popular>div>p{max-width:650px;color:#637084}.ss-use-note{margin-top:42px;padding:25px 28px;background:#e8f2e2;border:2px dashed #b4c994;border-radius:18px}.ss-use-note h2{margin:0 0 7px;font-size:1.8rem}.ss-use-note p{max-width:810px;margin:0;color:#526279}.ss-story-hero{padding:45px 0;background:linear-gradient(115deg,#f1f8eb,#fff6df)}.ss-story-hero h1{margin:0;font-size:clamp(2.7rem,5vw,4.6rem);line-height:1}.ss-story-summary{max-width:800px;margin:16px 0;color:#526279;font-size:1.08rem}.ss-story-meta{display:flex;gap:9px;flex-wrap:wrap}.ss-story-meta span{padding:7px 10px;border:1px solid #d6c48f;border-radius:999px;background:#fffdf5;color:#4d625b;font-size:.78rem;font-weight:800}.ss-resources{padding:55px 0}.ss-resource-bar{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 24px}.ss-resource-bar .button{font-size:.83rem}.ss-story-guide{background:#f6edda;padding:46px 0}.ss-story-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ss-story-guide article{padding:22px;background:#fffdf7;border:1px solid #e0d0aa;border-radius:16px}.ss-story-guide h2{margin:0 0 7px;font-size:1.55rem}.ss-story-guide p{margin:0;color:#5b687e}.ss-empty{padding:26px;background:#fff8e7;border:2px dashed #d6ba74;border-radius:16px;color:#5d687c}@media(max-width:760px){.ss-hero-grid{grid-template-columns:1fr}.ss-storybook{display:none}.ss-finder-head{display:block}.ss-filter{margin-top:18px}.ss-story-grid{grid-template-columns:1fr}.ss-story-guide-grid{grid-template-columns:1fr}.ss-hero{padding:39px 0 44px}.ss-finder,.ss-popular,.ss-resources{padding:42px 0}}