/* Product artwork keeps its complete composition at every viewport. */
.product-art.live-art{display:block;height:auto;aspect-ratio:1/1;overflow:hidden;min-height:0;padding:14px}
.product-art.live-art:before{display:none}
.product-art.live-art img{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;padding:0;transform:none}
.product-art.live-art .product-fallback{display:grid;place-items:center;height:100%}
.tutorial{border-top:1px solid var(--line);background:radial-gradient(ellipse at top right,#7930a815,transparent 60%)}
.tutorial-lead{max-width:700px;font-size:17px;line-height:1.8;color:var(--muted);margin:24px 0 30px}
.tutorial-index{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;position:static;background:none;padding:0;margin-bottom:32px}
.tutorial-index a{border:1px solid #35dac640;padding:12px 16px;font-size:13px;line-height:1.5;min-height:44px;color:var(--accent)}
.tutorial-index a:hover{background:#35dac610}
.tutorial-chapters details{border:1px solid var(--line);background:#101713;margin:12px 0;scroll-margin-top:105px}
.tutorial-chapters summary{display:flex;gap:18px;align-items:center;cursor:pointer;padding:24px;font:600 24px var(--display);list-style:none}
.tutorial-chapters summary::-webkit-details-marker{display:none}
.tutorial-chapters summary:after{content:'+';margin-left:auto;color:var(--accent)}
.tutorial-chapters details[open]>summary:after{content:'−'}
.tutorial-chapters summary>span{color:var(--accent);font:12px var(--mono)}
.tutorial-body{padding:0 28px 28px;max-width:1050px;line-height:1.85;color:#c3ccc4;overflow-wrap:anywhere}
.tutorial-body h3{font-size:30px;color:var(--ink);margin:20px 0}
.tutorial-body h4{font-size:22px;color:var(--accent);margin:32px 0 14px}
.tutorial-body p{font-size:16px;margin:14px 0}
.tutorial-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line)}
.tutorial-table table{border-collapse:collapse;width:100%;min-width:520px;text-align:left;font-size:14px}
.tutorial-table th,.tutorial-table td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}
.tutorial-table th{color:var(--accent);background:#35dac610;font-weight:600}
.tutorial-table tr:last-child td{border-bottom:0}
@media(max-width:820px){.tutorial-index{display:flex}.tutorial-chapters summary{font-size:22px;padding:18px}.tutorial-body{padding:0 18px 20px}}
@media(max-width:650px){.tutorial-index{gap:8px}.tutorial-index a{font-size:12px;padding:10px}.tutorial-body p{font-size:15px}.product-art.live-art{padding:10px}.tutorial-lead{font-size:15px}}