.c-toc{font-size: 14.5px}.c-toc ol,.c-tocm__list{display: grid;gap: 2px;margin: 0;padding: 0;list-style: none}.c-toc a,.c-tocm__list a{display: flex;gap: 6px;padding: 6px 10px;border-radius: var(--radius-md);color: var(--neutral-800);text-decoration: none;line-height: 1.4}.c-toc a:hover,.c-tocm__list a:hover{color: var(--brand-800);text-decoration: underline;text-underline-offset: 3px}.c-toc__num{flex: none;min-inline-size: 2.1em;color: var(--neutral-600);font-variant-numeric: tabular-nums}.c-toc__title{margin: 0 0 8px;font-size: 13px;line-height: 1.4;font-weight: 600;color: var(--neutral-600)}.c-toc{padding: 14px 10px 12px;border: 1px solid var(--color-border);border-radius: var(--radius-lg);background: var(--neutral-25)}.c-toc .c-toc__title{padding-inline-start: 10px}.c-toc--collapsible{display: none}.c-tocm{border: 1px solid var(--color-border);border-radius: var(--radius-lg);background: var(--neutral-25)}.c-tocm>summary{display: flex;align-items: center;gap: 10px;min-block-size: 48px;padding: 0 16px;cursor: pointer;list-style: none;font-weight: 600;color: var(--color-heading)}.c-tocm>summary::-webkit-details-marker{display: none}.c-tocm__count{font-size: var(--fs-small);font-weight: 400;color: var(--neutral-600)}.c-tocm__chev{margin-inline-start: auto;color: var(--neutral-600)}.c-tocm[open] .c-tocm__chev{rotate: 180deg}.c-tocm__list{padding: 6px 6px 12px;border-block-start: 1px solid var(--color-border);font-size: 14.5px}@media (min-width: 1024px){.c-tocm{display: none}.c-toc,.c-toc--collapsible{display: block;padding: 0 0 8px;border: 0;border-radius: 0;background: none}.c-toc .c-toc__title{padding-inline-start: 16px}.c-toc ol{border-inline-start: 1px solid var(--color-border)}.c-toc li>a{position: relative;margin-inline-start: -1px;padding-inline-start: 15px;border-radius: 0 var(--radius-md) var(--radius-md) 0;border-inline-start: 2px solid transparent}[dir="rtl"] .c-toc li>a{border-radius: var(--radius-md) 0 0 var(--radius-md)}.c-toc a:hover{background: var(--neutral-50);text-decoration: none}.c-toc a[aria-current="true"]{border-inline-start-color: var(--brand-700);background: var(--brand-50);color: var(--brand-800);font-weight: 600}.c-toc a[aria-current="true"] .c-toc__num{color: var(--brand-800)}}@media (prefers-reduced-motion: no-preference){.c-tocm__chev{transition: rotate var(--dur-2) var(--ease-out)}.c-toc a{transition: background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}}@media print{.c-toc,.c-tocm{display: none !important}}
.c-crumbs{margin-block-end: 20px;font-size: 14px;color: var(--neutral-600)}.c-crumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 6px;margin: 0;padding: 0;list-style: none}.c-crumbs li{display: inline-flex;align-items: center;gap: 6px}.c-crumbs a{color: var(--neutral-700);text-decoration: none}.c-crumbs a:hover{color: var(--brand-800);text-decoration: underline}.c-crumbs__sep{color: var(--neutral-450)}.c-crumbs [aria-current="page"]{color: var(--neutral-600)}.c-pagehead{padding-block: clamp(32px,4vw,56px) clamp(32px,4vw,56px);background: linear-gradient(180deg,#fff 0%,var(--neutral-50) 100%);border-block-end: 1px solid var(--color-border)}.c-pagehead__in{display: grid;gap: 40px;align-items: center}.c-pagehead__lead{margin-block-start: 16px}.c-pagehead .c-ctas{margin-block-start: 28px}.c-pagehead__alt{font-size: .6em;font-weight: 500;color: var(--neutral-600);letter-spacing: 0;white-space: nowrap}.c-pagehead__meta{margin-block-start: 14px;font-size: 14.5px;color: var(--neutral-600)}.c-pagehead__langs{margin-block-start: 8px;font-size: 14.5px;font-weight: 600}@media (min-width: 1024px){.c-pagehead--split .c-pagehead__in{grid-template-columns: minmax(0,6fr) minmax(0,6fr);gap: 56px}}.c-prose{max-inline-size: var(--measure)}.c-prose>* + *{margin-block-start: 1em}.c-prose h2{margin-block-start: 2.2em;font-size: var(--fs-h3);line-height: var(--lh-h3);scroll-margin-block-start: calc(var(--header-h) + 16px)}.c-prose h3{margin-block-start: 1.7em;font-size: var(--fs-h4);line-height: var(--lh-h4);scroll-margin-block-start: calc(var(--header-h) + 16px)}.c-prose h2 + *,.c-prose h3 + *{margin-block-start: .6em}.c-prose>:first-child{margin-block-start: 0}.c-prose ul,.c-prose ol{padding-inline-start: 1.3em}.c-prose li + li{margin-block-start: .4em}.c-prose a{text-decoration: underline}.c-prose table{inline-size: 100%;border-collapse: collapse;font-size: 15px}.c-prose th,.c-prose td{padding: 10px 12px;border: 1px solid var(--color-border);text-align: start;vertical-align: top}.c-prose thead th{background: var(--neutral-50)}.c-prose caption{padding-block-end: 8px;text-align: start;font-weight: 600}.c-notice{padding: 14px 16px;border-radius: var(--radius-md);border: 1px solid var(--color-border);background: var(--neutral-25);font-size: 15px;color: var(--neutral-800)}.c-notice--draft{border-color: #F0D9A8;background: var(--warning-50);color: #5C3A02}.c-longform{display: grid;gap: 28px;grid-template-columns: minmax(0,1fr)}.c-longform__body{min-inline-size: 0}@media (min-width: 1024px){.c-longform{grid-template-columns: 260px minmax(0,1fr);column-gap: 56px;align-items: start}.c-longform__toc{position: sticky;inset-block-start: calc(var(--header-h) + 16px);max-block-size: calc(100vh - var(--header-h) - 32px);overflow-y: auto}}.c-table-wrap--prose{margin-block: 1em;overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-lg)}.c-table-wrap--prose table{margin: 0}.c-table-wrap--prose caption{padding: 14px 14px 10px}.c-table-wrap--prose th,.c-table-wrap--prose td{border-inline: 0;border-block-start: 0}.c-prose pre{padding: 14px 16px;overflow-x: auto;border-radius: var(--radius-md);background: var(--code-dark-bg);color: var(--code-dark-text);font-family: var(--font-mono);font-size: 13.5px;line-height: 1.6}.c-prose pre code{padding: 0;background: none;color: inherit;font-family: inherit;font-size: inherit}.c-prose blockquote{padding-inline-start: 16px;border-inline-start: 3px solid var(--brand-200);color: var(--neutral-700)}.c-prose hr{block-size: 1px;border: 0;background: var(--color-border)}.c-prose__note{font-size: 14px;color: var(--neutral-600)}
.c-pagehead--blog .t-h1{max-inline-size: 30ch}.c-pagehead--post .t-h1{max-inline-size: 32ch}.c-pagehead--post .c-pagehead__lead{max-inline-size: 60ch}.c-postmeta{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px;margin-block-start: 20px;font-size: 14.5px;color: var(--neutral-600)}.c-postmeta__sep{color: var(--neutral-400)}.c-blogfilter{display: flex;flex-wrap: wrap;gap: 8px;margin-block-end: 28px}.c-blogfilter__in{position: absolute;inline-size: 1px;block-size: 1px;margin: 0;opacity: 0;pointer-events: none}.c-blogfilter__chip{display: inline-flex;align-items: center;gap: 8px;min-block-size: 40px;padding-inline: 16px 12px;border: 1px solid var(--color-border-strong);border-radius: var(--radius-pill);background: #fff;font-size: 15px;font-weight: 500;color: var(--neutral-800);cursor: pointer;user-select: none;transition: background-color var(--dur-2),color var(--dur-2),border-color var(--dur-2)}.c-blogfilter__chip:hover{background: var(--neutral-25);border-color: var(--neutral-600)}.c-blogfilter__n{display: inline-grid;place-items: center;min-inline-size: 22px;block-size: 22px;padding-inline: 6px;border-radius: var(--radius-pill);background: var(--neutral-100);font-size: 12px;font-weight: 600;color: var(--neutral-700);font-variant-numeric: tabular-nums}.c-blogfilter__in:checked + .c-blogfilter__chip{background: var(--brand-950);border-color: var(--brand-950);color: #fff}.c-blogfilter__in:checked + .c-blogfilter__chip .c-blogfilter__n{background: rgb(255 255 255 / .16);color: #fff}.c-blogfilter__in:focus-visible + .c-blogfilter__chip{outline: 2px solid var(--color-focus);outline-offset: 2px}.c-blog:has(#cat-guide:checked) .c-postlist__item:not(.c-postlist__item--guide),.c-blog:has(#cat-regulation:checked) .c-postlist__item:not(.c-postlist__item--regulation),.c-blog:has(#cat-developer:checked) .c-postlist__item:not(.c-postlist__item--developer),.c-blog:has(#cat-product:checked) .c-postlist__item:not(.c-postlist__item--product){display: none}.c-postlist{display: grid;gap: 20px;grid-template-columns: minmax(0,1fr);margin: 0;padding: 0;list-style: none}.c-postlist__item{display: flex;min-inline-size: 0}.c-postlist__item>.c-postcard{flex: 1}@media (min-width: 768px){.c-postlist{grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px}.c-postlist__item--featured{grid-column: 1 / -1}}@media (min-width: 1100px){.c-postlist{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 1100px){.c-blog:not(:has(.c-blogfilter input:checked:not([value="all"]))) .c-postlist[data-rest="1"]{grid-template-columns: repeat(2,minmax(0,1fr))}}.c-postcard{position: relative;display: flex;flex-direction: column;gap: 12px;min-inline-size: 0;padding: var(--card-pad);border: 1px solid var(--color-border);border-radius: var(--radius-lg);background: #fff;box-shadow: var(--shadow-sm);transition: border-color var(--dur-2),box-shadow var(--dur-2),translate var(--dur-2) var(--ease-out)}.c-postcard:hover{border-color: var(--brand-200);box-shadow: var(--shadow-md)}.c-postcard:has(.c-postcard__link:focus-visible){outline: 2px solid var(--color-focus);outline-offset: 2px}@media (prefers-reduced-motion: no-preference){.c-postcard:hover{translate: 0 -2px}}.c-postcard__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px;font-size: 13.5px;color: var(--neutral-600)}.c-postcard__meta .c-chip{block-size: 24px;padding-inline: 9px;font-size: 12.5px;font-weight: 600;color: var(--brand-800);background: var(--brand-50)}.c-postcard__title{font-size: var(--fs-h4);line-height: 1.3;font-weight: 600;text-wrap: balance}.c-postcard__link{color: var(--color-heading);text-decoration: none}.c-postcard__link::after{content: "";position: absolute;inset: 0;border-radius: inherit}.c-postcard__link:focus-visible{outline: none}.c-postcard:hover .c-postcard__link{color: var(--brand-800)}.c-postcard__dek{font-size: 15.5px;line-height: 1.55;color: var(--color-text-muted)}.c-postcard__more{display: inline-flex;align-items: center;gap: 6px;margin-block-start: auto;padding-block-start: 6px;font-size: 15px;font-weight: 600;color: var(--color-link)}.c-postcard--compact{gap: 10px;padding: 22px}.c-postcard--compact .c-postcard__title{font-size: 18px}.c-postcard--compact .c-postcard__dek{font-size: 15px}.c-postcard--featured{position: relative;isolation: isolate;overflow: hidden;padding: clamp(24px,3.2vw,40px);background: linear-gradient(135deg,#fff 0%,#fff 55%,var(--brand-50) 100%)}.c-postcard--featured .c-postcard__title{font-size: var(--fs-h3);line-height: var(--lh-h3);letter-spacing: var(--ls-h3)}.c-postcard--featured .c-postcard__dek{font-size: var(--fs-lead);line-height: var(--lh-lead);max-inline-size: 62ch}@media (min-width: 1024px){.c-postcard--featured{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);column-gap: 48px;align-items: end}.c-postcard--featured .c-postcard__meta,.c-postcard--featured .c-postcard__title{grid-column: 1}.c-postcard--featured .c-postcard__dek{grid-column: 2;grid-row: 2 / span 2;align-self: start;font-size: 17px}.c-postcard--featured .c-postcard__more{grid-column: 1}}.c-blog__feed{display: flex;align-items: center;gap: 8px;margin-block-start: 32px;font-size: 14.5px;color: var(--neutral-600)}.c-blog__feed .c-icon{color: var(--neutral-500)}.c-blogempty{display: grid;justify-items: center;gap: 14px;padding-block: 48px;text-align: center;color: var(--neutral-700)}.c-blogempty img{inline-size: 48px;block-size: 42px;opacity: .8}.c-post__wrap{padding-block-start: clamp(28px,3.5vw,48px)}.c-post__body>* + *{margin-block-start: 32px}.c-post{--post-measure: 43.5rem}.c-post .c-prose,.c-post__checked,.c-post__draft,.c-post__sources,.c-postcta,.c-post__share{max-inline-size: var(--post-measure)}.c-post .c-prose{font-size: 17px;line-height: 1.7}.c-post .c-prose h2{margin-block-start: 2em}.c-post .c-prose li + li{margin-block-start: .45em}.c-post .c-prose blockquote{font-size: 16px}.c-post .c-prose blockquote small{display: block;margin-block-start: 6px;font-size: 13.5px;color: var(--neutral-600)}@media (max-width: 767.98px){.c-post .c-prose{font-size: 16.5px}}.c-prose .c-postcode{margin-block: 1.5em}.c-postcode .c-code__bar{justify-content: space-between;gap: 12px;min-block-size: 40px;padding-inline: 14px}.c-postcode__label{font-family: var(--font-mono);font-size: 12.5px;font-weight: 600;color: var(--neutral-700)}.c-postcode__note{font-size: 12.5px;color: var(--neutral-600);text-align: end}.c-prose .c-postcode pre{margin: 0;padding: 12px 16px 16px;border-radius: 0;background: var(--code-bg);color: var(--code-text);font-size: 13.5px;line-height: 1.7}.c-post__sources{padding-block-start: 24px;border-block-start: 1px solid var(--color-border)}.c-post__sources h2{font-size: var(--fs-h4);line-height: var(--lh-h4);scroll-margin-block-start: calc(var(--header-h) + 16px)}.c-post__sources ol{display: grid;gap: 10px;margin: 14px 0 0;padding-inline-start: 1.4em;font-size: 15px;line-height: 1.5}.c-post__sources a{overflow-wrap: anywhere}.c-post__srcnote{color: var(--neutral-700)}.c-post__sources small{font-size: 13px;color: var(--neutral-600)}.c-postcta{display: grid;gap: 18px;padding: clamp(22px,3vw,32px);border: 1px solid var(--brand-100);border-radius: var(--radius-xl);background: var(--brand-50)}.c-postcta__title{font-size: var(--fs-h4);line-height: var(--lh-h4)}.c-postcta__body{margin-block-start: 8px;color: var(--neutral-700)}.c-postcta__ctas{gap: 12px 20px}.c-postcta__micro{margin-block-start: -4px}.c-post__share{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 24px;padding-block-start: 20px;border-block-start: 1px solid var(--color-border)}.c-post__share .c-btn .c-icon{color: var(--neutral-600)}.c-post__back{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;font-size: 15px;text-decoration: none}.c-post__back:hover{text-decoration: underline;text-underline-offset: 4px}.c-post__back-icon{scale: -1 1}[dir="rtl"] .c-post__back-icon{scale: 1 1}.c-related__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 8px 24px;margin-block-end: 24px}.c-postgrid{display: grid;gap: 16px;grid-template-columns: minmax(0,1fr)}@media (min-width: 768px){.c-postgrid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px}}@media (min-width: 1100px){.c-postgrid--related{grid-template-columns: repeat(3,minmax(0,1fr))}}@media print{.c-post__share,.c-postcta,.c-related,.c-longform__toc{display: none !important}}
