.score-visualization{--viz-bar-height:10px;--viz-bar-radius:5px;--viz-bar-color-left:#5b8dd9;--viz-bar-color-mid:#e0e0e0;--viz-bar-color-right:#d95b5b;--viz-indicator-size:20px;--viz-indicator-color:#222;--viz-indicator-border:3px solid var(--color-white);--viz-indicator-shadow:0 1px 4px #00000040;--viz-label-color:#999;--viz-label-font-size:.875rem;--viz-label-active-color:currentColor;--viz-label-active-weight:700;--viz-letter-font-size:1rem;--viz-category-gap:1.75rem;--viz-subtype-indent:1.5rem;--viz-subtype-border-color:#e0e0e0}.viz-category-list{gap:var(--viz-category-gap);flex-direction:column;display:flex}.viz-category-name{margin:0 0 .5rem;font-size:1rem}.viz-labels{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.viz-label{font-size:var(--viz-label-font-size);color:var(--viz-label-color);align-items:center;gap:.35rem;display:flex}.viz-label--active{color:var(--viz-label-active-color);font-weight:var(--viz-label-active-weight)}.viz-label--right{flex-direction:row-reverse}.viz-letter{font-size:var(--viz-letter-font-size)}.viz-bar{height:var(--viz-bar-height);border-radius:var(--viz-bar-radius);background:linear-gradient(to right, var(--viz-bar-color-left), var(--viz-bar-color-mid) 40%, var(--viz-bar-color-mid) 60%, var(--viz-bar-color-right));position:relative;overflow:visible}.viz-indicator{width:var(--viz-indicator-size);height:var(--viz-indicator-size);background-color:var(--viz-indicator-color);border:var(--viz-indicator-border);box-shadow:var(--viz-indicator-shadow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.viz-subtype{padding-left:var(--viz-subtype-indent);border-left:2px solid var(--viz-subtype-border-color);margin-top:.75rem}.viz-subtype-label{color:var(--viz-label-color);margin:0 0 .5rem;font-size:.8rem}.markdown-page{background-color:var(--color-pale-pink);flex-direction:column;min-height:100vh;display:flex}.markdown-page__body{box-sizing:border-box;flex:1;gap:150px;width:100%;display:flex;position:relative}.markdown-page__nav{box-sizing:border-box;background-color:var(--color-pale-pink);flex-shrink:0;width:180px;padding:64px 0 64px 36px;position:sticky}.markdown-page__nav-item{border:0;border-left:3px solid var(--color-yellow);color:var(--color-blue);cursor:pointer;letter-spacing:-.72px;text-align:left;background-color:#0000;margin-bottom:16px;padding:0 0 0 16px;font-family:Apfel Grotezk,sans-serif;font-size:20px;font-weight:800;text-decoration:none;transition:all .12s;display:block}.markdown-page__nav-item:hover,.markdown-page__nav-item:focus-visible{border-left-color:var(--color-blue);outline:none}.markdown-page__nav-item.active{border-left-color:var(--color-blue);color:var(--color-blue)}.markdown-page__content{min-width:0;color:var(--color-blue);box-sizing:border-box;background-color:var(--color-pale-pink);flex:1;max-width:1440px;padding:64px 36px 64px 24px;line-height:1.3}.markdown-page__hero{margin-bottom:32px}.markdown-page__hero-image{width:100%;max-width:100%;display:block}.markdown-page__top-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.markdown-page__you-are{color:var(--color-green);letter-spacing:.08em;text-transform:uppercase;font-family:Apfel Grotezk,sans-serif;font-size:.875rem;font-weight:800}.markdown-page__type-name{color:var(--color-blue);margin:0;font-family:Apfel Grotezk,sans-serif;font-size:44px;font-weight:900;line-height:1.05}.markdown-page__code-line{color:var(--color-blue);align-items:baseline;gap:8px;font-family:Inclusive Sans,sans-serif;display:flex}.markdown-page__code-line strong{font-size:18px}.markdown-page__code-line em{color:#0009;font-style:italic}.markdown-page__content h1{letter-spacing:-.32px;color:var(--color-blue);margin:40px 0 20px;font-family:Apfel Grotezk,sans-serif;font-size:48px;font-weight:800}.markdown-page__content h2{letter-spacing:-.32px;color:var(--color-blue);margin:40px 0 20px;font-family:Apfel Grotezk,sans-serif;font-size:32px;font-weight:800}.markdown-page__content h2:first-child{margin-top:0}.markdown-page__activity-icon{flex-shrink:0}.markdown-page__activity-card{background:var(--color-white);border:4px solid var(--color-blue);border-radius:12px;flex-direction:column;margin:3rem 0;display:flex;overflow:hidden}.markdown-page__activity-header{background-color:var(--color-blue);color:var(--color-white);letter-spacing:.05em;align-items:center;gap:10px;padding:8px 16px;font-family:ApfelGrotezk,sans-serif;font-size:.85rem;font-weight:800;display:flex}.markdown-page__activity-body{flex-direction:column;gap:20px;padding:32px;display:flex}.markdown-page__activity-prompt{color:var(--color-blue);font-size:1.25rem;font-weight:600;line-height:1.35}.markdown-page__activity-prompt p{margin:0}.markdown-page__activity-context{border:2px solid var(--color-blue);background-color:#ffadf24d;border-radius:8px;padding:16px}.markdown-page__activity-context-label{text-transform:uppercase;color:var(--color-blue);opacity:.8;margin-bottom:8px;font-family:Inclusive Sans,sans-serif;font-size:.8rem;font-weight:800}.markdown-page__activity-context p{margin-bottom:0;font-size:1rem}.markdown-page__activity-textarea{resize:vertical;box-sizing:border-box;border:2px solid #4300e033;border-radius:8px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .12s}.markdown-page__activity-textarea:focus{border-color:var(--color-blue);outline:none}.markdown-page__activity-upload-btn{background-color:var(--color-green);color:#fff;cursor:pointer;border-radius:6px;padding:12px 24px;font-weight:700;transition:background-color .12s;display:inline-block}.markdown-page__activity-card--instruction{border-style:dashed}.markdown-page__content p,.markdown-page__content li{margin-bottom:16px;font-family:Inclusive Sans,sans-serif;font-size:20px}.markdown-page__content ul,.markdown-page__content ol{margin:16px 0 16px 24px;padding:0}.markdown-page__content ul li,.markdown-page__content ol li{margin-bottom:8px}.markdown-page__content a:not([class]){color:var(--color-blue);text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:.08em}.markdown-page__content a:not([class]):hover,.markdown-page__content a:not([class]):focus-visible{background-color:var(--color-yellow)}.markdown-page__resource-actions{flex-wrap:wrap;gap:12px;display:flex}.markdown-page__resource-button{background:var(--color-green);color:var(--color-white);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:pointer;border:none;align-items:center;padding:10px 16px;font-family:Inclusive Sans,sans-serif;font-size:.9375rem;line-height:1;text-decoration:none;display:inline-flex}.markdown-page__resource-button:hover,.markdown-page__resource-button:focus-visible{background-color:var(--color-blue);outline:none}.markdown-page__annotated-text{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-yellow);text-decoration-color:var(--color-yellow);text-underline-offset:.16em;cursor:pointer;text-decoration-thickness:2px;transition:all .12s;position:relative}.markdown-page__annotated-text:hover{opacity:.8}.markdown-page__annotated-text.focused{background-color:var(--color-yellow);text-decoration:none}.markdown-page__annotations{background-color:var(--color-blue);width:350px;color:var(--color-white);border-left:1px solid var(--color-white);flex-direction:column;flex-shrink:0;gap:16px;padding:24px;display:flex;position:relative;overflow-y:auto}.markdown-page__annotations-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.markdown-page__annotations-title{letter-spacing:-.32px;color:var(--color-white);font-family:Apfel Grotezk,sans-serif;font-size:32px;font-weight:800}.markdown-page__annotations-list{flex-direction:column;flex:1;gap:12px;display:flex;position:relative;overflow-y:auto}.markdown-page__annotation-card{cursor:pointer;background-color:#0000;border:none;border-radius:0;flex-direction:column;gap:8px;padding:12px;transition:top .18s,transform .16s,background-color .12s;display:flex;position:absolute;left:0;right:0}.markdown-page__annotation-card:hover .markdown-page__annotation-text{background-color:var(--color-yellow)}.markdown-page__annotation-card.focused{background-color:var(--color-yellow);color:var(--color-blue);border:none}.markdown-page__annotation-card.focused .markdown-page__annotation-text{color:var(--color-blue);background-color:#0000}.markdown-page__annotation-card.focused .markdown-page__annotation-preview{color:var(--color-blue);border-left-color:var(--color-blue);display:block}.markdown-page__annotation-card.focused .markdown-page__annotation-date{color:var(--color-blue);display:block}.markdown-page__annotation-card.focused .markdown-page__annotation-actions{display:flex}.markdown-page__annotation-card.editing{background-color:#0000;border:none}.markdown-page__annotation-preview,.markdown-page__annotation-date,.markdown-page__annotation-actions{display:none}.markdown-page__annotation-text{background-color:var(--color-white);color:var(--color-blue);word-break:break-word;padding:10px;font-family:Inclusive Sans,sans-serif;font-size:16px;line-height:1.3;transition:all .12s}.markdown-page__annotation-preview{color:var(--color-white);opacity:.8;border-left:2px solid var(--color-white);max-height:60px;padding-left:8px;font-family:Inclusive Sans,sans-serif;font-size:14px;overflow:hidden}.markdown-page__annotation-date{color:var(--color-white);opacity:.6;font-family:Inclusive Sans,sans-serif;font-size:12px}.markdown-page__annotation-actions{flex-wrap:wrap;gap:8px}.markdown-page__annotation-action{background-color:var(--color-green);color:var(--color-white);cursor:pointer;text-transform:uppercase;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:Inclusive Sans,sans-serif;font-size:14px;transition:background-color .12s;display:inline-flex}.markdown-page__annotation-action:hover,.markdown-page__annotation-action:focus-visible{background-color:#008b77;outline:none}.markdown-page__annotation-input{border:1px solid var(--color-white);background-color:#ffffff1a;flex-direction:column;gap:8px;padding:12px;display:flex}.markdown-page__annotation-input textarea{color:var(--color-white);border:1px solid var(--color-white);resize:vertical;background-color:#0000;min-height:60px;padding:8px;font-family:Inclusive Sans,sans-serif;font-size:16px}.markdown-page__annotation-input textarea::placeholder{color:#fff9}.markdown-page__annotation-input-actions{gap:8px;display:flex}.markdown-page__annotation-input button{background-color:var(--color-green);color:var(--color-white);cursor:pointer;text-transform:uppercase;border:none;flex:1;padding:10px 16px;font-family:Inclusive Sans,sans-serif;font-size:14px;transition:background-color .12s}.markdown-page__annotation-input button:hover,.markdown-page__annotation-input button:focus-visible{background-color:#008b77;outline:none}.markdown-page__annotation-input button:disabled{cursor:not-allowed;background-color:#00af9180}.markdown-page__annotation-card.editing{background-color:#ffffff26}.markdown-page__annotation-card.editing .markdown-page__annotation-text{border:1px solid var(--color-white);color:var(--color-white);resize:vertical;background-color:#0000;min-height:60px}@media (width<=1200px){.markdown-page__body{gap:16px;padding:0 24px}.markdown-page__resource-button{padding:9px 12px;font-size:.85rem}.markdown-page__annotations{width:300px}.markdown-page__nav{width:150px}}@media (width<=900px){.markdown-page__body{flex-direction:column;padding-top:24px;padding-bottom:24px}.markdown-page__nav{flex-direction:row;gap:12px;width:100%;display:flex;overflow-x:auto}.markdown-page__nav-item{white-space:nowrap;margin-bottom:0}.markdown-page__annotations{width:100%;max-height:300px}.markdown-page__annotations-list{max-height:200px}}
