.s-blog>.s-ad{margin: 36px 0}.s-blog .s-hero{max-width: 880px}.s-bfilter{display: none;margin: 8px 0 36px}.s-js .s-bfilter{display: block}.s-bfilter ul{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.s-bfilter a{display: inline-flex;align-items: center;min-height: 40px;padding: 0 16px;border: 1px solid var(--ie-border);border-radius: 999px;background: var(--ie-surface);color: var(--ie-text);font-size: 14px;font-weight: 550;text-decoration: none;scroll-margin-top: 96px;transition: border-color .15s}.s-bfilter a:hover{border-color: var(--ie-text)}.s-bfilter a[aria-current="true"]{border-color: var(--ie-text);background: var(--ie-text);color: var(--ie-bg)}.s-bcard{min-width: 0}.s-bcard[hidden],.s-bgrid[hidden]{display: none}.s-bcard>a{display: block;color: var(--ie-text);text-decoration: none}.s-bcard figure{margin: 0 0 14px;aspect-ratio: 16 / 10;border-radius: var(--ie-radius);overflow: hidden;background: var(--ie-surface-2)}.s-bcard img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .9s var(--s-ease)}.s-bcard>a:hover img{transform: scale(1.03)}.s-bcard .s-media-ph{height: 100%;aspect-ratio: auto;border-radius: 0}.s-bcard__k{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 14px;margin: 0;font-size: 13px;color: var(--ie-text-muted)}.s-bcard__k span{font-family: var(--ie-display);font-size: 15px;color: var(--ie-accent-2)}.s-bcard h2,.s-bcard h3{margin: 6px 0 8px;font-family: var(--ie-display);font-weight: 420;font-size: clamp(22px,1.9vw,27px);letter-spacing: -.012em;line-height: 1.15}.s-bcard>a:hover :is(h2,h3){text-decoration: underline;text-underline-offset: .15em}.s-bcard__t>p:not(.s-bcard__k){margin: 0;color: var(--ie-text-muted);font-size: 15px;line-height: 1.5}.s-bcard--feat{margin: 0 0 56px}.s-bcard--feat>a{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: 24px 40px;align-items: center}.s-bcard--feat figure{margin: 0;aspect-ratio: 3 / 2}.s-bcard--feat h2{margin: 10px 0 12px;font-size: clamp(30px,3.4vw,48px);font-weight: 380;letter-spacing: -.02em;line-height: 1.06}.s-bcard--feat .s-bcard__t>p:not(.s-bcard__k){font-size: 16.5px}.s-bcard--feat .s-more{margin-top: 10px}.s-bgrid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 48px 24px;margin: 0 0 48px}.s-nw{white-space: nowrap}@media (min-width: 1024px){.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(3n+1){grid-column: 1 / -1}.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(3n+1)>a{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0 24px;align-items: center}.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(3n+1) .s-bcard__t{grid-column: 2 / -1;max-width: 640px}.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(3n+1) figure{margin: 0}}@media (min-width: 761px) and (max-width: 1023.98px){.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(2n+1){grid-column: 1 / -1}.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(2n+1)>a{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 24px;align-items: center}.s-bgrid:not(.s-bgrid--rel)>.s-bcard:last-child:nth-child(2n+1) figure{margin: 0}}.s-bgrid--rel{gap: 32px 20px;margin: 0}.s-bgrid--rel h3{font-size: 20px}.s-bgrid--rel .s-bcard__t>p:not(.s-bcard__k){font-size: 14.5px}.s-post__tag{margin: 18px 0 0}.s-post__tag + h1{margin-top: 14px}.s-post__tag a{display: inline-flex;align-items: center;min-height: 32px;padding: 0 14px;border-radius: 999px;background: var(--ie-accent-soft);color: var(--ie-text);font-size: 12.5px;font-weight: 650;letter-spacing: .1em;text-transform: uppercase;text-decoration: none}.s-post__tag a:hover{text-decoration: underline}:is(:lang(ja),:lang(ko),:lang(zh-Hans),:lang(th)) .s-post__tag a{letter-spacing: .02em}.s-post__meta{display: flex;flex-wrap: wrap;margin: 18px 0 0;font-size: 14px;color: var(--ie-text-muted)}.s-post__meta>span + span::before{content: "·";margin: 0 10px}.s-post__cover{margin-block: 32px 0}.s-post__cover picture,.s-post__cover img{display: block;width: 100%;height: auto;border-radius: var(--ie-radius);background: var(--ie-surface-2)}.s-post__end{margin-top: 56px}.s-fig{margin: 32px 0}.s-fig picture{display: block}.s-fig img,.s-fig video{display: block;width: 100%;height: auto;border-radius: var(--ie-radius);background: var(--ie-surface-2)}.s-fig figcaption{margin: 10px 0 0;color: var(--ie-text-muted);font-size: 14px;line-height: 1.5}.s-media-ph{display: grid;place-items: center;aspect-ratio: 16 / 9;border-radius: var(--ie-radius);background: repeating-linear-gradient(135deg,var(--ie-surface-2) 0 14px,var(--ie-surface) 14px 28px);color: var(--ie-text-muted);font: 600 13px/1.3 ui-monospace,Menlo,Consolas,monospace}@media (max-width: 1023.98px){.s-bgrid{grid-template-columns: repeat(2,minmax(0,1fr))}.s-bcard--feat>a{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 20px 28px}}@media (max-width: 760px){.s-bfilter{margin-bottom: 28px}.s-bfilter a{min-height: 44px}.s-bcard--feat{margin-bottom: 40px}.s-bcard--feat>a{grid-template-columns: minmax(0,1fr)}.s-bgrid{grid-template-columns: minmax(0,1fr);gap: 32px}.s-bgrid--rel .s-bcard>a{display: grid;grid-template-columns: 96px minmax(0,1fr);gap: 0 16px;align-items: start}.s-bgrid--rel figure{margin: 0;aspect-ratio: 1}.s-post__meta{gap: 2px 14px}.s-post__meta>span + span::before{content: none}.s-post__cover{margin-top: 24px;padding-inline: 0}.s-post__cover picture,.s-post__cover img,.s-post__cover .s-media-ph{border-radius: 0}.s-fig{margin: 24px 0}}@media print{.s-bfilter,.s-fig--video{display: none}}
