.sketch-record{box-sizing:border-box;color:#344237;max-width:880px;font:400 16px/1.65 var(--story-body,sans-serif);word-break:keep-all;overflow-wrap:anywhere;background:#fffaeb;border:1px solid #cabea1;border-radius:5px;margin:clamp(12px,4vw,42px) auto;padding:clamp(20px,5vw,52px);box-shadow:3px 4px #ded4b6}.sketch-record *{box-sizing:border-box}.sketch-record nav,.sketch-record footer{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.sketch-record a{color:#2c583d;text-underline-offset:4px}.sketch-record header{align-items:center;gap:12px;margin:32px 0 3px;display:flex}.sketch-record h1,.sketch-record h2,.sketch-record h3{font-family:var(--story-title,serif);color:#304b37;line-height:1.35}.sketch-record h1{margin:0;font-size:clamp(25px,5vw,38px)}.sr-intro{margin:10px 0 24px}.sr-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;margin:18px 0;display:flex}.sr-search{flex:1;min-width:min(100%,215px);font-size:14px}.sr-search input{color:#2c4130;width:100%;font:inherit;background:#fffdf5;border:1px solid #9eab93;border-radius:4px;margin-top:4px;padding:10px 13px;font-size:16px}.sr-check{white-space:nowrap;align-items:center;gap:5px;min-height:44px;font-size:14px;display:flex}.sr-layout{border-block:1px solid #c6b998;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);display:grid}.sr-words{padding:16px 16px 16px 0}.sr-words h2{margin:0 0 10px;font-size:16px}.sr-scroll{scrollbar-width:thin;align-content:start;gap:3px;max-height:330px;display:grid;overflow:auto}.sr-scroll button{text-align:left;cursor:pointer;color:#465442;font:inherit;background:0 0;border:0;border-radius:3px;padding:8px 10px;font-size:15px}.sr-scroll button[aria-pressed=true]{color:#214d33;background:#dce7d4;font-weight:700}.sr-detail{border-left:1px dashed #c3b89d;padding:18px 0 16px clamp(16px,3vw,30px)}.sr-detail h2{margin:0 0 8px;font-size:30px}.sr-detail p{margin:8px 0}.sr-windows{background:#f3ebd5;flex-wrap:wrap;gap:10px 20px;margin:16px 0 20px;padding:12px;display:flex}.sr-windows dt{font-size:12px}.sr-windows dd{margin:0;font-size:17px;font-weight:650}.sr-detail h3{margin:12px 0 4px;font-size:18px}.sr-rival{color:#526048;font-size:14px}.sr-method,.sketch-record footer{font-size:14px}.sr-method{margin:18px 0}:is(.sketch-record button:focus-visible,.sketch-record input:focus-visible){outline-offset:1px;outline:3px solid #60815c}@media (max-width:600px){.sketch-record{margin:10px;padding:18px}.sr-layout{display:block}.sr-words{padding:12px 0}.sr-scroll{align-items:flex-start;gap:4px;max-width:100%;max-height:none;display:flex;overflow-x:auto}.sr-scroll button{white-space:nowrap;flex:none;min-height:44px}.sr-detail{border-top:1px dashed #c3b89d;border-left:0;padding:17px 0}.sr-controls{gap:4px}.sr-check{min-height:38px}.sketch-record nav{font-size:14px}}.sketch-record{max-width:1000px}.sr-layout{grid-template-columns:minmax(220px,.95fr) minmax(0,1.55fr)}.sr-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sr-card-grid button{-webkit-appearance:none;appearance:none;color:#394533;cursor:pointer;min-width:0;font:600 14px/1.35 var(--story-body);overflow-wrap:anywhere;background:#fffcf2;border:1px solid #c9baa0;border-radius:5px;padding:4px}.sr-card-grid button[aria-pressed=true]{outline-offset:-1px;background:#e8eedc;outline:2px solid #57714f}.sr-card-grid button span{padding:3px 2px;display:block}.sr-mini-art,.sr-detail-art{object-fit:contain;width:100%;height:auto;display:block}.sr-paging{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.sr-paging button{color:#34563e;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 7px}.sr-paging button:disabled{opacity:.45;cursor:default}.sr-illustrated-title{grid-template-columns:minmax(0,1fr) minmax(85px,40%);align-items:center;gap:12px;display:grid}.sr-illustrated-title h2{margin:0}.sr-illustrated-title p{margin:3px 0}@media (max-width:600px){.sr-layout{display:block}.sr-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sr-card-grid button{place-items:center;display:grid}.sr-mini-art{max-height:60px}.sr-paging{margin-top:3px}}.sr-art-next{color:#41513b;cursor:pointer;min-height:40px;font:inherit;background:#f4ecd7;border:1px solid #c6b799;border-radius:4px;padding:5px 10px;font-size:14px}.sr-art-next span{color:#625f4c;font-size:12px}