/* Drawing competition sheets: theme chips, sheet picker, HTML page preview (sizes in cqw: 1 mm of A4 = .476cqw) */
.dc-app{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.dc-themes{margin-bottom:4px}
.dc-themes .chip,.dc-chips .chip{min-height:36px}
.dc-sheets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dc-sheets .tpl{aspect-ratio:2/3}
.dc-sheets .tpl img{object-fit:contain;background:#fff}
.dc-cap{margin-top:10px;min-height:2.6em}
.dc-chips{margin:6px 0 15px}
.dc-sws{display:grid;gap:12px;margin-bottom:15px}
.dc-stage{background:#e9e7df;border:2px solid var(--ink);border-radius:var(--r-sm);padding:14px;display:grid;place-items:center}
.dc-page{container-type:inline-size;width:100%;max-width:430px;aspect-ratio:210/297;background:#fff;border-radius:3px;box-shadow:0 10px 26px rgba(0,0,0,.16);position:relative;display:flex;flex-direction:column;padding:5.7cqw;color:#111}
.dc-page.border::before{content:"";position:absolute;inset:3.33cqw;border:.4cqw solid #111;border-radius:1.4cqw;pointer-events:none}
.dc-headbox{display:none;flex:none;margin-bottom:1.4cqw}
.dc-page.head .dc-headbox{display:block}
.dc-htitle{margin:0 0 1.6cqw;text-align:center;font:700 3.2cqw/1.2 Arial,Helvetica,sans-serif}
.dc-hrow{display:flex;align-items:flex-end;gap:1.4cqw;font:700 2.3cqw/1 Arial,Helvetica,sans-serif;margin-bottom:2.2cqw}
.dc-hrow i{flex:1;border-bottom:.25cqw solid #333;height:2cqw}
.dc-hrow i.s{flex:.38}
.dc-art{flex:1;min-height:0;position:relative}
.dc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.dc-guide{margin:1cqw 0 0;text-align:center;font:600 2cqw/1.3 Arial,Helvetica,sans-serif;color:#333}
.dc-note{margin-top:12px}
.dc-tips{margin-top:26px}
.dc-tips h2{display:block}
.dc-tip{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.dc-tips h3{font-size:16px;margin:0 0 8px}
.dc-tips ul{margin:0 0 6px;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:1.5}
.dc-tip-all{border-top:2px dashed var(--line);margin-top:16px;padding-top:16px}
@media (max-width:900px){.dc-app{grid-template-columns:1fr}.dc-tip{grid-template-columns:1fr}}
@media (max-width:420px){.dc-stage{padding:8px}.dc-sheets{gap:7px}}