:root{font-family:Arial,Helvetica,sans-serif;color:#252923;background:#e9ede3;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{border:1px solid #89917c;background:transparent;padding:12px 16px;border-radius:3px;color:inherit;cursor:pointer;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#d9e3cc;transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba552b;outline-offset:4px}main{min-height:100vh;padding:0 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-bottom:1px solid #aab29e;font-size:11px;letter-spacing:2px}.brand{font-weight:900;font-size:24px;color:#252923;text-decoration:none}.intro{display:grid;grid-template-columns:1fr 330px;gap:60px;padding:62px 0 38px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#677158}h1{font:clamp(40px,5vw,76px)/1.02 Georgia,serif;letter-spacing:-3px;margin:22px 0}h1 em{font-weight:400;color:#657250}p{line-height:1.65}h2{font:32px/1.15 Georgia,serif;overflow-wrap:anywhere}.turn{border-left:1px solid #aab29e;padding:25px 0 0 35px}.turn h2{font-size:44px;margin:16px 0}.turn button{background:#283b2b;color:#f2f1e8;width:100%;margin-bottom:12px}small{display:block;font-size:12px;line-height:1.5;color:#68715e;overflow-wrap:anywhere}.status{padding:14px 20px;border:1px solid #bec7b2;background:#dce6cf;margin-bottom:28px;min-height:48px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.paper{background:#faf8ef;border:1px solid #d3d1c0;padding:38px 44px;box-shadow:0 8px 22px #313c2810;min-width:0}.paper-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.5px;color:#7e816f}.paper h2{font:clamp(32px,3.8vw,52px)/1.08 Georgia,serif;margin:50px 0 30px}.prose{font:21px/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}.seal{font-size:11px;border-top:1px solid #dddacb;padding-top:20px;color:#747763;margin-top:40px}details{border-top:1px solid #dddacb;padding-top:18px}summary{cursor:pointer;font-size:13px}.exchange{background:#d4ddc7;padding:25px}.exchange h2{margin:14px 0 24px}.exchange button{width:100%;margin-top:14px}.primary{background:#293f2b;color:#fff}.exchange label,.fact label,.studio label{display:block;font-size:12px;margin:12px 0}select{display:block;width:100%;padding:11px;margin-top:8px;border:1px solid #8d987d;border-radius:2px;background:#f6f7ee;color:inherit;min-width:0}.history{padding:18px 0}.history h3{font:24px Georgia,serif}.history ol{list-style:none;padding:0;max-height:320px;overflow:auto}.history li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #cbd1c1;font-size:12px;overflow-wrap:anywhere}.history li span{color:#8b927f}.history>p{font-size:13px;color:#727b66}.cards{padding:40px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title p{max-width:320px;font-size:13px;color:#727b66}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fact{background:#e1e5d9;border:1px solid #c0c9b4;padding:22px 18px;min-width:0}.fact.mine{background:#f4f6ed;border-top:3px solid #65794f;padding-top:20px}.fact-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1px;color:#6f7d61;overflow-wrap:anywhere}.fact h3{font:25px Georgia,serif;margin:24px 0;overflow-wrap:anywhere}.studio,.archive{border-top:1px solid #aab29e;padding:35px 0}.studio textarea{display:block;width:100%;height:480px;resize:vertical;background:#fbfcf7;color:#243722;border:1px solid #aab29e;padding:20px;font:13px/1.6 monospace;tab-size:2}.actions{display:flex;flex-wrap:wrap;gap:10px}.archive{display:grid;grid-template-columns:1fr 1fr;gap:30px}.archive>p{grid-column:1/-1}footer{border-top:1px solid #aab29e;padding:25px 0 40px;font-size:11px;color:#67705e}footer p{max-width:1000px}footer button{font-size:11px;margin:8px 10px 10px 0}footer small{margin-top:12px}@media(max-width:1050px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 290px}.intro{grid-template-columns:1fr 290px;gap:25px}}@media(max-width:760px){main{padding:0 5vw}header>span{display:none}.intro,.workspace,.archive{grid-template-columns:1fr;gap:20px}.intro{padding-top:32px}.turn{border-left:0;border-top:1px solid #aab29e;padding:20px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paper{padding:24px}.section-title{display:block}.prose{font-size:19px}h1{letter-spacing:-1.5px}.paper h2{margin-top:30px}}@media(max-width:420px){.card-grid{grid-template-columns:1fr}.paper-top{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.examples{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.examples button{font-size:12px}.paper h2,.turn h2,.fact h3,.history li,.fact-top{white-space:pre-wrap;min-width:0}.paper{animation:arrive .45s ease-out}@keyframes arrive{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exchange p,.exchange b,.turn button,.paper details p,.paper details small,.fact small,.exchange small,.turn small{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}.turn,aside,.exchange,.history,.paper details{min-width:0}.turn button{height:auto}
