#ol-studio .olb-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:minmax(0,1.12fr) minmax(0,1fr) minmax(0,.95fr);gap:20px;width:100%;max-width:1256px;margin:0 auto;height:min(100%,785px);min-height:690px}
#ol-studio .olb-card{position:relative;min-width:0;border:0;border-radius:27px;overflow:hidden;padding:25px 29px;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease}
#ol-studio .olb-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px #35215d14}
#ol-studio .olb-half{grid-column:span 10}.olb-wide{grid-column:span 11}.olb-narrow{grid-column:span 9}.olb-broad{grid-column:span 12}.olb-slim{grid-column:span 8}
#ol-studio .olb-lavender{background:linear-gradient(135deg,#e2dcfe,#d4c9fc)}
#ol-studio .olb-pink{background:linear-gradient(135deg,#fbd8e5,#f8bfd7)}
#ol-studio .olb-mint{background:linear-gradient(135deg,#dff4d5,#cbeabf)}
#ol-studio .olb-yellow{background:linear-gradient(135deg,#fff1bc,#ffe497)}
#ol-studio .olb-peach{background:linear-gradient(135deg,#ffe1ca,#ffcfae)}
#ol-studio .olb-sky{background:linear-gradient(135deg,#dceafd,#c9defb)}
#ol-studio .olb-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#39305f;margin-bottom:12px}
#ol-studio .olb-card h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(22px,2.2vw,32px);font-weight:800;letter-spacing:-.055em;line-height:1.12;color:var(--olb-ink);max-width:360px;margin:0 0 10px}
#ol-studio .olb-description{font-size:12px;line-height:1.55;color:#4b4569;max-width:275px;margin:0 0 15px}
#ol-studio .olb-dark-button,#ol-studio .olb-white-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;width:max-content;padding:0 19px;border:0;border-radius:24px;background:var(--olb-ink);color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 4px 10px #21143f18}
#ol-studio .olb-white-button{background:#fff;color:var(--olb-ink)}
#ol-studio .olb-dark-button:hover{background:#35276b}#ol-studio .olb-white-button:hover{background:#f6f0ff}
#ol-studio .olb-resume{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:43%}
#ol-studio .olb-resume h2{font-size:clamp(25px,2.3vw,35px)}
#ol-studio .olb-resume-meter{display:flex;align-items:center;gap:10px;width:100%;max-width:350px;margin-top:15px;font-size:10px;font-weight:700;white-space:nowrap}
#ol-studio .olb-progress{height:6px;border-radius:9px;background:#ffffff77;overflow:hidden;flex:1;min-width:30px}
#ol-studio .olb-progress>span{height:100%;display:block;background:var(--olb-purple);border-radius:9px;transition:width .3s}
#ol-studio .olb-resume-art{position:absolute;right:8%;top:17%;height:66%;width:30%;min-width:145px;background:linear-gradient(155deg,#fff,#f7f5ff);border-radius:24px;box-shadow:0 18px 34px #5b3baa29;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}
#ol-studio .olb-art-monogram{font-size:74px;font-weight:800;letter-spacing:-.12em;background:linear-gradient(135deg,#7c3bf1,#d955b3);background-clip:text;color:transparent;line-height:1}
#ol-studio .olb-art-caption{font-size:9px;color:#6a5e92;font-weight:700;text-align:center}
#ol-studio .olb-schedule{padding-right:47%}
#ol-studio .olb-schedule .olb-plan{font-size:12px;color:#4d4262;line-height:1.6}
#ol-studio .olb-plan p{max-width:235px;margin:0 0 15px}
#ol-studio .olb-calendar{position:absolute;right:5%;top:11%;width:40%;height:78%;border-radius:22px;background:#fff;padding:17px 16px;box-shadow:0 7px 14px #68466524;text-align:center}
#ol-studio .olb-calendar strong{font-size:11px}.olb-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:12px;font-size:9px;color:#665c82}
#ol-studio .olb-calendar-days span{height:20px;display:grid;place-items:center}.olb-calendar-days span.today{border-radius:50%;background:var(--olb-purple);color:#fff;font-weight:800}
#ol-studio .olb-courses,#ol-studio .olb-updates,#ol-studio .olb-explore,#ol-studio .olb-growth{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#ol-studio .olb-courses{padding-right:55%}#ol-studio .olb-courses h2{max-width:240px}
#ol-studio .olb-course-list{position:absolute;right:5%;top:12%;width:48%;display:flex;flex-direction:column;gap:9px}
#ol-studio .olb-course-pill{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:11px 12px;text-decoration:none;color:var(--olb-ink);box-shadow:0 5px 13px #396e3d12;transform:rotate(-2deg)}
#ol-studio .olb-course-pill:nth-child(2){transform:rotate(2deg)}
#ol-studio .olb-course-pill strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olb-course-pill>span:nth-child(3){font-size:9px;color:#766a91}
#ol-studio .olb-course-pill .olb-progress{grid-column:2/4;height:5px;background:#e7e1f2}
#ol-studio .olb-course-symbol{height:27px;width:27px;border-radius:9px;background:#eee7ff;color:var(--olb-purple);display:grid;place-items:center;font-size:10px;font-weight:800}
#ol-studio .olb-updates{padding-right:51%}#ol-studio .olb-updates h2{max-width:200px}
#ol-studio .olb-update-list{position:absolute;right:6%;top:16%;width:42%;background:#fff;border-radius:18px;padding:9px 12px;box-shadow:0 5px 12px #8d6b2817}
#ol-studio .olb-update-item{display:block;padding:10px 2px;border-bottom:1px solid #eee9eb;font-size:10px;font-weight:700;text-decoration:none;color:var(--olb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ol-studio .olb-update-item:last-child{border:0}
#ol-studio .olb-updates .olb-description{max-width:205px}
#ol-studio .olb-explore{padding-right:50%}
#ol-studio .olb-explore-cards{position:absolute;right:4%;top:15%;width:44%;display:grid;gap:12px}
#ol-studio .olb-discovery{background:#fff;color:var(--olb-ink);border-radius:15px;padding:14px;text-decoration:none;font-size:12px;font-weight:800;line-height:1.4;transform:rotate(2deg);box-shadow:0 5px 12px #60331c14}
#ol-studio .olb-discovery:nth-child(2){transform:rotate(-2deg)}#ol-studio .olb-discovery small{display:block;margin-top:5px;color:#77677b;font-size:9px;font-weight:500}
#ol-studio .olb-growth{padding-right:46%}#ol-studio .olb-growth .olb-description{max-width:175px}
#ol-studio .olb-ring{position:absolute;right:9%;top:15%;height:min(75%,170px);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--olb-purple) var(--percent),#ffffffaa 0);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}
#ol-studio .olb-ring::before{content:'';position:absolute;inset:12px;background:#fff;border-radius:50%;z-index:-1}
#ol-studio .olb-ring strong{font-size:25px;font-weight:800}.olb-ring span{font-size:9px;color:#84789a;text-align:center}
#ol-studio .olb-text-link{font-size:11px;color:var(--olb-ink);font-weight:700}
#ol-studio .olb-save-note{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#756e85;padding:8px 4px}
#ol-studio .olb-save-note button{border:0;background:transparent;color:var(--olb-purple);font-weight:700}