:root{--accent:#D9551F}body{margin:0;background:#fff}a{color:#193c33}a:hover{color:#b3461b}*{box-sizing:border-box}.r{display:grid;grid-template-columns:48px repeat(6,minmax(0,1fr));border-bottom:1px solid #D9DEDA}.n{font-family:IBM Plex Mono,monospace;font-size:12px;color:#55645d;background:#f1f4f1;border-right:1px solid #D9DEDA;display:flex;align-items:center;justify-content:center;min-height:40px}.c{border-right:1px solid #D9DEDA;padding:10px 12px;font-size:15px;line-height:1.4;min-width:0}.h{font-family:IBM Plex Mono,monospace;font-size:12px;color:#55645d;background:#f1f4f1;border-right:1px solid #D9DEDA;text-align:center;padding:6px 0}.head{background:#193c33;color:#fff;font-weight:500}.mono{font-family:IBM Plex Mono,monospace;font-size:14px;overflow-wrap:anywhere}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}@media(max-width:760px){.r{grid-template-columns:32px repeat(2,minmax(0,1fr))}.n{grid-row:1 / span 8}.c{grid-column:span 2}.c.half{grid-column:span 1}.h,.blank{display:none}.big{font-size:56px!important}}pre{margin:0;padding:20px 28px;overflow-x:auto;background:#f7f9f7;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.65}input,select{font:inherit;color:inherit;width:100%;min-height:44px;padding:10px 12px;border:1px solid #AEB8B2;border-radius:4px;background:#fff}input[type=checkbox]{width:20px;height:20px;min-height:0;flex:none;margin:2px 0 0}.num{text-align:right;font-family:IBM Plex Mono,monospace}.scroll{overflow-x:auto}.grid{border-collapse:collapse;font-size:14px;width:100%;min-width:760px}.grid th,.grid td{border:1px solid #D9DEDA;padding:8px 10px;text-align:left;white-space:nowrap}.grid th{background:#f1f4f1;color:#55645d;font:12px IBM Plex Mono,monospace;text-align:center}.grid td.v{text-align:right;font-family:IBM Plex Mono,monospace}main{counter-reset:row}.n{counter-increment:row}.n:before{content:counter(row)}[hidden]{display:none!important}button{font:inherit;cursor:pointer}.primary,.secondary{font-size:14px;font-weight:500;padding:12px 14px;border-radius:4px;text-decoration:none;white-space:nowrap;display:inline-block;border:1px solid #193C33;min-height:44px}.primary{background:#193c33;color:#fff}.primary:hover{color:#fff}.secondary{background:#fff;color:#193c33}.drop.over{outline:2px solid var(--accent);outline-offset:-2px}.drop:focus-within{outline:2px solid #193C33;outline-offset:-2px}.drop input{position:absolute;width:1px;height:1px;opacity:0}.preview{max-height:360px;overflow:auto}html{scroll-padding-bottom:64px}.sheets{position:sticky;bottom:0;z-index:2;height:48px;overflow-x:auto}.sheets a{flex:none;white-space:nowrap}.book-tabs{position:sticky;bottom:48px;z-index:1}#tabs button{flex:none}#sheet{height:max(320px,calc(100dvh - 270px));overflow:auto;background:#fff}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-mark{display:flex;flex-direction:column;align-items:center;flex:none;margin:-32px 0}.hero-logo{width:210px;height:210px}.hero-name{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-top:6px}@media(max-width:760px){.hero{flex-direction:column-reverse;align-items:flex-start}.hero-mark{margin:0}.hero-logo{width:120px;height:120px}.hero-name{font-size:22px}}@media(max-width:760px){.book-tabs .n{grid-row:auto}#sheet{height:max(320px,calc(100dvh - 345px))}}
