.blog-page{width:min(1180px,100% - 3rem);min-height:70vh;margin:0 auto;padding:clamp(3rem,6vw,5rem) 0 5rem}.blog-intro{padding-bottom:clamp(3rem,6vw,5rem)}.blog-post-page>.back-link{margin-bottom:2.5rem}.blog-kicker{color:var(--violet);letter-spacing:.14em;margin:0 0 1.3rem;font-size:.76rem;font-weight:700}.blog-intro h1{max-width:16ch;font-size:clamp(3.3rem,6.5vw,6.5rem);line-height:.96}.blog-lead{max-width:36rem;color:var(--muted);margin:1.8rem 0 0;font-size:1.18rem;line-height:1.6}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem;display:grid}.blog-card{border:1px solid var(--line);background:var(--paper);border-radius:1.5rem;overflow:hidden}.blog-card-link{height:100%;text-decoration:none;display:block}.blog-card-cover{aspect-ratio:16/10;background:#e3f2d0;place-items:center;display:grid;position:relative;overflow:hidden}.blog-card:nth-child(3n+2) .blog-card-cover{background:#e6e5fc}.blog-cover-mark{width:5.5rem;height:5.5rem;color:var(--violet);background:var(--lime);border:1px solid #17221c1f;border-radius:45% 55% 48% 52%;place-items:center;font-size:3rem;font-weight:700;display:grid;transform:rotate(-7deg)}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .18s;position:absolute}.blog-card-link:hover .blog-card-image{transform:scale(1.025)}.blog-card-copy{padding:1.6rem}.blog-date{color:var(--muted);font-size:.8rem;display:block}.blog-card-title{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.85rem 0;font-size:1.55rem;line-height:1.15}.blog-card-link:hover .blog-card-title{color:var(--violet)}.blog-card-excerpt{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.98rem;line-height:1.6}.blog-card-read{color:var(--violet);margin-top:1.5rem;font-size:.88rem;font-weight:700;display:inline-block}.blog-status{border:1px solid var(--line);background:#fbfcf8b3;border-radius:1.5rem;padding:2.5rem}.blog-status h1,.blog-status h2{letter-spacing:-.04em;max-width:none;margin:0 0 .75rem;font-size:1.8rem;line-height:1.2}.blog-status p{color:var(--muted);margin:0;line-height:1.6}.blog-status .button{font:inherit;cursor:pointer;margin-top:1.3rem;font-weight:700}.blog-post-page{width:min(900px,100% - 3rem)}.blog-language-notice{color:#3e38b8;background:#e9e8ff;border:1px solid #4c45e833;border-radius:1rem;margin:0 0 2.5rem;padding:1rem 1.3rem;font-size:.95rem;line-height:1.6}.blog-post-header{margin-bottom:2.5rem}.blog-post-title{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:none;margin:0 0 1.6rem;font-size:clamp(2.7rem,5.5vw,4.8rem);line-height:1.04}.blog-post-cover{object-fit:cover;border-radius:1.5rem;width:100%;max-height:35rem;margin-bottom:3rem;display:block}.blog-post-body{color:#405047;overflow-wrap:anywhere;max-width:740px;margin:0 auto;font-size:1.15rem;line-height:1.85}.blog-post-body p,.blog-post-body ul,.blog-post-body ol,.blog-post-body blockquote,.blog-post-body pre,.blog-post-body figure{margin:0 0 1.6rem}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{max-width:none;color:var(--ink);letter-spacing:-.04em;margin:2.5rem 0 1rem;font-size:1.8rem;line-height:1.22}.blog-post-body h1,.blog-post-body h2{font-size:2.15rem}.blog-post-body li{margin:.45rem 0}.blog-post-body a{color:var(--violet);text-underline-offset:.15em}.blog-post-body blockquote{border-left:4px solid var(--lime-dark);color:var(--muted);padding:.5rem 1.4rem}.blog-post-body blockquote p:last-child{margin-bottom:0}.blog-post-body img{border-radius:.8rem;max-width:100%;height:auto;margin:1.5rem auto;display:block}.blog-post-body figcaption{color:var(--muted);text-align:center;font-size:.85rem}.blog-post-body hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.blog-post-body pre{background:#e8eddf;border-radius:.8rem;padding:1.2rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-post-body table{border-collapse:collapse;width:100%;margin:1.6rem 0;font-size:.96rem;display:block;overflow-x:auto}.blog-post-body th,.blog-post-body td{border:1px solid var(--line);text-align:left;padding:.65rem}@media (width<=980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.blog-page{width:calc(100% - 2rem);padding-top:2.5rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-intro h1{font-size:clamp(3rem,10vw,4rem)}.blog-status{padding:1.5rem}.blog-post-body{font-size:1.06rem}.blog-post-title{font-size:clamp(2.35rem,8vw,3.25rem)}}@media (prefers-reduced-motion:reduce){.blog-card-image{transition:none}}