:root{--primary:#375943;--secondary:#e3e8da;--accent:#9e4d2c;--background:#f5f1e6;--surface:#fffcf4;--text:#2b4734;--muted:#4b5944;--border:#a7b198;--status:#375943}nav{flex-wrap:wrap}button[hidden]{display:none}select{font:inherit;display:block;width:100%;background:#fffcf4;color:inherit;border:1px solid var(--line);padding:11px;margin-top:7px}.note{font-size:12px;line-height:1.7}#cancel-edit{background:#e3e8da;color:var(--green);border:1px solid var(--green);margin-top:10px}.week-jump{max-width:280px;margin:15px 0}#prev:disabled,#next:disabled{opacity:.4;cursor:default}.entry-controls{flex-wrap:wrap}#entries .actual{background:#e3e8da;padding:10px}.backup{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.backup label{max-width:350px}.backup input{font-size:12px}.reading-link{padding:35px 0 65px;border-top:2px solid var(--green)}.reading-link a{font-weight:bold;text-underline-offset:6px}.reading-link p{font-size:14px}footer{gap:25px}footer nav{font-size:12px;gap:15px}.read{max-width:1000px;padding-top:35px;padding-bottom:75px}.read h1{font:clamp(32px,4vw,48px)/1.5 Batang,serif;letter-spacing:-1px}.read .intro{font-size:19px;max-width:800px}.read .meta{font-size:12px}.read h2{border-top:1px solid var(--green);padding-top:25px;margin-top:55px;font-size:29px}.read p{max-width:800px}.read figure{margin:30px 0}.read figure img{max-width:100%;width:auto;height:auto;max-height:640px}.read figcaption{font-size:12px;max-width:800px}.read .toc{display:block;padding:20px 25px;background:#e3e8da;border-radius:20px;font-size:14px}.read .toc a{display:block;margin:8px 0}.read table{border-collapse:collapse;width:100%;font-size:14px}.read th,.read td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.read thead{background:#e3e8da}.table-scroll{overflow:auto}.guide-entry{margin:30px 0;padding:25px 0;border-block:1px solid var(--line)}.guide-entry img{width:180px;height:150px;object-fit:cover;float:right;margin-left:20px}.guide-entry h2{margin:0;border:0;padding:0;font-size:26px}.guide-entry[hidden]{display:none}@media(max-width:600px){.read h2{font-size:25px}.read table{font-size:12px}.read td,.read th{padding:8px}.guide-entry img{float:none;width:100%;height:auto;margin:0 0 20px}.planning>*{min-width:0}footer nav{gap:12px}.hero img{max-height:220px}.hero-note p{font-size:15px}}
.read td:not(:first-child),.read th:not(:first-child){white-space:nowrap}