.blog-index,.blog-letter{width:calc(100% - 56px);margin:0 auto;padding:64px 0 104px}.blog-index{max-width:960px;min-height:58vh}.blog-letter{max-width:680px}.blog-heading{margin-bottom:48px}.blog-heading h1{color:var(--mk-ink);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:52px;font-weight:600;line-height:1.08}.blog-heading p{color:var(--mk-muted);margin:18px 0 0;font-size:18px;line-height:1.6}.blog-breadcrumbs{color:var(--mk-muted);margin:0 0 32px;font-size:14px;line-height:1.5}.blog-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;padding:0;list-style:none;display:flex}.blog-breadcrumbs li{align-items:center;gap:10px;min-width:0;display:flex}.blog-breadcrumbs a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.blog-breadcrumbs [aria-current]{color:var(--mk-body);overflow-wrap:anywhere}.blog-breadcrumbs a:hover{color:var(--mk-ink);text-underline-offset:4px;text-decoration:underline}.blog-folder{border:1px solid var(--mk-line);color:var(--mk-ink);background:var(--mk-paper);border-radius:20px;align-items:center;gap:24px;padding:28px;text-decoration:none;display:flex}.blog-folder:hover{background:var(--mk-surface)}.blog-folder-icon{background:var(--mk-canvas);height:60px;color:var(--mk-body);border-radius:15px;flex:0 0 60px;place-items:center;display:grid}.blog-folder-copy{flex:1;min-width:0}.blog-folder-copy h2{letter-spacing:-.025em;margin:0 0 8px;font-size:23px;font-weight:600;line-height:1.2}.blog-folder-copy>span{color:var(--mk-muted);font-size:14px}.blog-arrow{flex-shrink:0;font-size:25px;font-weight:400;line-height:1}.blog-entry{border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);color:var(--mk-ink);justify-content:space-between;align-items:flex-start;gap:32px;padding:32px 0;text-decoration:none;display:flex}.blog-entry+.blog-entry{border-top:0}.blog-entry h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:600;line-height:1.25}.blog-entry p{max-width:640px;color:var(--mk-muted);margin:16px 0 24px;font-size:17px;line-height:1.7}.blog-read{font-size:14px;font-weight:500;display:inline-block}.blog-entry:hover .blog-read{text-underline-offset:4px;text-decoration:underline}.blog-letter-body{color:var(--mk-body);overflow-wrap:break-word;font-size:18px;line-height:1.85}.blog-letter-body p{margin:0 0 26px}.blog-letter-body h2,.blog-letter-body h3{color:var(--mk-ink);margin:40px 0 20px;line-height:1.3}.blog-letter-body a{color:var(--mk-ink);text-underline-offset:3px;text-decoration:underline}.blog-letter-body ul,.blog-letter-body ol{margin:0 0 26px;padding-left:24px}.blog-letter-body blockquote{border-left:2px solid var(--mk-line);margin:26px 0;padding-left:22px}.blog-back{min-height:44px;color:var(--mk-ink);align-items:center;gap:10px;margin-top:26px;font-size:15px;font-weight:500;display:inline-flex}.blog-back:hover{text-underline-offset:4px;text-decoration:underline}.blog :is(.blog-folder,.blog-entry,.blog-breadcrumbs a,.blog-back):focus-visible{outline:2px solid var(--mk-ink);outline-offset:5px;border-radius:4px}@media (max-width:640px){.blog-index,.blog-letter{width:calc(100% - 40px);padding:36px 0 64px}.blog-heading{margin-bottom:32px}.blog-heading h1{letter-spacing:-.035em;font-size:36px}.blog-heading p{margin-top:14px;font-size:16px}.blog-breadcrumbs{margin-bottom:24px;font-size:13px}.blog-folder{border-radius:16px;gap:16px;padding:22px 18px}.blog-folder-icon{border-radius:12px;flex-basis:44px;height:44px}.blog-folder-copy h2{font-size:20px}.blog-arrow{font-size:22px}.blog-entry{gap:20px;padding:26px 0}.blog-entry h2{font-size:25px}.blog-entry p{font-size:16px}.blog-letter-body{font-size:17px;line-height:1.8}}