/* Small teaching studios embedded in the story, with paper actions kept in view. */
.ll-lab{--ll-ink:#403b36;--ll-wine:#792b3b;--ll-paper:#fffdf7;--ll-rule:#d5cbbb;color:var(--ll-ink);font-family:var(--w-sans,Arial,sans-serif);margin:34px 0 45px;padding:0;border:1px solid var(--ll-rule);background:#f7f3e9;scroll-margin-top:84px;overflow:visible}
.ll-lab *{box-sizing:border-box}
.ll-lab [hidden]{display:none!important}
.wiki-static .ll-lab .ll-header{padding:24px 25px 19px;border-top:3px solid var(--ll-wine)}
.ll-kicker{display:block;font:.75rem/1.5 var(--w-sans,Arial,sans-serif);letter-spacing:.09em;color:var(--ll-wine);margin-bottom:12px}
.wiki-static .ll-lab h3{font:400 1.85rem/1.2 var(--w-serif,Georgia,serif);letter-spacing:-.025em;margin:0 0 13px}
.wiki-static .ll-lab .ll-header>p,.wiki-static .ll-lab .ll-paper-action p{font:1rem/1.75 var(--w-sans,Arial,sans-serif)!important;margin:0;color:var(--ll-ink)}
.ll-workspace{padding:0 24px 20px}
.ll-canvas{background:var(--ll-paper);border:1px solid var(--ll-rule);overflow:hidden;margin:0}
.ll-canvas>svg{display:block;width:100%;height:auto;max-height:340px;margin:auto;overflow:hidden}
.ll-canvas>svg text{user-select:none}
.ll-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;margin:22px 0}
.ll-control{min-width:0}
.ll-control:has(.ll-choices),.ll-control:has(textarea),.ll-control-hint,.ll-day-grid,.ll-sequence,.ll-controls>.ll-primary{grid-column:1/-1}
.ll-control-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:500 .9375rem/1.55 var(--w-sans,Arial,sans-serif);margin:0 0 8px;color:var(--ll-ink)}
.ll-control-label output{font-variant-numeric:tabular-nums;color:var(--ll-wine);font-weight:400;white-space:nowrap}
.ll-lab input,.ll-lab textarea,.ll-lab button{font:inherit;color:inherit}
.ll-lab button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b7a797;background:var(--ll-paper);padding:10px 13px;min-height:44px;font:.875rem/1.5 var(--w-sans,Arial,sans-serif);border-radius:0;cursor:pointer;transition:background-color .15s,border-color .15s}
.ll-lab button .ui-icon{width:18px;height:18px}
.ll-lab button:hover:not(:disabled){background:#eae0d2;border-color:#927662}
.ll-lab button:active:not(:disabled){box-shadow:inset 0 1px 3px #403b3620}
.ll-lab button:disabled{opacity:.4;cursor:default}
.ll-lab button[aria-pressed=true],.ll-lab .ll-primary{background:var(--ll-wine);border-color:var(--ll-wine);color:var(--ll-paper)}
.ll-lab button[aria-pressed=true]:hover,.ll-lab .ll-primary:hover:not(:disabled){background:#5b2030}
.ll-choices{display:flex;flex-wrap:wrap;gap:7px}
.ll-choices button{flex:1 1 130px;text-align:center}
.ll-lab input[type=range]{accent-color:var(--ll-wine);width:100%;display:block;min-width:0;height:44px;margin:0;cursor:ew-resize}
.ll-lab input[type=checkbox]{accent-color:var(--ll-wine);width:19px;height:19px;flex-shrink:0;cursor:pointer;margin:0}
.ll-control-label.ll-toggle{align-items:center;justify-content:flex-start;min-height:44px;margin:0;font-weight:400;cursor:pointer}
.ll-lab textarea{display:block;width:100%;resize:vertical;min-height:90px;padding:12px 13px;border:1px solid #a89684;background:var(--ll-paper);border-radius:0;font:1rem/1.65 var(--w-sans,Arial,sans-serif)}
.ll-lab textarea::placeholder{color:#8b7d70}
.ll-lab :focus-visible{outline:3px solid var(--ll-wine);outline-offset:4px}
.ll-motion{margin-bottom:14px}
.ll-motion-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.ll-motion-row>.ll-primary{flex:1 1 160px}
.ll-motion-position{font:.8125rem var(--w-sans,Arial,sans-serif);font-variant-numeric:tabular-nums;color:#746555;margin-left:auto;white-space:nowrap}
.ll-motion-scrub{display:flex;align-items:center;gap:15px;font:.8125rem/1.5 var(--w-sans,Arial,sans-serif);margin-top:9px;color:#746555}
.ll-motion-scrub>span{flex-shrink:0}
.wiki-static .ll-lab .ll-motion-caption{font:.875rem/1.6 var(--w-sans,Arial,sans-serif)!important;min-height:calc(3 * 1.6em);margin:5px 0 0;color:var(--ll-wine);display:flex;align-items:center}
.ll-result{background:#ede6d9;padding:18px 20px;border-left:3px solid var(--ll-wine);margin:20px 0 0}
.wiki-static .ll-lab .ll-result h4{font:500 1rem/1.55 var(--w-sans,Arial,sans-serif);margin:0 0 8px;color:var(--ll-ink)}
.wiki-static .ll-lab .ll-result>p{font:.9375rem/1.7 var(--w-sans,Arial,sans-serif)!important;margin:0;color:#62564b}
.ll-metrics{display:flex;flex-wrap:wrap;gap:14px 23px;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #ccbdab}
.ll-metrics>div{min-width:75px}
.ll-metrics dt{font:.8125rem/1.5 var(--w-sans,Arial,sans-serif);color:#716253;margin:0 0 3px}
.ll-metrics dd{font:500 1.1rem/1.3 var(--w-sans,Arial,sans-serif);font-variant-numeric:tabular-nums;margin:0}
.ll-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.ll-actions .ll-reset{margin-left:auto;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.ll-paper-action{padding:20px 25px 23px;background:var(--ll-paper);border-top:1px solid var(--ll-rule)}
.ll-paper-action>strong{display:block;font:500 .875rem/1.5 var(--w-sans,Arial,sans-serif);color:var(--ll-wine);margin:0 0 7px}
.ll-written{padding:27px 28px 16px;min-height:290px;border-top:1px solid #eee5d6;background:var(--ll-paper)}
.ll-written-label{display:block;font:.75rem/1.5 var(--w-sans,Arial,sans-serif);letter-spacing:.08em;color:#8b654b;margin-bottom:23px}
.wiki-static .ll-lab .ll-written p{font:1.1875rem/1.8 var(--w-serif,Georgia,serif)!important;overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 22px;border-bottom:1px solid #e5dcce;padding-bottom:12px;color:var(--ll-ink)}
.ll-written p>span:not(.ll-empty-line){display:block;font:500 .8125rem/1.5 var(--w-sans,Arial,sans-serif);margin-bottom:4px;color:#85634f}
.ll-empty-line{font:italic 1rem var(--w-serif,Georgia,serif);color:#938675}
.wiki-static .ll-lab .ll-copy-status,.wiki-static .ll-lab .ll-control-hint{font:.875rem/1.65 var(--w-sans,Arial,sans-serif)!important;color:#746555;margin:10px 0}
.ll-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.ll-day-grid button{display:flex;flex-direction:column;gap:8px;padding:11px 2px;min-width:0}
.ll-day-grid button small{font-size:.75rem}
.ll-day-grid [data-answer="1"]{background:var(--ll-wine);color:var(--ll-paper)}
.ll-day-grid [data-answer="0"]{background:#e4dfd5;border-style:dashed}
.wiki-static .ll-lab .ll-sequence{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:sequence}
.ll-sequence>li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--ll-rule);padding:14px;background:var(--ll-paper);margin:0!important;counter-increment:sequence}
.ll-sequence>li:before{content:counter(sequence,decimal-leading-zero);font:italic 1.3rem var(--w-serif,Georgia,serif);color:var(--ll-wine)}
.ll-sequence>li>div:first-of-type{flex:1;min-width:0}
.ll-sequence strong,.ll-sequence-static strong{display:block;font:500 .9375rem/1.5 var(--w-sans,Arial,sans-serif);margin-bottom:5px}
.ll-sequence span,.ll-sequence-static span{display:block;font:.875rem/1.6 var(--w-sans,Arial,sans-serif);color:#716253}
.ll-move-buttons{display:flex;flex-direction:column;gap:5px}
.ll-move-buttons button{padding:6px 9px;font-size:.8125rem}
.ll-sequence-static{padding:12px 20px 12px 43px!important;margin:0!important}
.ll-canvas>.ll-control-label{padding:20px 20px 0;margin:0}
.ll-is-sequence.ll-ready .ll-canvas{display:none}
.ll-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ll-reading-map{margin:24px 0;padding:19px 22px;border:1px solid #d5cbbb;background:#f7f3e9;font-family:var(--w-sans,Arial,sans-serif)}
.ll-reading-map>p{font:500 .9375rem/1.5 var(--w-sans,Arial,sans-serif)!important;margin:0 0 11px!important;color:#792b3b}
.ll-reading-map>div{display:flex;flex-direction:column;gap:8px}
.ll-reading-map a{font:.9375rem/1.5 var(--w-sans,Arial,sans-serif);text-underline-offset:4px}
@media(max-width:600px){.ll-lab{margin-inline:-4px}.wiki-static .ll-lab .ll-header{padding:21px 17px 16px}.wiki-static .ll-lab h3{font-size:1.625rem}.ll-workspace{padding:0 13px 16px}.ll-controls{gap:17px 13px}.ll-control-label{font-size:.875rem}.ll-choices button{font-size:.875rem;flex-basis:120px}.ll-result{padding:16px}.ll-paper-action{padding:18px 18px 21px}.ll-written{padding:23px 20px 13px}.ll-motion-row>.ll-primary{flex-basis:100%}.ll-motion-row>button:not(.ll-primary){flex:1}.ll-motion-position{margin:0 4px}.ll-motion-scrub{display:block;margin-top:12px}.ll-motion-scrub>span{display:block;font-size:.8125rem}.ll-sequence>li{display:grid;grid-template-columns:24px minmax(0,1fr)}.ll-move-buttons{grid-column:2;flex-direction:row}.ll-move-buttons button{min-width:44px;padding:8px}.ll-sequence>li{gap:9px;padding:12px 10px}.ll-actions .ll-reset{margin-left:0}.ll-actions{justify-content:flex-start}.ll-reading-map{padding:17px}}
@media(max-width:360px){.ll-controls{grid-template-columns:1fr}.ll-day-grid{gap:3px}.ll-day-grid button{font-size:.8125rem}.ll-day-grid button small{font-size:.75rem}.ll-written{padding:18px 15px 12px}}
@media(max-width:520px){.ll-lab{margin-inline:-20px;border-left:0;border-right:0}.ll-canvas{margin-inline:-13px;width:calc(100% + 26px);border-left:0;border-right:0}.ll-written{padding-inline:24px}.ll-control-label{font-size:.9375rem}.ll-day-grid button small{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.ll-lab *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.ll-lab{break-inside:avoid;background:white;margin:20px 0}.ll-controls,.ll-actions,.ll-motion,.ll-copy-status,.ll-copy-fallback,.ll-reading-map{display:none!important}.ll-is-sequence.ll-ready .ll-canvas{display:block!important}.ll-canvas>svg{max-height:230px}.ll-result{background:white}.ll-paper-action{padding:13px 20px}.ll-workspace{padding-bottom:12px}.ll-written{min-height:0}.ll-header{padding-top:16px!important}}
