*{box-sizing:border-box}body{margin:0;color:#2b2a28;background:#fff;font:18px/1.5 system-ui,sans-serif}.shell{max-width:1000px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ddd5c2;padding:12px 0}nav{display:flex;gap:16px}main{max-width:760px;padding:24px 0}h1,h2{color:#22342f}form,label{display:grid;gap:8px}form{max-width:480px;gap:16px}input{min-height:48px;padding:8px;border:1px solid #746845;border-radius:8px;font:inherit}button{min-height:48px;padding:8px 18px;border:0;border-radius:8px;background:#22342f;color:#f1dbac;font:inherit}.feedback-list{list-style:none;padding:0;display:grid;gap:16px}.feedback-list article{border:1px solid #ddd5c2;border-radius:12px;padding:16px}.meta{font-size:16px;color:#534c3a}:focus-visible{outline:3px solid #bc6c23;outline-offset:3px}#app>main:not(.container){width:min(100% - 32px,1000px);margin:24px auto 72px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px max(20px,calc((100vw - 1100px)/2));background:#22342f;border:0;color:#f1dbac}.site-header a{color:#f1dbac}.brand{font:600 1.3rem Georgia,serif;text-decoration:none}.brand span{font:500 .85rem system-ui,sans-serif}.container{width:min(100% - 32px,1100px);max-width:1100px;margin:24px auto 80px;padding:0}.container.narrow{max-width:760px}.container form{display:block;max-width:none}.container label{display:block;margin:16px 0;font-weight:600}.container label input:not([type=checkbox]),.container label textarea,.container label select{display:block;width:100%;margin-top:6px;min-height:48px;padding:10px 12px;border:1px solid #746845;border-radius:8px;background:#fff;color:#2b2a28;font:inherit}.container label textarea{min-height:110px}.container .check{display:flex;align-items:flex-start;gap:12px}.container .check input{width:24px;height:24px;flex:none}.container button{border:2px solid #22342f;cursor:pointer}.container button:hover:not(:disabled){background:#385048}.container button:disabled{opacity:.6;cursor:not-allowed}.container a:focus-visible,.container button:focus-visible,.container input:focus-visible,.container textarea:focus-visible,.container select:focus-visible,.container summary:focus-visible{outline:3px solid #a45111;outline-offset:3px}.container h1,.container h2,.container h3{font-family:Georgia,serif;line-height:1.15}.container h1{font-size:clamp(2rem,5vw,2.8rem)}.container h2{font-size:1.7rem}.eyebrow{color:#594d33;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.panel{margin:24px 0;padding:24px;background:#fff;border:1px solid #d4ccba;border-radius:12px}.panel h2{margin-top:0}.banner{padding:14px 18px;background:#f1dbac;border-left:5px solid #22342f;font-weight:700}.notice{padding:12px 16px;background:#e6f0e5;border-left:5px solid #35764d}.error{padding:12px 16px;background:#ffebea;border-left:5px solid #a13229}.row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.step-edit,.media-edit{padding:16px 0;border-top:1px solid #d4ccba}.tutorial-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;padding:0;list-style:none}.tutorial-list a{display:flex;flex-direction:column;min-height:90px;padding:16px;border:1px solid #d4ccba;border-radius:10px;background:#fff}.tutorial-list span{font-size:.9rem}.list-section{margin:32px 0}.container pre{max-height:300px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.7rem}.preview .reader-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px;background:#fff;border:1px solid #d4ccba;border-radius:12px}.preview .media-column img,.preview .media-column video{display:block;width:100%;max-height:60vh;margin-bottom:16px;object-fit:contain}.preview details{margin:16px 0}.preview summary{min-height:48px;padding:8px;cursor:pointer}@media(max-width:700px){.site-header{padding:12px 16px}.container{width:min(100% - 24px,1100px)}.panel{padding:18px}.preview .reader-page{grid-template-columns:1fr;padding:16px}.row button{flex:1 1 190px}}