:root{--ink:#15171c;--muted:#687386;--soft:#f5f8fc;--soft-blue:#edf7ff;--line:#e5ebf3;--blue:#256ff4;--deep-blue:#1f32b7;--cyan:#16b8c4;--white:#fff;--radius:8px;--shadow:0 24px 70px #1b355f1f}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Toss Product Sans,Apple SD Gothic Neo,Malgun Gothic,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{overflow:clip}.primary-action{min-height:52px;color:var(--white);background:var(--blue);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 18px 32px #256ff438}.blog-shell{min-height:100vh;color:var(--ink);background:linear-gradient(#f5f8ff 0%,#fff 60% 100%)}.auth-button-form{max-width:100%;margin:0;display:inline-flex}.auth-button{cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:700;line-height:inherit;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;transition:transform .15s,box-shadow .18s,background .18s;display:inline-flex}.auth-button.compact{color:var(--ink);border-color:var(--line);background:#fff;padding:8px 12px;font-size:13.5px}.auth-button.compact:hover{color:var(--blue);border-color:#256ff466}.auth-button-label-short{display:none}.auth-button.primary{color:var(--ink);border-color:var(--line);background:#fff;padding:14px 22px;font-size:15.5px;box-shadow:inset 0 1px #fffc,0 12px 28px #0f172a14}.auth-button.primary:hover{border-color:#256ff466;transform:translateY(-1px);box-shadow:inset 0 1px #fffc,0 18px 36px #0f172a1f}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;max-width:1120px;margin:0 auto;padding:74px 32px 88px;display:grid}.blog-hero-copy{justify-items:center;gap:20px;width:100%;display:grid}.blog-eyebrow{color:var(--blue);letter-spacing:.08em;background:#256ff41a;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.blog-hero h1{letter-spacing:0;width:min(920px,100%);max-width:920px;color:var(--ink);word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;justify-self:center;margin:0;font-size:72px;font-weight:800;line-height:1.02}.blog-hero h1 span{background:linear-gradient(120deg,#143e8f 0%,#256ff4 42%,#14b8c8 76%,#bdefff 100%);color:#0000;filter:drop-shadow(0 12px 26px #256ff42e);-webkit-background-clip:text;background-clip:text;display:inline-block}.blog-hero p{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;max-width:660px;margin:0;font-size:17px;line-height:1.75}.blog-hero-actions{flex-direction:column;align-items:center;gap:14px;margin-top:2px;display:flex}.blog-hero-actions .primary-action{color:#fff;background:linear-gradient(135deg,#2a3bff 0%,#167cff 60%,#16b8c4 100%);border-radius:14px;align-items:center;gap:9px;height:56px;padding:0 24px;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 38px #256ff452}.blog-hero-actions .primary-action:hover{transform:translateY(-2px);box-shadow:0 24px 48px #256ff466}.blog-hero-actions .auth-button.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 18px 38px #256ff44d}.blog-hero-actions .auth-button.primary:hover{background:#1f5fd1;border-color:#1f5fd1;box-shadow:0 24px 48px #256ff461}.blog-archive{max-width:1040px;margin:0 auto;padding:16px 32px 96px}.blog-archive-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:end;gap:36px;margin-bottom:36px;display:grid}.blog-archive-heading h2{letter-spacing:-.025em;color:var(--ink);margin:8px 0 0;font-size:36px;font-weight:800}.blog-archive-heading p{color:var(--muted);word-break:keep-all;margin:0;font-size:15.5px;font-weight:600;line-height:1.7}.chapter-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chapter-row{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:28px;padding:22px 26px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.chapter-row.is-open{cursor:default}.chapter-row.is-open:hover{border-color:#256ff44d;transform:translateY(-2px);box-shadow:0 24px 48px #0f172a14}.chapter-row.is-locked{opacity:.78;background:#fafbfc}.chapter-row.is-preview{background:#f7faff;border-color:#256ff447;box-shadow:0 14px 34px #256ff414}.chapter-row.is-preview:hover{border-color:#256ff47a;transform:translateY(-2px);box-shadow:0 22px 44px #256ff421}.chapter-row.is-subscription{opacity:1;background:#f8faff;border-color:#256ff433}.chapter-row.is-subscription .chapter-num{color:var(--blue)}.chapter-row-meta{gap:4px;display:grid}.chapter-num{color:var(--blue);letter-spacing:.06em;font-size:13px;font-weight:800}.chapter-row.is-locked .chapter-num{color:#98a2b5}.chapter-time{color:var(--muted);font-size:12.5px;font-weight:600}.chapter-row-body h3{color:var(--ink);letter-spacing:-.012em;word-break:keep-all;margin:0 0 6px;font-size:19px;font-weight:800}.chapter-row-body p{color:var(--muted);word-break:keep-all;margin:0;font-size:14px;font-weight:600;line-height:1.6}.chapter-row-cta{align-items:center;display:inline-flex}.chapter-link{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:800;transition:background .18s,transform .15s;display:inline-flex}.chapter-link:hover{background:var(--blue);transform:translateY(-1px)}.chapter-link.is-login{background:var(--blue);box-shadow:0 10px 24px #256ff43d}.chapter-link.is-login:hover{background:#1f5fd1;box-shadow:0 14px 30px #256ff44d}.chapter-lock{color:#98a2b5;letter-spacing:.02em;border:1px dashed #68738666;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:12.5px;font-weight:700;transition:color .18s,border-color .18s,background .18s;display:inline-flex}a.chapter-lock:hover{color:var(--blue);background:#256ff40f;border-color:#256ff466}.chapter-lock.is-subscription{color:var(--blue);background:#fff;border-style:solid;border-color:#256ff442}.chapter-lock.is-subscription:hover{border-color:var(--blue);background:#edf4ff}.chapter-cta-banner{background:linear-gradient(135deg,#f3f7ff 0%,#eaf3ff 100%);border:1px solid #256ff42e;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:28px;padding:28px 30px;display:grid}.chapter-cta-banner strong{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:800;display:block}.chapter-cta-banner p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.65}.chapter-cta-banner.is-subscription{border-color:var(--line);background:#f7f9fc}.chapter-cta-link{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 18px;font-size:14px;font-weight:800;transition:background .18s,transform .15s;display:inline-flex}.chapter-cta-link:hover{background:#1f5fd1;transform:translateY(-1px)}.blog-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:40px 32px 64px;font-size:13.5px;display:flex}.blog-footer strong{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:800;display:block}.blog-footer .blog-footer-business{--business-info-color:#697386;border-top:1px solid var(--line);flex:1 0 100%;width:100%;margin-top:8px;padding-top:18px}@media (max-width:980px){.blog-hero{padding:56px 24px 64px}.blog-hero h1{font-size:54px}.blog-archive-heading{grid-template-columns:1fr;align-items:start;gap:14px}.blog-archive-heading h2{font-size:30px}.chapter-row{grid-template-columns:1fr;gap:14px;padding:20px 22px}.chapter-row-cta{justify-content:flex-start}.chapter-cta-banner{grid-template-columns:1fr;gap:18px;padding:24px 22px}.chapter-cta-link{width:100%}}@media (max-width:560px){.blog-hero{padding:44px 18px 52px}.blog-hero h1{width:min(360px,100%);margin-inline:auto;font-size:38px;line-height:1.08}.blog-hero p{font-size:15.5px}.blog-hero-actions{gap:10px}.blog-hero-actions .primary-action{border-radius:13px;gap:7px;height:48px;padding:0 18px;font-size:14.5px;box-shadow:0 12px 26px #256ff442}.blog-hero-actions .primary-action svg{width:16px;height:16px}.blog-archive{padding:8px 18px 64px}.auth-button.compact{padding:7px 10px;font-size:12.5px}}