@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap');
:root{color-scheme:light;font-family:Satoshi,Arial,sans-serif;color:#183d2d;background:#f5f1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 20% 0,#dfebd7,transparent 45%),radial-gradient(ellipse at 90% 25%,#eadac5,transparent 35%),#f5f1e7}main{overflow-x:hidden;width:100%;max-width:100%}a{color:inherit;text-underline-offset:.22em}button,input,select,textarea{font:inherit}button,.button{color:#183d2d;background:#e2ba91;border:1px solid #31533d;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .3s,background .3s}button:hover,.button:hover{transform:translateY(-2px);background:#e8c6a7}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #95562f;outline-offset:4px}.button.dark{background:#183d2d;color:#fff}.button.outline{background:transparent}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:#fff;z-index:30}.skip:focus{top:12px}nav{max-width:1280px;margin:20px auto 0;border:1px solid #70866c;border-radius:28px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;background:#f5f1e7d9;backdrop-filter:blur(18px)}nav a{text-decoration:none}nav .brand{font-weight:900}nav div{display:flex;gap:28px}.hero{text-align:center;padding:100px 28px 0}.hero h1{max-width:76rem;margin:0 auto;font-weight:900;font-size:clamp(2.6rem,6vw,5.8rem);line-height:1.04;letter-spacing:-.055em}.hero>p{max-width:800px;margin:32px auto;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-art{display:block;width:min(1200px,100%);height:auto;margin:56px auto 0;border-radius:24px}.hero .caption{font-size:1rem;margin:18px auto}.chapter{max-width:1260px;margin:0 auto;padding:128px 28px}.chapter h2,.motion-chapter h2{font-size:clamp(2.1rem,4vw,3.8rem);letter-spacing:-.05em;line-height:1.12;max-width:1050px;margin:0 0 30px}.chapter h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.3;margin:36px 0 18px}p,li{line-height:1.75}p{font-size:1.08rem}.inline-art{width:90px;height:40px;object-fit:cover;border-radius:999px;vertical-align:middle}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:0;border:1px solid #75866c;border-radius:24px;overflow:hidden}.bento>div{padding:36px;background:#e8ebde;min-height:210px;border-right:1px solid #a0ad95;border-bottom:1px solid #a0ad95}.bento>div:nth-child(2n){background:#efe1cd;border-right:0}.bento>div:nth-last-child(-n+2){border-bottom:0}.bento h3{margin:0 0 14px}.marquee{display:flex;white-space:nowrap;overflow:hidden;background:#183d2d;color:#f5f1e7;font-size:2.2rem;font-weight:700;padding:24px 0}.marquee span{animation:marquee 36s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}.motion-chapter{max-width:1260px;margin:auto;padding:160px 28px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.pinned-title{align-self:start}.method-stack{display:grid;gap:30px}.method-card{border:1px solid #71856d;border-radius:24px;padding:35px;background:#e7eadb;position:relative}.method-card:nth-child(2){background:#eedcc2}.method-card h3{font-size:1.65rem;margin:0}.feedback{border-top:1px solid #84917b}.feedback>p:first-child{font-size:.95rem}.feedback div{display:flex;gap:16px}.feedback #feedback-text{max-width:750px;font-size:1.35rem}.workbench{background:#e5e8dc;border:1px solid #73866e;border-radius:28px;max-width:1200px;padding:70px 38px;margin-bottom:40px}.workbench h2{font-size:clamp(2.1rem,4vw,3.4rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.field-grid .wide{grid-column:1/-1}label{display:block;font-weight:700;margin-bottom:9px}input:not([type=file]),select,textarea{display:block;width:100%;border:1px solid #71816a;background:#fcfaf2;color:#183d2d;border-radius:10px;padding:13px 14px}textarea{min-height:105px;resize:vertical;line-height:1.55}input[type=file]{max-width:100%;margin:14px 0}#new-strand{margin-bottom:14px}.criteria{grid-template-columns:repeat(3,minmax(0,1fr))}.notice{padding:22px;background:#f7ecdc;border-left:4px solid #9b633e;border-radius:8px}#result{font-weight:700}#graph{width:100%;min-height:340px}#graph svg{display:block;width:100%;height:340px;max-width:100%;background:#fcfaf2;border-radius:12px}#graph svg text{font:14px Satoshi,Arial,sans-serif;fill:#183d2d}.chapter-list{padding:0;list-style:none;display:grid;gap:10px}.chapter-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #9da991;border-radius:12px;padding:13px;background:#f7f4eb}.chapter-name{flex:1 1 210px;overflow-wrap:anywhere;font-weight:700}.chapter-list button{padding:8px 12px;font-size:.93rem}.drag-handle{cursor:grab;border:1px solid #86947d;border-radius:8px;padding:4px 8px;font-size:.85rem}.review-runs{padding-left:24px}.review-runs li{margin:12px 0;overflow-wrap:anywhere}details{border-top:1px solid #899980;padding:20px 0}summary{cursor:pointer;font-weight:700;line-height:1.6}#status{background:#fcfaf2;padding:20px;border-radius:12px;min-height:70px;overflow-wrap:anywhere}.editorial{max-width:1160px}.editorial h2{font-size:clamp(2rem,3.3vw,3rem);margin:80px 0 25px}.editorial h2:first-child{margin-top:0}.editorial h3{margin:52px 0 18px;font-size:1.7rem}.editorial p{line-height:1.85;margin:20px 0;overflow-wrap:anywhere}.editorial table{width:100%;border-collapse:collapse;margin:30px 0;font-size:1rem}.editorial th,.editorial td{text-align:left;padding:22px 16px;vertical-align:top;border-bottom:1px solid #8d9a84;line-height:1.7;overflow-wrap:anywhere}.editorial th{font-weight:900;background:#e5e9dc}.editorial th:first-child{width:24%}.closing{text-align:center;border-top:1px solid #88947d}.closing h2{margin-left:auto;margin-right:auto}.closing .button{display:inline-block;margin-top:20px}video{display:block;width:min(960px,100%);height:auto;margin:28px auto;background:#183d2d;border-radius:20px;aspect-ratio:auto}.transcript{max-width:960px;margin:auto}#walkthrough h2{max-width:900px}#guide,#workbench,#questions,#walkthrough{scroll-margin-top:25px}@media(max-width:999px){nav{margin:12px 16px;padding:20px;gap:16px}nav div{gap:10px;flex-direction:column}.hero{padding:68px 20px 0}.chapter{padding:90px 20px}.motion-chapter{padding:100px 20px;display:block}.pinned-title{margin-bottom:40px}.method-card{transform:none!important}.workbench{margin:0 16px;max-width:calc(100% - 32px);padding:50px 20px}.criteria{grid-template-columns:1fr}.chapter-list button{flex:1 1 90px}.chapter-name{flex-basis:100%}}@media(max-width:650px){.hero h1{font-size:clamp(2.6rem,9vw,3.4rem)}nav .brand{max-width:145px;line-height:1.3}.hero-actions{gap:12px}.hero-actions .button{flex:1 1 150px;padding:15px 12px}.bento{grid-template-columns:1fr}.bento>div{border-right:0!important;border-bottom:1px solid #a0ad95!important;min-height:unset;padding:28px}.bento>div:last-child{border-bottom:0!important}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.editorial table,.editorial tbody,.editorial tr,.editorial td{display:block;width:100%}.editorial thead{display:none}.editorial tr{border-bottom:1px solid #8d9a84;padding:14px 0}.editorial td{border:0;padding:12px 0}.editorial td:before{content:attr(data-label);display:block;font-weight:900;color:#925c38;margin-bottom:8px}.editorial td:first-child{font-weight:700}.feedback div{flex-wrap:wrap}.actions.exports button{flex:1 1 145px}.marquee{font-size:1.65rem}.hero-art{margin-top:40px}.editorial h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.method-card{transform:none!important}.marquee span:nth-child(2){display:none}.marquee{white-space:normal;font-size:1.1rem;padding:22px}.marquee span{padding:0 20px}}.sortable-ghost{opacity:.45}

#matrix{width:100%;margin:24px 0}#matrix table{width:100%;table-layout:fixed;border-collapse:collapse}#matrix th{font-size:.9rem;text-align:left;vertical-align:top;padding:10px 5px;overflow-wrap:anywhere}#matrix th:first-child{width:90px}#matrix td{padding:5px;vertical-align:top}.matrix-cell{width:100%;min-height:115px;height:100%;padding:10px;background:#faf7ee;font-weight:400;text-align:left;border:1px solid #9ca58d;border-radius:8px;font-size:.92rem;line-height:1.5}.matrix-cell.selected{border:2px solid #21543f;background:#eff1e5}.cell-event{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere}#matrix-range{align-self:center;font-size:.95rem}
@media(max-width:650px){#matrix tbody th{font-size:14px;line-height:1.5}}