:root{font-family:Arial,Helvetica,sans-serif;color:#292f2a;background:#e9e7de;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid #b7baad;background:transparent;border-radius:3px;padding:9px 12px;font-size:12px}button:hover{background:#d6d9cb}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a34825;outline-offset:3px}input,select{min-width:0;width:100%;border:1px solid #b9bdaf;border-radius:3px;background:#f3f1e9;padding:8px;color:#292f2a}label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.02em}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #a9aea0;background:#f3f1e9}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font:12px/1.25 monospace;letter-spacing:3px}.brand b{font-size:17px}.mark{font-size:48px;line-height:1}.edition{font:10px monospace;letter-spacing:1.6px}.head-actions{display:flex;gap:8px}.dark{background:#292f2a;color:#faf8ef;border-color:#292f2a}.dark:hover{background:#435340}.head-actions small{opacity:.6;margin-left:10px}main{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 94px)}.author{padding:28px 26px;background:#efeee5;border-right:1px solid #b4b8a9}.section-heading,.eyebrow{font:10px/1.6 monospace;letter-spacing:1.5px}.section-heading{display:flex;justify-content:space-between}.author h1{font-family:Georgia,serif;font-weight:400;font-size:49px;letter-spacing:-2px;line-height:1.02;margin:28px 0 16px}.intro{font-size:12px;line-height:1.7;max-width:270px;margin-bottom:28px;color:#5d6659}.row{display:flex;gap:8px;align-items:end}.author>.row{margin:12px 0 20px}.row>label{flex:1}.topics{display:flex;flex-direction:column;gap:7px;margin:20px 0 28px}.topic{flex-direction:row;align-items:center}.topic span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;font:11px monospace}.topic input{font-size:12px;background:transparent;padding:8px;border-color:transparent;border-bottom-color:#c7cbbd;border-radius:0}.topic input:hover{background:#f6f4ed}.hint{font-size:11px;line-height:1.6;color:#67705f}.matrix{display:grid;gap:4px;margin:14px 0 24px}.matrix button{padding:0;aspect-ratio:1;font-size:15px;border-color:#c1c6b5}.matrix .on{background:#364634;color:#f8f4df;border-color:#364634}.matrix-label,.matrix-muted{display:grid;place-items:center;font:10px monospace;opacity:.65}.matrix-muted{opacity:.3}details{border-top:1px solid #b9beae;padding-top:14px;margin-top:14px}summary{cursor:pointer;font-size:12px;line-height:1.6}summary span{float:right}.direction{display:flex;gap:5px;margin:7px 0;align-items:center;font-size:10px}.direction>span{width:40px;flex-shrink:0}.direction select{font-size:10px;padding:5px 2px}.press{padding:28px 38px 20px;max-width:1500px;width:100%;margin:auto}.plate-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.plate-top h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:8px 0 25px}.badge{white-space:nowrap;font:9px monospace;letter-spacing:1px;border:1px solid #a4ad98;border-radius:20px;padding:8px 12px}.verified{color:#465d3c}.stale{color:#a24f2d;border-color:#ca9e84}.canvas-wrap{padding:24px 30px 20px;background:#d8ddcd;border:1px solid #b8c0ad;background-image:radial-gradient(#b7c1aa .6px,transparent .6px);background-size:10px 10px}.ruler{font:9px monospace;letter-spacing:1.5px;color:#586750;margin-bottom:18px}.plate{position:relative;width:100%;box-shadow:5px 8px #49533e22}.art,.overlay{position:absolute;inset:0;width:100%;height:100%}.art svg{width:100%;height:100%;display:block}.overlay{overflow:visible}.divider{stroke:transparent;stroke-width:.13;touch-action:none}.divider:hover{stroke:#fff9}.plate-caption{display:flex;justify-content:space-between;gap:20px;font:10px/1.7 monospace;margin-top:20px;color:#5b6651}.plate-caption span:last-child{white-space:nowrap}.empty{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty>span{font-size:70px}.empty h2{font:32px Georgia}.empty p{font-size:12px}.controls{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;margin:25px 0}form{display:flex;gap:8px;align-items:end;margin-top:10px}form label:first-child{flex:2}form label{flex:1;min-width:0}form button{padding:9px 8px;white-space:nowrap}.keyboard{padding:4px 0;margin-top:10px;border:0;text-decoration:underline;font-size:10px;color:#617054}.solver{padding-left:25px;border-left:1px solid #bac0ad}.solver input{margin-bottom:9px}.solve{background:#465f38;color:#faf9e9;border-color:#465f38;flex:1}.solve:hover{background:#2c4920}.status{display:flex;gap:17px;border-top:1px solid #b1b8a4;border-bottom:1px solid #b1b8a4;padding:17px 0;min-height:90px}.status-symbol{font:35px Georgia;color:#566b45}.status b{font:10px monospace;letter-spacing:1.4px}.status p{margin:8px 0;font-size:12px;line-height:1.6}.status small{font:10px monospace;color:#67755c}.studies{margin:25px 0}.studies>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.studies button{display:flex;flex-direction:column;text-align:left;gap:9px;background:#efefe3;padding:14px;min-height:130px}.studies button>span{font:10px monospace;color:#819273}.studies button b{font:17px Georgia}.studies button small{font-size:10px;line-height:1.5;color:#66735b}.inspector p,footer p{font-size:11px;line-height:1.8}.inspector p{max-width:80ch}footer{margin-top:24px}footer .row{flex-wrap:wrap}footer button{font-size:10px;padding:7px 9px}footer summary{font-size:10px}footer p{max-width:100ch;color:#67735e}.warning{font-size:11px;color:#9d4323;line-height:1.5}@media(min-width:1600px){.press{padding:35px 70px}.canvas-wrap{padding:30px 45px}}@media(max-width:1150px){main{grid-template-columns:290px minmax(0,1fr)}.author{padding:25px 18px}.press{padding:25px 22px}.controls{grid-template-columns:1fr;gap:15px}.solver{border-left:0;padding:0}.studies>div{grid-template-columns:repeat(2,1fr)}.edition span{display:none}.plate-top{align-items:start}.badge{font-size:8px;padding:7px;margin-top:5px}.canvas-wrap{padding:18px}}@media(max-width:760px){header{height:auto;min-height:80px;padding:12px 16px;flex-wrap:wrap;gap:12px}.edition{display:none}.head-actions{gap:4px}.head-actions button{padding:8px;font-size:10px}.head-actions small{display:none}.brand{gap:7px;letter-spacing:1px;font-size:9px}.brand b{font-size:13px}.mark{font-size:35px}main{display:flex;flex-direction:column}.author{border-right:0;border-bottom:1px solid #b4b8a9}.author h1{font-size:40px;margin:18px 0}.author .intro{max-width:100%;margin-bottom:18px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matrix{max-width:380px}.press{padding:24px 16px}.plate-top h2{font-size:26px}.ruler{font-size:8px;letter-spacing:.5px}.plate-caption span:last-child{display:none}.canvas-wrap{padding:16px 12px}.badge{letter-spacing:0}.studies button{min-height:115px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none!important;transition:none!important}}
