.sample[data-v-99aebd19]{display:flex;flex-direction:column;gap:28px;padding:clamp(48px,7vw,88px) 0;border-top:1px solid var(--border)}.sample[data-v-99aebd19]:first-child{padding-top:8px;border-top:none}.sample-head[data-v-99aebd19]{display:flex;flex-direction:column;gap:12px}.sample h2[data-v-99aebd19]{font-size:clamp(26px,3.2vw,40px);line-height:1.2}.note[data-v-99aebd19]{max-width:720px;color:var(--muted);font-size:17px;line-height:1.75}.cell[data-v-99aebd19]{margin:0}.frame[data-v-99aebd19]{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--r-xl);background:var(--bg-soft)}.frame img[data-v-99aebd19]{width:100%;height:100%;object-fit:contain}.is-before .frame[data-v-99aebd19]{height:clamp(320px,52vw,640px);padding:clamp(16px,3vw,40px)}figcaption[data-v-99aebd19]{margin-top:12px;color:var(--muted);font-size:14px;font-weight:650}.split[data-v-99aebd19]{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-h);font-size:15px;font-weight:650}.arrow[data-v-99aebd19]{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:18px}.afters[data-v-99aebd19]{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px}.is-after .frame[data-v-99aebd19]{height:clamp(300px,34vw,440px);padding:20px;border:1px solid var(--border);background:#fff}.is-after figcaption[data-v-99aebd19]{color:var(--accent-ink)}.back-link[data-v-99aebd19]{color:var(--muted);flex-direction:row-reverse}.back-link[data-v-99aebd19]:after{content:"←";content:"←" / ""}.back-link[data-v-99aebd19]:hover:after{transform:translate(-3px)}@media(max-width:760px){.afters[data-v-99aebd19]{grid-template-columns:1fr}.is-after .frame[data-v-99aebd19]{height:360px}}