.blog-list{--blog-radius:8px;--blog-radius-sm:6px;--blog-shadow:0 1px 3px rgba(16,24,40,0.06),0 6px 16px rgba(16,24,40,0.06);--blog-shadow-hover:0 2px 6px rgba(16,24,40,0.08),0 12px 28px rgba(16,24,40,0.1);--blog-green:#1a7a3c;--blog-green-hover:#156b33;--bl-maxw:64rem;max-width:var(--bl-maxw);margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) 1.25rem 5rem;color:var(--black)}.blog-list :is(.bl-card-date,.bl-family-num){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.bl-head{margin:0 0 clamp(2.5rem,4vw,3.5rem)}.bl-head h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.5rem);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0 0 .6rem}.bl-intro{font-size:1.125rem;line-height:1.6;color:var(--ink-2);max-width:44rem;margin:0}.bl-family{margin-top:clamp(2.5rem,4vw,3.5rem)}.bl-family:first-of-type{margin-top:0}.bl-family-head{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-line)}.bl-family-num{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink-2)}.bl-family-head h2{font-size:clamp(1.35rem,1.15rem + .9vw,1.6rem);line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:0}.bl-family[data-family="1"] .bl-family-num{color:var(--blog-green)}.bl-family[data-family="1"] .bl-family-head{border-bottom-color:var(--green-b)}.bl-family[data-family="2"] .bl-family-num{color:var(--ink-2)}.bl-family[data-family="2"] .bl-family-head{border-bottom-color:var(--gray-line)}.bl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.bl-card{display:flex;flex-direction:column;height:100%;padding:1.2rem 1.3rem 1.1rem;background:var(--white);border:1px solid var(--gray-line);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);color:var(--black);text-decoration:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.bl-card:hover{border-color:var(--blog-green);box-shadow:var(--blog-shadow-hover);transform:translateY(-2px)}.bl-card:focus-visible{outline:2px solid var(--blog-green);outline-offset:2px}.bl-card-title{font-size:1.125rem;line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}.bl-card-desc{font-size:.95rem;line-height:1.55;color:var(--ink-2);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bl-card-date{font-size:.8rem;color:var(--ink-3);margin-top:auto}.blog-list ::selection{background:var(--green-light)}@media (prefers-reduced-motion:reduce){.bl-card{transition:none}.bl-card:hover{transform:none}}