:root{color:#1f1c19;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#f5f0e7;font-family:Inter,Noto Sans JP,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}body{color:#1f1c19;background:#f5f0e7;margin:0}#app{flex-direction:column;gap:12px;max-width:1200px;margin:0 auto;padding:32px 16px 24px;display:flex}.page-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-button{color:#1f1c19;cursor:pointer;background:#f1e6d4;border:1px solid #d5c7af;border-radius:999px;width:18px;height:18px;padding:0;font-size:0;font-weight:600;line-height:1;transition:background-color .12s,border-color .12s,color .12s}.page-button:hover{background:#e9dfcc}.page-button.active{color:#1a140d;background:#ded3be;border-color:#a89979}.layout{align-items:start;gap:12px;min-height:70vh;display:grid}.layout-half{grid-template-columns:var(--desc-fr,1fr) var(--canvas-fr,1fr)}.layout-full{grid-template-columns:1fr}.layout-full .description{display:none}.layout-none{grid-template-columns:1fr}.layout-none .canvas-shell{display:none}.panel{background:#fffaf1;border:1px solid #e6dac4;border-radius:0;padding:16px}.description{background:0 0;border:none;padding:0;line-height:1.5;overflow-y:auto}.canvas-shell{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}canvas{background:#f8f4ec;border-radius:0;width:100%;height:auto;display:block}.slide{flex-direction:column;display:flex}.slide>*{margin:0}.slide>*+*{margin-top:12px}.slide h1{font-size:42px;line-height:1.2}.slide h2{font-size:26px;line-height:1.3}.slide p{font-size:24px;line-height:1.5}.slide ul{margin:0;padding-left:20px;line-height:1.4}.slide li+li{margin-top:6px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#6f5b3f;font-size:12px;line-height:1.2}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.info-card{background:#fffdf8;border:1px solid #e6dac4;border-radius:0;flex-direction:column;align-items:flex-start;padding:12px;font-size:22px;display:flex}.info-card>*{margin:0}.info-card>*+*{margin-top:10px}.info-card h2{margin:0;font-size:24px;line-height:1.3}.info-card p,.info-card ul{margin:0;padding:0;font-size:22px;line-height:1.5}.info-card ul{padding-left:18px}.info-card li+li{margin-top:6px}img{border-radius:10px;max-width:100%;height:auto;display:block;box-shadow:0 2px 6px #00000014}@media (width<=960px){.layout-half{grid-template-columns:1fr}}