.column-archive{padding:80px 0 100px;background:#F7F6F4}.column-archive .l-inner{max-width:1080px;margin:0 auto;padding:0 24px}.column-archive .archive-header{text-align:center;margin-bottom:48px}.column-archive .archive-title{font-size:32px;font-weight:700;color:#0098BB;margin-bottom:16px;line-height:1.4}.column-archive .archive-description{font-size:16px;color:#59514E;line-height:1.7;max-width:600px;margin:0 auto}.column-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.column-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.column-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.column-card__thumb{width:100%;aspect-ratio:16/10;overflow:hidden}.column-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.column-card:hover .column-card__thumb img{transform:scale(1.03)}.column-card__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1 1}.column-card__meta{display:flex;align-items:center;gap:10px}.column-card__category{font-size:11px;font-weight:600;color:#fff;background:#0098BB;padding:3px 8px;border-radius:3px;white-space:nowrap}.column-card__date{font-size:12px;color:#736B67}.column-card__title{font-size:15px;font-weight:700;color:#413C3A;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.column-card:hover .column-card__title{color:#0098BB}.column-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.column-card__tag{font-size:11px;color:#0098BB;border:1px solid #0098bb;padding:2px 7px;border-radius:3px}.column-archive .no-posts{text-align:center;color:#736B67;padding:60px 0}@media (max-width:768px){.column-archive{padding:60px 0 80px}.column-archive .archive-title{font-size:26px}.column-list{grid-template-columns:1fr;gap:24px}.column-card__body{padding:16px}}@media (min-width:769px) and (max-width:1024px){.column-list{grid-template-columns:repeat(2,1fr)}}