.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}.workshop-sheet{background:#fffef9;border:2px solid #a0b4a1;border-radius:12px;padding:24px}.workshop-sheet>p,.workshop-sheet details p{max-width:65ch}.workshop-sheet label{display:block;margin:12px 0}.workshop-sheet fieldset label{display:inline-flex;align-items:center;gap:10px;margin-right:18px}.workshop-sheet select{min-height:48px;max-width:100%;padding:8px 16px;border:1px solid #52675e;background:#fffef9;border-radius:6px;font:inherit}.workshop-sheet fieldset{margin-bottom:16px}.workshop-sheet form>.primary{display:block;margin-top:18px}.workshop-settings,.workshop-run-controls,.workshop-finish{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.workshop-settings button,.workshop-run-controls button,.workshop-finish a,.learning-invitations a{min-height:48px}.workshop-apparatus{margin:16px 0;background:#eef3e9;border-radius:8px;overflow:hidden}.workshop-apparatus svg{width:100%;height:auto;display:block}.workshop-apparatus figcaption{padding:10px 14px;font-size:.9rem;line-height:1.5}.workshop-position{font-weight:700;font-size:1.1rem}.workshop-results{border-top:2px solid #bdd0b9;margin-top:28px;padding-top:12px}.workshop-graph{margin:20px 0;background:#f0f4eb;padding:12px;border-radius:8px}.workshop-scale{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr) 28px;gap:10px;font-size:.8rem}.workshop-scale>div{display:flex;justify-content:space-between;white-space:nowrap}.workshop-bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr) 28px;gap:10px;align-items:center;margin:12px 0;font-size:.85rem}.workshop-bar-track{height:20px;border-left:2px solid #183f39;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#c6d2c6 calc(16.666% - 1px),#c6d2c6 16.666%)}.workshop-bar-track>span{display:block;height:100%;background:#397958;border-radius:0 4px 4px 0}.workshop-table-wrap{overflow:auto}.workshop-table-wrap table{width:100%;border-collapse:collapse}.workshop-table-wrap caption{text-align:left;font-weight:700;padding:8px 0}.workshop-table-wrap th,.workshop-table-wrap td{padding:10px 8px;border-bottom:1px solid #c6d2c6;text-align:left}.workshop-page details{margin:18px 0}.workshop-page code{white-space:pre-wrap;overflow-wrap:anywhere}.learning-invitations{margin:32px 0;border-top:2px solid #a7bba5;padding-top:12px}.invitation-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.invitation-links>a{display:grid;grid-template-columns:38px 1fr;align-content:start;gap:8px 12px;text-decoration:none;background:#edf2e6;padding:18px;border-radius:8px;color:#183f39}.invitation-links>a>span{grid-row:span 2;font-size:2rem}.invitation-links small{font-size:.95rem;line-height:1.5}.explore-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.explore-places article{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-top:2px solid #a7bba5}.explore-mark{font-size:3rem;color:#397958}.explore-places h2{margin-top:0}.explore-places details{margin-top:18px}.workshop-gate{background:#e4eddc;margin:28px 0;padding:30px;display:flex;align-items:center;gap:28px;border-radius:12px}.workshop-gate svg{width:210px;flex-shrink:0}.workshop-gate h2{margin-top:0}@media(max-width:850px){.workshop-layout{grid-template-columns:minmax(0,1fr)}.workshop-layout>div{grid-column:1;grid-row:1;min-width:0}.workshop-layout>.guide-rail{order:2;grid-column:1;grid-row:2}.invitation-links{grid-template-columns:1fr}.explore-places{grid-template-columns:1fr}.workshop-gate{flex-direction:column;align-items:flex-start}.workshop-gate svg{width:160px}}@media(max-width:480px){.workshop-sheet{padding:15px}.workshop-scale,.workshop-bar-row{gap:6px;grid-template-columns:90px minmax(0,1fr) 24px;font-size:.8rem}.workshop-gate{padding:22px}.workshop-sheet fieldset label{display:flex}.workshop-settings button{flex-grow:1}}
