.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);padding:clamp(20px,2.4vw,28px)}.card p{color:var(--muted)}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.feat,.step{flex-direction:column;gap:8px;padding:10px 10px 26px;display:flex}.feat h3,.step h3{font-size:var(--fs-heading);padding:12px 16px 0}.feat p,.step p{padding:0 16px}.feat-art{background:radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--accent) 7%, var(--panel)), var(--panel) 70%);border:1px solid var(--line);border-radius:16px;place-items:center;height:236px;padding:8px;display:grid;overflow:hidden}.feat:not(:has(.feat-art)){padding-top:var(--sp-4)}.card.linked{position:relative}.card.linked h3 a{align-items:center;gap:var(--sp-2);outline:none;text-decoration:none;display:inline-flex}.card.linked h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card.linked h3 .ic{width:18px;height:18px;color:var(--accent);transition:transform var(--dur) var(--ease)}.card.linked:hover h3 .ic{transform:translate(3px)}.card.linked:has(a:focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media (width<=719px){.feat-art{height:208px}}.bento{gap:var(--sp-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.bento>*{grid-column:span 5}.bento>:nth-child(4n+1),.bento>:nth-child(4n){grid-column:span 7}.bento.halves>*{grid-column:span 6}.bento.thirds>*{grid-column:span 4}.bento.quarters>*{grid-column:span 3}@media (width<=900px){.bento>*,.bento>:nth-child(4n+1),.bento>:nth-child(4n),.bento.quarters>*{grid-column:span 6}.bento.thirds>*{grid-column:1/-1}}@media (width<=719px){.bento>*,.bento>:nth-child(4n+1),.bento>:nth-child(4n),.bento.halves>*,.bento.thirds>*,.bento.quarters>*{grid-column:1/-1}}