.avatar{background:var(--sand);border-radius:500px;flex:none;display:block;position:relative;overflow:hidden}.avatar img{object-fit:cover;object-position:50% 0;transform-origin:50% 0;width:100%;height:100%;transform:scale(1.12)}.avatar--40{width:40px;height:40px}.avatar--48{width:48px;height:48px}.avatar--64{width:64px;height:64px}.blog-index{background:var(--white);padding:40px 0 48px}.blog-index__inner,.blog-index__head{flex-direction:column;gap:24px;display:flex}.blog-search{background:var(--white);border:1px solid var(--line);border-radius:500px;align-items:center;gap:10px;width:100%;padding:0 20px 0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.blog-search:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #1623641f}.blog-search input{min-width:0;height:48px;font:inherit;color:var(--night-deep);background:0 0;border:0;outline:none;flex:1;font-size:16px}.blog-search input::placeholder{color:var(--slate-400)}.blog-search input::-webkit-search-cancel-button{cursor:pointer}.blog-cats ul{flex-wrap:wrap;gap:8px;display:flex}.blog-cat{background:var(--white);border:1px solid var(--line);color:var(--night-deep);white-space:nowrap;border-radius:500px;padding:10px 18px;font-size:14px;font-weight:600;line-height:20px;transition:border-color .2s,background-color .2s,color .2s;display:block}.blog-cat:hover{border-color:var(--line-strong)}.blog-cat[aria-current=page]{background:var(--navy);border-color:var(--navy);color:var(--white)}.blog-index__default,.blog-search__results{flex-direction:column;gap:32px;display:flex}.blog-index__default[hidden]{display:none}.blog-index__list,.blog-index__results{flex-direction:column;gap:32px;display:flex}.blog-index__empty,.blog-search__count{color:var(--slate-600);font-size:16px;line-height:24px}.blog-search__count{font-weight:600}.post-row article{flex-direction:column;gap:16px;display:flex;position:relative}.post-row__media{aspect-ratio:2;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.post-row__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.post-row:hover .post-row__media img{transform:scale(1.04)}.post-row__body,.post-row__top{flex-direction:column;gap:12px;display:flex}.post-row__author,.post-row__chips,.post-row__excerpt,.post-row__stats{display:none}.post-row__title{color:var(--night-deep);padding-inline:8px;font-size:16px;font-weight:700;line-height:24px}.post-row__foot{justify-content:space-between;align-items:center;gap:8px;padding-right:12px;display:flex}.post-row:hover .post__more img{transform:translate(3px)}.pager{justify-content:center;gap:8px;display:flex}.pager__btn{background:var(--white);border:1px solid var(--line);width:44px;height:44px;color:var(--night-deep);border-radius:500px;place-items:center;font-size:16px;font-weight:600;line-height:24px;transition:border-color .2s;display:grid}a.pager__btn:hover{border-color:var(--line-strong)}.pager__btn[aria-current=page]{background:var(--navy);border-color:var(--navy);color:var(--white)}.pager__btn.is-disabled{opacity:.4}@media (min-width:768px){.blog-index{padding:80px 0}.blog-index__inner{gap:32px}.blog-index__head{flex-direction:row;justify-content:space-between;align-items:flex-end}.blog-search{flex:none;width:360px}.blog-index__list,.blog-index__results{gap:24px}.post-row article{background:var(--white);border:1px solid var(--line);transition:box-shadow .35s ease, transform .35s var(--ease-out);border-radius:16px;flex-direction:row;gap:0;overflow:hidden}.post-row:hover article{box-shadow:0 22px 40px -28px #1c224059}.post-row__media{aspect-ratio:auto;border:0;border-radius:0;flex:none;width:40%}.post-row__media img{position:absolute;inset:0}.post-row__media .post__category,.post-row--text .post-row__media{display:none}.post-row__body{flex:1;justify-content:space-between;gap:24px;min-width:0;padding:28px 32px 24px}.post-row--text .post-row__body{padding:32px 40px 28px}.post-row__author{align-items:center;gap:12px;display:flex}.post-row__who{flex-direction:column;display:flex}.post-row__who strong{color:var(--night-deep);font-size:14px;font-weight:600;line-height:20px}.post-row__who>span{color:var(--slate-500);font-size:12px;line-height:16px}.post-row__who>span>span[aria-hidden]{color:var(--line-strong)}.post-row__chips{flex-wrap:wrap;gap:8px;display:flex}.post-row__title{font-family:var(--font-head);padding:0;font-size:22px;font-weight:600;line-height:30px}.post-row__excerpt{-webkit-line-clamp:2;color:var(--slate-600);-webkit-box-orient:vertical;font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden}.post-row__foot{border-top:1px solid var(--line);padding:20px 0 0}.post-row__mmeta{display:none}.post-row__stats{color:var(--slate-500);align-items:center;gap:20px;font-size:14px;line-height:20px;display:flex}.post-row__stats>span{align-items:center;gap:6px;display:inline-flex}.post-row__stats img{opacity:.6}}@media (min-width:1200px){.blog-index{padding:128px 0 140px}.blog-index__inner{gap:48px}.blog-index__head .section-head{max-width:760px}.blog-search{width:400px}.blog-index__default,.blog-search__results{gap:48px}.post-row article{min-height:320px}.post-row--text article{height:auto}.post-row__media{width:480px}.post-row__body{padding:28px 40px 24px}.post-row--text .post-row__top{gap:16px}.post-row__title{font-size:24px;line-height:32px}.post-row__excerpt{font-size:18px;line-height:24px}}.article-page{padding:calc(var(--header-h) + 8px) 0 48px}.article-page__inner{flex-direction:column;gap:24px;display:flex}.article-page__nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.article-page__crumbs{display:none}.article-page__layout{flex-direction:column;gap:24px;display:flex}.article{background:var(--white);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-xs);border-radius:16px;flex-direction:column;gap:32px;padding:24px 20px;display:flex}.article__head{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.chip--lg{padding:8px 16px;font-size:14px;line-height:20px;transition:border-color .2s}a.chip:hover{border-color:var(--gold-light)}.article__chips{flex-wrap:wrap;gap:8px;display:flex}.article__title{font-family:var(--font-head);color:var(--ink);overflow-wrap:break-word;font-size:32px;font-weight:700;line-height:40px}.article__lead{color:var(--slate-600);font-size:18px;line-height:26px}.article__author{align-items:center;gap:14px;display:flex}.article__author>span:last-child{flex-direction:column;gap:2px;display:flex}.article__author strong{color:var(--night-deep);font-size:16px;font-weight:600;line-height:24px}.article__author>span:last-child>span{color:var(--slate-500);white-space:pre-wrap;font-size:14px;line-height:20px}.article__hero{aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden}.article__hero img{object-fit:cover;width:100%;height:100%}.article__body{color:var(--slate-600);flex-direction:column;gap:20px;font-size:17px;line-height:28px;display:flex}.article__body h2{font-family:var(--font-head);color:var(--night-deep);scroll-margin-top:calc(var(--header-h) + 24px);margin-top:16px;font-size:24px;font-weight:700;line-height:32px}.article__strong{color:var(--night-deep);font-weight:700}.article__ul,.article__ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article__ul{gap:12px}.article__ul li{flex-direction:column;gap:4px;padding-left:20px;display:flex;position:relative}.article__ul li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.article__ol{counter-reset:step;gap:20px}.article__ol li{counter-increment:step;flex-direction:column;gap:4px;padding-left:44px;display:flex;position:relative}.article__ol li:before{content:counter(step);background:var(--sand);width:28px;height:28px;color:var(--brown);border-radius:500px;place-items:center;font-size:14px;font-weight:700;line-height:20px;display:grid;position:absolute;top:0;left:0}.article__ul strong,.article__ol strong{color:var(--night-deep);font-weight:700}.article__figure{flex-direction:column;gap:12px;margin:8px 0 0;display:flex}.article__figure img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;height:auto}.article__figure figcaption{color:var(--slate-500);text-align:center;font-size:14px;line-height:20px}.article__callout{background:var(--cream);border:1px solid #e3caa3;border-radius:12px;padding:20px 24px}.article__callout p{color:var(--slate-700);font-size:17px;font-weight:600;line-height:26px}.article__figure--natural img{aspect-ratio:auto;object-fit:contain}.article__body a{color:var(--navy);text-underline-offset:2px;font-weight:600;text-decoration:underline}.article__body p strong{color:var(--night-deep);font-weight:700}.article__body h3{font-family:var(--font-head);color:var(--night-deep);margin-top:8px;font-size:20px;font-weight:600;line-height:28px}.article__quote{border-left:3px solid var(--gold);margin:0;padding:4px 0 4px 20px}.article__quote p{color:var(--slate-700);font-size:18px;font-style:italic;line-height:28px}.article__hr{background:var(--line);border:0;width:100%;height:1px;margin:8px 0}.article__table{border:1px solid var(--line-strong);border-radius:12px;overflow-x:auto}.article__table:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.article__table table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;line-height:22px}.article__table th,.article__table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 16px}.article__table th{background:var(--bg);color:var(--night-deep);font-weight:700}.article__table tr:last-child td{border-bottom:0}.article__actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:16px;padding:20px 0;display:flex}.article__share{color:var(--night-deep);align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:24px;display:flex}.icon-btn{background:var(--white);border:1px solid var(--line);width:44px;height:44px;transition:border-color .2s ease, transform .2s var(--ease-out);border-radius:500px;place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-strong);transform:translateY(-2px)}.article__copied{color:var(--gold);font-size:14px;font-weight:500}.article__stats{color:var(--slate-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;font-size:14px;line-height:20px;display:flex}.like-btn{background:var(--white);border:1px solid var(--line);color:var(--night-deep);white-space:pre;border-radius:500px;align-items:center;gap:8px;padding:10px 18px 10px 16px;font-size:14px;font-weight:700;line-height:20px;transition:border-color .2s,background-color .2s;display:inline-flex}.like-btn:hover{border-color:var(--line-strong)}.like-btn.is-liked{background:var(--sand-soft);border-color:#e3caa3}.article-aside{flex-direction:column;gap:24px;display:flex}.author-card{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:20px;padding:24px 20px;display:flex}.author-card__head{align-items:center;gap:16px;display:flex}.author-card__head>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.author-card__head .eyebrow{font-size:12px}.author-card__head strong{font-family:var(--font-head);color:var(--night-deep);font-size:20px;font-weight:600;line-height:24px}.author-card__head>span:last-child>span:last-child{color:var(--slate-500);font-size:14px;font-weight:500;line-height:20px}.author-card>p{color:var(--slate-600);font-size:16px;line-height:24px}.author-card__cert{border-top:1px solid var(--line);color:var(--slate-500);align-items:center;gap:10px;padding-top:16px;font-size:14px;font-weight:500;line-height:20px;display:flex}.author-card__cert img{flex:none}.toc{display:none}@media (min-width:768px){.article-page{padding:calc(var(--header-h) + 32px) 0 80px}.article-page__inner{gap:32px}.article-page__crumbs{min-width:0;display:block}.article-page__crumbs ol{flex-wrap:nowrap}.article-page__crumbs li:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.article{gap:40px;padding:40px}.article__title{font-size:40px;line-height:52px}.article__hero{aspect-ratio:auto;height:405px}.article__body{gap:24px;font-size:18px;line-height:28px}.article__body h2{font-size:30px;line-height:38px}.article__figure:not(.article__figure--natural) img{aspect-ratio:auto;height:450px}.article__body h3{font-size:24px;line-height:32px}.article__callout{padding:28px 32px}.article__callout p{font-size:18px;line-height:26px}.article__actions{flex-direction:row;justify-content:space-between;align-items:center;padding:24px 0}.author-card{padding:32px}}@media (min-width:1200px){.article-page{padding:calc(var(--header-h) + 56px) 0 128px}.article-page__layout{flex-direction:row;align-items:flex-start;gap:24px}.article{flex:none;width:848px;padding:64px}.article__head{gap:24px}.article__title{font-size:48px;line-height:64px}.article__lead{font-size:18px;line-height:24px}.article__body{line-height:24px}.article__body h2{font-size:32px;line-height:40px}.article__ul li:before{top:9px}.article-aside{min-width:0;top:calc(var(--header-h) + 16px);flex:1;position:sticky}.toc{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.toc .eyebrow{font-size:12px}.toc ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.toc a{border-left:1px solid var(--line);color:var(--slate-500);padding:8px 0 8px 14px;font-size:16px;line-height:24px;transition:color .2s,border-color .2s;display:block}.toc a:hover{color:var(--night-deep)}.toc a[aria-current=location]{border-left:2px solid var(--gold);color:var(--ink);padding-left:13px;font-weight:600}}.blog--article{padding-bottom:48px}.blog--article .blog__inner:before{display:none}.blog--article .blog__all{color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:24px;display:inline-flex}.blog--article .blog__all img{transition:transform .25s var(--ease-out)}.blog--article .blog__all:hover img{transform:translate(3px)}@media (min-width:768px){.blog--article .blog__title{max-width:none}}@media (min-width:1200px){.blog--article{padding-bottom:140px}.blog--article .blog__inner{gap:48px}.blog--article .blog__title{font-size:40px;line-height:48px}.blog--article .post__title{font-size:18px}}
