/* Safe Kids: The Well & Co product shell. Church instruments retain their own identity. */
:root{--navy:#0d1e3a;--navy-deep:#081630;--gold:#c8a96e;--gold-warm:#b8985e;--ink:#1a1a1a;--slate:#5a6473;--grey-line:#d0d4da;--off-white:#fafbfc;--white:#fff;--green:#2e7d32;--red:#b00020;--amber:#d97706}
.product-shell{--red:var(--navy);--grey:var(--slate);--line:var(--grey-line);--soft:var(--off-white);background:var(--off-white);font-family:'DM Sans',sans-serif;color:var(--ink)}
.product-shell header{border-top-color:var(--gold);padding-top:20px;padding-bottom:20px;gap:28px;flex-wrap:wrap}
.product-identity{display:flex;flex-direction:column;min-width:160px}.product-identity>a{font:400 38px/1 'Bebas Neue',sans-serif;letter-spacing:2px;color:var(--navy);text-transform:uppercase;text-decoration:none}.product-identity>span{font-size:11px;letter-spacing:.5px;margin-top:5px;color:var(--slate)}
.workspace-identity{border-left:1px solid var(--grey-line);padding-left:26px;display:flex;align-items:center;gap:14px}.product-shell .workspace-identity img{width:108px;max-width:28vw;height:auto}.workspace-identity>span{max-width:120px;font-size:11px;line-height:1.5;color:var(--slate)}
.product-shell h1,.product-shell h2,.product-shell h3,.product-shell .serif{font-family:'DM Serif Display',Georgia,serif;color:var(--navy)}.product-shell .course-hero h1,.product-shell .authbox>h1{font-family:'Bebas Neue',sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:clamp(42px,5.2vw,68px);line-height:1.05}
.product-shell .eyebrow,.product-shell header small,.product-shell .notice strong,.product-shell .navnum,.product-shell .callout strong{color:var(--navy)}.product-shell .eyebrow{border-left:3px solid var(--gold);padding-left:10px}.product-shell .notice,.product-shell .workshop-card,.product-shell .callout{border-left-color:var(--gold)}
.product-shell .btn{font-family:'DM Sans',sans-serif;letter-spacing:.4px;color:var(--navy);border-color:var(--grey-line)}.product-shell .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--navy);text-transform:uppercase;letter-spacing:1.5px}.product-shell .btn.primary:hover{background:var(--gold-warm);border-color:var(--gold-warm)}.product-shell .btn:not(.primary):hover{border-color:var(--navy)}
.product-shell .progress>div,.product-shell .qprogress div{background:var(--navy)}.product-shell .navbtn.active{border-left-color:var(--gold)}.product-shell .journey-grid li{border-top-color:var(--gold)}.product-shell .journey-grid li>span{color:var(--navy);font-family:'DM Serif Display',Georgia,serif}.product-shell .document-card{border-radius:4px;box-shadow:0 5px 20px #0d1e3a08}
.workspace-context{font-size:13px;line-height:1.7;color:var(--slate);max-width:660px}.product-shell .error,.product-shell .critical{color:#b00020}.product-shell input{accent-color:var(--navy)}.product-shell a:focus-visible,.product-shell button:focus-visible,.product-shell input:focus-visible{outline-color:var(--navy)!important}.product-shell #status{border-left-color:var(--gold)}
.product-shell .product-footer{border-top:1px solid var(--grey-line);margin:24px auto 0;padding-top:24px;color:var(--slate);line-height:1.8}.product-shell .urgent{color:var(--navy);border-left-color:var(--gold)}
@media(max-width:620px){.product-shell header{gap:16px;padding:16px}.product-identity{min-width:140px}.product-identity>a{font-size:32px}.product-shell .workspace-identity{padding-left:16px;gap:8px}.workspace-identity>span{display:none}.product-shell .workspace-identity img{width:90px}.product-shell .urgent{margin-left:0;width:100%;min-height:28px}.product-shell .course-hero h1,.product-shell .authbox>h1{font-size:46px}.product-shell .hero-actions .btn{letter-spacing:1px}}
@media print{.product-shell #print-record,.product-shell #print-record h1{font-family:Georgia,serif!important;color:#111!important;letter-spacing:normal!important}.product-shell .product-footer{display:none!important}}