.intro h1{font-size:clamp(42px,8vw,88px)}.shot-grid{display:grid;gap:12px;margin-bottom:20px}.shot-card{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);background:#191f24}.shot-letter{font:700 46px/1 var(--mono);color:var(--mint);min-width:32px}.shot-card:nth-child(even) .shot-letter{color:var(--purple)}.shot-card h3{margin-bottom:8px}.shot-card h3 small{font:12px var(--mono);color:var(--muted)}.shot-card p{margin:0;font-size:14px}.guide-inline-link{color:var(--mint);text-decoration:underline;text-underline-offset:4px}@media(min-width:700px){.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.item-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;margin-right:8px}

/* Tighter rhythm and balanced supporting content. */
.intro{padding-bottom:32px}.shot-grid{gap:14px;margin-bottom:16px}.shot-card{padding:20px;gap:16px;min-width:0}.shot-card>div{min-width:0}.shot-card h3{font-size:16px}.shot-card p{line-height:1.8}#items .flow-layout{gap:24px;align-items:center}#items .reference-list{margin-top:0}#items .reference-list>div{display:block;padding:18px 0}#items .reference-list dd{margin-top:8px}#items .screen{max-width:220px}#tips .reference-list{margin-bottom:0}.closing{padding-block:36px}.closing .button{margin-bottom:12px}@media(min-width:700px){#items .flow-layout{grid-template-columns:minmax(0,1fr) 220px;gap:48px}#items .screen{justify-self:end}.shot-card{min-height:128px}}@media(min-width:1000px){.shot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.shot-example{width:100px;height:132px;flex:0 0 100px;object-fit:cover;object-position:50% 32%;border:1px solid #3c4651;background:#0b1127;image-rendering:auto}.shot-card:has(.shot-example){gap:12px;padding:12px}.shot-card:has(.shot-example) .shot-letter{min-width:28px;font-size:34px}.shot-example~div{min-width:0}@media(min-width:700px){.shot-example{width:108px;height:143px;flex-basis:108px}}@media(min-width:1000px){.shot-example{width:88px;height:116px;flex-basis:88px}.shot-card:has(.shot-example){gap:9px;padding:10px}.shot-card:has(.shot-example) .shot-letter{min-width:24px;font-size:30px}}

.shooting-screens{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,240px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:24px 0 0}.shooting-screens .screen{width:100%;max-width:240px;scroll-snap-align:start}.shooting-screens figcaption{text-align:center;font-size:11px}@media(min-width:700px){.shooting-screens{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;overflow:visible}.shooting-screens .screen{max-width:220px}}