.blog-index-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;padding-block:4.5rem 3rem;display:grid}.blog-index-heading .site-title{max-width:16ch}.blog-index-heading .site-lead{max-width:38ch;padding-bottom:.3rem}.blog-feature{grid-template-columns:1.1fr 1fr;align-items:center;gap:4.5rem;padding-bottom:3.5rem;display:grid}.blog-feature-photo{background:#fff;padding:.65rem .65rem 3rem;position:relative;transform:rotate(-1deg);box-shadow:0 7px 24px #2d24210d}.blog-feature-photo img{aspect-ratio:5/4;object-fit:cover;object-position:top;width:100%}.blog-photo-note{bottom:.6rem;text-align:center;font-family:var(--font-logo);font-size:1.5rem;position:absolute;inset-inline:0}.blog-category{color:var(--primary);margin-bottom:1rem;font-size:.8125rem}.blog-feature-copy>p:not(.blog-category){color:var(--muted-foreground);margin-top:1.25rem}.blog-feature-copy .site-text-link{margin-top:.75rem}.blog-feature-copy :where(h2) a:hover,.blog-card :where(h3) a:hover{color:var(--primary)}.blog-categories{border-block:1px solid var(--border);flex-wrap:wrap;gap:.5rem 2rem;padding-block:1rem;display:flex}.blog-categories a{text-underline-offset:.3rem;min-height:2.75rem;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);align-items:center;font-size:.875rem;display:inline-flex}.blog-categories a:hover{color:var(--primary)}.blog-groups{padding-block:3rem 4rem}.blog-group+.blog-group{margin-top:4rem}.blog-group-intro{max-width:65ch;color:var(--muted-foreground);margin-top:.75rem;line-height:1.8}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem;margin-top:2rem;display:grid}.blog-card{min-width:0}.blog-card-image{border-radius:.5rem;margin-bottom:1.25rem;display:block;overflow:hidden}.blog-card-image img{aspect-ratio:3/2;object-fit:contain;width:100%}.blog-card h3{font-family:var(--font-serif);text-wrap:pretty;font-size:1.3rem;font-weight:400;line-height:1.4}.blog-card p{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem;line-height:1.8}.blog-card .site-text-link{margin-top:.5rem}.blog-article-heading{padding-block:2rem 3rem}.blog-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2.25rem;font-size:.8125rem;display:flex}.blog-breadcrumb a{align-items:center;min-height:2.75rem;display:inline-flex}.blog-breadcrumb svg{width:.8rem;height:.8rem}.blog-article-heading .site-title{max-width:25ch}.blog-byline{color:var(--muted-foreground);flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:1.5rem;font-size:.75rem;display:flex}.blog-byline a{text-underline-offset:.2em;text-decoration:underline}.blog-answer{max-width:65ch;margin-top:2rem;font-size:1.125rem;line-height:1.9}.blog-disclosure{max-width:80ch;color:var(--muted-foreground);margin-top:1.25rem;font-size:.8125rem;line-height:1.8}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:5rem;display:grid}.blog-contents{border-top:1px solid var(--border);grid-area:1/2;padding-top:1rem;position:sticky;top:2rem}.blog-contents>p{margin-bottom:.5rem;font-size:.875rem}.blog-contents ol{padding:0;list-style:none}.blog-contents a{color:var(--muted-foreground);padding-block:.65rem;font-size:.8125rem;line-height:1.6;display:block}.blog-contents a:hover{color:var(--primary)}.blog-body{grid-area:1/1;width:100%;min-width:0;max-width:70ch}.blog-body section+section{margin-top:3rem}.blog-body h2{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(1.5rem,2.5vw,1.9rem);font-weight:400;line-height:1.35}.blog-body p{margin-top:1.1rem;line-height:1.9}.blog-body a{color:var(--primary);text-underline-offset:.25em;text-decoration:underline}.blog-body ul{margin-top:1.25rem;padding-left:1.3rem;list-style:outside}.blog-body :where(li+li){margin-top:.5rem}.blog-steps{margin-top:1.25rem;padding-left:1.5rem;line-height:1.9;list-style:decimal}.blog-example{background:var(--surface-rose);border-radius:.5rem;margin-top:1.5rem;padding:1.5rem 1.75rem}.blog-example figcaption{margin-bottom:.75rem;font-size:.75rem}.blog-example blockquote{font-family:var(--font-serif);white-space:pre-line;line-height:1.9}.blog-table-scroll{border:1px solid var(--border);border-radius:.5rem;max-width:100%;margin-top:1.5rem;overflow-x:auto}.blog-table-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.blog-body table{border-collapse:collapse;width:100%;min-width:32rem;font-size:.8125rem;line-height:1.7}.blog-body caption{text-align:left;color:var(--muted-foreground);background:#fff;padding:1rem;font-size:.75rem}.blog-body th,.blog-body td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:1rem}.blog-body thead{background:var(--surface-rose)}.blog-body th{font-weight:500}.blog-body tbody th{width:28%}.blog-body .blog-sources{padding:0;font-size:.75rem;line-height:1.7;list-style:none}.blog-sources li{flex-wrap:wrap;gap:.1rem .65rem;display:flex}.blog-sources span{color:var(--muted-foreground)}.blog-body .blog-reading-links{font-size:.875rem}.blog-gift-example{margin-top:1.5rem}.blog-gift-example h3{margin-block:2rem 1rem;font-size:1rem;line-height:1.5}.blog-gift-example .landing-photo-film video{aspect-ratio:16/9;background:#242123;border-radius:.5rem;width:100%;display:block}.blog-gift-example .landing-photo-film figcaption,.blog-gift-example .blog-media-note{color:var(--muted-foreground);margin-top:.75rem;font-size:.8125rem;line-height:1.8}.blog-gift-example .landing-photo-film figcaption span{display:block}.blog-gift-example>a{padding-block:.75rem;font-size:.875rem;display:inline-block}.blog-gift-example-action{background:var(--surface-rose);border-radius:.5rem;margin-top:1.5rem;padding:1.25rem}.blog-gift-example-action p{margin:0 0 1rem;font-size:.875rem}.blog-listening .site-demo-player{margin-top:1.5rem}.blog-related{border-top:1px solid var(--border);padding-block:3rem 4rem}.blog-cta{background:var(--surface-rose);border-top:1px solid var(--border)}.blog-cta>div{justify-content:space-between;align-items:center;gap:3rem;padding-block:3.5rem;display:flex}.blog-cta p{max-width:52ch;color:var(--muted-foreground);margin-top:1rem;font-size:.875rem}.blog-cta>div>div:last-child{flex-shrink:0}.blog-cta .blog-cta-note{margin-top:.75rem;font-size:.75rem}@media (width<=1023px){.blog-feature{gap:2.5rem}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 12rem;gap:2.5rem}.blog-grid{gap:1.5rem}}@media (width<=767px){.blog-index-heading{grid-template-columns:1fr;gap:1.25rem;padding-block:2.5rem 2rem}.blog-feature{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.blog-feature-photo{max-width:32rem}.blog-categories{gap:.3rem 1.5rem}.blog-grid{grid-template-columns:1fr;gap:2rem}.blog-card{grid-template-columns:6rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.blog-card-image img{aspect-ratio:1}.blog-card h3{font-size:1.125rem}.blog-card p{font-size:.8125rem}.blog-groups{padding-block:2rem 3rem}.blog-group+.blog-group{margin-top:3rem}.blog-reading-layout{flex-direction:column;gap:2.5rem;display:flex}.blog-contents{border-bottom:1px solid var(--border);width:100%;padding-bottom:.75rem;position:static}.blog-article-heading{padding-block:1rem 2rem}.blog-breadcrumb{margin-bottom:1.5rem}.blog-answer{font-size:1rem}.blog-example{padding:1.25rem}.blog-cta>div{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-block:2.5rem}}
