*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg0);color:var(--ink);font-family:var(--font-b);overflow-wrap:break-word;margin:0;font-size:1.125rem;line-height:1.7}.blog-wrap{max-width:46rem;margin:0 auto;padding:0 clamp(18px,4vw,28px)}.blog-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.blog-top__brand{color:var(--ink);font-family:var(--font-d);letter-spacing:.04em;align-items:center;gap:10px;font-size:.95rem;text-decoration:none;display:inline-flex}.blog-top__brand img{width:52px;height:auto;display:block}.blog-top__back{color:var(--ink-soft);font-size:var(--fs-small);min-height:44px;transition:color var(--t-fast) var(--ease-out);align-items:center;padding:10px 0;text-decoration:none;display:inline-flex}.blog-top__back:hover,.blog-top__back:focus-visible{color:var(--accent)}.post-head{padding:clamp(2.4rem,7vh,4.5rem) 0 0}.post-head__meta{font-family:var(--font-m);font-size:var(--fs-meta);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px;display:flex}.post-head h1{font-family:var(--font-d);letter-spacing:-.01em;text-wrap:balance;margin:0 0 18px;font-size:clamp(1.7rem,5vw,2.7rem);font-weight:600;line-height:1.14}.post-lead{font-size:var(--fs-lead);color:var(--ink-soft);margin:0 0 10px}.post-body{padding:1.4rem 0 0}.post-body h2{font-family:var(--font-d);text-wrap:balance;margin:2.4em 0 .6em;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:600;line-height:1.25}.post-body h3{font-family:var(--font-b);margin:1.8em 0 .5em;font-size:1.1em;font-weight:700}.post-body p{margin:0 0 1.1em}.post-body ul,.post-body ol{margin:0 0 1.2em;padding-left:1.3em}.post-body li{margin:0 0 .45em}.post-body li::marker{color:var(--accent)}.post-body a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.post-body a:hover,.post-body a:focus-visible{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.post-body strong{color:var(--ink)}.post-table{border:1px solid var(--line);border-radius:var(--r-md);margin:0 0 1.4em;overflow-x:auto}.post-table table{border-collapse:collapse;width:100%;font-size:var(--fs-small);min-width:480px}.post-table th,.post-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.post-table tr:last-child td{border-bottom:0}.post-table th{font-family:var(--font-m);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:500}.post-note{border:1px solid var(--glass-brd);background:var(--glass-bg);border-radius:var(--r-md);color:var(--ink-soft);font-size:var(--fs-body);margin:0 0 1.4em;padding:16px 18px}.post-note strong{color:var(--ink)}.post-cta{border:1px solid var(--glass-brd);background:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:var(--r-lg);margin:2.6rem 0 0;padding:clamp(20px,4vw,30px)}.post-cta h2{font-family:var(--font-d);margin:0 0 8px;font-size:1.25rem;font-weight:600}.post-cta p{color:var(--ink-soft);font-size:var(--fs-body);margin:0 0 16px}.post-cta__row{flex-wrap:wrap;gap:12px;display:flex}.post-cta__btn{background:var(--grad);min-height:48px;color:var(--on-grad);font-weight:700;font-size:var(--fs-body);transition:transform var(--t-fast) var(--ease-out), filter var(--t-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.post-cta__btn:hover,.post-cta__btn:focus-visible{filter:brightness(1.08)}.post-cta__btn:active{transform:scale(.97)}.post-cta__ghost{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);font-weight:600;font-size:var(--fs-body);transition:border-color var(--t-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.post-cta__ghost:hover,.post-cta__ghost:focus-visible{border-color:var(--accent)}.post-more{margin:2.6rem 0 0}.post-more h2,.blog-list__title{font-family:var(--font-d);margin:0 0 14px;font-size:1.2rem;font-weight:600}.blog-card{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);transition:border-color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);margin:0 0 12px;padding:18px 20px;text-decoration:none;display:block}.blog-card:hover,.blog-card:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 60%, transparent)}.blog-card__meta{font-family:var(--font-m);font-size:var(--fs-meta);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em;margin:0 0 6px}.blog-card__title{font-family:var(--font-d);margin:0 0 6px;font-size:1.05rem;font-weight:600;line-height:1.3}.blog-card__desc{color:var(--ink-soft);font-size:var(--fs-small);margin:0}.blog-hero{padding:clamp(2.4rem,7vh,4.5rem) 0 1.6rem}.blog-hero h1{font-family:var(--font-d);margin:0 0 12px;font-size:clamp(1.9rem,6vw,3.2rem);font-weight:600;line-height:1.1}.blog-hero p{color:var(--ink-soft);font-size:var(--fs-lead);max-width:36em;margin:0}.blog-foot{border-top:1px solid var(--line);padding:22px 0 max(26px, env(safe-area-inset-bottom));color:var(--ink-faint);font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:clamp(3rem,8vh,5rem);display:flex}.blog-foot a{color:var(--ink-soft);text-decoration:none}.blog-foot a:hover,.blog-foot a:focus-visible{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
