.yc .blog-page{padding:36px 0 100px}.yc .crumbs{color:hsl(var(--muted));flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:26px;font-size:15px;font-weight:600;display:flex}.yc .crumbs a:hover{color:hsl(var(--primary))}.yc .crumbs svg{opacity:.6;width:16px;height:16px}.yc .crumbs [aria-current]{color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;max-width:60ch;overflow:hidden}.yc .blog-hero{text-align:center;justify-items:center;gap:16px;max-width:860px;margin:0 auto 46px;display:grid}.yc .blog-hero h1,.yc .art-hero h1{letter-spacing:-.02em;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.1}.yc .bgrid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.yc .bcard{background:#fff;border:1px solid #e0e9f5;border-radius:26px;flex-direction:column;transition:box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #244f8f4d,0 8px 18px -10px #244f8f1f}.yc .bcard:hover{box-shadow:0 40px 70px -30px #1b4d986b,0 10px 22px -10px #244f8f2e}.yc .bimg{aspect-ratio:16/9;background:#e7f2fe;position:relative;overflow:hidden}.yc .bimg img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.yc .bcard:hover .bimg img{transform:scale(1.06)}.yc .btag{color:#fff;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 8px 18px -6px #0b5eda8c}.yc .btag.static{display:inline-block;position:static}.yc .bbody{flex-direction:column;flex:1;gap:10px;padding:22px 24px;display:flex}.yc .bbody h3{font-size:21px;font-weight:800;line-height:1.3}.yc .bbody p{color:hsl(var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.yc .bfoot{border-top:1px solid #e6ecf4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.yc .bmeta{color:hsl(var(--muted));flex-wrap:wrap;gap:16px;font-size:14px;font-weight:600;display:flex}.yc .bmeta span{align-items:center;gap:6px;display:inline-flex}.yc .bmeta svg{width:16px;height:16px;color:hsl(var(--primary))}.yc .bmore{color:hsl(var(--primary));align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.yc .bmore svg{width:17px;height:17px;transition:transform .3s}.yc .bcard:hover .bmore svg{transform:translate(-5px)}.yc .bcard.big{grid-template-columns:1.15fr 1fr;display:grid}.yc .bcard.big .bimg{aspect-ratio:auto;min-height:100%}.yc .bcard.big .bbody{justify-content:center;gap:14px;padding:40px}.yc .bcard.big h3{font-size:clamp(26px,2.8vw,36px);line-height:1.2}.yc .bcard.big p{-webkit-line-clamp:4;font-size:17.5px}.yc .art-hero{text-align:center;justify-items:center;gap:16px;max-width:900px;margin:0 auto 34px;display:grid}.yc .art-hero .bmeta{justify-content:center;font-size:15px}.yc .art-cover{border:6px solid #fff;border-radius:32px;max-width:1100px;margin:0 auto 54px;overflow:hidden;transform:perspective(1400px)rotateX(2deg);box-shadow:0 50px 90px -40px #1742828c,0 0 0 1px #d9e3f2}.yc .art-cover img{aspect-ratio:16/9;object-fit:cover;width:100%}.yc .art-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:50px;max-width:1100px;margin:0 auto;display:grid}.yc .art-toc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #d9e3f2;border-radius:22px;gap:12px;padding:22px;display:grid;position:sticky;top:110px;box-shadow:0 20px 40px -24px #244f8f59}.yc .art-toc strong{font-size:16px}.yc .art-toc ol{counter-reset:toc;gap:4px;margin:0;padding:0;list-style:none;display:grid}.yc .art-toc li{counter-increment:toc}.yc .art-toc ol a{color:hsl(var(--muted));border-radius:12px;gap:10px;padding:8px 10px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.yc .art-toc ol a:before{content:counter(toc);color:#fff;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.yc .art-toc ol a:hover{color:hsl(var(--foreground));background:#edf4fd}.yc .art-body{color:#2b3c5a;font-size:19px;line-height:1.9}.yc .art-body>p{margin-bottom:20px}.yc .art-body>p:first-child{color:hsl(var(--foreground));font-size:21px;font-weight:600;line-height:1.8}.yc .art-body h2{color:hsl(var(--foreground));align-items:center;gap:12px;margin:44px 0 14px;scroll-margin-top:110px;font-size:clamp(24px,2.6vw,31px);font-weight:800;line-height:1.25;display:flex}.yc .art-body h2:before{content:"";background:linear-gradient(hsl(var(--accent)),hsl(var(--primary-deep)));border-radius:6px;flex:none;width:8px;height:30px}.yc .bexample{color:hsl(var(--foreground));padding:24px 28px 24px 24px;background:linear-gradient(135deg,#ebf8ff,#f0f6ff);border:1px solid #c8dcf9;border-radius:20px;margin:22px 0;padding-inline-start:64px;font-size:18px;line-height:1.75;position:relative}.yc .bexample .qmark{color:hsl(var(--primary)/.35);inset-inline-start:18px;font-size:64px;font-weight:800;line-height:1;position:absolute;top:6px}.yc .btemplate{background:#fff;border:1px solid #d1ddf0;border-radius:22px;margin:24px 0;overflow:hidden;box-shadow:0 24px 50px -30px #244f8f66}.yc .bt-head{color:#fff;background:linear-gradient(90deg,hsl(var(--primary-deep)),hsl(var(--primary)));padding:12px 22px;font-size:15px;font-weight:800}.yc .bt-body{background:repeating-linear-gradient(#fff,#fff 31px,#ecf1f9 32px);padding:26px 28px;font-size:17px;line-height:1.85}.yc .bt-body p{margin:0}.yc .btable{background:#fff;border:1px solid #d9e3f2;border-radius:18px;margin:24px 0;overflow-x:auto}.yc .btable table{border-collapse:collapse;width:100%;min-width:680px;font-size:15px}.yc .btable th{text-align:right;white-space:nowrap;background:#edf4fd;padding:12px 14px;font-weight:800}.yc .btable td{white-space:nowrap;border-top:1px solid #e6ecf4;padding:12px 14px}.yc .bcta{color:#fff;background:radial-gradient(ellipse at 90% 0%,#1fbff980,transparent 55%),linear-gradient(135deg,hsl(var(--navy)),#153379 60%,hsl(var(--primary-deep)));border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;margin:50px 0 30px;padding:34px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -36px #0d2b73b3}.yc .bcta h2{color:#fff;margin:0 0 6px;font-size:clamp(24px,2.6vw,32px);font-weight:800}.yc .bcta h2:before{display:none}.yc .bcta p{color:#cbe0f6;margin:0;font-size:17px}.yc .blog-page>.container>.bcta{margin-top:70px}.yc .art-sources{background:#f3f7fc;border-radius:16px;margin-top:10px;padding:18px 22px;font-size:15.5px;line-height:1.7}.yc .art-sources ul{color:hsl(var(--muted));margin:6px 0 0;padding-inline-start:20px;list-style:outside}.yc .art-disclaimer{color:hsl(var(--muted));margin-top:18px;font-size:14.5px;line-height:1.7}.yc .art-related{margin-top:90px}.yc .art-related h2{text-align:center;margin-bottom:34px;font-size:clamp(26px,3vw,38px);font-weight:800}.yc .blog-strip{padding-bottom:40px}@media (width<=1000px){.yc .bgrid{grid-template-columns:1fr 1fr}.yc .bcard.big{grid-template-columns:1fr}.yc .bcard.big .bimg{aspect-ratio:16/9}.yc .art-grid{grid-template-columns:1fr;gap:26px}.yc .art-toc{position:static}}@media (width<=640px){.yc .bgrid{grid-template-columns:1fr}.yc .bcard.big .bbody{padding:24px}.yc .art-cover{border-width:4px;border-radius:22px;margin-bottom:34px;transform:none}.yc .art-body{font-size:17.5px}.yc .art-body>p:first-child{font-size:19px}.yc .bexample{padding:20px 18px;padding-inline-start:50px;font-size:17px}.yc .bexample .qmark{font-size:50px;inset-inline-start:12px}.yc .bt-body{padding:20px 18px;font-size:16px}.yc .bcta{padding:28px 22px}.yc .bcta .btn{width:100%}.yc .crumbs [aria-current]{max-width:22ch}}
