/* The user page canvas and its permanent content container. */
body.user-body{background:#eee4d5}
.user-body .app-main{background:#eee4d5}
.user-body .app-main>main#main-content.content{max-width:1360px;padding:24px 24px 40px;background:transparent}
.user-body #user-content-container.user-content-container{width:100%;min-width:0;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding:26px;background:#fff;border:1px solid #d7e0eb;border-radius:18px;box-shadow:0 5px 22px rgba(25,48,78,.035)}
.user-body #user-content-container>section+section{margin-top:48px}
.user-body #user-content-container>.dr-page{background:transparent}
.user-body #user-content-container .dr-page .dr-container{width:100%;max-width:none}
.user-body #user-content-container>.mypage{max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:1023px){
 .user-body .app-main>main#main-content.content{padding:20px 16px 36px}
 .user-body #user-content-container.user-content-container{padding:20px;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);border-radius:15px}
}
@media(max-width:767px){
 .user-body .app-main>main#main-content.content{padding:0 0 28px}
 .user-body #user-content-container.user-content-container{padding:16px 16px 24px;min-height:calc(100vh - 28px);min-height:calc(100dvh - 28px);border-top:0;border-radius:0;box-shadow:none}
 .user-body #user-content-container>section+section{margin-top:32px}
}
/* The first three daily sections share a narrower, centered layout. */
@media screen{
 .user-body #user-content-container .dr-page>.dr-container:is(.dr-hero,.dr-topics,.dr-comparison){max-width:1020px;margin-inline:auto}
 .user-body #user-content-container .dr-page .dr-hero-copy{text-align:center}
 .user-body #user-content-container .dr-page .dr-hero :is(h1,.dr-intro){margin-inline:auto}
 .user-body #user-content-container .dr-page .dr-hero :is(.dr-offer,.dr-actions){justify-content:center}
 .user-body #user-content-container .dr-page :is(.dr-topics,.dr-comparison)>.dr-heading{display:block;max-width:820px;margin-inline:auto;text-align:center}
 .user-body #user-content-container .dr-page :is(.dr-topics,.dr-comparison)>.dr-heading h2{margin-inline:auto}
 .user-body #user-content-container .dr-page :is(.dr-topics,.dr-comparison)>.dr-heading>p{max-width:720px;margin-inline:auto;margin-top:12px}
 .user-body #user-content-container .dr-page .dr-topic-buttons{justify-content:center}
 .user-body #user-content-container .dr-page .dr-compare-shared{justify-content:center}
 .user-body #user-content-container .dr-page .dr-compare-shared>small{margin-left:0}
 .user-body #user-content-container .dr-page .dr-comparison>.dr-fact-note{max-width:880px;margin-inline:auto;text-align:center}
}
@media screen and (min-width:768px){
 .user-body #user-content-container .dr-page>.dr-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
}
@media screen and (min-width:768px) and (max-width:1023px){
 .user-body #user-content-container .dr-page>.dr-hero{gap:24px}
}
/* Daily offer and topic tabs are one visible unit each. */
@media screen{
 .user-body #user-content-container .dr-page .dr-hero-purchase{max-width:460px;margin:24px auto 0}
 .user-body #user-content-container .dr-page .dr-purchase-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;background:#f5f2ec;border:1px solid #e2ddd2;border-radius:10px;text-align:left}
 .user-body #user-content-container .dr-page .dr-purchase-price{display:flex;flex-direction:column;gap:3px;min-width:0}
 .user-body #user-content-container .dr-page .dr-purchase-price .dr-price{font-size:26px;line-height:1.2;letter-spacing:-.7px}
 .user-body #user-content-container .dr-page .dr-purchase-price .dr-included{font-size:11px;line-height:1.5;color:#687386}
 .user-body #user-content-container .dr-page .dr-purchase-strip .dr-button{flex-shrink:0;min-height:46px;padding:11px 18px;border-radius:7px;background:#1b3653;box-shadow:none;border-color:#1b3653;font-size:14px}
 .user-body #user-content-container .dr-page .dr-purchase-strip .dr-button:hover{background:#274968;border-color:#274968}
 .user-body #user-content-container .dr-page .dr-hero-preview{margin-top:7px;min-height:35px;padding:6px 0;font-size:13px;color:#52667d;gap:7px}
 .user-body #user-content-container .dr-page .dr-hero-preview .dr-icon{width:16px;height:16px}
 .user-body #user-content-container .dr-page .dr-topic-shell{overflow:hidden;border:1px solid #d5deea;border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(26,47,73,.025)}
 .user-body #user-content-container .dr-page .dr-topic-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;background:#f1f4f8;border-bottom:1px solid #d5deea}
 .user-body #user-content-container .dr-page .dr-topic-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:64px;padding:15px 16px;border:0;border-right:1px solid #d5deea;border-radius:0;background:transparent;color:#6a798d;font-size:16px;box-shadow:none}
 .user-body #user-content-container .dr-page .dr-topic-button:last-child{border-right:0}
 .user-body #user-content-container .dr-page .dr-topic-button>span{font-size:12px;font-weight:650;letter-spacing:.5px;color:#8190a4}
 .user-body #user-content-container .dr-page .dr-topic-button:hover{background:#e8eef5;color:#213b59}
 .user-body #user-content-container .dr-page .dr-topic-button[aria-selected="true"]{background:#fff;color:#183450;box-shadow:inset 0 3px 0 #183450}
 .user-body #user-content-container .dr-page .dr-topic-button[aria-selected="true"]>span{color:#183450}
 .user-body #user-content-container .dr-page .dr-topic-button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff}
 .user-body #user-content-container .dr-page .dr-topic-button:focus-visible{outline:2px solid #315a87;outline-offset:-5px;z-index:1}
 .user-body #user-content-container .dr-page .dr-topic-panels{min-width:0}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-question-panel{grid-template-columns:240px minmax(0,1fr);gap:30px;min-height:0;margin:0;padding:30px 32px;background:#fff;border-radius:0;align-items:center}
 .user-body #user-content-container .dr-page .dr-question-panel:focus-visible{outline:2px solid #315a87;outline-offset:-6px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-art img{width:100%;max-width:240px;max-height:none;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:9px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-question{font-size:24px;line-height:1.5}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-example{font-size:15px;line-height:1.85;margin-top:11px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-caption{font-size:12px;line-height:1.75;margin-top:14px;color:#788597}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-text-button{margin-top:3px;min-height:36px;font-size:13px;color:#315475}
}
@media screen and (min-width:768px) and (max-width:1023px){
 .user-body #user-content-container .dr-page .dr-purchase-strip{gap:10px;padding:12px}
 .user-body #user-content-container .dr-page .dr-purchase-strip .dr-button{font-size:13px;padding:10px 13px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-question-panel{grid-template-columns:190px minmax(0,1fr);gap:23px;padding:26px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-question{font-size:21px}
}
@media screen and (max-width:767px){
 .user-body #user-content-container .dr-page .dr-hero-purchase{max-width:none;margin-top:20px}
 .user-body #user-content-container .dr-page .dr-purchase-strip{gap:12px;padding:12px 14px}
 .user-body #user-content-container .dr-page .dr-purchase-price .dr-price{font-size:24px}
 .user-body #user-content-container .dr-page .dr-purchase-strip .dr-button{font-size:13px;padding:10px 14px;min-height:44px}
 .user-body #user-content-container .dr-page .dr-hero-preview{font-size:12px;margin-top:6px;min-height:34px}
 .user-body #user-content-container .dr-page .dr-topic-button{min-height:56px;padding:13px 8px;gap:7px;font-size:14px}
 .user-body #user-content-container .dr-page .dr-topic-button>span{font-size:11px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-question-panel{grid-template-columns:minmax(0,1fr);padding:23px 19px;gap:21px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-art img{max-width:230px;width:100%;border-radius:8px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-question{font-size:21px;line-height:1.5}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-example{font-size:14px;line-height:1.85}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-topic-caption{font-size:11px;margin-top:13px}
 .user-body #user-content-container .dr-page .dr-topic-shell .dr-text-button{font-size:12px}
}

@media print{
 .user-body .app-main>main#main-content.content{max-width:none;padding:0;background:#fff}
 .user-body #user-content-container.user-content-container{min-height:0;padding:0;border:0;border-radius:0;box-shadow:none}
}