html:has(.ob-page){background:var(--ot-bg)}html:has(.ob-page) body{background:var(--ot-bg)}.ob-page{--ob-quote:#fff4dc;--ob-muted-2:#8a857f;--ob-radius:16px;--ob-top:96px;--ob-stick:48px;background:var(--ot-bg);min-height:100vh;color:var(--ot-ink);font-family:var(--ot-font);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.ob-page :focus-visible{outline:2px solid var(--ot-ink);outline-offset:2px;border-radius:6px}.ob-page .ot-nav a:focus-visible{outline-offset:3px}@media (prefers-reduced-motion:no-preference){html:has(.ob-page){scroll-behavior:smooth}}.ob-layout{width:100%;max-width:1400px;padding:var(--ob-top) 24px 72px;flex:1;align-items:start;gap:28px;margin:0 auto;display:grid}.ob-layout--narrow{max-width:760px}@media (min-width:1024px){.ob-layout--list{grid-template-columns:216px minmax(0,1fr) 272px;gap:32px}.ob-layout--article{grid-template-columns:minmax(0,760px) 288px;justify-content:center;column-gap:64px}.ob-col-left,.ob-col-right>.ob-sticky{top:var(--ob-stick);position:sticky}.ob-col-right{align-self:stretch}}@media (max-width:1023.98px){.ob-layout{max-width:760px}.ob-col-left{display:none}}@media (max-width:767px),(hover:none) and (pointer:coarse){.ob-page{--ob-top:16px}.ob-layout{gap:24px;padding:16px 16px 48px}}.ob-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.ob-btn--honey{background:var(--ot-honey);color:var(--ot-ink)}.ob-btn--honey:hover{background:var(--ot-honey-hover)}.ob-btn--dark{background:var(--ot-ink);color:var(--ot-card)}.ob-btn--dark:hover{background:var(--ot-dark)}.ob-btn--ghost{border:1px solid var(--ot-line-2);color:var(--ot-ink);background:0 0}.ob-btn--ghost:hover{background:var(--ot-panel);border-color:#0000}.ob-btn:disabled{opacity:.6;cursor:progress}.ob-tag{background:var(--ot-bg);width:fit-content;color:var(--ot-ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.ob-chip{border:1px solid var(--ot-line);color:var(--ot-ink);white-space:nowrap;background:#ffffff80;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.ob-chip svg{color:var(--ot-muted)}.ob-chip:hover{background:var(--ot-panel)}.ob-chip[aria-current]{background:var(--ot-ink);color:var(--ot-card);border-color:var(--ot-ink)}.ob-chip[aria-current] svg{color:var(--ot-honey)}.ob-menu{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.ob-menu__title{font-family:var(--ot-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-muted);margin:14px 0 4px 10px;font-size:11px}.ob-menu__title:first-child{margin-top:4px}.ob-menu__list{flex-direction:column;gap:2px;display:flex}.ob-menu__item{color:var(--ot-ink-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:15px;line-height:1.25;text-decoration:none;transition:background .2s,color .2s;display:flex}.ob-menu__item svg{color:var(--ot-muted);flex:none;transition:color .2s}.ob-menu__item:hover{color:var(--ot-ink);background:#ffffff73}.ob-menu__item[aria-current]{background:var(--ot-panel);color:var(--ot-ink);box-shadow:inset 3px 0 0 var(--ot-honey);font-weight:500}.ob-menu__item[aria-current] svg{color:var(--ot-ink)}.ob-chips{margin:0 -16px}.ob-chips__row{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:2px 16px 6px;display:flex;overflow-x:auto}.ob-chips__row::-webkit-scrollbar{display:none}.ob-chips__row>li{scroll-snap-align:start;flex:none}.ob-chips__sep{border-left:1px solid var(--ot-line-2);margin-left:10px;padding-left:10px}@media (min-width:1024px){.ob-chips{display:none}}@media (min-width:768px) and (max-width:1023.98px){.ob-chips{margin:0 -24px}.ob-chips__row{padding:2px 24px 6px}}.ob-col-main{flex-direction:column;gap:20px;min-width:0;display:flex}.ob-hero{background:var(--ot-dark);min-height:232px;color:var(--ot-card);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:36px 40px;display:grid;position:relative;overflow:hidden}.ob-hero__text{z-index:1;max-width:560px;position:relative}.ob-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ot-honey);margin:0 0 12px;font-size:12px}.ob-hero__title{letter-spacing:-.04em;margin:0;font-size:clamp(36px,4.2vw,58px);font-weight:500;line-height:1}.ob-hero__lead{color:#e4e0dd;max-width:520px;margin:14px 0 0;font-size:17px;line-height:1.45}.ob-hero__count{letter-spacing:.06em;color:#bdb7b1;margin:16px 0 0;font-size:12px}.ob-hero__art{z-index:1;position:relative}.ob-hero__icon{background:var(--ot-honey);width:120px;height:120px;color:var(--ot-ink);border-radius:28px;place-items:center;display:grid}.ob-hero__avatar{background:var(--ot-apricot);object-fit:cover;border-radius:50%;width:136px;height:136px}.ob-hero--art{padding-right:44%}.ob-hero--art:before{content:"";border:1px solid #f6f3ef1f;border-radius:50%;width:360px;height:360px;position:absolute;top:50%;right:-60px;translate:0 -50%;box-shadow:0 0 0 48px #f6f3ef08,0 0 0 96px #f6f3ef06}.ob-hero--art:after{content:"";background:url(/blog/hero.svg) 100%/contain no-repeat;width:46%;position:absolute;inset:0 0 0 auto}.ob-hero--art .ob-hero__art{display:none}@media (max-width:767px),(hover:none) and (pointer:coarse){.ob-hero{border-radius:20px;grid-template-columns:1fr;min-height:0;padding:28px 22px}.ob-hero__art{order:-1}.ob-hero__icon{border-radius:18px;width:64px;height:64px}.ob-hero__icon svg{width:36px;height:36px}.ob-hero__avatar{width:80px;height:80px}.ob-hero__lead{font-size:16px}.ob-hero--art{padding:168px 22px 28px}.ob-hero--art:after{background-position:50%;width:auto;height:150px;inset:12px 12px auto}.ob-hero--art:before{width:220px;height:220px;top:80px;left:50%;right:auto;translate:-50% -50%}}.ob-search{background:var(--ot-panel);border:1px solid var(--ot-line);height:52px;color:var(--ot-muted);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.ob-search:focus-within{border-color:var(--ot-line-2);box-shadow:0 0 0 3px #ffcd6d73}.ob-search__input{min-width:0;height:100%;color:var(--ot-ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.ob-search__input::-webkit-search-cancel-button{cursor:pointer}.ob-page .ob-search__input:focus-visible{outline:0}.ob-search__btn{background:var(--ot-honey);color:var(--ot-ink);border-radius:9px;flex:none;padding:10px 16px;font-size:15px;font-weight:500;transition:background .2s}.ob-search__btn:hover{background:var(--ot-honey-hover)}.ob-found{color:var(--ot-ink-2);margin:0;font-size:15px}.ob-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:1024px){.ob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.ob-grid--more{margin-top:0}@media (min-width:640px){.ob-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ob-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.ob-card{min-width:0;display:flex}.ob-card__link{border-radius:var(--ob-radius);background:var(--ot-panel);border:1px solid var(--ot-line);width:100%;color:inherit;transition:transform .5s var(--ot-ease-out), box-shadow .5s var(--ot-ease-out);flex-direction:column;padding:8px;text-decoration:none;display:flex}.ob-cover{aspect-ratio:16/10;background:var(--ot-card);border-radius:10px;display:block;position:relative;overflow:hidden}.ob-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ot-ease-out);display:block}.ob-cover--empty{background:var(--ot-apricot);color:var(--ot-ink);place-items:center;display:grid}.ob-card__body{flex-direction:column;flex:1;gap:10px;padding:14px 10px 10px;display:flex}.ob-card__title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500;line-height:1.22}.ob-card__excerpt{color:var(--ot-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.ob-card__meta{color:var(--ob-muted-2);align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:13px;display:inline-flex}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ob-card__link:hover{transform:translateY(-4px);box-shadow:0 14px 32px -18px #12171859}.ob-card__link:hover .ob-cover img{transform:scale(1.035)}}.ob-more{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.ob-more__err{color:#c8735f;margin:0;font-size:14px}.ob-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.ob-pages__n{min-width:40px;height:40px;color:var(--ot-ink-2);border-radius:10px;place-items:center;padding:0 10px;font-size:15px;text-decoration:none;transition:background .2s;display:grid}.ob-pages__n:hover{background:var(--ot-panel)}.ob-pages__n[aria-current]{background:var(--ot-ink);color:var(--ot-card)}.ob-pages__gap{color:var(--ot-muted);padding:0 4px}.ob-empty{border-radius:var(--ob-radius);background:var(--ot-panel);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.ob-empty__text{color:var(--ot-ink-2);max-width:420px;margin:0;font-size:17px;line-height:1.45}.ob-empty--404{margin-top:40px}.ob-col-right{min-width:0}.ob-sticky{flex-direction:column;gap:16px;display:flex}.ob-side-title{font-family:var(--ot-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-muted);margin:0 0 8px;font-size:11px;font-weight:400}.ob-popular{border-radius:var(--ob-radius);background:var(--ot-panel);padding:20px}.ob-popular__item{border-top:1px solid var(--ot-line);color:inherit;gap:14px;padding:12px 0;text-decoration:none;display:flex}.ob-popular__list>li:first-child .ob-popular__item{border-top:0;padding-top:4px}.ob-popular__n{color:var(--ob-muted-2);flex:none;font-size:13px;line-height:22px}.ob-popular__body{flex-direction:column;gap:4px;display:flex}.ob-popular__type{color:var(--ot-muted);font-size:12px}.ob-popular__title{font-size:15px;font-weight:500;line-height:1.35;transition:color .2s}.ob-popular__item:hover .ob-popular__title{color:var(--ot-ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--ot-honey);text-decoration-color:var(--ot-honey);text-underline-offset:3px;text-decoration-thickness:2px}.ob-promos{flex-direction:column;gap:16px;display:flex}.ob-promo{border-radius:var(--ob-radius);background:var(--ot-dark);color:var(--ot-card);flex-direction:column;gap:10px;padding:20px;display:flex}.ob-promo__img{border-radius:10px;margin-bottom:4px;display:block;overflow:hidden}.ob-promo__img img{width:100%;height:auto;display:block}.ob-promo__title{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:500;line-height:1.2}.ob-promo__text{color:#bdb7b1;margin:0;font-size:14px;line-height:1.45}.ob-promo__btn{align-self:flex-start;margin-top:6px}.ob-page .ob-promo :focus-visible{outline-color:var(--ot-honey)}.ob-article{min-width:0}.ob-crumbs ol{color:var(--ot-muted);flex-wrap:wrap;align-items:center;font-size:14px;display:flex}.ob-crumbs li+li:before{content:"›";color:var(--ob-muted-2);margin:0 8px}.ob-crumbs a{color:inherit;text-decoration:none}.ob-crumbs a:hover{color:var(--ot-ink);text-underline-offset:3px;text-decoration:underline}.ob-article__title{letter-spacing:-.035em;text-wrap:balance;margin:18px 0 0;font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.04}.ob-article__lead{color:var(--ot-ink-2);margin:18px 0 0;font-size:19px;line-height:1.5}.ob-article__meta{border-top:1px solid var(--ot-line);border-bottom:1px solid var(--ot-line);flex-wrap:wrap;align-items:center;gap:14px 28px;margin:28px 0;padding:16px 0;display:flex}.ob-article__facts{color:var(--ot-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:14px;display:flex}.ob-article__facts span{align-items:center;gap:6px;display:inline-flex}.ob-author{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.ob-author__img{background:var(--ot-apricot);object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.ob-author__img--empty{place-items:center;font-weight:500;display:grid}.ob-author__text{flex-direction:column;gap:2px;display:flex}.ob-author__name{font-size:15px;font-weight:500;line-height:1.25}.ob-author:hover .ob-author__name{text-decoration:underline;-webkit-text-decoration-color:var(--ot-honey);text-decoration-color:var(--ot-honey);text-underline-offset:3px;text-decoration-thickness:2px}.ob-author__role{color:var(--ot-muted);font-size:13px}.ob-share{align-items:center;gap:6px;margin-left:auto;display:flex}.ob-share__label{color:var(--ot-muted);margin-right:4px;font-size:13px}.ob-share__btn{border:1px solid var(--ot-line-2);background:var(--ot-panel);width:38px;height:38px;color:var(--ot-ink);border-radius:10px;place-items:center;transition:background .2s,border-color .2s;display:grid;position:relative}.ob-share__btn:hover{border-color:var(--ot-line);background:#fff}.ob-share__done{background:var(--ot-ink);color:var(--ot-card);white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.ob-share__done:empty{display:none}@media (max-width:767px),(hover:none) and (pointer:coarse){.ob-article__meta{gap:14px}.ob-share{width:100%;margin-left:0}.ob-article__lead{font-size:17px}}.ob-article__cover{margin-bottom:36px}.ob-article__cover .ob-cover{border-radius:var(--ob-radius)}.ob-prose{color:#23292b;overflow-wrap:break-word;font-size:18px;line-height:1.65}.ob-prose>*+*{margin-top:1.05em}.ob-prose h2,.ob-prose h3,.ob-prose h4{color:var(--ot-ink);scroll-margin-top:calc(var(--ob-top) + 8px);text-wrap:balance;font-weight:500}.ob-prose h2{letter-spacing:-.025em;margin-top:1.9em;font-size:30px;line-height:1.2}.ob-prose h3{letter-spacing:-.015em;margin-top:1.6em;font-size:22px;line-height:1.3}.ob-prose h4{margin-top:1.4em;font-size:19px}.ob-prose h2+*,.ob-prose h3+*,.ob-prose h4+*{margin-top:.6em}.ob-prose a{color:var(--ot-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ot-honey);text-decoration-color:var(--ot-honey);text-underline-offset:3px;text-decoration-thickness:2px;transition:text-decoration-color .2s}.ob-prose a:hover{-webkit-text-decoration-color:var(--ot-ink);text-decoration-color:var(--ot-ink)}.ob-prose strong{color:var(--ot-ink);font-weight:600}.ob-prose ul,.ob-prose ol{padding-left:1.4em}.ob-prose ul{list-style:outside}.ob-prose ol{list-style:decimal}.ob-prose li{padding-left:.2em}.ob-prose li+li{margin-top:.45em}.ob-prose li::marker{color:var(--ot-muted)}.ob-prose li ul,.ob-prose li ol{margin-top:.45em}.ob-prose .ob-li-nested{list-style:none}.ob-prose .ob-checklist{padding-left:0;list-style:none}.ob-prose .ob-checklist li:before{content:"☐ "}.ob-prose .ob-checklist li[data-checked=true]:before{content:"☑ "}.ob-prose code{font-family:var(--ot-mono);background:#1217180f;border-radius:5px;padding:.1em .35em;font-size:.88em}.ob-prose hr{border:0;border-top:1px solid var(--ot-line-2);margin:2.2em 0}.ob-quote{border-radius:var(--ob-radius);background:var(--ob-quote);box-shadow:inset 4px 0 0 var(--ot-honey);margin:1.8em 0;padding:24px 28px}.ob-quote blockquote p{color:var(--ot-ink);font-size:20px;font-weight:500;line-height:1.5}.ob-quote figcaption{color:var(--ot-muted);margin-top:12px;font-size:15px}.ob-quote cite{font-style:normal}.ob-figure img,.ob-media-row img{border-radius:12px;width:100%;height:auto;display:block}.ob-figure figcaption{color:var(--ot-muted);margin-top:8px;font-size:14px}.ob-media-row__items{grid-template-columns:repeat(var(--n,1), minmax(0, 1fr));gap:12px;display:grid}@media (max-width:639.98px){.ob-media-row__items{grid-template-columns:1fr}}.ob-table{border:1px solid var(--ot-line);background:var(--ot-panel);border-radius:12px;overflow-x:auto}.ob-table table{width:100%;font-size:15px;line-height:1.45}.ob-table th,.ob-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--ot-line);padding:10px 14px}.ob-table tr:last-child>*{border-bottom:0}.ob-table th{background:var(--ot-card);font-weight:500}@media (max-width:767px),(hover:none) and (pointer:coarse){.ob-prose{font-size:17px}.ob-prose h2{font-size:25px}.ob-prose h3{font-size:20px}.ob-quote{padding:20px}.ob-quote blockquote p{font-size:18px}}.ob-toc-d{border-radius:var(--ob-radius);background:var(--ot-panel);padding:20px}.ob-toc__list{flex-direction:column;display:flex}.ob-toc__list a{border-left:2px solid var(--ot-line);color:var(--ot-muted);padding:7px 0 7px 12px;font-size:14px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;display:block}.ob-toc__sub a{padding-left:24px;font-size:13px}.ob-toc__list a:hover{color:var(--ot-ink)}.ob-toc__list a[aria-current]{color:var(--ot-ink);border-left-color:var(--ot-honey);font-weight:500}.ob-toc-m{background:var(--ot-panel);border:1px solid var(--ot-line);border-radius:14px;margin-bottom:28px}.ob-toc-m summary{justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:500;list-style:none;display:flex}.ob-toc-m summary svg{transition:rotate .3s var(--ot-ease-out)}.ob-toc-m[open] summary svg{rotate:180deg}.ob-toc-m .ob-toc__list{padding:0 16px 14px}@media (min-width:1024px){.ob-toc-m{display:none}}@media (max-width:1023.98px){.ob-toc-d{display:none}}.ob-topics{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.ob-about{border-radius:var(--ob-radius);background:var(--ot-panel);flex-direction:column;gap:12px;margin-top:32px;padding:24px;display:flex}.ob-about__bio{color:var(--ot-ink-2);margin:0;font-size:15px;line-height:1.5}.ob-about__more{width:fit-content;color:var(--ot-ink);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.ob-about__more:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ot-honey);text-decoration-color:var(--ot-honey);text-underline-offset:3px;text-decoration-thickness:2px}.ob-cta{background:var(--ot-honey);border-radius:20px;justify-content:space-between;align-items:center;gap:20px 28px;margin-top:32px;padding:28px 32px;display:flex}.ob-cta__title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500;line-height:1.2}.ob-cta__text{color:var(--ot-ink-2);max-width:440px;margin:8px 0 0;font-size:15px;line-height:1.45}@media (max-width:767px),(hover:none) and (pointer:coarse){.ob-cta{flex-direction:column;align-items:stretch;padding:24px 20px}.ob-cta .ob-btn{padding:15px 20px}}.ob-related{grid-column:1/-1;margin-top:24px}.ob-related__title{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.1}@media (prefers-reduced-motion:no-preference){.ob-page [data-ob-reveal]{transition:opacity .6s ease, transform .9s var(--ot-ease-out)}html.ob-io:not([data-motion=static]) .ob-page [data-ob-reveal]:not([data-on]){opacity:0;transform:translateY(18px)}}@media print{.ob-page [data-ob-reveal]{opacity:1!important;transform:none!important}.ot-nav,.ob-col-left,.ob-chips,.ob-search,.ob-share,.ob-more,.ob-pages{display:none!important}}