@media (max-width:860px){.blog-index .pt-hero__title{font-size:clamp(32px,11.51vw + .6px,60px)}}.blog-index .blog-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.blog-index .blog-head__count{margin:0}.blog-index .blog-cat{color:var(--brand-600)}@media (min-width:861px){.blog-index .blog-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.blog-index .blog-head__count{padding-bottom:8px}}.blog-index .blog-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-surface);transition:border-color var(--m-base), box-shadow var(--m-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-index .blog-feature:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card)}.blog-index .blog-feature__link:focus-visible{outline:none}.blog-index .blog-feature:has(.blog-feature__link:focus-visible){outline:2px solid var(--brand-600);outline-offset:3px}.blog-index .blog-feature__band{border-bottom:1px solid var(--line)}.blog-index .blog-feature__body{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 20px;display:grid}.blog-index .blog-feature__copy{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}.blog-index .blog-kicker{flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;display:flex}.blog-index .blog-feature__title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(26px,19.7px + 1.62vw,44px);font-weight:700;line-height:1.06}.blog-index .blog-feature__link{color:inherit;text-decoration:none}.blog-index .blog-feature__link:after{content:"";position:absolute;inset:0}.blog-index .blog-feature__excerpt{max-width:58ch;color:var(--ink-soft);margin:0;font-size:17px;line-height:1.55}.blog-index .blog-byline{flex-wrap:wrap;gap:8px 20px;margin:0;line-height:1.4;display:flex}.blog-index .blog-feature__cta{margin-top:4px}.blog-index .blog-feature:hover .blog-feature__cta{color:var(--brand-700)}.blog-index .blog-contents{display:none}.blog-index .blog-contents__label{color:var(--ink);margin:0 0 14px}.blog-index .blog-contents__list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.blog-index .blog-contents__list>li{border-bottom:1px solid var(--line);color:var(--ink);align-items:baseline;gap:14px;padding:12px 0;font-size:15px;font-weight:500;line-height:1.35;display:flex}.blog-index .blog-contents__num{width:20px;font-family:var(--f-mono);font-size:var(--t-mono-xs);color:var(--brand-600);flex:none;font-weight:500}@media (min-width:700px){.blog-index .blog-feature__body{padding:32px 36px 36px}.blog-index .blog-contents{display:block}}@media (min-width:1080px){.blog-index .blog-feature__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding:48px 48px 44px}.blog-index .blog-contents{border-left:1px solid var(--line);padding-left:48px}}.blog-index .blog-register{border-top:1px solid var(--ink);margin:40px 0 0;padding:0;list-style:none}.blog-index .blog-register__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta arrow""main main""date date";align-items:center;gap:12px 16px;padding:22px 0 24px;display:grid;position:relative}.blog-index .blog-register__meta{flex-wrap:wrap;grid-area:meta;gap:6px 20px;margin:0;display:flex}.blog-index .blog-register__main{flex-direction:column;grid-area:main;gap:8px;min-width:0;display:flex}.blog-index .blog-register__title{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;transition:color var(--m-fast);margin:0;font-size:21px;font-weight:600;line-height:1.2}.blog-index .blog-register__link{color:inherit;text-decoration:none}.blog-index .blog-register__link:after{content:"";position:absolute;inset:0}.blog-index .blog-register__link:focus-visible{outline:none}.blog-index .blog-register__row:has(.blog-register__link:focus-visible){outline:2px solid var(--brand-600);outline-offset:4px;border-radius:6px}.blog-index .blog-register__excerpt{max-width:64ch;color:var(--ink-soft);margin:0;font-size:16px;line-height:1.55}.blog-index .blog-register__date{flex-wrap:wrap;grid-area:date;gap:6px 20px;margin:0;display:flex}.blog-index .blog-register__arrow{width:18px;height:18px;color:var(--brand-600);transition:transform var(--m-base);grid-area:arrow;justify-self:end;display:block}.blog-index .blog-register__row:hover .blog-register__title{color:var(--brand-700)}@media (min-width:861px){.blog-index .blog-register{margin-top:56px}.blog-index .blog-register__row{grid-template-columns:180px minmax(0,1fr) 150px 24px;grid-template-areas:"meta main date arrow";align-items:start;gap:32px;padding:32px 0 34px}.blog-index .blog-register__meta{flex-direction:column;gap:10px;padding-top:7px}.blog-index .blog-register__title{font-size:26px;line-height:1.14}.blog-index .blog-register__date{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:7px}.blog-index .blog-register__arrow{margin-top:5px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-index .blog-register__row:hover .blog-register__arrow,.blog-index .blog-feature:hover .blog-feature__cta .pt-arrow{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.blog-index .blog-feature,.blog-index .blog-register__title,.blog-index .blog-register__arrow{transition:none}}
