/* Only the seven new course pages opt in; existing drawing tools stay frozen. */
.seven-course #contentReview{padding:10px 14px;border:1px solid #c4b38d;border-radius:6px;background:#f8f1de;color:#66502b;font-size:13px}
.seven-workspace .left-panel,.seven-workspace .right-panel{min-width:0}
.seven-workspace .course-viewport{display:flex;align-items:flex-start;justify-content:center;overflow:auto;min-width:0;height:clamp(300px,62vh,760px);touch-action:pan-x pan-y pinch-zoom;background:#edece5}
.seven-workspace .course-canvas{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1;flex:none;touch-action:pan-x pan-y pinch-zoom;cursor:default}
.seven-workspace .course-canvas[data-interaction=draw]{cursor:crosshair}
.seven-workspace .course-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:60vh;overflow:auto;padding:3px}
.seven-workspace .course-choice{display:block;height:auto;min-width:0;padding:7px;font-size:11px;text-align:left;overflow-wrap:anywhere}
.seven-workspace .course-choice img,.seven-workspace .course-choice canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:7px;border-radius:3px;background:#f3f0e8}
.seven-workspace .course-choice small{font-size:10px;margin-top:4px}
.seven-workspace .course-choice span{display:block}
.seven-workspace .course-feedback{padding:0 14px;font-size:14px;line-height:1.5;color:#345c47}
.seven-workspace .course-feedback:empty{display:none}
.seven-workspace button,.seven-workspace input:not([type=checkbox]),.seven-workspace select{min-height:44px}
.seven-workspace input[type=search],.seven-workspace input[type=text],.seven-workspace input[type=date],.seven-workspace textarea{width:100%;min-width:0}
.seven-workspace .step-buttons{margin:0;padding:10px}
.seven-workspace .button-row{flex-wrap:wrap}
.seven-workspace button:focus-visible,.seven-workspace canvas:focus-visible{outline:3px solid #367a8a;outline-offset:3px}
.seven-workspace .course-measurements{padding:0 8px;font-variant-numeric:tabular-nums;line-height:1.5}
.seven-course.practice-focus .course-viewport{height:80vh}.seven-course.practice-focus .seven-workspace .course-canvas{max-height:none}
@media(max-width:960px){.seven-workspace{grid-template-columns:minmax(0,1fr) 260px}.seven-workspace .left-panel{grid-column:1;grid-row:1}.seven-workspace .preview-panel{grid-column:1;grid-row:2}.seven-workspace .right-panel{grid-column:2;grid-row:1/span 2}.seven-workspace .course-gallery{max-height:230px;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.seven-workspace{display:flex;flex-direction:column}.seven-workspace .left-panel{order:0}.seven-workspace .preview-panel{order:1;position:static;width:100%}.seven-workspace .right-panel{order:2}.seven-workspace .course-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}.seven-workspace .left-panel{padding:12px}.seven-workspace .course-choice{font-size:10px}.seven-workspace .course-viewport{height:clamp(290px,62vh,520px)}.seven-workspace .studio-toolbar{align-items:flex-start}.seven-workspace .studio-toolbar h2{font-size:17px}.seven-workspace .step-buttons button{min-width:85px;flex:1}.seven-workspace .control-group{padding:0}.seven-workspace .right-panel{width:100%}}
@media(prefers-color-scheme:dark){.seven-course .study-stage,.seven-workspace .course-viewport{background:#292c2a}.seven-workspace .course-canvas{background:#faf8f3}}
@media(prefers-reduced-motion:reduce){.seven-course *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.seven-course #contentReview{display:none!important}.seven-course .study-paper .print-note{font-family:Inter,sans-serif}.seven-course .study-paper .study-print-content{font-family:Inter,sans-serif}}
/* The inherited five-step layout spans its final picture. These courses also
   have four/six steps; keep even-sized sequences in a real two-column grid. */
.seven-course .print-sequence figure:last-child:nth-child(even){grid-column:auto}
.seven-course .study-paper .print-sequence:has(figure:nth-child(6)){grid-template-rows:repeat(3,minmax(0,1fr))}
.seven-course .study-paper .print-sequence:has(figure:nth-child(4)):not(:has(figure:nth-child(5))){grid-template-rows:repeat(2,minmax(0,1fr))}
/* These object lessons carry specific construction instructions, not short
   image labels. Keep their printed teaching text readable without restyling
   existing studios or the other new course formats. */
.seven-course[data-studio="shape-to-drawing-studio"] .print-sequence figcaption{font-size:9pt;line-height:1.2}
/* Center a fitting page, but keep the left edge reachable when zoomed in. */
.seven-workspace .course-viewport{justify-content:flex-start}
.seven-workspace .course-canvas{margin-inline:auto}
@media(max-width:640px){.seven-workspace .course-viewport{height:auto;min-height:0;max-height:62vh}}