/* A reading room and paper table, not a quiz dashboard. All ornaments are local SVG. */
.sidebar .brand span{font-family:'Yijian Brush',KaiTi,serif;font-size:31px;font-weight:400;letter-spacing:0;line-height:1.25}
.sidebar .brand{gap:7px}.brand-cut{width:33px;height:38px;flex:0 0 auto;color:#a43c30;filter:drop-shadow(1px 2px 0 #cfb89770)}
.sidebar nav a .nav-cut{width:28px;height:30px;flex:0 0 auto;border:0;border-radius:0;overflow:visible;transition:transform .22s ease;filter:drop-shadow(1px 2px 0 #cbb9a13b)}
.sidebar nav a:hover .nav-cut{transform:rotate(-6deg)}
.atelier-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:5px 0 32px}
.atelier-eyebrow{font:13px/1.6 var(--sans);color:#9a654c;letter-spacing:.22em;margin-bottom:12px}
.atelier-heading h1{font-size:clamp(36px,4.3vw,62px);line-height:1.25;margin:0;color:#592d26}
.atelier-heading h1 span{margin-left:.35em}.atelier-heading>a{font-size:13px;white-space:nowrap;margin-bottom:10px}
.paper-atelier{border:1px solid #d7c5aa;background:#fbf5e9;position:relative;box-shadow:0 15px 36px -26px #674b2e75}
.atelier-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d7c5aa;background:#f1e6d4;padding:0 26px}
.atelier-chapters button{display:flex;align-items:center;gap:13px;min-height:68px;padding:14px 13px;text-align:left;border:0;border-bottom:3px solid transparent;background:transparent;color:#7b6956;transition:background .2s,color .2s}
.atelier-chapters button+button{border-left:1px solid #d7c5aa70}.atelier-chapters b{font:27px 'Yijian Brush',KaiTi,serif;opacity:.6}
.atelier-chapters span{font-size:16px;letter-spacing:.08em}.atelier-chapters button[aria-pressed=true]{color:#9f382a;border-bottom-color:#9f382a;background:#fffbf440}
.atelier-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);min-height:410px}
.atelier-figure{position:relative;min-width:0;margin:0;display:flex;align-items:center;justify-content:center;padding:27px 8px 36px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#fffdf5 10%,#ede0ca 95%)}
.atelier-figure:before{content:'';position:absolute;width:74%;aspect-ratio:1;border:1px solid #b99d7538;border-radius:50%;outline:1px solid #b99d7529;outline-offset:13px;transform:rotate(-15deg);z-index:-1}
.atelier-figure:after{content:'';position:absolute;inset:15px;border:1px solid #c1a68140;pointer-events:none;clip-path:polygon(0 0,25% 0,25% 2%,2% 2%,2% 25%,0 25%,0 0,100% 100%,75% 100%,75% 98%,98% 98%,98% 75%,100% 75%,100% 100%)}
.atelier-figure canvas{width:100%;max-width:420px;height:auto;aspect-ratio:1;display:block;filter:drop-shadow(0 16px 22px #67392413);cursor:crosshair;touch-action:manipulation}
.paper-atelier:not([data-chapter=fold]) canvas{cursor:default}.atelier-figure figcaption{position:absolute;inset:auto 30px 23px;display:flex;align-items:center;justify-content:space-between;color:#87694f;font-size:12px;gap:10px}
.atelier-figure figcaption>span:first-child{letter-spacing:.15em}.atelier-imprint{position:absolute;top:27px;left:29px;color:#a34c365c;writing-mode:vertical-rl;letter-spacing:.25em;font:15px/1.6 KaiTi,serif}
.atelier-ornament{position:absolute;width:120px;height:120px;right:-29px;top:-34px;color:#9b3c2520;transform:rotate(14deg);pointer-events:none}
.atelier-story{padding:44px 32px 28px;border-left:1px solid #dac9af;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.atelier-story h2{font:32px/1.4 'Yijian Brush',KaiTi,serif;color:#663a2c;margin:0 0 13px;max-width:310px}
.atelier-story>p{font-size:14px;color:#77604c;margin:0 0 24px;line-height:1.8}
.atelier-controls{width:100%;margin:5px 0 22px}.atelier-controls label{font-size:13px;color:#71553e;display:block;margin:0 0 19px}
.atelier-controls label:last-child{margin-bottom:0}.atelier-controls label>span{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.atelier-controls select{width:100%;background:#fffdf6;border:1px solid #c7ae8b;color:#583c2e;min-height:44px;padding:9px 12px;margin-top:9px;font:15px var(--sans)}
.atelier-controls input[type=range]{width:100%;accent-color:#a2382d;min-height:38px;cursor:ew-resize;margin:0}
.atelier-controls output{font-size:12px;color:#8d7459}.atelier-tools{width:100%;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.atelier-tools .button{min-height:44px;padding:11px 22px;font-size:14px}.atelier-tools .text-link{font-size:13px;min-height:44px}
.atelier-story .atelier-observation{font-size:13px;color:#8c4330;margin:20px 0 0;min-height:48px;padding-left:14px;border-left:2px solid #bc8f6060;line-height:1.8}
.atelier-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;border-top:1px solid #d7c5aa;background:#f6eddd}
.atelier-bottom h3{font:25px/1.45 'Yijian Brush',KaiTi,serif;margin:0 0 5px;color:#613d2c}.atelier-bottom p{font-size:13px;color:#826c54;margin:0}.atelier-bottom .button{min-height:46px;white-space:nowrap;font-size:14px;gap:22px}
.atelier-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 1px 20px;font-size:12px;color:#826d58}
.atelier-caption summary{font:12px/1.8 var(--sans);cursor:pointer}.atelier-caption details{max-width:560px}.atelier-caption details p{margin-top:8px;font-size:12px}
.lesson-archive{border-top:1px solid #cdb799;padding:20px 0;margin:6px 0 32px}.lesson-archive>summary{cursor:pointer;display:list-item;font:20px/1.6 KaiTi,serif;color:#765441;padding:8px 0}.lesson-archive>p{font-size:13px;color:#826d58;margin:7px 0 20px}.lesson-archive .lesson-card h2{font:25px KaiTi,serif}.lesson-archive .lesson-list{margin-top:18px}.lesson-archive .lesson-card{border:1px solid #dfd0b9;border-bottom:2px solid #bd9570}
body:has(#page-learn:not([hidden])) .topbar{height:64px;margin-bottom:18px}body:has(#page-learn:not([hidden])) .section-nav{margin-bottom:22px}
@media(max-width:1100px){.sidebar .brand span{font-size:27px}.brand-cut{width:28px}.atelier-body{grid-template-columns:minmax(0,1fr) minmax(225px,.85fr)}.atelier-story{padding:34px 24px 25px}.atelier-story h2{font-size:29px}.atelier-chapters{padding:0 15px}.atelier-chapters button{gap:10px;padding-inline:10px}}
@media(max-width:850px) and (min-width:761px){.atelier-body{grid-template-columns:1fr}.atelier-figure{max-height:410px}.atelier-story{border-left:0;border-top:1px solid #dac9af}.atelier-chapters span{font-size:14px}.atelier-bottom{padding:20px;gap:16px}.atelier-bottom .button{padding:10px 14px}.atelier-heading h1 span{margin:0}}
@media(max-width:760px){.sidebar .brand span{font-size:30px}.brand-cut{width:32px;height:36px}.sidebar nav a .nav-cut{display:none}.atelier-heading{margin:10px 0 24px;gap:12px;align-items:flex-start}.atelier-heading h1{font-size:37px}.atelier-heading h1 span{display:block;margin:0}.atelier-heading>a{padding-top:34px;font-size:12px}.atelier-eyebrow{font-size:12px;margin-bottom:10px}.atelier-chapters{padding:0 9px}.atelier-chapters button{min-height:65px;gap:7px;padding:10px 7px}.atelier-chapters b{font-size:23px}.atelier-chapters span{font-size:13px;letter-spacing:0}.atelier-body{grid-template-columns:1fr;min-height:0}.atelier-figure{padding:9px 10px 23px}.atelier-figure canvas{max-width:380px}.atelier-figure figcaption{inset:auto 22px 14px;font-size:11px}.atelier-imprint{font-size:12px;top:23px;left:22px}.atelier-ornament{width:96px;height:96px}.atelier-story{padding:27px 23px 24px;border-left:0;border-top:1px solid #dac9af}.atelier-story h2{font-size:30px;max-width:none}.atelier-story>p{margin-bottom:17px}.atelier-controls{margin-bottom:15px}.atelier-controls select{font-size:16px}.atelier-story .atelier-observation{min-height:0}.atelier-bottom{padding:24px 23px;align-items:flex-start;flex-direction:column;gap:17px}.atelier-bottom h3{font-size:26px}.atelier-bottom .button{width:100%;justify-content:space-between}.atelier-caption{flex-direction:column;gap:8px;font-size:11px}.lesson-archive>summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sidebar nav a .nav-cut,.atelier-chapters button{transition:none}.sidebar nav a:hover .nav-cut{transform:none}}