.str-section{padding-block:var(--spacing-24);background:var(--colors-bg-default);color:var(--colors-fg-default)}.str-section :where(h2,h3,p,figure,blockquote){margin:0}.str-container{max-width:1120px;margin-inline:auto;padding-inline:var(--spacing-8)}.str-intro{max-width:680px;margin:0 auto var(--spacing-12);text-align:center}.str-eyebrow{color:var(--colors-amber-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold);line-height:1.5}.str-intro h2{margin-top:var(--spacing-4);font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-5xl);font-weight:var(--font-weights-extrabold);line-height:1.12;letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.str-intro h2 span{display:block;color:var(--colors-amber-11)}.str-description{max-width:420px;margin:var(--spacing-5) auto 0;color:var(--colors-fg-muted);font-size:var(--font-sizes-md);line-height:1.65;text-wrap:pretty}.str-context{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-inline:var(--spacing-1);margin-bottom:var(--spacing-5);color:var(--colors-accent-11);font-size:var(--font-sizes-sm);line-height:1.5}.str-example{font-size:var(--font-sizes-xs)}.str-students{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3);margin:0;border:0;padding:0;min-width:0}.str-rating-choice .button,.str-student-choice.button{--btn-edge:var(--colors-accent-5);background:var(--colors-accent-2);color:var(--colors-accent-text);min-height:44px}.str-student-choice.button{position:relative;width:100%;justify-content:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);min-height:82px;white-space:normal;text-align:left}.str-rating-choice input:checked+.button,.str-student-choice.button[aria-pressed=true]{--btn-edge:var(--colors-accent-default);background:var(--colors-accent-3);color:var(--colors-accent-text)}.str-work-miniature{width:40px;height:40px;flex:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.str-work-miniature text{stroke:none;fill:currentColor;font-family:inherit;font-size:14px;font-weight:var(--font-weights-semibold);text-anchor:middle}.str-work-miniature path{vector-effect:non-scaling-stroke}.str-work-miniature .str-mini-ink{fill:var(--colors-blue-5);stroke:none}.str-choice-copy{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);min-width:0;padding-right:var(--spacing-3)}.str-choice-name{font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);line-height:1.4}.str-choice-method{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-normal);color:var(--colors-accent-11);line-height:1.4}.str-choice-check{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:16px;height:16px;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.str-student-choice[aria-pressed=true] .str-choice-check{opacity:1}.str-student-choice[aria-pressed=true] .str-choice-method{color:var(--colors-accent-text)}@media (hover:hover){.str-rating-choice:hover .button,.str-student-choice.button:hover{--btn-edge:var(--colors-accent-8);background:var(--colors-accent-3)}.str-rating-choice:hover input:checked+.button,.str-student-choice.button[aria-pressed=true]:hover{--btn-edge:var(--colors-accent-emphasized);background:var(--colors-accent-4)}}.str-scene{--str-outline:1;--str-fill:1;--str-portrait:1;--str-evidence:1;--str-connection:1;--str-rating:1;--str-draft-first:1;--str-draft-next:1;--str-pair-0:1;--str-pair-1:1;--str-pair-2:1;--str-travel-0:1;--str-travel-1:1;--str-travel-2:1;--str-arrival-0:1;--str-arrival-1:1;--str-arrival-2:1;--str-discovery:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;grid-gap:var(--spacing-16);gap:var(--spacing-16);position:relative;isolation:isolate}.str-connection{position:absolute;inset:0;z-index:2;overflow:visible;pointer-events:none}.str-connection path{stroke:var(--colors-amber-9);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--str-connection))}.str-paper.card__root{position:relative;padding:var(--spacing-7) var(--spacing-8) var(--spacing-8);min-width:0;background:var(--colors-accent-1);border:2px solid var(--colors-accent-6);border-radius:var(--radii-xl)}.str-paper:after,.str-paper:before{content:"";position:absolute;z-index:-1;border:2px solid var(--colors-accent-5);border-radius:inherit;background:var(--colors-accent-2);pointer-events:none}.str-paper:before{inset:var(--spacing-4) var(--spacing-4) -12px}.str-paper:after{inset:var(--spacing-2) var(--spacing-2) -6px}.str-paper-header{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--colors-accent-5)}.str-work-context{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.str-student{font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);line-height:1.5}.str-subject{font-size:var(--font-sizes-xs);color:var(--colors-accent-11);line-height:1.6}.str-paper h3{max-width:400px;font-size:var(--font-sizes-xl);font-weight:var(--font-weights-semibold);line-height:1.4;letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.str-model{margin-block:var(--spacing-6) var(--spacing-7)}.str-model-art{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1.4fr);align-items:center;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.str-guardian{position:relative;min-width:0}.str-model-art[data-art-failed]{grid-template-columns:minmax(0,1fr)}.str-model-art[data-art-failed] .str-guardian{display:none}.str-vektor-art-character{position:relative;opacity:var(--str-portrait);transform:translateY(calc((1 - var(--str-portrait)) * 6px))}.str-vektor-art,.str-vektor-art-vector{display:block;width:100%;height:auto;aspect-ratio:1122/1402}.str-vektor-art-layer{position:absolute;inset:0}.str-vektor-art-character[data-ready=true] .str-vektor-art{opacity:0}.str-vektor-art-playback{position:absolute;bottom:0;right:0;min-width:40px;min-height:40px}.str-model-drawing{position:relative;padding-left:var(--spacing-12);height:256px}.str-rule-model{height:256px;position:relative;color:var(--colors-accent-text)}.str-rule-model svg{width:100%;height:100%;stroke:var(--colors-blue-9)}.str-rule-model path{stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.str-rule-from{left:16.25%}.str-rule-to{left:83.75%}.str-rule-equals,.str-rule-operation{position:absolute;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.str-rule-operation{color:var(--colors-blue-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);line-height:1.5}.str-rule-top{top:7%}.str-rule-bottom{top:93%}.str-rule-equals{top:50%;font-size:var(--font-sizes-xl)}@keyframes str-change-work{0%{opacity:.35}to{opacity:1}}.str-scene[data-switched] :where(.str-model-drawing,.str-rule-model,.str-review){animation:str-change-work .2s ease-out}.str-fractions{position:absolute;inset:0 auto 0 0;width:32px}.str-fraction{position:absolute;display:flex;flex-direction:column;align-items:stretch;width:100%;transform:translateY(-50%);font-size:var(--font-sizes-xl);line-height:1.25;font-weight:var(--font-weights-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.str-fraction span:first-child{border-bottom:2px solid var(--colors-accent-11);padding-bottom:3px}.str-fraction span:last-child{padding-top:3px}.str-fraction-sixths{top:17.1875%}.str-fraction-thirds{top:82.8125%}.str-rule-from,.str-rule-to{top:50%;width:32px;transform:translate(-50%,-50%);font-size:var(--font-sizes-2xl)}.str-fraction-strips{display:block;width:100%;height:100%;overflow:visible}.str-fraction-strips :where(path,rect){stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.str-strip-empty{fill:var(--colors-accent-2)}.str-strip-filled{fill:var(--colors-blue-5)}.str-strip-division,.str-strip-outline{stroke:var(--colors-blue-9);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--str-outline))}.str-original-ink{opacity:var(--str-fill)}.str-group-0{--str-pair:var(--str-pair-0);--str-travel:var(--str-travel-0);--str-arrival:var(--str-arrival-0)}.str-group-1{--str-pair:var(--str-pair-1);--str-travel:var(--str-travel-1);--str-arrival:var(--str-arrival-1)}.str-group-2{--str-pair:var(--str-pair-2);--str-travel:var(--str-travel-2);--str-arrival:var(--str-arrival-2)}.str-result-ink{opacity:var(--str-arrival)}.str-pair{stroke:var(--colors-accent-8)}.str-pair-filled{stroke:var(--colors-blue-10)}.str-pair-guide{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--str-travel))}.str-pair-bracket{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--str-pair))}.str-pair-arrow{opacity:var(--str-travel)}.str-travel-pair{fill:var(--colors-blue-5);stroke:var(--colors-blue-9);opacity:calc(var(--str-travel) * (1 - var(--str-travel)) * 3);transform:translateY(calc(var(--str-travel) * 86px))}.str-discovery{opacity:var(--str-discovery);fill:var(--colors-amber-9);stroke:var(--colors-amber-9)}.str-model figcaption{margin-top:var(--spacing-3);text-align:center;color:var(--colors-accent-11);font-size:var(--font-sizes-xs);line-height:1.6}.str-response{font-size:var(--font-sizes-md);line-height:1.9;color:var(--colors-accent-text)}.str-evidence{position:relative;display:inline-block;padding-bottom:2px;border-bottom:2px solid color-mix(in srgb,var(--colors-amber-9) calc(var(--str-evidence) * 100%),transparent);white-space:nowrap;color:var(--colors-amber-11);line-height:1.35}.str-review{position:relative;align-self:center;min-width:0;padding-block:var(--spacing-4)}.str-review-heading{display:flex;align-items:center;gap:var(--spacing-2);color:var(--colors-amber-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);margin-bottom:var(--spacing-5)}.str-review-mark{display:grid;place-items:center;width:28px;height:28px;flex:none}.str-review-mark svg{width:24px;height:24px;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.str-criterion-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.str-criterion h3{font-size:var(--font-sizes-xl);font-weight:var(--font-weights-semibold);line-height:1.5}.str-score{display:flex;align-items:baseline;gap:var(--spacing-1);color:var(--colors-accent-11);font-size:var(--font-sizes-sm);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:var(--str-rating)}.str-score strong{color:var(--colors-accent-text);font-size:var(--font-sizes-3xl);font-weight:var(--font-weights-semibold);line-height:1.3}.str-level{color:var(--colors-accent-11)}.str-evidence-note,.str-level{font-size:var(--font-sizes-sm);line-height:1.5}.str-evidence-note{position:relative;margin-top:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4);border-left:2px solid var(--colors-amber-9);background:var(--colors-amber-2);color:var(--colors-amber-11)}.str-evidence-port{position:absolute;top:calc(50% - 5px);left:-6px;z-index:3;width:10px;height:10px;border:2px solid var(--colors-amber-9);border-radius:var(--radii-full);background:var(--colors-bg-default);opacity:var(--str-connection)}.str-disclosure.button{display:flex;justify-content:flex-start;width:-webkit-fit-content;width:fit-content;min-height:44px;padding-inline:0;gap:var(--spacing-2);margin-top:var(--spacing-2);color:var(--colors-accent-text);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);text-transform:none;letter-spacing:normal;list-style:none}.str-disclosure::-webkit-details-marker{display:none}@media (hover:hover){.str-disclosure.button:hover{background:var(--colors-accent-3)}}.str-disclosure.button:active{background:var(--colors-accent-4)}.str-disclosure svg{width:18px;height:18px;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.str-criterion-details[open] .str-disclosure svg{transform:rotate(180deg)}.str-criterion-description{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3);padding-block:var(--spacing-2) var(--spacing-4);color:var(--colors-accent-11);font-size:var(--font-sizes-sm);line-height:1.65}.str-criterion-description strong{color:var(--colors-accent-text);font-weight:var(--font-weights-semibold)}.str-ratings{margin:var(--spacing-2) 0 var(--spacing-4);padding:0;border:0;min-width:0}.str-ratings legend{padding:0;margin-bottom:var(--spacing-3);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold)}.str-rating-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.str-rating-choice{position:relative;display:block;cursor:pointer}.str-rating-choice .button{width:44px;padding-inline:0}.str-rating-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.str-rating-choice input:focus-visible+.button{outline:2px solid var(--colors-accent-text);outline-offset:4px}.str-rating-choice:active .button{transform:translateY(2px);box-shadow:none}.str-preview-rating,.str-rating-hint{margin-top:var(--spacing-3);font-size:var(--font-sizes-sm);line-height:1.6;color:var(--colors-accent-11)}.str-clear-rating.button{margin-top:var(--spacing-2);color:var(--colors-accent-text);min-height:44px}.str-feedback{border-top:2px solid var(--colors-accent-5);padding-top:var(--spacing-6);margin-top:var(--spacing-5)}.str-feedback h3{color:var(--colors-accent-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);line-height:1.5;margin-bottom:var(--spacing-3)}.str-feedback>p{font-size:var(--font-sizes-lg);line-height:1.65;color:var(--colors-accent-text);text-wrap:pretty}.str-draft-first,.str-draft-next{display:block}.str-draft-first{-webkit-clip-path:inset(0 calc((1 - var(--str-draft-first)) * 100%) 0 0);clip-path:inset(0 calc((1 - var(--str-draft-first)) * 100%) 0 0)}.str-draft-next{margin-top:var(--spacing-2);-webkit-clip-path:inset(0 calc((1 - var(--str-draft-next)) * 100%) 0 0);clip-path:inset(0 calc((1 - var(--str-draft-next)) * 100%) 0 0)}.str-feedback .str-draft-next{color:var(--colors-blue-11)}.str-feedback .str-draft-note{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-5);color:var(--colors-accent-11);font-size:var(--font-sizes-xs);line-height:1.5}.str-edit.button{margin-top:var(--spacing-5);--btn-edge:var(--colors-accent-5);background:var(--colors-accent-2);color:var(--colors-accent-text)}@media (hover:hover){.str-edit.button:hover{--btn-edge:var(--colors-accent-8);background:var(--colors-accent-3)}}.str-edit svg{width:18px;height:18px;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.str-editing{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.str-editor.textarea{width:100%;min-height:150px;resize:vertical;border-width:2px;border-color:var(--colors-accent-7);background:var(--colors-accent-2);color:var(--colors-accent-text);font-size:var(--font-sizes-md);line-height:1.65}.str-editor.textarea[aria-invalid=true]{border-color:var(--colors-error-9)}.str-error{color:var(--colors-error-11);font-size:var(--font-sizes-sm);line-height:1.5}.str-preview-text{color:var(--colors-accent-text);font-size:var(--font-sizes-lg);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.str-feedback[data-mode=preview] h3:focus{outline:2px solid var(--colors-accent-text);outline-offset:4px;border-radius:var(--radii-sm)}.str-mobile-port{display:none}.str-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media (max-width:820px){.str-scene{grid-template-columns:minmax(0,1fr);gap:var(--spacing-12)}.str-context,.str-scene{max-width:580px;margin-inline:auto}.str-review{padding-top:0}.str-review-heading{padding-left:0}.str-criterion{padding-top:var(--spacing-2)}.str-mobile-port{display:block;position:absolute;z-index:3;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;border:2px solid var(--colors-amber-9);border-radius:var(--radii-full);background:var(--colors-accent-1)}.str-evidence-port{top:-18px;left:calc(50% - 5px)}.str-evidence-note{position:static;border-left:0;border-top:2px solid var(--colors-amber-9)}}@media (max-width:520px){.str-section{padding-block:var(--spacing-16)}.str-container{padding-inline:var(--spacing-5)}.str-intro{margin-bottom:var(--spacing-8)}.str-intro h2{font-size:var(--font-sizes-4xl)}.str-description{font-size:var(--font-sizes-sm)}.str-context{font-size:var(--font-sizes-xs);gap:var(--spacing-1)}.str-paper.card__root{padding:var(--spacing-5)}.str-paper-header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-5)}.str-student-choice.button{flex-direction:column;align-items:flex-start;min-height:112px;gap:var(--spacing-2);padding:var(--spacing-3)}.str-choice-copy{padding-right:0}.str-work-miniature{width:32px;height:32px}.str-work-context{gap:var(--spacing-1)}.str-paper h3{font-size:var(--font-sizes-lg)}.str-model-drawing{height:208px;padding-left:var(--spacing-10)}.str-rule-model{height:208px}.str-model-art{grid-template-columns:minmax(64px,.55fr) minmax(0,1.4fr);gap:var(--spacing-2)}.str-fractions{width:26px}.str-fraction{font-size:var(--font-sizes-lg)}.str-model figcaption{padding-left:0;text-align:center}.str-response{font-size:var(--font-sizes-sm)}.str-feedback>p,.str-preview-text{font-size:var(--font-sizes-md)}}@media (prefers-reduced-motion:reduce){.str-section *{transition:none}.str-scene[data-switched] :where(.str-model-drawing,.str-rule-model,.str-review){animation:none}}@media (forced-colors:active){.str-strip-filled{fill:Highlight}.str-connection path,.str-fraction-strips :where(path,rect),.str-rule-model path{stroke:CanvasText}.str-vektor-art-character{forced-color-adjust:none}.str-evidence,.str-evidence-port,.str-mobile-port{border-color:CanvasText}.str-rating-choice input:checked+.button,.str-student-choice.button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}}