@layer theme,base;@layer components{.blog-index,.blog-article{padding-block:48px 88px}.blog-article{font-size:18px}.blog-index h1{margin:28px 0 40px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;padding:0;list-style:none;display:grid}.blog-card{min-height:var(--tap);text-decoration:none;display:block}.blog-card img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-photo);width:100%;height:auto}.blog-card h2{transition:color var(--dur-ui) var(--ease);margin-top:20px;font-size:24px;line-height:1.25}.blog-card:hover h2{color:var(--blue)}.blog-grid p{overflow-wrap:anywhere;font-size:16px}.blog-header,.blog-prose,.blog-breadcrumb{max-width:68ch;margin-inline:auto}.blog-header{margin-top:36px}.blog-header h1{overflow-wrap:anywhere;font-size:clamp(32px,4vw,56px);line-height:1.1}.blog-date{margin-block:20px;font-size:16px}.blog-header img,.blog-prose img{border-radius:var(--radius-photo);width:100%;height:auto}.blog-prose{overflow-wrap:anywhere;margin-top:40px;font-size:18px;line-height:1.7}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose figure{margin-block:24px}.blog-prose h2{margin:48px 0 24px;font-size:clamp(26px,3vw,34px);line-height:1.2}.blog-prose h3{margin:36px 0 20px;font-size:24px;line-height:1.3}.blog-prose h4{margin:28px 0 16px;font-size:20px}.blog-prose li{margin-block:12px}.blog-prose a{text-underline-offset:3px;text-decoration:underline}.blog-prose li>a{min-height:var(--tap);display:inline-block}.blog-prose figcaption{margin-top:12px;font-size:16px}.blog-prose blockquote{background:var(--surface);margin:32px 0;padding:24px}.blog-table{overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;min-width:640px}.blog-table th,.blog-table td{text-align:left;border:1px solid var(--line);padding:12px}.blog-table p{margin:0}.blog-video{aspect-ratio:16/9;border:0;width:100%}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-prose{font-size:16px}}@media (prefers-reduced-motion:reduce){.blog-card h2{transition:none}}.video-facade{width:100%;min-height:var(--tap);background:var(--ink);cursor:pointer;border-radius:var(--radius-photo);border:0;padding:0;display:block;position:relative;overflow:hidden}.video-facade img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-play{width:64px;height:64px;transition:transform var(--dur-ui) var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play circle{fill:var(--paper)}.video-play path{fill:var(--ink)}.video-facade:hover .video-play{transform:translate(-50%,-50%)scale(1.08)}@media (prefers-reduced-motion:reduce){.video-play{transition:none}}.blog-prose :is(h2,h3,h4) a{display:inline-block;position:relative}.blog-prose :is(h2,h3,h4) a:before{content:"";height:max(100%, var(--tap));min-width:var(--tap);position:absolute;inset:50% 0 auto;transform:translateY(-50%)}}@layer utilities;