.learn-page-body{padding:40px 0}.learn-page-body-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:48px;gap:48px;align-items:start}.learn-blog-main{min-width:0}.learn-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.learn-filters:has(.learn-filter-group){gap:12px 28px}.learn-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.learn-filter-label{margin-right:6px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.learn-filter,.learn-filter-label{font-family:var(--ff-display);color:var(--fg-muted)}.learn-filter{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:550;background:#fff;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.learn-filter:hover{color:var(--fg);border-color:var(--ink-300)}.learn-filter.active{color:#fff;background:var(--ink-900);border-color:var(--ink-900)}.learn-filter-count{font-family:var(--ff-display);font-size:10.5px;color:var(--fg-subtle)}.learn-filter.active .learn-filter-count{color:rgba(255,255,255,.6)}.learn-filter-search{margin-left:auto;display:flex;align-items:center;gap:8px;padding:7px 7px 7px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;min-width:236px;color:var(--fg-subtle);transition:border-color .16s ease,box-shadow .16s ease}.learn-filter-search:focus-within{border-color:var(--ink-300);box-shadow:0 0 0 3px var(--accent-50)}.learn-filter-search svg{flex:none}.learn-filter-search input{flex:1 1;min-width:0;padding:0;border:0;background:transparent;outline:none;font:400 13px/18px var(--ff-body);color:var(--fg)}.learn-filter-search input::placeholder{color:var(--fg-subtle)}.learn-filter-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.learn-filter-search-clear{position:relative;flex:none;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--ink-100);color:var(--fg-muted);cursor:pointer;transition:background .14s ease,color .14s ease}.learn-filter-search-clear:after{content:"";position:absolute;inset:-8px -7px}.learn-filter-search-clear:hover{background:var(--ink-200);color:var(--fg)}.learn-filter-search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.learn-blog-empty{padding:56px 24px;text-align:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-lg)}.learn-blog-empty-title{margin:0;font-family:var(--ff-display);font-size:15px;font-weight:550;color:var(--fg)}.learn-blog-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}@media (max-width:640px){.learn-filter-search{margin-left:0;width:100%;min-width:0}}.learn-blog-featured{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:32px;gap:32px;align-items:center;padding:24px;margin-bottom:32px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.learn-blog-featured:hover{transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--ink-300)}.learn-blog-featured-mark{flex:none;width:200px;height:200px;overflow:hidden;border-radius:var(--r-md);background:var(--ink-50);display:grid;place-items:center}.learn-blog-featured-mark>.article-mark{transform:scale(calc(200/280));transform-origin:center}.learn-blog-featured-body{min-width:0}.learn-blog-featured-title{font-family:var(--ff-display);font-size:clamp(22px,2vw,28px);font-weight:650;line-height:1.2;letter-spacing:-.022em;margin:12px 0 10px;color:var(--fg);text-wrap:balance}.learn-blog-featured-dek{font-size:14.5px;line-height:1.55;color:var(--fg-muted);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.learn-blog-card{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.learn-blog-card:hover{transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--ink-300)}.learn-blog-card-mark{width:52px;height:52px;flex:none;margin-bottom:16px;border-radius:var(--r-md);overflow:hidden;background:var(--ink-50);display:grid;place-items:center}.learn-blog-card-mark>.article-mark{transform:scale(calc(52/96));transform-origin:center}.learn-blog-card-body{display:flex;flex-direction:column;flex:1 1;min-width:0}.learn-blog-card-title{font-family:var(--ff-display);font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--fg);margin:10px 0 8px}.learn-blog-card-excerpt,.learn-blog-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-blog-card-excerpt{font-size:13.5px;line-height:1.55;color:var(--fg-muted);margin:0 0 16px}.learn-blog-card-body>.learn-meta{margin-top:auto}.learn-loadmore{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.learn-loadmore-count{font-family:var(--ff-display);font-size:11px;color:var(--fg-subtle)}.learn-blog-sidebar{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:96px}.learn-sidebar-card{padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.learn-sidebar-head{font-family:var(--ff-display);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.learn-sidebar-list{display:flex;flex-direction:column}.learn-sidebar-row{display:grid;grid-template-columns:auto 1fr;grid-column-gap:12px;column-gap:12px;grid-row-gap:3px;row-gap:3px;align-items:center;padding:10px 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--border)}.learn-sidebar-num{grid-column:1;grid-row:1}.learn-sidebar-title{grid-column:2;grid-row:1}.learn-sidebar-row:last-child{border-bottom:0;padding-bottom:0}.learn-sidebar-num{flex:none;font-family:var(--ff-display);font-size:11px;font-weight:600;color:var(--accent);padding-top:2px}.learn-sidebar-title{font-family:var(--ff-display);font-size:13.5px;font-weight:550;line-height:1.4;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .16s ease}.learn-sidebar-row:hover .learn-sidebar-title{color:var(--accent)}.learn-sidebar-subscribe{background:var(--ink-50)}.learn-sidebar-desc{font-size:13px;line-height:1.55;color:var(--fg-muted);margin:10px 0 14px}.learn-sidebar-form{display:flex;flex-direction:column;gap:8px}.learn-sidebar-form input{width:100%;padding:10px 14px;font:inherit;font-size:13.5px;color:var(--fg);background:#fff;border:1px solid var(--border);border-radius:999px}.learn-sidebar-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.learn-sidebar-social{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--fg-muted)}.learn-sidebar-social a{display:grid;place-items:center;width:28px;height:28px;color:var(--fg-muted);background:#fff;border:1px solid var(--border);border-radius:999px;transition:color .16s ease,border-color .16s ease}.learn-sidebar-social a:hover{color:var(--accent);border-color:var(--accent-100)}@media (max-width:1100px){.learn-page-body-inner{grid-template-columns:1fr;gap:36px}.learn-blog-sidebar{position:static}}@media (max-width:760px){.learn-blog-featured,.learn-blog-grid{grid-template-columns:1fr}.learn-blog-featured{gap:18px}.learn-blog-featured-mark{width:100%;height:200px}}.bcard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.bcard:hover{transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--ink-300)}.bcard-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--border);background:var(--ink-50)}.bcard-cover .bv{display:block;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.bcard:hover .bcard-cover .bv{transform:scale(1.03)}.bv-t{font-family:var(--ff-mono);font-size:7.5px;letter-spacing:.1em;fill:var(--fg-subtle)}.bv-t-mid{font-size:8px;fill:var(--fg-muted)}.bcard-body{display:flex;flex-direction:column;flex:1 1;padding:20px 22px 13px;gap:0}.bcard-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.bcard-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-display);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--cat-ink,var(--accent))}.bcard-cat i{width:6px;height:6px;border-radius:999px;background:var(--cat,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--cat,var(--accent)) 16%,transparent)}.bcard-date{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.bcard-date,.bcard-title{font-family:var(--ff-display)}.bcard-title{font-size:18px;font-weight:600;line-height:1.28;letter-spacing:-.018em;margin:0 0 10px;text-wrap:pretty;transition:color .16s ease}.bcard-title,.bcard:hover .bcard-title{color:var(--fg)}.bcard-excerpt{font-size:13.5px;line-height:1.55;color:var(--fg-muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.bcard-author{display:inline-flex;align-items:center;gap:8px;min-width:0;font-family:var(--ff-display);font-size:12.5px;font-weight:550;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcard-av{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:999px;background:var(--ink-100);border:1px solid var(--border);color:var(--fg-muted);font-size:9px;font-weight:700;letter-spacing:.02em}.bcard-read{font-family:var(--ff-display);font-size:10.5px;color:var(--fg-subtle);white-space:nowrap}.bcard-feat{flex-direction:row;align-items:stretch;margin-bottom:32px}.bcard-feat .bcard-cover{flex:0 0 46%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border)}.bcard-feat .bcard-body{padding:32px 34px 20px;justify-content:center}.bcard-feat .bcard-title{font-size:clamp(24px,2.1vw,30px);line-height:1.18;margin-bottom:14px}.bcard-feat .bcard-excerpt{font-size:15px;-webkit-line-clamp:4;margin-bottom:24px}@media (max-width:860px){.bcard-feat{flex-direction:column}.bcard-feat .bcard-cover{flex:none;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--border)}.bcard-feat .bcard-body{padding:22px 22px 18px}}@media (prefers-reduced-motion:reduce){.bcard,.bcard-cover .bv{transition:none}.bcard:hover,.bcard:hover .bcard-cover .bv{transform:none}}.post-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.post-prose a:hover{color:var(--accent-700)}.post-prose ol,.post-prose ul{margin:0 0 18px;padding-left:24px}.post-prose li{margin-bottom:8px;line-height:1.7}.post-prose li:last-child{margin-bottom:0}.post-prose ul{list-style:disc}.post-prose ol{list-style:decimal}.post-prose b{font-weight:650;color:var(--fg)}.post-prose figure{margin:24px 0}.post-prose figcaption{margin-top:8px;font-size:13px;color:var(--fg-muted);text-align:center}.post-prose .post-quote{margin:30px 0 36px;padding:24px 26px;background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0}.post-prose .post-quote blockquote{margin:0}.post-prose .post-quote blockquote p{margin:0;font:600 clamp(19px,2vw,24px)/1.45 var(--ff-display);letter-spacing:-.015em;color:var(--fg)}.post-prose .post-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;text-align:left}.post-prose .post-quote figcaption img{width:46px;height:46px;flex:none;margin:0;border:1px solid var(--border);border-radius:999px;object-fit:cover;object-position:center top}.post-prose .post-quote .post-quote-person{display:flex;flex-direction:column;gap:2px}.post-prose .post-quote figcaption strong{font:600 14px var(--ff-display);color:var(--fg)}.post-prose .post-quote .post-quote-person>span{font-size:12.5px;color:var(--fg-muted)}.post-prose img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:var(--r-md);border:1px solid var(--border)}.post-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}.post-prose td,.post-prose th{padding:10px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}.post-prose th{background:var(--bg-soft);font-weight:600}.post-prose h2{margin-top:40px}.post-prose h3{margin-top:28px}.post-cover{margin:0 0 36px;aspect-ratio:16/8;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-soft)}.post-cover img{width:100%;height:100%;object-fit:cover;display:block}.post-related{margin-top:56px;padding-top:32px;border-top:1px solid var(--border)}.post-related-h{margin:0 0 20px;font-family:var(--ff-display);font-size:20px;font-weight:650;letter-spacing:-.02em}.post-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.post-related-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.post-related-card:hover{border-color:var(--ink-300);box-shadow:var(--sh-2);transform:translateY(-2px)}.post-related-title{font-family:var(--ff-display);font-size:15px;font-weight:600;line-height:1.35;color:var(--fg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-related-by{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:4px;font-size:12.5px;color:var(--fg-muted);min-width:0}.post-related-by .article-avatar,.post-related-by .bcard-av{flex:none}.post-related-by-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-related-meta{font-size:12px;color:var(--fg-subtle)}