/* od1634.css V10.8.1634 (TEST): old-design sweep. Full-width parent pages, whole-card click, card bars, parent bell, Class Recordings polish. */

/* 1. Full width: content fills the space beside the sidebar; only very wide screens cap at 1600px and centre. */
.p2main{max-width:1600px!important;margin-left:auto;margin-right:auto;padding-left:clamp(20px,2.6vw,44px)!important;padding-right:clamp(20px,2.6vw,44px)!important;--odpad:clamp(20px,2.6vw,44px)}
.p2main .p2acct{right:var(--odpad,30px)!important}
.p2kids,.p2kids.one{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important}
@media (min-width:1100px){
 /* 2-column card flow on Family Settings, plan/options and child pages; banners, tabs, bars and lists span the full row */
 .p2main.odg2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-items:start;align-content:start}
 .p2main.odg2>*{grid-column:1/-1;min-width:0}
 .p2main.odg2>.p2card:not(.v47card):not(.v46rpc):not(.p2fam):not(.od-wide),.p2main.odg2>#v47bill>.p2card:not(.v47card):not(.od-wide){grid-column:auto}
 .p2main.odg2>#v47bill{display:contents}
 .p2main.odg2>#v47bill>*{grid-column:1/-1;min-width:0}
 .p2main.odg2>#v47bill>.p2card:not(.v47card):not(.od-wide){grid-column:auto}
}
@media (min-width:1500px){
 .p2main.odg2.od3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* 2. whole card is the click target */
.od-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}
.od-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,37,87,.14)}
.od-card:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
.od-card :is(a,button,input,select,textarea,label,summary){cursor:pointer}
@media (prefers-reduced-motion:reduce){.od-card,.od-card:hover{transition:none;transform:none}}

/* 3. inline bars: icon left, bold title on its own line, description beneath, button right with a clear gap; stacks at phone width */
.v47card.odbar,.od-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;row-gap:12px;padding:18px 22px;margin:0 0 16px}
.odbar-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fdecea;color:#b3261e}
.v47card.odbar.ok{border:2px solid #b9e3c6}.v47card.odbar.ok .odbar-ic{background:#e4f6ea;color:#1b7f3a}
.odbar-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.odbar-tx b{display:block;font-size:17px;line-height:1.3;color:#0F2557}
.odbar-tx span{display:block;font-size:15px;line-height:1.5;color:#4b5670}
.odbar-tx em{display:block;font-style:normal;font-size:14px;line-height:1.4;color:#8a4b00;background:#fff6e5;border-radius:8px;padding:8px 10px;margin-top:4px}
.odbar-tx em[hidden]{display:none}
.odbar-btn{margin-left:clamp(16px,2vw,24px);white-space:nowrap}
@media (max-width:640px){
 .v47card.odbar,.od-bar{grid-template-columns:auto minmax(0,1fr);padding:16px}
 .odbar-btn{grid-column:1/-1;margin-left:0;width:100%;justify-content:center;text-align:center}
}
/* the Replay Tour card: same breathing room */
.v46rpc{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}.v46rpc b{flex:1 1 220px}.v46rpc span{flex:1 1 260px}
@media (max-width:640px){.v46rpc .v46btn2{width:100%}}

/* 4. parent bell sits in the top header bar next to the Parent Account pill */
.p2main>#an483Bell.an-hbell,#an483Bell.an-hbell{display:inline-flex!important;position:absolute!important;top:10px;bottom:auto!important;left:auto;z-index:20;width:44px;height:44px;margin:0;box-shadow:none}
.p2main.odbell .p2acct{max-width:calc(100% - 140px)}

/* 5. Class Recordings */
.s2rec .od-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;background:none;border:0;padding:6px 2px;font:600 15px/1.2 inherit;color:#0F2557;cursor:pointer}
.s2rec .od-back svg{width:18px;height:18px}
.s2rec .od-back:hover{text-decoration:underline}
.od-reclist li{padding:1rem 1.2rem}
.od-reclist .s2ic{flex:0 0 auto}
.od-recnote{margin-top:1.2rem;color:var(--s2-sub,#5b6680)}
.s2rec .s2empty{padding:2rem;text-align:center}
@media (max-width:640px){.od-reclist li{flex-wrap:wrap}.od-reclist li .s2btn{width:100%;justify-content:center}}

/* Add Your First Child (zero-children state) */
.od-first .acB{max-width:760px}
.v1634-nomore{display:none!important}
/* bell glyph + pill-like chip (1634b) */
#an483Bell.an-hbell.an-bell{background:#e8f1fc;border:0;border-radius:999px;color:#14275c;display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer}
#an483Bell.an-hbell.an-bell svg{display:block;width:20px;height:20px;stroke:#14275c!important;color:#14275c;fill:none!important;opacity:1}
#an483Bell.an-hbell.an-bell:hover{background:#d9e8fa}
#an483Bell.an-hbell.an-bell:focus-visible{outline:3px solid #0a66f5;outline-offset:2px}
.v46on{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;cursor:default;opacity:1!important}
.v46ck{display:inline-block;margin-right:6px;font-weight:700}
