.ex-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.ex-gallery>li{flex-direction:column;min-width:0;display:flex}.ex-gallery>li>a:first-child{flex:1}@media (max-width:40rem){.ex-gallery{grid-template-columns:minmax(0,1fr)}}.ex-guide{border-top:2px solid var(--color-text);color:inherit;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-top:14px;padding:12px 2px 0;text-decoration:none;display:grid}.ex-guide .g-meta{font:600 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle);grid-column:1/-1}.ex-guide .g-title{font:700 16px/1.3 var(--f-head);letter-spacing:-.01em;color:var(--color-text);text-wrap:pretty}.ex-guide .g-arrow{font:600 17px/1.3 var(--f-head);color:var(--color-text-subtle);transition:transform .16s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.ex-guide:hover .g-title{text-decoration:underline;-webkit-text-decoration-color:var(--ink-amber);text-decoration-color:var(--ink-amber);text-underline-offset:4px;text-decoration-thickness:2px}.ex-guide:hover .g-arrow{color:var(--color-text);transform:translate(4px)}}.ex-guide:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ex-guide .g-arrow{transition:none}}.ex-note{margin:clamp(28px,4vw,44px) 0 0}