/* R6.41 — Student Journey UX */
.r641-daily-plan{margin:18px 0 24px;padding:22px;border:1px solid #e6e9f4;border-radius:26px;background:linear-gradient(145deg,#fff,#f8f9ff);box-shadow:0 16px 42px rgba(42,51,101,.08)}
.r641-daily-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.r641-daily-head h2{margin:2px 0 4px;color:#202b59;font-size:clamp(1.35rem,2.6vw,1.85rem)}.r641-daily-head p{margin:0;color:#68718a;font-weight:650}.r641-daily-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.r641-daily-metrics>span{min-width:82px;padding:9px 12px;border:1px solid #e8eaf4;border-radius:15px;background:#fff;text-align:center;box-shadow:0 5px 14px rgba(37,47,93,.04)}.r641-daily-metrics b{display:block;color:#5146e5;font-size:1.08rem}.r641-daily-metrics small{display:block;margin-top:2px;color:#737b91;font-size:.66rem;font-weight:800}
.r641-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.r641-plan-card{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;min-width:0;min-height:112px;padding:15px 14px;border:1px solid #e4e8f3;border-radius:20px;background:#fff;color:#202b49;text-align:right;cursor:pointer;box-shadow:0 8px 20px rgba(30,43,83,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.r641-plan-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(30,43,83,.1)}.r641-plan-card:focus-visible{outline:3px solid rgba(81,70,229,.25);outline-offset:3px}.r641-plan-card.learn{--r641:#5a4be8}.r641-plan-card.read{--r641:#c75a82}.r641-plan-card.play{--r641:#18a582}.r641-plan-step{position:absolute;top:9px;inset-inline-start:9px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--r641);color:#fff;font-size:.68rem;font-weight:950}.r641-plan-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--r641) 11%,#fff);color:var(--r641)}.r641-plan-icon .ui-icon{width:23px;height:23px}.r641-plan-card div{min-width:0}.r641-plan-card small{display:block;margin-bottom:3px;color:var(--r641);font-weight:900}.r641-plan-card b{display:block;overflow:hidden;color:#202b49;font-size:.92rem;white-space:nowrap;text-overflow:ellipsis}.r641-plan-card em{display:block;margin-top:4px;overflow:hidden;color:#7a8296;font-size:.68rem;font-style:normal;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.r641-plan-card>i{color:var(--r641)}
.r641-card-continue{position:absolute;z-index:5;bottom:10px;inset-inline-start:10px;padding:5px 9px;border-radius:999px;background:#fff4cb;color:#795500;font-size:.62rem;font-weight:950;box-shadow:0 4px 12px rgba(0,0,0,.09)}.r641-story-empty{grid-column:1/-1;text-align:center;padding:28px!important;color:#67718a}.r610-story-filters{scrollbar-width:none}.r610-story-filters::-webkit-scrollbar{display:none}
@media(max-width:900px){.r641-plan-grid{grid-template-columns:1fr}.r641-plan-card{min-height:92px}.r641-daily-head{align-items:flex-start;flex-direction:column}.r641-daily-metrics{justify-content:flex-start}}
@media(max-width:600px){.r641-daily-plan{padding:16px 13px;border-radius:20px}.r641-daily-head{gap:11px}.r641-daily-metrics{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.r641-daily-metrics>span{min-width:0;padding:8px 5px}.r641-plan-card{grid-template-columns:auto 1fr auto;padding:13px 12px 13px 13px}.r641-plan-step{display:none}.r641-plan-icon{width:42px;height:42px}.r610-story-filters{display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:4px}.r610-story-filters button{flex:0 0 auto;scroll-snap-align:start;min-height:42px}}
@media(prefers-reduced-motion:reduce){.r641-plan-card{transition:none}.r641-plan-card:hover{transform:none}}