#preview:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:16px}#preview figure{margin:0;min-width:0;align-self:center}#preview figcaption{font-size:11px;background:#141918;padding:8px;margin-bottom:12px;color:var(--text)}#preview canvas{margin:auto}.canvas-bottom{flex-wrap:wrap}button:disabled,input:disabled,select:disabled{cursor:default}.filmstrip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0 45px}.strip-title{grid-column:1/-1;display:flex;gap:24px;align-items:baseline}.strip-title>span,.frame>span{font:12px Consolas,monospace;color:var(--mint)}.strip-title h2{font-size:25px;margin:0}.frame{text-decoration:none;min-width:0}.frame img{width:100%;height:auto;margin-top:15px;border:1px solid var(--border)}.frame h3{font-size:18px;margin:12px 0 6px}.frame p{font-size:13px;color:var(--muted);margin:0}.frame:hover h3{text-decoration:underline}.reading-index{padding:40px 0 65px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.guide-list{list-style:none;margin:0;padding:0}.guide-list li{border-bottom:1px solid var(--border);padding:20px 0}.guide-list a{font-weight:bold;text-underline-offset:5px}.guide-list p{font-size:13px;color:var(--muted);margin:12px 0 0}.reading-sheet{background:#eef2ed;color:#26342d;max-width:930px;margin:45px auto 65px;padding:50px 65px}.sheet-label{font:12px Consolas,monospace;letter-spacing:1px;color:#46604c;border-bottom:2px solid #577661;padding-bottom:18px}.reading-sheet h1{font-size:clamp(29px,3.3vw,44px);line-height:1.4;letter-spacing:-1px;word-break:keep-all;overflow-wrap:anywhere}.intro{font-size:17px;color:#48604d;border-bottom:1px solid #adbcae;padding-bottom:30px}.reading-sheet h2{font-size:23px;line-height:1.5;margin:36px 0 15px;word-break:keep-all}.reading-sheet p{line-height:1.95}.reading-sheet a{color:#214e31;text-underline-offset:4px;overflow-wrap:anywhere}.reading-sheet li{margin:12px 0}.reading-sheet .guide-list p{color:#48604d}.reading-sheet table{border-collapse:collapse;width:100%;font-size:13px}.reading-sheet td,.reading-sheet th{padding:12px 9px;border:1px solid #a1b2a6;text-align:left}.reading-sheet th{background:#dae5d9}.article-figure{margin:30px 0}.article-figure img{width:100%;height:auto;max-height:470px;object-fit:contain;background:#fff}.article-figure figcaption{color:#4d5f51;font-size:12px;line-height:1.8;margin-top:10px}.next{border-top:2px solid #577661;margin-top:40px}.reading-sheet input[type=search]{display:block;width:100%;background:white;border:1px solid #577661;padding:13px;font:inherit;color:#26342d}.reading-sheet :focus-visible{outline-color:#286941}footer{max-width:1325px;margin:auto;flex-wrap:wrap;padding:25px 20px 40px;gap:18px}footer nav{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%}#status{min-height:38px}@media(max-width:850px){.reading-sheet{padding:35px}.filmstrip{gap:18px}.reading-index{gap:25px}}@media(max-width:600px){#preview:not([hidden]){grid-template-columns:1fr;padding:15px}#preview canvas{max-height:280px}.filmstrip{grid-template-columns:1fr;gap:30px}.strip-title{display:block}.strip-title h2{margin-top:10px}.frame img{max-height:190px;object-fit:contain}.reading-index{grid-template-columns:1fr;gap:0}.reading-sheet{margin:25px 0 40px;padding:23px 18px}.reading-sheet h2{font-size:21px}.reading-sheet table{font-size:11px}.reading-sheet td,.reading-sheet th{padding:8px 5px}.reading-sheet ul{padding-left:18px}.reading-sheet .guide-list{padding-left:0}.reading-sheet h1{font-size:29px}.intro{font-size:15px}}