.art-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.art-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}.art-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease}.art-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);text-decoration:none}.art-card:focus-visible,.art-more:focus-visible{outline:2px solid var(--accent-cta);outline-offset:3px}.art-thumb{height:108px;overflow:hidden;background:var(--blue-50)}.art-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s cubic-bezier(.2,.6,.3,1)}.art-card:hover .art-thumb img{transform:scale(1.04)}.art-band{display:flex;align-items:center;gap:10px;height:64px;padding:0 18px;font-size:14px;font-weight:var(--fw-bold);letter-spacing:.02em}.art-band[data-tone=navy]{background:#E9EEF7;color:var(--navy-800)}.art-band[data-tone=blue]{background:#EAF2FE;color:var(--blue-600)}.art-band[data-tone=teal]{background:#E6F6F4;color:#0B7A6D}.art-band[data-tone=violet]{background:#EFECFB;color:#5546B5}.art-band[data-tone=steel]{background:#EEF2F7;color:var(--ink-500)}.art-grid--stack .art-band{height:44px;font-size:13px}.art-body{display:flex;flex-direction:column;gap:8px;flex:1 1;padding:16px 18px}.art-cat{align-self:flex-start;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:4px;font-size:12px;font-weight:var(--fw-bold);line-height:1;white-space:nowrap}.art-cat[data-tone=navy]{background:var(--blue-50);color:var(--navy-800)}.art-cat[data-tone=blue]{background:var(--blue-50);color:var(--blue-600)}.art-cat[data-tone=teal]{background:#E6F6F4;color:#0B7A6D}.art-cat[data-tone=violet]{background:#EFECFB;color:#5546B5}.art-cat[data-tone=steel]{background:#EEF2F7;color:var(--ink-500)}.art-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.art-sample{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;border:1px dashed var(--border-strong);font-size:11px;color:var(--ink-400);line-height:1}.art-sample,.art-title{font-weight:var(--fw-bold)}.art-title{font-size:15px;line-height:1.7;color:var(--text-heading)}.art-summary{font-size:var(--fs-small);line-height:1.8;color:var(--text-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.art-tags{display:flex;flex-wrap:wrap;gap:6px}.art-tag{font-size:12px;line-height:1.5;color:var(--text-body);background:var(--surface-tint);border:1px solid var(--border-default);border-radius:999px;padding:2px 10px}.art-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.art-date{font-size:12px;color:var(--ink-400);letter-spacing:.02em}.art-arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-default);background:var(--white);color:var(--accent-cta);transition:background .2s ease,color .2s ease}.art-card:hover .art-arrow{background:var(--accent-cta);color:var(--white)}.art-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--accent-cta);text-decoration:none;white-space:nowrap}.art-more:hover{text-decoration:underline}.art-grid.art-grid--stack{grid-template-columns:minmax(0,1fr);gap:12px}.art-grid--stack .art-card{max-width:none!important}.art-grid[data-n="1"] .art-card{max-width:560px}@media (max-width:1023px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.art-grid,.art-grid[data-n="2"]{grid-template-columns:minmax(0,1fr)}.art-grid{gap:16px}.art-panel{padding:24px 18px 26px!important}.art-panel h3{font-size:19px!important}.art-grid[data-n="1"] .art-card{max-width:none}}@media (prefers-reduced-motion:reduce){.art-arrow,.art-card,.art-thumb img{transition:none}.art-card:hover,.art-card:hover .art-thumb img{transform:none}}