@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/blog/_astro/sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/blog/_astro/sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fff7f0;--surface:#fff;--ink:#1f1b18;--ink-2:#4a3f38;--muted:#70645a;--faint:#a3968b;--accent:#c8102e;--accent-ink:#9e0c20;--gold:#f5b800;--border:#f0e2d6;--redfield:linear-gradient(155deg, #f0552e 0%, #e60012 52%, #b00d24 100%);--shadow-card:0 20px 50px -18px #781e0f2e;--max:44rem;--max-list:54rem;--max-wide:64rem;--frame:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Sora Variable,Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.75}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);margin:2.2em 0 .5em;font-family:Sora Variable,Noto Sans SC,system-ui,sans-serif;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.3rem}h2{font-size:1.7rem}h3{font-size:1.3rem;font-weight:600}p,ul,ol{margin:0 0 1.15em}a{color:var(--accent);text-underline-offset:3px;text-decoration:underline #c8102e59}a:hover{color:var(--accent-ink);text-decoration-color:var(--accent)}img{border-radius:10px;max-width:100%;height:auto}blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.5em 0;padding:.2em 1.2em;font-style:italic}code{background:#fbeee7;border-radius:5px;padding:.15em .4em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em}pre{border:1px solid var(--border);border-radius:10px;padding:1em 1.2em;overflow-x:auto}pre code{background:0 0;padding:0}table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95em}th,td{border:1px solid var(--border);text-align:left;padding:.5em .8em}th{background:#fbf1e9;font-weight:600}hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.frame{max-width:var(--frame);margin:0 auto;padding:0 2rem}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.wrap-list{max-width:var(--max-list)}main{min-height:60vh;padding:2.5rem 0 4rem}main.main-bare{min-height:auto;padding:0}@media (width>=1100px){body{font-size:18px}h1{font-size:2.6rem}}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(10px);z-index:50;background:#fffffff0;position:sticky;top:0}.site-header .frame{justify-content:space-between;align-items:center;gap:28px;min-height:72px;display:flex}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand svg{flex:none;width:34px;height:34px}.brand .word{letter-spacing:-.5px;font-size:21px;font-weight:600}.brand .word b{color:var(--accent);font-weight:700}.brand .suffix{color:var(--muted);letter-spacing:-.5px;margin-left:-3px;font-size:20px;font-weight:400}.site-nav{align-items:center;gap:.9rem;font-size:.92rem;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--ink)}.lang-switch{position:relative}.lang-btn{cursor:pointer;font:inherit;color:var(--ink-2);background:0 0;border:none;align-items:center;gap:7px;padding:8px 6px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.lang-btn:hover{color:var(--accent)}.lang-menu{border:1px solid var(--border);z-index:60;background:#fff;border-radius:12px;min-width:170px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px -14px #3c140a40}.lang-menu button{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink-2);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;display:flex}.lang-menu button:hover{background:var(--paper);color:var(--ink)}.lang-menu button.on{color:var(--accent);font-weight:600}.lang-menu button.on:after{content:"✓"}.btn{white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#f0552e,#d6301f);border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s,transform .12s;display:inline-flex;color:#fff!important;text-decoration:none!important}.btn:hover{background:linear-gradient(135deg,#e2431f,#c8102e);color:#fff!important}.btn:active{transform:translateY(1px)}.hero{background:var(--redfield);color:#fff;position:relative;overflow:hidden}.hero-mark{opacity:.09;pointer-events:none;width:380px;position:absolute;top:-70px;right:-80px}.hero-mark svg{width:100%;height:auto;display:block}.hero .frame{z-index:1;padding-top:4.5rem;padding-bottom:4.5rem;position:relative}.hero h1{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2.2rem,4.5vw,3.1rem);font-weight:700;line-height:1.1}.hero p{color:#ffeee4f0;max-width:40rem;margin:1rem 0 0;font-size:1.12rem;font-weight:300}.hero-cta{background:#fff;margin-top:1.7rem;display:none;box-shadow:0 12px 26px -12px #460a0a80;color:var(--accent)!important}.hero-cta:hover{filter:brightness(.96);background:#fff;color:var(--accent)!important}.post-list .frame{padding-top:3.5rem;padding-bottom:4.5rem}.post-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;display:grid}.post{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.post:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.post .thumb{aspect-ratio:3/2;border-bottom:1px solid var(--border);background:#fdf1ed}.post .thumb img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.post .thumb-empty{background:linear-gradient(135deg,#fdf1ed,#fbede6)}.post .pb{flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.post .meta{color:var(--faint);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.post h3{color:var(--ink);margin:0;font-size:1.12rem;font-weight:600;line-height:1.35}.post p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.post:hover h3{color:var(--accent)}.lang-badge{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.05em .6em;font-size:.72rem}.post-header{margin-bottom:2rem}.post-header .post-meta{color:var(--muted);align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.post-header p.lead{color:var(--muted);margin-top:.6rem;font-size:1.08rem}.post-hero{width:100%;margin:1.6rem 0 0}@media (width>=1100px){.post-hero{width:calc(100% + 8.5rem);max-width:none;margin-left:-4.25rem}}.back-link{color:var(--muted);margin-bottom:1.6rem;font-size:.88rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink)}.related{margin-top:3rem}.related h2{margin:0 0 .4rem;font-size:1.2rem}.related a{border-top:1px solid var(--border);color:var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;text-decoration:none;display:flex}.related a:last-of-type{border-bottom:1px solid var(--border)}.related a:hover .related-title{color:var(--accent)}.related-date{color:var(--muted);white-space:nowrap;font-size:.82rem}.cta-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;margin-top:3.5rem;padding:1.8rem 2rem}.cta-box h2{margin:0 0 .4rem;font-size:1.4rem}.cta-box p{color:var(--muted);margin-bottom:1.1rem;font-size:.97rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:1.6rem 0 2.2rem;font-size:.88rem}.site-footer .frame{flex-wrap:wrap;justify-content:space-between;gap:.8rem;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}@media (width<=640px){body{font-size:16px}.hero .frame{padding-top:3rem;padding-bottom:3rem}.frame{padding:0 1.25rem}.site-nav .hide-sm,.brand .suffix{display:none}}@media (width<=540px){.site-header .btn{display:none}.hero .hero-cta{display:inline-flex}}