.studio-shell{--studio-purple:#6437d9;color:#20172b;background:#faf9fc;max-width:1200px;min-height:100dvh;margin:auto;padding:20px;font:16px/1.5 system-ui,sans-serif}.studio-shell *{box-sizing:border-box}.studio-shell header{border-bottom:1px solid #dcd4e8;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:16px;display:flex}.studio-shell a{color:#5930c4;text-underline-offset:3px}.studio-title{padding:22px 0 14px}.studio-title h1{margin:0;font-size:clamp(26px,5vw,38px);line-height:1.15}.studio-eyebrow{letter-spacing:.06em;color:#5930c4;font-size:14px;font-weight:700}.studio-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.studio-shell button,.studio-actions>a{cursor:pointer;color:#402178;font:inherit;background:#fff;border:1px solid #b7a7d5;border-radius:10px;min-height:46px;padding:10px 15px;font-weight:600;line-height:1.4;text-decoration:none}.studio-shell button:hover{background:#f0e9ff}.studio-shell button:disabled{opacity:.55;cursor:not-allowed}.studio-shell button.selected,.studio-shell button.studio-primary{color:#fff;background:#6437d9;border-color:#6437d9}.studio-shell :focus-visible{outline-offset:3px;outline:3px solid #ae7b08}.studio-card,.studio-plan{background:#fff;border:1px solid #e1daeb;border-radius:14px;min-width:0;margin:16px 0;padding:20px}.studio-shell h2{font-size:24px;line-height:1.3}.studio-shell h3{font-size:19px;line-height:1.4}.studio-shell h4{margin-bottom:4px;font-size:17px}.studio-shell p{margin:10px 0}.studio-shell label{gap:6px;min-width:0;margin:12px 0;font-size:15px;font-weight:600;display:grid}.studio-shell input:not([type=checkbox]),.studio-shell select,.studio-shell textarea{color:#20172b;background:#fff;border:1px solid #a99bb9;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:11px;font:16px/1.4 system-ui,sans-serif}.studio-shell textarea{resize:vertical;min-height:88px}.studio-shell input[type=checkbox]{flex:none;width:22px;height:22px}.studio-shell .studio-check{align-items:flex-start;gap:10px;min-height:44px;font-weight:400;display:flex}.studio-shell fieldset{border:1px solid #d8cde6;border-radius:10px;min-width:0;margin:20px 0;padding:14px}.studio-shell legend{padding:0 8px;font-weight:700}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.studio-period{grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:8px;display:grid}.studio-period button{margin-bottom:12px}.studio-shell details{border-bottom:1px solid #e1daeb;padding:14px 0}.studio-shell summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:700}.studio-alert{color:#473006;background:#fff4d7;border-left:4px solid #97670b;padding:12px 16px}.studio-note{color:#514264;background:#f2edfb;padding:12px;font-size:14px}.studio-pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;display:grid}.studio-session{border-top:2px solid #e4dcee;margin-top:22px;padding-top:6px}.studio-session>div{padding:4px 0}.studio-shell small{color:#665870;font-size:14px;display:block}.studio-plan-list{gap:10px;display:grid}.studio-plan-list button{text-align:left;color:#20172b;gap:4px;display:grid}.studio-plan-list span{font-weight:400}.studio-feedback,.studio-invitation{overflow-wrap:anywhere;border-bottom:1px solid #dcd3e7;padding:14px 0}.studio-feedback>button{font-size:14px}.studio-invitation button{margin-top:6px;display:block}.studio-share{border-top:1px solid #dcd3e7;padding:16px 0}.studio-share img{background:#fff;max-width:100%;height:auto;display:block}.studio-code{letter-spacing:.08em;font-family:monospace}.studio-resource-list{max-height:320px;overflow:auto}.studio-primary{width:100%;margin-top:20px}.studio-review{max-width:820px}.studio-shell form{margin:12px 0}.studio-plan{overflow-wrap:anywhere}@media (width<=800px){.studio-detail-grid{grid-template-columns:1fr}.studio-shell{padding:14px}.studio-card,.studio-plan{padding:16px}.studio-grid{grid-template-columns:1fr}.studio-period{grid-template-columns:1fr 1fr}.studio-period>label:first-child{grid-column:1/-1}.studio-period button{align-self:end}.studio-shell h2{font-size:22px}}@media print{body{background:#fff}.studio-shell{background:#fff;max-width:none;padding:0;font-size:11pt}.studio-shell header,.studio-shell nav,.studio-actions,.studio-title,.studio-alert,.studio-shell aside,.studio-shell .studio-card{display:none!important}.studio-detail-grid{display:block}.studio-plan{border:0;margin:0;padding:0}.studio-plan h3,.studio-plan h4{break-after:avoid}.studio-plan details,.studio-plan details>*{display:block}.studio-session{break-inside:auto}}.studio-header-links{flex-wrap:wrap;gap:16px;display:flex}.studio-guides{max-width:860px}.studio-guide-card{background:#fff;border:1px solid #dcd4e8;border-radius:14px;margin:24px 0;padding:24px;scroll-margin-top:20px}.studio-guide-title{color:#5930c4;align-items:center;gap:12px;display:flex}.studio-guide-title h2{margin:0}.studio-guide-card ol{margin:20px 0;padding:0;list-style:none}.studio-guide-card li{border-top:1px solid #eee8f5;gap:16px;padding:14px 0;display:flex}.studio-step{color:#fff;background:#6437d9;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.studio-guide-card h3{margin:0}.studio-guide-card p{margin:6px 0}.studio-guide-card li>div{min-width:0}@media print{.studio-guide-card{break-inside:avoid;border:1px solid #dcd4e8;margin:16px 0;padding:16px}.studio-guides>.studio-note{font-size:9pt}.studio-shell .workspace-panel{display:none!important}.studio-shell #studio-read{display:block!important}.studio-shell .workspace-title{display:none}}