:root{--page: #f6f8f6;--panel: #ffffff;--bg: var(--panel);--bg-sub: #f1f5f2;--ink: #1f2d2a;--ink-sub: #4f5d58;--ink-faint: #66736e;--line: #e2e8e3;--line-strong: #cdd7d0;--accent: #176b58;--accent-hover: #0f5e4f;--accent-soft: #e8f2ee;--accent-ink: #ffffff;--deep: #1f3b34;--deep-hover: #152b26;--on-deep: #ffffff;--on-deep-sub: rgba(255, 255, 255, .8);--on-deep-line: rgba(255, 255, 255, .3);--cta: #c4502f;--cta-hover: #a8411f;--cta-glow: rgba(196, 80, 47, .5);--deep-glow: rgba(31, 59, 52, .45);--mark: #fbeaa6;--link: #1a5fc8;--link-hover: #0f3f8f;--label: #176b58;--step-bg: #e3f0ea;--step-line: #b9d6c9;--step-ink: #0f5e4f;--warn-bg: #fbf2e3;--warn-ink: #7a5521;--warn: #b9813a;--panel-shadow: rgba(20, 50, 40, .07);--sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;--heading: "Zen Kaku Gothic New", var(--sans);--fs-body: 18px;--fs-small: 14px;--lh-body: 1.95;--measure: 720px;--gutter: 24px;--radius: 10px;--panel-pad: 52px}@media (max-width: 640px){:root{--fs-body: 16px;--lh-body: 1.9;--gutter: 16px}}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;color: var(--ink);font-family: var(--sans);font-size: var(--fs-body);line-height: var(--lh-body);letter-spacing: .02em;font-feature-settings: "palt" 0;overflow-wrap: anywhere}img{max-width: 100%;height: auto;display: block}a{color: var(--accent);text-underline-offset: .2em;text-decoration-thickness: 1px}a:hover{text-decoration-thickness: 2px}.skip{position: absolute;left: -9999px}.skip:focus{left: 8px;top: 8px;background: var(--bg);padding: 8px 12px;z-index: 10}.site-header{border-bottom: 1px solid var(--line)}.site-header__in{max-width: 1080px;margin: 0 auto;display: flex;align-items: center}.brand{text-decoration: none;color: var(--ink);line-height: 1.3}.brand__tag{display: block;color: var(--ink-faint)}.gnav ul{list-style: none;margin: 0;padding: 0;display: flex}.gnav a{color: var(--ink-sub);text-decoration: none}.gnav a:hover, .gnav a[aria-current]{color: var(--ink)}.header-cta{text-decoration: none}@media (max-width: 760px){.site-header__in{flex-wrap: wrap;gap: 8px 16px;padding-bottom: 0}.brand{flex: 1}.gnav{order: 3;flex-basis: 100%;border-top: 1px solid var(--line);margin: 0 calc(var(--gutter) * -1)}.gnav ul{gap: 0}.gnav li{flex: 1;text-align: center}.gnav a{display: block;padding: 10px 0;font-size: 14px}.gnav a[aria-current]{box-shadow: inset 0 -2px 0 var(--ink)}}.layout{margin: 0 auto;padding: 0 var(--gutter)}@media (min-width: 1080px){.layout{display: grid;grid-template-columns: minmax(0, var(--measure)) 260px;justify-content: space-between;column-gap: 64px}}.crumbs{color: var(--ink-faint);padding: 16px 0 0;grid-column: 1 / -1}.crumbs ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap}.crumbs li + li::before{content: "/";color: var(--line-strong)}.crumbs a{color: var(--ink-faint);text-decoration: none}.crumbs a:hover{color: var(--ink)}.post{min-width: 0;padding-bottom: 64px}.post-cat{display: inline-flex;align-items: center;gap: 8px;color: var(--ink-sub);text-decoration: none}.post-cat::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--accent)}.post-title{line-height: 1.45;letter-spacing: .03em;font-weight: 700}.post-meta{display: flex;flex-wrap: wrap;gap: 4px 20px;color: var(--ink-faint);margin: 0}.post-meta dt{display: inline}.post-meta dd{display: inline;margin: 0 0 0 6px;color: var(--ink-sub)}.post-pr{margin: 16px 0 0;color: var(--ink-sub);border-top: 1px solid var(--line)}.post-eyecatch{margin: 0}.post-eyecatch img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius)}@media (max-width: 640px){.post-title{font-size: 24px}.post-head{padding-top: 20px}.post-eyecatch{margin: 0 calc(var(--gutter) * -1)}.post-eyecatch img{border-radius: 0}}.toc{line-height: 1.7}.toc__title{color: var(--ink-faint);letter-spacing: .1em;margin: 0 0 8px;font-weight: 400}.toc ol{margin: 0;padding: 0;list-style: none;counter-reset: toc}.toc > ol > li{counter-increment: toc}.toc li{margin: 0}.toc a{display: block;padding: 6px 0;color: var(--ink-sub);text-decoration: none}.toc a:hover{color: var(--ink)}.toc ol ol{padding-left: 1.2em}.toc ol ol a{padding: 3px 0}.toc--inline{border-top: 1px solid var(--line-strong);border-bottom: 1px solid var(--line)}.toc--inline summary{cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center;font-weight: 700}.toc--inline summary::-webkit-details-marker{display: none}.toc--inline summary::after{font-weight: 400}.toc--inline > ol{padding-bottom: 16px}.side{display: none}@media (min-width: 1080px){.side{display: block;padding-top: 28px}.side .toc{position: sticky;top: 24px;border-top: 1px solid var(--line-strong);padding-top: 16px}}.prose > *{margin-top: 0}.prose h2{line-height: 1.5;letter-spacing: .03em;margin: 72px 0 28px;scroll-margin-top: 24px}.prose h3{margin: 52px 0 18px;scroll-margin-top: 24px}.prose h4{line-height: 1.6;margin: 40px 0 14px;display: flex;align-items: baseline;gap: 10px}.prose h4::before{content: "";flex: none;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);transform: translateY(-2px)}@media (max-width: 640px){.prose h2{font-size: 21px;margin-top: 56px}.prose h3{font-size: 18px}}.prose ul, .prose ol{padding-left: 1.4em}.prose li + li{margin-top: .3em}.prose strong{font-weight: 700}.prose mark{background: linear-gradient(transparent 58%, var(--mark) 58%);color: inherit;padding: 0 .05em}.prose figure img{border-radius: 6px;border: 1px solid var(--line);width: 100%}.prose figcaption{color: var(--ink-faint)}.prose ul.check{list-style: none;padding: 0}.prose ul.check > li{position: relative;padding-left: 1.8em}.prose ul.check > li::before{content: "";position: absolute;left: .15em;top: .62em;width: .9em;height: .5em;border-left: 2px solid var(--accent);border-bottom: 2px solid var(--accent);transform: rotate(-45deg)}.for-you{background: var(--bg-sub);border-radius: var(--radius)}.for-you__title{font-weight: 700;color: var(--ink-sub);margin: 0 0 8px}.for-you ul{margin: 0}@media (max-width: 640px){.for-you{padding: 16px}}.voice{display: grid;grid-template-columns: 48px 1fr;gap: 16px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.voice img{width: 48px;height: 48px;border-radius: 50%;object-fit: cover}.voice__name{color: var(--ink-faint);margin: 0 0 4px}.voice__text{margin: 0 !important}.spec{margin: 0 0 1.6em;padding: 0;display: grid;grid-template-columns: max-content 1fr;border-top: 1px solid var(--ink);line-height: 1.7}.spec dt, .spec dd{border-bottom: 1px solid var(--line);margin: 0}.spec dt{color: var(--ink-sub);padding-right: 24px}@media (max-width: 480px){.spec{grid-template-columns: 1fr}.spec dt{border-bottom: 0;padding-bottom: 0;font-size: 13px}.spec dd{padding-top: 2px}}.features{margin: 0 0 1.6em}.features__title{font-weight: 700;margin: 0 0 8px}.features ul{margin: 0;padding: 0;list-style: none;line-height: 1.7;border-top: 1px solid var(--line)}.features li{padding: 8px 0 8px 1.1em;margin: 0 !important;border-bottom: 1px solid var(--line);position: relative}.features li::before{content: "";position: absolute;left: 0;top: 1.05em;width: 5px;height: 5px;border-radius: 50%;background: var(--accent)}@media (max-width: 640px){.features ul{columns: 1}}.example{background: var(--bg-sub);border-radius: var(--radius)}.example__label{font-weight: 700;color: var(--ink-sub);margin: 0 0 4px !important}.example p:last-child, .example ul:last-child{margin-bottom: 0}.cta{text-align: center;margin: 32px 0 40px}.cta__copy{color: var(--ink-sub);margin: 0 0 10px !important}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-width: min(100%, 340px);padding: 15px 28px;border-radius: 999px;font-weight: 700;text-decoration: none;transition: background .15s}.btn::after{content: "→";font-weight: 400}.btn--ghost{background: transparent;color: var(--accent)}.btn--ghost:hover{background: var(--accent-soft)}.cta__note{color: var(--ink-faint);margin: 8px 0 0 !important}.linkcard{display: grid;grid-template-columns: 160px 1fr;gap: 20px;padding: 16px;margin: 32px 0;border: 1px solid var(--line-strong);border-radius: var(--radius);color: inherit;text-decoration: none;transition: border-color .15s}.linkcard:hover{border-color: var(--ink-sub)}.linkcard img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;border-radius: 4px}.linkcard__label{color: var(--ink-faint);margin: 0 0 4px}.linkcard__title{font-weight: 700;line-height: 1.6;margin: 0 0 6px;color: var(--ink)}.linkcard__more{color: var(--accent);margin: 0}@media (max-width: 520px){.linkcard{grid-template-columns: 96px 1fr;gap: 14px;padding: 12px}.linkcard__title{font-size: 15px}}.author{display: grid;grid-template-columns: 72px 1fr;border-top: 1px solid var(--line-strong);border-bottom: 1px solid var(--line)}.author img{width: 72px;height: 72px;border-radius: 50%;object-fit: cover}.author__label{color: var(--ink-faint);margin: 0;letter-spacing: .1em}.author__name{font-weight: 700;margin: 0 0 6px}.author__bio{line-height: 1.8;color: var(--ink-sub);margin: 0 0 8px}.offer{background: var(--bg-sub);border-radius: 12px}.offer__eyebrow{color: var(--label);font-weight: 700;margin: 0 0 8px;letter-spacing: .06em}.offer__title{line-height: 1.55;margin: 0 0 12px}.offer__text{line-height: 1.85;color: var(--ink-sub);margin: 0 0 24px}.offer__actions{display: flex;flex-wrap: wrap;gap: 12px}@media (max-width: 640px){.offer{padding: 28px 20px;margin-left: calc(var(--gutter) * -1);margin-right: calc(var(--gutter) * -1);border-radius: 0}.offer__title{font-size: 19px}}.related__title{font-weight: 700;margin: 0 0 4px}.related ul{list-style: none;margin: 0;padding: 0}.related li{border-bottom: 1px solid var(--line)}.related a{display: grid;grid-template-columns: 120px 1fr;gap: 16px;align-items: center;color: var(--ink);text-decoration: none}.related a:hover .related__name{color: var(--accent)}.related img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;border-radius: 4px}.related__name{line-height: 1.65;font-weight: 700}.related__date{display: block;color: var(--ink-faint);font-weight: 400;margin-top: 2px}@media (max-width: 520px){.related a{grid-template-columns: 88px 1fr;gap: 12px}}.pager{display: grid;grid-template-columns: 1fr 1fr;line-height: 1.6}.pager a{color: var(--ink-sub);text-decoration: none}.pager a:hover{color: var(--ink)}.pager__dir{display: block;color: var(--ink-faint);margin-bottom: 2px}.pager__next{grid-column: 2;text-align: right}@media (max-width: 520px){.pager{grid-template-columns: 1fr}.pager__next{grid-column: 1;text-align: left}}.site-footer{border-top: 1px solid var(--line);margin-top: 40px;color: var(--ink-faint)}.site-footer__in{max-width: 1080px;margin: 0 auto;padding: 28px var(--gutter) 40px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px}.site-footer ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px 20px}.site-footer a{color: var(--ink-sub);text-decoration: none}.site-footer a:hover{color: var(--ink)}.byline{display: flex;align-items: center;gap: 12px;margin: 20px 0 0}.byline img{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;flex: none}.byline__name{display: block;font-weight: 700;line-height: 1.4;color: var(--ink);text-decoration: none}.byline__role{display: block;line-height: 1.5;color: var(--ink-faint)}.tag{display: inline-block;flex: none;font-weight: 700;line-height: 1;padding: 5px 8px;border-radius: 4px;color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent);letter-spacing: .04em}.prose h4 .tag{transform: translateY(-2px)}.compare__title{font-size: 17px;font-weight: 700;margin: 0 0 4px}.compare__lead{color: var(--ink-sub);margin: 0 0 16px}.compare table{width: 100%;border-collapse: collapse;line-height: 1.6;font-variant-numeric: tabular-nums}.compare th, .compare td{text-align: left;vertical-align: middle;border-bottom: 1px solid var(--line)}.compare thead th{font-weight: 400;color: var(--ink-faint);border-bottom: 1px solid var(--ink);padding-top: 0}.compare tbody th{white-space: nowrap}.compare tbody th a{color: var(--ink);text-decoration: none}.compare tbody th a:hover{color: var(--accent)}.compare tbody th .tag{margin-left: 6px;font-size: 11px;padding: 3px 6px}.compare__note{color: var(--ink-sub)}.compare__go{text-align: right;white-space: nowrap}.btn--sm{min-width: 0;padding: 9px 16px}.compare__foot{color: var(--ink-faint);margin: 12px 0 0;line-height: 1.7}@media (max-width: 720px){.compare thead{display: none}.compare table, .compare tbody, .compare tr, .compare th, .compare td{display: block}.compare tr{display: grid;grid-template-columns: 1fr auto;column-gap: 12px;padding: 14px 12px;border-bottom: 1px solid var(--line)}.compare tbody tr:first-child{border-top: 1px solid var(--ink)}.compare th, .compare td{border: 0;padding: 0}.compare tbody th{grid-column: 1;margin-bottom: 4px}.compare td[data-label]{grid-column: 1;font-size: 13px}.compare td[data-label]::before{content: attr(data-label) "：";color: var(--ink-faint)}.compare__go{grid-column: 2;grid-row: 1 / span 5;align-self: center}}.cta__note b{font-weight: 400;color: var(--ink-sub)}.spec-note{font-size: 12px;color: var(--ink-faint);margin: -1.1em 0 1.6em !important}.btn--ghost{box-shadow: inset 0 0 0 1px var(--accent)}.btn:active{transform: translateY(1px)}@media (max-width: 640px){.cta .btn{width: 100%}}.post-deck{line-height: 1.85;color: var(--ink-sub);margin: 0 0 4px}.routes{background: var(--deep);color: var(--on-deep);margin: 8px 0 0}.routes__title{font-weight: 700;margin: 0 0 16px;letter-spacing: .04em}.routes ol{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 20px}.routes a{display: grid;grid-template-columns: auto 1fr;column-gap: 10px;color: var(--on-deep);text-decoration: none;padding: 14px 0 4px;border-top: 1px solid var(--on-deep-line);height: 100%}.routes a:hover strong{text-decoration: underline;text-underline-offset: .2em}.routes__num{grid-row: 1 / span 2;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;background: var(--on-deep);color: var(--deep);font-size: 13px;font-weight: 700;line-height: 1;margin-top: 2px}.routes strong{line-height: 1.5}.routes__text{line-height: 1.6;color: var(--on-deep-sub);margin-top: 2px}@media (max-width: 720px){.routes{padding: 22px 20px 18px}.routes ol{grid-template-columns: 1fr}.routes a{padding: 12px 0}.routes li:last-child a{padding-bottom: 4px}}@media (max-width: 640px){.routes{margin-left: calc(var(--gutter) * -1);margin-right: calc(var(--gutter) * -1);border-radius: 0}.routes__title{font-size: 18px}}.pick__title{font-size: 17px;font-weight: 700;margin: 0 0 12px !important}.pick ul{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);border: 1px solid var(--line-strong);overflow: hidden}.pick li{margin: 0 !important}.pick li + li{border-left: 1px solid var(--line)}.pick a{display: flex;flex-direction: column;height: 100%;color: var(--ink);text-decoration: none;transition: background .15s}.pick__purpose{font-size: 13px;line-height: 1.6;color: var(--ink-sub)}.pick strong{line-height: 1.4;margin: 8px 0 4px;color: var(--accent)}.pick strong::after{content: " →";font-size: 16px;font-weight: 400}.pick__why{font-size: 13px;line-height: 1.6;color: var(--ink-faint)}.pick__more{margin: 12px 0 0 !important;text-align: right}@media (max-width: 720px){.pick ul{grid-template-columns: 1fr}.pick li + li{border-left: 0;border-top: 1px solid var(--line)}.pick a{display: grid;grid-template-columns: 1fr auto;column-gap: 12px;padding: 14px 16px}.pick__purpose{grid-column: 1}.pick strong{grid-column: 2;grid-row: 1 / span 2;align-self: center;margin: 0;font-size: 19px}.pick__why{grid-column: 1}}.prose h2[data-num]::before{content: attr(data-num);display: block;margin-bottom: 6px;color: var(--accent);letter-spacing: .12em;font-variant-numeric: tabular-nums}.service{border: 1px solid var(--line-strong);scroll-margin-top: 24px;overflow: hidden}.service__for{color: var(--accent);font-weight: 700;margin: 0 0 2px !important}.prose .service h4{margin: 0 0 20px}.prose .service h4::before{display: none}.service figure{margin-top: 0}.service .cta{background: var(--bg-sub);border-top: 1px solid var(--line)}@media (max-width: 640px){.service{padding: 22px 16px 0;border-radius: 10px}.service .cta{margin-left: -16px;margin-right: -16px;padding: 20px 16px}.prose .service h4{font-size: 23px}}.caution{background: var(--warn-bg);border-radius: var(--radius);padding: 14px 18px;line-height: 1.75;margin: 0 0 4px}.caution p{margin: 0 !important}.caution__title{display: flex;align-items: center;gap: 8px;font-weight: 700;color: var(--warn-ink)}.caution__title::before{content: "!";flex: none;width: 18px;height: 18px;border-radius: 50%;display: grid;place-items: center;background: var(--warn);color: #fff;font-size: 12px;line-height: 1}.eyebrow{display: block;font-weight: 700;letter-spacing: .16em;color: var(--label);margin: 0 0 6px}.routes .eyebrow{color: var(--on-deep-sub)}.prose h3{padding-left: 14px;border-left: 4px solid var(--accent);line-height: 1.5}.prose .for-you{border-left: 4px solid var(--accent);border-radius: 0 var(--radius) var(--radius) 0}.prose .example{border-radius: var(--radius)}.prose .compare table{border-top: 4px solid var(--accent)}.prose .compare thead th{padding-top: 10px}@media (max-width: 1079px){:root{--panel-pad: 40px}}@media (max-width: 640px){:root{--fs-body: 17px;--panel-pad: var(--gutter)}}body{background: var(--page)}.site-header{background: var(--panel)}.site-header__in, .site-footer__in{max-width: 1180px}.layout{max-width: 1180px}@media (min-width: 1080px){.layout{grid-template-columns: minmax(0, calc(var(--measure) + var(--panel-pad) * 2)) 260px;column-gap: 48px}}.post{background: var(--panel);padding: 8px var(--panel-pad) 56px;margin-bottom: 48px;box-shadow: 0 1px 2px var(--panel-shadow), 0 12px 32px -20px var(--panel-shadow)}@media (max-width: 640px){.layout{padding: 0}.crumbs{padding-left: var(--gutter);padding-right: var(--gutter)}.post{border-radius: 0;margin-bottom: 24px}}.brand__tag{font-size: 13px}.gnav a{font-size: 16px}.header-cta{font-size: 15px}.crumbs{font-size: 14px}.post-cat{font-size: 14px}.eyebrow{font-size: 13px}.post-title{font-size: 34px}.post-deck{font-size: 17px}.byline__name{font-size: 15px}.byline__role{font-size: 13px}.post-meta{font-size: 14px}.post-pr{font-size: 14px}.routes__title{font-size: 22px}.routes strong{font-size: 17px}.routes__text{font-size: 14px}.pick__title, .compare__title{font-size: 19px}.pick__purpose, .pick__why{font-size: 14px}.pick strong{font-size: 24px}.pick__more{font-size: 15px}.toc{font-size: 16px}.toc ol ol{font-size: 15px}.toc__title{font-size: 14px}.toc--inline summary{font-size: 16px}.prose h2{font-size: 27px}.prose h3{font-size: 22px}.prose h4{font-size: 19px}.prose .service h4{font-size: 28px}.service__for{font-size: 15px}.prose figcaption{font-size: 14px}.for-you__title{font-size: 15px}.voice__name{font-size: 14px}.spec{font-size: 16px}.spec dd strong{font-size: 17px}.features__title{font-size: 16px}.features ul{font-size: 16px}.example{font-size: 16px}.example__label{font-size: 14px}.caution{font-size: 16px}.caution__title{font-size: 14px}.cta__copy{font-size: 15px}.cta__note{font-size: 13px}.btn{font-size: 17px}.btn--sm{font-size: 14px}.tag{font-size: 13px}.compare table{font-size: 15px}.compare thead th{font-size: 13px}.compare tbody th{font-size: 16px}.compare__lead{font-size: 15px}.compare__foot{font-size: 13px}.linkcard__label{font-size: 13px}.linkcard__title{font-size: 17px}.linkcard__more{font-size: 14px}.author__label{font-size: 13px}.author__name{font-size: 19px}.author__bio{font-size: 16px}.author__link{font-size: 15px}.offer__eyebrow{font-size: 14px}.offer__title{font-size: 24px}.offer__text{font-size: 16px}.related__title{font-size: 17px}.related__name{font-size: 16px}.related__date{font-size: 13px}.pager{font-size: 15px}.pager__dir{font-size: 13px}.site-footer{font-size: 14px}.site-footer small{font-size: 13px}@media (max-width: 640px){.post-title{font-size: 26px}.prose h2{font-size: 23px}.prose h3{font-size: 19px}.prose .service h4{font-size: 24px}.routes__title{font-size: 19px}.pick strong{font-size: 20px}.offer__title{font-size: 20px}.gnav a{font-size: 15px}.compare td[data-label]{font-size: 14px}}.site-header__in{padding: 22px 32px;gap: 40px}.brand__name{display: flex;align-items: center;gap: 10px;font-size: 23px;font-weight: 800;letter-spacing: .1em}.brand__symbol{display: grid;place-items: center;flex: none;width: 34px;height: 34px;object-fit: contain}.brand__tag{padding-left: 44px;margin-top: 2px;letter-spacing: .08em}.gnav{flex: 0 1 auto;margin-left: auto}.gnav ul{gap: 28px}.gnav a{white-space: nowrap}.gnav a[aria-current]{font-weight: 700;box-shadow: none}.header-cta{border: 0;border-radius: 0;border-left: 1px solid var(--line);padding: 4px 0 4px 28px;color: var(--ink);font-weight: 700;white-space: nowrap}.header-cta:hover{background: none}.header-cta span{margin-left: 8px;color: var(--accent)}@media (max-width: 900px){.site-header__in{padding: 16px 24px 0;gap: 12px 20px;flex-wrap: wrap}.brand{flex: 1}.header-cta{border-left: 0;padding: 0;font-size: 14px}.gnav{order: 3;flex-basis: 100%;margin: 4px -24px 0;border-top: 1px solid var(--line)}.gnav ul{gap: 0;justify-content: center}.gnav li{flex: 1;text-align: center}.gnav a{display: block;padding: 11px 0}.gnav a[aria-current]{box-shadow: inset 0 -2px 0 var(--deep)}}@media (max-width: 640px){.site-header__in{padding: 14px 16px 0}.gnav{margin: 4px -16px 0}.brand__name{font-size: 20px}.brand__symbol{width: 29px;height: 29px;font-size: 22px}.brand__tag{padding-left: 39px;font-size: 12px}.header-cta{font-size: 13px;white-space: normal;max-width: 9em;line-height: 1.5;text-align: right}}.side-sticky{position: sticky;top: 24px}.side .toc{position: static;border-top: 0;padding-top: 0}.toc__eyebrow{font-size: 12px;font-weight: 700;letter-spacing: .18em;color: var(--label);margin: 0 0 4px}.side .toc__title{font-size: 17px;font-weight: 700;color: var(--ink);letter-spacing: .04em;margin: 0 0 14px}.side .toc > ol > li > a{padding: 12px 0;border-bottom: 1px solid var(--line-strong);display: grid;grid-template-columns: 2em 1fr;align-items: baseline}.side .toc > ol > li:first-child > a{border-top: 2px solid var(--accent)}.toc > ol > li > a::before{content: counter(toc, decimal-leading-zero);font-family: var(--heading);font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--label)}.side .toc ol ol{padding: 6px 0 10px 2em}.side .toc ol ol a{padding: 4px 0;font-size: 14px;border: 0}.side .toc a:hover, .side .toc a[aria-current]{color: var(--accent);font-weight: 700}.toc--inline{background: var(--bg-sub);border: 1px solid var(--line-strong);border-radius: 10px}.toc--inline summary{padding: 16px 0}.toc--inline summary::after{content: "−";font-size: 22px;line-height: 1;color: var(--accent)}.toc--inline:not([open]) summary::after{content: "＋"}.toc--inline[open] summary{border-bottom: 1px solid var(--line-strong)}.toc--inline > ol > li > a{display: grid;grid-template-columns: 2em 1fr;align-items: baseline;padding: 8px 0}@media (max-width: 640px){.toc--inline{padding: 0 16px}}.toc--inline[open] summary::after{content: "−";font-size: 22px;font-weight: 400}.toc--inline:not([open]) summary::after{font-size: 22px;font-weight: 400}.crumbs{padding-top: 26px;padding-bottom: 22px}.crumbs ol{gap: 6px 10px}.crumbs li + li::before{margin-right: 10px}.post-head{padding: 44px 0 32px}.post-head .eyebrow{margin-top: 18px}.post-title{margin: 6px 0 18px}.post-deck{margin-bottom: 0}.byline{margin-top: 26px}.post-meta{margin-top: 18px}.post-pr{margin-top: 20px;padding-top: 16px}.routes{margin-top: 12px;padding: 32px 32px 28px}.routes__title{margin-bottom: 20px}@media (max-width: 640px){.post-head{padding-top: 28px}.routes{padding: 26px 20px 22px}}.prose{margin-top: 48px}.prose > *{margin-bottom: 1.8em}.prose p{margin-bottom: 1.8em}.for-you{padding: 24px 28px}.for-you__title{margin-bottom: 12px}.voice{padding: 24px 0;margin: 36px 0}.pick{margin: 56px 0}.pick__title{margin-bottom: 16px !important}.pick a{padding: 22px 20px 20px}.pick__more{margin-top: 16px !important}.toc--inline{margin: 48px 0}.compare{margin: 48px 0 56px}.compare__lead{margin-bottom: 20px}.compare th, .compare td{padding: 14px 12px}.prose figure{margin: 36px 0}.prose figcaption{margin-top: 10px}.example{padding: 20px 24px}.service{padding: 32px 32px 0;margin: 48px 0 56px}.service__for{margin-bottom: 6px !important}.prose .service h4{margin-bottom: 24px}.service figure{margin-bottom: 28px}.spec{margin-bottom: 28px}.spec dt, .spec dd{padding: 12px 0}.features{margin-bottom: 32px}.features__title{margin-bottom: 12px}.service .features{margin-bottom: 28px}.service .cta{margin: 32px -32px 0;padding: 28px 32px 26px}@media (max-width: 640px){.service{padding: 26px 16px 0}.service .cta{margin-left: -16px;margin-right: -16px;padding: 24px 16px}}.prose .caution{border-left: 0;border-radius: var(--radius);padding: 16px 20px}.caution__title{margin-bottom: 6px !important}.btn{background: var(--cta);color: #fff;box-shadow: 0 2px 0 rgba(0,0,0,.06), 0 8px 18px -8px var(--cta-glow)}.btn:hover{background: var(--cta-hover)}.btn--own{background: var(--deep);color: var(--on-deep);box-shadow: 0 2px 0 rgba(0,0,0,.06), 0 8px 18px -8px var(--deep-glow)}.btn--own:hover{background: var(--deep-hover)}.btn--own-sub{background: var(--panel);color: var(--deep);box-shadow: inset 0 0 0 2px var(--deep)}.btn--own-sub:hover{background: var(--bg-sub)}.cta__copy{margin-bottom: 14px !important}.cta__note{margin-top: 12px !important}.post-foot{margin-top: 88px}.offer{margin: 56px 0;padding: 40px 36px}.offer__title{margin-bottom: 16px}.offer__text{margin-bottom: 28px}.author{padding: 32px 0;gap: 24px}.related{margin-top: 56px !important}.related__title{margin-bottom: 12px}.related a{padding: 18px 0}.pager{margin-top: 48px;gap: 24px}@media (max-width: 640px){.offer{padding: 32px 20px}}.checklist{margin-left: 1.2em}.checklist__title{font-size: 16px;font-weight: 700;color: var(--ink);line-height: 1.5;margin: 0 0 .8em !important}.checklist ul{margin: 0 !important;border-top: 2px solid var(--accent)}.prose .checklist ul.check{padding-top: 14px}.prose .checklist ul.check > li{margin: 0;padding: 6px 0 6px 1.9em;line-height: 1.6}.prose .checklist ul.check > li::before{top: calc(6px + .5em)}@media (max-width: 640px){.for-you{padding: 18px 16px}.checklist{margin-left: .6em}}.side .toc a:hover{font-weight: inherit}.side .toc a[aria-current]{color: var(--accent);font-weight: inherit;text-shadow: .35px 0 0 currentColor, -.35px 0 0 currentColor}.side .toc > ol > li > a{transition: color .15s}.offer__actions .btn{flex: 0 0 auto;white-space: nowrap;min-width: 0}@media (max-width: 640px){.offer__actions{flex-direction: column}.offer__actions .btn{width: 100%;font-size: 16px}}.brand__name, .post-title, .prose h2, .prose h3, .prose h4, .routes__title, .pick__title, .compare__title, .offer__title, .side .toc__title, .author__name, .related__title{font-family: var(--heading);font-weight: 700}.prose h2{border-top-color: var(--line-strong)}.prose h2[data-num]::before{font-family: var(--heading);font-weight: 700;font-size: 14px;color: var(--label)}.post{border-radius: 18px}.service{border-radius: 16px}.routes{border-radius: 16px}.pick ul{border-radius: 14px}@media (max-width: 640px){.post, .routes{border-radius: 0}}.prose .for-you{border-left-width: 2px}.side .toc a{border-radius: 6px;transition: background .15s, color .15s}.side .toc > ol > li > a{padding-left: 8px;padding-right: 8px;margin: 0 -8px}.side .toc ol ol a{padding-left: 8px;padding-right: 8px;margin-left: -8px;margin-right: -8px}.side .toc a:hover{background: var(--accent-soft);color: var(--accent-hover)}.side .toc a[aria-current]{background: var(--accent-soft)}.side .toc > ol > li:first-child > a{border-radius: 0 0 6px 6px}.toc--inline a{border-radius: 6px;padding-left: 6px;padding-right: 6px;margin: 0 -6px;transition: background .15s}.toc--inline a:hover{background: var(--accent-soft);color: var(--accent-hover)}a:hover{color: var(--accent-hover)}.btn:hover{color: #fff}.btn--own:hover{color: var(--on-deep)}.btn--own-sub:hover{color: var(--deep)}.pick a:hover{background: var(--accent-soft)}.compare tr.is-pick{background: var(--accent-soft)}.header-cta:hover{color: var(--accent)}.gnav a[aria-current]{color: var(--accent)}.features ul{columns: auto;display: grid;grid-template-columns: 1fr 1fr;column-gap: 32px}.features li{break-inside: auto}@media (max-width: 640px){.features ul{grid-template-columns: 1fr}}.prose > ul.check, .service > ul.check{margin-left: 1.2em}@media (max-width: 640px){.prose > ul.check, .service > ul.check{margin-left: .6em}}@media (min-width: 901px){.gnav a{position: relative;display: inline-block;padding: 4px 0}.gnav a::after{content: "";position: absolute;left: 0;right: 0;bottom: -2px;height: 2px;border-radius: 2px;background: var(--accent);transform: scaleX(0);transform-origin: center;transition: transform .35s cubic-bezier(.22, 1, .36, 1)}.gnav a:hover::after, .gnav a[aria-current]::after{transform: scaleX(1)}.gnav a:hover{color: var(--ink)}}.header-cta span{display: inline-block;transition: transform .3s cubic-bezier(.22, 1, .36, 1)}.header-cta:hover span{transform: translate(3px, -3px)}@media (prefers-reduced-motion: reduce){.gnav a::after, .header-cta span{transition: none}}.toc--inline{padding: 0 36px}@media (max-width: 640px){.toc--inline{padding: 0 20px}}.toc--inline > ol{margin: 0 -10px}.toc--inline a, .toc--inline > ol > li > a{margin: 0;padding-left: 10px;padding-right: 10px}.toc--inline ol ol{padding-left: 2em}.toc--inline > ol > li > a, .side .toc > ol > li > a{grid-template-columns: 32px 1fr}.toc--inline ol ol, .side .toc ol ol{padding-left: 32px}.prose h2{border-top: 0;padding-top: 0;padding-bottom: 16px;border-bottom: 1px solid var(--line-strong);position: relative}.prose h2::after{content: "";position: absolute;left: 0;bottom: -1px;width: 64px;height: 3px;border-radius: 2px;background: var(--accent)}.toc.toc--inline ol ol a{padding: 4px 10px;margin: 0}.toc--inline > ol{padding: 4px 0 8px}.toc--inline > ol > li{border-bottom: 1px solid var(--line-strong);padding: 6px 0}.toc--inline > ol > li:last-child{border-bottom: 0}.toc--inline ol ol{padding-top: 0;padding-bottom: 4px}.side .toc ol ol, .toc--inline ol ol{list-style: none}.side .toc ol ol li + li, .toc--inline ol ol li + li{margin-top: 6px}.side .toc ol ol a, .toc.toc--inline ol ol a{display: grid;grid-template-columns: 14px 1fr;align-items: start;line-height: 1.55}.side .toc ol ol a::before, .toc--inline ol ol a::before{content: "";width: 5px;height: 5px;border-radius: 50%;background: var(--accent);margin-top: .62em}.toc.toc--inline ol ol a{display: block}.toc.toc--inline ol ol a::before{content: none}.btn::after{display: inline-block;transition: transform .3s cubic-bezier(.22, 1, .36, 1)}.btn:hover::after{transform: translateX(5px)}@media (prefers-reduced-motion: reduce){.btn::after{transition: none}}.article-body, .prose{counter-reset: service}.service__head{counter-increment: service;display: flex;align-items: center;gap: 20px;margin: -32px -32px 28px;padding: 22px 32px 20px;background: var(--bg-sub);border-bottom: 1px solid var(--line)}.service__head::before{content: counter(service, decimal-leading-zero);font-family: var(--heading);font-weight: 500;font-size: 34px;line-height: 1;letter-spacing: .02em;color: var(--accent);padding-right: 20px;border-right: 1px solid var(--line-strong)}.service__head .service__for{margin-bottom: 4px !important}.prose .service .service__head h4{margin: 0}@media (max-width: 640px){.service__head{margin: -26px -16px 22px;padding: 18px 16px 16px;gap: 14px}.service__head::before{font-size: 28px;padding-right: 14px}}.header-cta{display: flex;flex-direction: column;align-items: flex-start;line-height: 1.35}.header-cta b{font-weight: 700}.header-cta small{font-size: 11px;font-weight: 400;color: var(--ink-sub);margin-top: 2px}@media (max-width: 640px){.header-cta{align-items: flex-end}.header-cta small{font-size: 10px}.header-cta b{word-break: keep-all}.header-cta span{white-space: nowrap}}.routes a:hover{color: var(--on-deep);background: rgba(255, 255, 255, .08);border-top-color: var(--on-deep)}.routes a:hover .routes__text{color: var(--on-deep)}.routes strong, .routes__text{word-break: auto-phrase;overflow-wrap: anywhere;text-wrap: pretty}.img-todo{display: grid;place-items: center;margin: 1.6em 0;padding: 16px;background: repeating-linear-gradient(45deg, #eaf0ec, #eaf0ec 10px, #f6f8f6 10px, #f6f8f6 20px);border: 2px dashed var(--line-strong);border-radius: var(--radius);color: var(--ink-sub);text-align: center}.img-todo figcaption{margin: 0;font-size: 14px;line-height: 1.6}.img-todo b{display: block;color: var(--accent);margin-bottom: 4px}.table-scroll{overflow-x: auto;margin: 0 0 1.6em}.example > :first-child, .caution > :first-child, .promo > :first-child{margin-top: 0}.example > :last-child, .caution > :last-child, .promo > :last-child{margin-bottom: 0}.promo{background: #fdf3ee;border-left: 4px solid var(--cta);border-radius: 0 var(--radius) var(--radius) 0;padding: 20px 24px;margin: 0 0 1.8em;font-size: 16px}.linkcard{grid-template-columns: 200px 1fr;gap: 16px;padding: 12px;margin: 24px 0;align-items: center}.linkcard img{aspect-ratio: 16 / 9}.linkcard:not(:has(img)){grid-template-columns: 1fr}.linkcard__label{margin: 0 0 2px;line-height: 1.4}.linkcard__title{line-height: 1.5;margin: 0 0 4px}@media (max-width: 520px){.linkcard{grid-template-columns: 112px 1fr;gap: 12px;padding: 10px;margin: 20px 0}.linkcard__title{font-size: 15px}}.side-sticky{max-height: calc(100vh - 48px);overflow-y: auto;overscroll-behavior: contain}.side .toc ol ol a{line-height: 1.5}.prose .linkcard p{margin: 0}.prose .linkcard .linkcard__title{margin: 2px 0 6px}.toc a{word-break: auto-phrase;overflow-wrap: anywhere}.linkcard{padding: 12px;gap: 16px;overflow: visible;align-items: center;background: transparent;grid-template-columns: 200px 1fr}.linkcard > img, .linkcard > .img-todo{margin: 0;width: 100%;align-self: auto}.linkcard > div{background: none;padding: 0;display: block}.linkcard:hover{border-color: var(--accent)}.prose .linkcard .linkcard__label{display: inline-block;margin: 0 0 6px;padding: 2px 12px;background: var(--accent-soft);color: var(--accent-hover);border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1.6;letter-spacing: .04em}@media (max-width: 520px){.linkcard{grid-template-columns: 112px 1fr;gap: 12px;padding: 10px}}img[width="1"][height="1"]{display: inline;width: 1px;height: 1px;margin: 0;padding: 0;border: 0;vertical-align: baseline}.prose .linkcard .linkcard__label{background: var(--accent-soft);color: var(--accent)}.linkcard__more::after{content: "→";display: inline-block;margin-left: .4em;transition: transform .2s}.linkcard:hover .linkcard__more::after{transform: translateX(4px)}@media (prefers-reduced-motion: reduce){.linkcard__more::after{transition: none}}.prose > .caution, .prose > .example, .prose > .promo, .prose > .for-you, .prose > .voice,
.prose > .linkcard, .prose > .toc--inline, .prose > .checklist, .prose > .features, .prose > .spec{margin-top: 2.4em;margin-bottom: 2.4em}.prose > figure{margin-top: 2.2em;margin-bottom: 2.2em}.prose > .toc--inline{margin-top: 2.6em}.side-sticky{overflow-x: hidden;scrollbar-width: thin;scrollbar-color: var(--line-strong) transparent}.side .toc ol{min-width: 0}.prose a:not(.btn):not(.linkcard):not(.toc a):not(.pick li a){color: var(--link);text-decoration: underline;text-underline-offset: .2em;text-decoration-thickness: 1px}.prose a:not(.btn):not(.linkcard):not(.toc a):not(.pick li a):hover{color: var(--link-hover);text-decoration-thickness: 2px}.prose a:not(.btn):not(.linkcard):not(.toc a):not(.pick li a):visited{color: #5b3fa0}.prose .voice{gap: 14px;padding: 18px 0;align-items: start}.prose .voice p{margin: 0}.prose .voice .voice__name{font-size: 12px;font-weight: 700;letter-spacing: .04em;line-height: 1.4;margin: 2px 0 4px;color: var(--ink-sub)}.prose .voice .voice__text{font-size: 15px;line-height: 1.85;color: var(--ink-sub)}@media (max-width: 640px){.prose .voice .voice__text{font-size: 14px}}.to-top{position: fixed;right: 20px;bottom: 20px;z-index: 50;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;width: 56px;height: 56px;border-radius: 50%;background: var(--deep);color: var(--on-deep);font-size: 10px;font-weight: 700;letter-spacing: .04em;text-decoration: none;line-height: 1;box-shadow: 0 2px 0 rgba(0,0,0,.06), 0 8px 18px -8px var(--deep-glow);opacity: 0;visibility: hidden;transform: translateY(8px);transition: opacity .25s, transform .25s, visibility .25s, background .15s}.to-top.is-visible{opacity: 1;visibility: visible;transform: none}.to-top:hover{background: var(--deep-hover);color: var(--on-deep)}.to-top:focus-visible{outline: 3px solid var(--accent);outline-offset: 2px}@media (max-width: 640px){.to-top{right: 14px;bottom: 14px;width: 50px;height: 50px}}@media (prefers-reduced-motion: reduce){.to-top{transition: none}}.img-todo--capture{background: repeating-linear-gradient(45deg, #eef2f7, #eef2f7 10px, #f6f8fb 10px, #f6f8fb 20px);border-color: #b9c6d8}.img-todo--capture b{color: var(--link)}.prose .list-label{font-weight: 700;font-size: 16px;margin: 2em 0 .8em;line-height: 1.5}.prose .list-label:has(+ ol.flow), .prose .list-label:has(+ ol.points){margin-left: 1.2em}.prose .list-label:has(+ ol.flow)::before, .prose .list-label:has(+ ol.points)::before{display: block;margin-bottom: 3px;font-size: 12px;font-weight: 700;letter-spacing: .2em;line-height: 1.4;color: var(--label)}.prose .list-label:has(+ ol.flow)::before{content: "STEPS"}.prose .list-label:has(+ ol.points)::before{content: "POINTS"}.prose ol.flow{list-style: none;margin: 0 0 2em 1.2em;padding: 0;counter-reset: flow;border-top: 2px solid var(--accent)}.prose ol.flow > li{--t: calc(12px + (1.7em - 26px) / 2 + 2px);position: relative;counter-increment: flow;margin: 0;padding: 12px 0 12px 42px;line-height: 1.7}.prose ol.flow > li::before{content: counter(flow);position: absolute;left: 0;top: var(--t);width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;background: var(--step-bg);border: 1px solid var(--step-line);color: var(--step-ink);font-size: 13px;font-weight: 700;line-height: 1}.prose ol.flow > li::after{content: "";position: absolute;left: 12px;top: calc(var(--t) + 26px + 4px);bottom: calc(4px - var(--t));width: 2px;background: var(--step-line)}.prose ol.flow > li:last-child::after{display: none}@property --t{syntax: "<length>";inherits: true;initial-value: 0px}.prose ol.points{list-style: none;margin: 0 0 2em 1.2em;padding: 0;counter-reset: points;border-top: 2px solid var(--accent)}.prose ol.points > li{counter-increment: points;margin: 0;padding: 11px 0 11px 42px;position: relative;border-bottom: 1px solid var(--step-line);font-weight: 700;font-size: 16px;line-height: 1.6}.prose ol.points > li::before{content: counter(points, decimal-leading-zero);position: absolute;left: 0;top: 11px;font-family: var(--heading);font-size: 14px;font-weight: 700;color: var(--label);line-height: 1.85;font-variant-numeric: tabular-nums}.side .toc ol ol{display: none}.side .toc > ol > li:has(a[aria-current]) > ol{display: block}.prose .table-scroll{overflow-x: auto;margin: 2.4em 0}.prose .table-scroll table{border-collapse: collapse;width: 100%;min-width: 480px;font-size: 15px;line-height: 1.6;font-variant-numeric: tabular-nums}.prose .table-scroll th, .prose .table-scroll td{padding: 14px 16px;border-bottom: 1px solid var(--line-strong);text-align: left;vertical-align: top}.prose .table-scroll table:not(.table-kv) thead th, .prose .table-scroll table:not(.table-kv) tr:first-child th{background: var(--bg-sub);border-top: 2px solid var(--accent);border-bottom: 1px solid var(--accent);font-weight: 700;white-space: nowrap}.prose .table-scroll tbody th{font-weight: 700;white-space: nowrap}.prose .table-scroll table.table-kv{min-width: 0}.prose .table-scroll table.table-kv th{width: 13.5em;background: var(--bg-sub);white-space: normal}@media (max-width: 640px){.prose .table-scroll table.table-kv, .prose .table-scroll table.table-kv tbody, .prose .table-scroll table.table-kv tr, .prose .table-scroll table.table-kv th, .prose .table-scroll table.table-kv td{display: block;width: 100%}.prose .table-scroll table.table-kv th{padding: 10px 14px 4px;border-bottom: 0;background: var(--bg-sub)}.prose .table-scroll table.table-kv td{padding: 6px 14px 12px}}.prose .promo--card{padding: 28px 28px 26px}.prose .promo__name{font-family: var(--heading);font-size: 21px;font-weight: 700;line-height: 1.4;margin: 0 0 12px}.prose .promo--card ul.check{margin: 0 0 10px}.prose .promo--card ul.check > li::before{border-color: var(--cta)}.prose .promo__note{font-size: 13px;color: var(--ink-sub);margin: 0 0 18px}.prose .promo__action{margin: 0}.promo__action .btn{min-width: min(100%, 360px)}@media (max-width: 640px){.prose .promo--card{padding: 22px 18px 20px}.promo__action .btn{width: 100%;font-size: 16px}}.prose .features__title{margin-bottom: 10px}.prose .source{font-size: 14px;line-height: 1.7;color: var(--ink-sub);padding: 12px 16px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.source__label{display: inline-block;margin-right: 10px;padding: 1px 10px;border-radius: 999px;background: var(--accent-soft);color: var(--accent-hover);font-size: 12px;font-weight: 700;letter-spacing: .06em}.prose .table-scroll + .source{margin-top: -1.2em}.features--single ul{grid-template-columns: 1fr}.side .toc{font-size: 15px}.promo__action > img[width="1"]{position: absolute}.prose .for-you ul.check > li, .prose .checklist ul.check > li{font-size: 16px}@media (max-width: 640px){.prose .for-you ul.check > li, .prose .checklist ul.check > li{font-size: 15px}}.prose figure.code{position: relative;margin: 1.4em 0 1.8em}.prose figure.code > figcaption{display: flex;align-items: center;min-height: 28px;padding-right: 7em;margin: 0 0 8px;font-size: 12px;font-weight: 700;letter-spacing: .08em;line-height: 1.4;color: var(--label);text-align: left}.prose figure.code pre{margin: 0;padding: 16px 20px;background: var(--deep);border-radius: var(--radius);overflow-x: auto;tab-size: 4;font-size: 14px;line-height: 1.75}.prose figure.code code{font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;font-size: 14px;line-height: 1.75;white-space: pre;color: #f4efe9}@media (max-width: 640px){.prose figure.code code{white-space: pre-wrap;overflow-wrap: anywhere;font-size: 13px}.prose figure.code pre{padding: 14px 16px}}.code-copy{position: absolute;top: 0;right: 0;height: 28px;padding: 0 12px;border: 1px solid var(--line-strong);border-radius: 999px;background: var(--panel);color: var(--ink-sub);font: inherit;font-size: 12px;font-weight: 700;line-height: 1.6;cursor: pointer;transition: color .15s, border-color .15s}.code-copy:hover{color: var(--accent);border-color: var(--accent)}.code-copy:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.code-copy.is-done{color: var(--accent);border-color: var(--accent)}.prose :not(pre) > code{font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-size: .9em;padding: .1em .4em;background: var(--bg-sub);border-radius: 4px}.prose .url-example{margin: -.6em 0 1.8em}.prose .url-example code{display: inline-block;max-width: 100%;padding: 8px 16px;font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-size: 15px;line-height: 1.6;color: var(--ink);background: var(--bg-sub);border: 1px solid var(--line-strong);border-radius: 8px;overflow-wrap: anywhere}.prose blockquote{position: relative;margin: 2.4em 0;padding: 6px 0 6px 28px;border-left: 3px solid var(--step-line);color: var(--ink-sub);font-size: 16px;line-height: 1.85}.prose blockquote::before{content: "“";position: absolute;left: 10px;top: -14px;font-family: Georgia, "Times New Roman", serif;font-size: 44px;line-height: 1;color: var(--accent)}.prose blockquote > p{margin: 0 0 .6em}.prose blockquote > :last-child{margin-bottom: 0}.prose .quote-source{font-size: 13px;color: var(--ink-faint);text-align: right}.prose h3{margin-top: 64px}@media (max-width: 640px){.prose h3{margin-top: 52px}}.prose h4::before{display: none}.service__head::before{flex: none}.service__head::before{content: none;display: none}.service__head{gap: 0}.prose > .breakdown{margin: 2.4em 0}.prose .breakdown__title{font-size: 16px;font-weight: 700;line-height: 1.5;margin: 0 0 .8em}.breakdown dl{margin: 0;border-top: 2px solid var(--accent);font-size: 16px;line-height: 1.6}.breakdown__row{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2px 16px;padding: 10px 0;border-bottom: 1px solid var(--line)}.breakdown dt{color: var(--ink-sub)}.breakdown dd{margin: 0 0 0 auto;text-align: right;font-variant-numeric: tabular-nums}.breakdown__row.is-total{border-bottom: 0;border-top: 1px solid var(--ink-sub);margin-top: -1px;font-weight: 700}.breakdown__row.is-total dt, .breakdown__row.is-total dd{color: var(--ink)}.breakdown__row.is-total dd{font-size: 18px}.features ul:has(> li:only-child){grid-template-columns: 1fr}.prose .features{margin-left: 1.2em}.prose .features li{padding-left: 1.5em;line-height: 1.7}.prose .features li::before{left: .45em;top: calc(8px + .85em - 3px);width: 6px;height: 6px;background: var(--accent)}.prose > ul:not([class]){list-style: none;margin-left: 1.2em;padding-left: 0;border-top: 2px solid var(--accent)}.prose > ul:not([class]) > li{position: relative;margin: 0;padding: 11px 0 11px 42px;border-bottom: 1px solid var(--step-line);font-weight: 700;font-size: 16px;line-height: 1.6}.prose > ul:not([class]) > li::before{content: "";position: absolute;left: 7px;top: calc(11px + .8em - 3px);width: 6px;height: 6px;border-radius: 50%;background: var(--accent)}@media (max-width: 640px){.prose .features, .prose > ul:not([class]){margin-left: .6em}}.prose .features ul{border-top: 2px solid var(--accent);font-size: 16px;line-height: 1.6}.prose .features li{padding: 11px 0 11px 42px;border-bottom: 1px solid var(--step-line);font-weight: 400;line-height: 1.6}.prose .features li::before{left: 7px;top: calc(11px + .8em - 3px);width: 6px;height: 6px}.prose .checklist ul.check{padding-top: 0}.prose .checklist ul.check > li{padding: 11px 0 11px 42px;border-bottom: 1px solid var(--step-line);font-weight: 400;font-size: 16px;line-height: 1.6}.prose .checklist ul.check > li::before{left: 4px;top: calc(11px + .42em)}@media (max-width: 640px){.prose .checklist ul.check > li{font-size: 16px}}.prose > ol.points, .prose > ol.flow, .prose > ul:not([class]){margin-top: 2.4em;margin-bottom: 2.4em}.prose > .list-label{margin-top: 2.4em}.prose > .list-label + ol{margin-top: 0}.prose .source br + .source__label{margin-top: 6px}.prose .checklist + .source{margin-top: -2.4em;margin-left: 1.2em;padding-left: 0;padding-right: 0;border-top: 0}.source__label{width: 5.6em;padding-left: 0;padding-right: 0;text-align: center;box-sizing: border-box}@media (max-width: 640px){.prose .checklist + .source{margin-left: .6em}}.btn.is-paused,
.btn.is-paused:hover{background: var(--bg-sub);color: var(--ink-faint);box-shadow: none;cursor: default;pointer-events: none}.btn.is-paused::after{content: none}@media (min-width: 481px){.spec dt{padding-right: 24px}}@media (min-width: 1080px){.layout--list{display: block}}.layout--list{padding: 0 var(--gutter)}.list{padding: 32px 0 72px}.crumbs + .list{padding-top: 20px}.home-lead{padding: 8px 0 4px}.home-lead__title{font-family: var(--heading);font-size: 26px;line-height: 1.45;margin: 0 0 6px}.home-lead__text{margin: 0;color: var(--ink-sub);font-size: 15px;line-height: 1.8}.home-profile{display: flex;align-items: center;gap: 32px;margin-top: 64px;padding: 32px 40px;background: var(--panel);border-radius: var(--radius);box-shadow: 0 1px 2px var(--panel-shadow), 0 12px 32px -20px var(--panel-shadow)}.home-profile__img{width: 112px;height: 112px;border-radius: 50%;object-fit: cover;background: var(--bg-sub);flex-shrink: 0}.home-profile__text{flex: 1;min-width: 0}.home-profile__label{margin: 0;font-size: 13px;font-weight: 700;color: var(--label)}.home-profile__name{font-family: var(--heading);font-size: 22px;margin: 2px 0 8px}.home-profile__bio{margin: 0 0 12px;color: var(--ink-sub);font-size: 15px;line-height: 1.9;max-width: 40em}.home-profile__more{font-size: 15px;font-weight: 700;color: var(--accent);text-decoration: none}.home-profile__more span{margin-left: 6px}.home-profile__more:hover{color: var(--accent-hover)}.cat-entry ul{list-style: none;margin: 20px 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}.cat-entry a{display: flex;flex-direction: column;height: 100%;padding: 18px 22px;border: 1px solid var(--line-strong);border-radius: var(--radius);background: var(--panel);color: var(--ink);text-decoration: none;transition: border-color .2s}.cat-entry a:hover{border-color: var(--accent)}.cat-entry__label{font-family: var(--heading);font-weight: 700;font-size: 18px}.cat-entry__short{font-size: 14px;color: var(--ink-sub);line-height: 1.7;margin: 4px 0 10px}.cat-entry__count{margin-top: auto;font-size: 13px;font-weight: 700;color: var(--accent)}.cat-entry__count span{margin-left: 6px}.list-title{font-family: var(--heading);font-size: 24px;margin: 56px 0 20px}.list-head{margin-bottom: 28px}.list-head__title{font-family: var(--heading);font-size: 30px;margin: 4px 0 10px}.list-head__lead{margin: 0;color: var(--ink-sub);font-size: 15px;line-height: 1.9;max-width: 48em}.cards{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px 24px}.card{display: flex;flex-direction: column;height: 100%;background: var(--panel);border-radius: var(--radius);overflow: hidden;color: var(--ink);text-decoration: none;box-shadow: 0 1px 2px var(--panel-shadow), 0 12px 32px -20px var(--panel-shadow);transition: transform .2s, box-shadow .2s}.card:hover{transform: translateY(-3px);box-shadow: 0 2px 4px var(--panel-shadow), 0 18px 36px -18px rgba(20, 50, 40, .16)}.card:hover .card__title{color: var(--accent)}.card img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.card__body{display: flex;flex-direction: column;flex: 1;padding: 16px 20px 18px}.card__cat{font-size: 12px;font-weight: 700;color: var(--label);letter-spacing: .04em;margin-bottom: 6px}.card__title{font-weight: 700;font-size: 16px;line-height: 1.7}.card__date{margin-top: auto;padding-top: 12px;font-size: 13px;color: var(--ink-faint)}@media (max-width: 1079px){.cards{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 760px){.home-lead__title{font-size: 22px}.home-profile{padding: 24px;gap: 20px}.home-profile__img{width: 80px;height: 80px}.cat-entry ul{grid-template-columns: 1fr;gap: 10px}.cat-entry a{padding: 14px 18px}.cat-entry__short{margin-bottom: 6px}}@media (max-width: 640px){.layout--list{padding: 0 var(--gutter)}.layout--list .crumbs{padding-left: 0;padding-right: 0}.list{padding-top: 16px}.home-lead__title{font-size: 21px}.home-profile{flex-direction: column;align-items: flex-start;margin-top: 48px}.list-title{margin-top: 40px;font-size: 21px}.list-head__title{font-size: 24px}.cards{grid-template-columns: 1fr;gap: 20px}}.aff-btn{position: relative}.aff-btn > a, .aff-btn > a:visited, .aff-btn > a:hover{color: inherit !important;text-decoration: none !important;border-bottom: 0 !important}.aff-btn > a::before{content: "";position: absolute;inset: 0;border-radius: inherit}.aff-btn > img{position: absolute;left: 0;top: 0}.aff-btn:focus-within{outline: 2px solid var(--accent);outline-offset: 3px}.aff-missing{background: #fde2e2;color: #a40000;font-weight: 700;padding: 2px 6px}.site-menu{display: contents}.menu-btn{display: none}@media (max-width: 760px){.site-header{position: relative}.site-header__in{flex-wrap: nowrap;align-items: center;padding: 12px 16px}.menu-btn{display: grid;place-items: center;flex: none;width: 44px;height: 44px;margin-right: -8px;padding: 0;border: 0;background: none;cursor: pointer;color: var(--ink)}.menu-btn span{grid-area: 1 / 1;width: 22px;height: 2px;border-radius: 2px;background: currentColor;transition: transform .2s, opacity .2s}.menu-btn span:nth-child(1){transform: translateY(-7px)}.menu-btn span:nth-child(3){transform: translateY(7px)}.is-open .menu-btn span:nth-child(1){transform: rotate(45deg)}.is-open .menu-btn span:nth-child(2){opacity: 0}.is-open .menu-btn span:nth-child(3){transform: rotate(-45deg)}.site-menu{display: block;position: absolute;left: 0;right: 0;top: 100%;z-index: 50;padding: 4px 16px 20px;background: var(--panel);border-bottom: 1px solid var(--line);box-shadow: 0 16px 24px -16px var(--panel-shadow)}.js .site-header:not(.is-open) .site-menu{display: none}.site-menu .gnav{order: 0;flex-basis: auto;margin: 0;border-top: 0}.site-menu .gnav ul{flex-direction: column}.site-menu .gnav li{text-align: left;border-bottom: 1px solid var(--line)}.site-menu .gnav a{display: block;padding: 14px 4px;font-size: 16px}.site-menu .gnav a[aria-current]{box-shadow: none;color: var(--accent);font-weight: 700}.site-menu .header-cta{display: flex;align-items: center;justify-content: center;max-width: none;margin-top: 16px;padding: 14px;text-align: center;border: 1px solid var(--line-strong);border-radius: var(--radius);font-size: 15px}.site-menu .header-cta b{word-break: normal}.brand__tag{padding-left: 39px}}@media (prefers-reduced-motion: reduce){.menu-btn span{transition: none}}@media (max-width: 720px){.compare tr{grid-template-columns: auto 1fr auto;gap: 10px 0;padding: 16px 12px}.compare th, .compare td{padding: 0}.compare tbody th{grid-column: 1 / -1;grid-row: 1;align-self: center;justify-self: start;margin: 0;font-size: 17px}.compare__go{grid-column: 1 / -1;grid-row: 1;align-self: center;justify-self: end}.compare__go .btn{min-width: 0;padding: 8px 14px;font-size: 13px;gap: 6px;white-space: nowrap}.compare td[data-label]{grid-row: 2;padding: 8px 12px;font-size: 14px;line-height: 1.5;background: var(--panel);border: 1px solid var(--line-strong);border-left-width: 0}.compare td[data-label]:nth-of-type(1){grid-column: 1;border-left-width: 1px;border-radius: 8px 0 0 8px;white-space: nowrap}.compare td[data-label]:nth-of-type(2){grid-column: 2}.compare td[data-label]:nth-of-type(3){grid-column: 3;border-radius: 0 8px 8px 0;white-space: nowrap}.compare td[data-label]::before{content: attr(data-label);display: block;margin-bottom: 2px;font-size: 11px;font-weight: 700;color: var(--ink-faint);letter-spacing: .04em}.compare td.compare__note{grid-column: 1 / -1;grid-row: 3;padding: 0 2px;font-size: 13px;color: var(--ink-sub);background: none;border: 0;border-radius: 0;white-space: normal}.compare td.compare__note::before{content: none}}@media (min-width: 721px){.compare thead th:nth-child(2), .compare thead th:nth-child(4),
.compare td[data-label]:nth-of-type(1), .compare td[data-label]:nth-of-type(3){white-space: nowrap}}.table-scroll-box{position: relative;margin: 0 0 1.6em}.table-scroll-box > .table-scroll, .prose .table-scroll-box > .table-scroll{margin: 0}.prose .table-scroll-box{margin: 2.4em 0}.prose .table-scroll-box + .source{margin-top: -1.2em}.table-scroll-hint{display: none;margin: 0 0 6px;font-size: 12px;color: var(--ink-faint);text-align: right}.table-scroll-box.is-scrollable:not(.is-touched) .table-scroll-hint{display: block}.table-scroll-box::before, .table-scroll-box::after{content: "";position: absolute;bottom: 0;width: 32px;pointer-events: none;opacity: 0;transition: opacity .2s;top: 0}.table-scroll-box.is-scrollable:not(.is-touched)::before, .table-scroll-box.is-scrollable:not(.is-touched)::after{top: 24px}.table-scroll-box::before{left: 0;background: linear-gradient(to right, rgba(20, 50, 40, .2), transparent)}.table-scroll-box::after{right: 0;background: linear-gradient(to left, rgba(20, 50, 40, .2), transparent)}.table-scroll-box.has-left::before, .table-scroll-box.has-right::after{opacity: 1}.prose .content_form{margin: 2em 0 1.6em}.prose form.myForm .input_unit{margin: 0 0 20px}.prose .content_form form.myForm .input_unit .my_column.my_right{width: auto}.prose form.myForm .label_frame label{font-weight: 700;font-size: 15px}.prose form.myForm .required .my_column.my_left label:first-child::after{width: auto;height: auto;padding: 1px 7px;margin-left: 8px;font-size: 11px;font-weight: 700;line-height: 1.6;vertical-align: 2px;background-color: #fbe4dc;color: var(--cta-hover);box-sizing: border-box}.prose form.myForm input[type="text"], .prose form.myForm textarea{width: 100%;box-sizing: border-box;padding: 11px 14px;background: var(--panel) !important;border: 1px solid var(--line-strong);border-radius: 8px;font: inherit;font-size: 16px;color: var(--ink)}.prose form.myForm textarea{min-height: 180px}.prose form.myForm input[type="text"]:focus, .prose form.myForm textarea:focus{outline: 2px solid var(--accent);outline-offset: 1px;border-color: var(--accent)}.prose form.myForm .form_input_submit input[type="submit"]{min-width: min(100%, 280px);padding: 15px 36px;border: 0;border-radius: 999px;background: var(--cta);color: #fff;font: inherit;font-size: 16px;font-weight: 700;cursor: pointer;box-shadow: 0 8px 20px -10px var(--cta-glow);transition: background .15s}.prose form.myForm .form_input_submit input[type="submit"]:hover{background: var(--cta-hover)}@media (min-width: 641px){.prose form.myForm .input_unit{display: grid;grid-template-columns: 11em 1fr;align-items: start;gap: 12px}.prose form.myForm .my_column.my_left{padding-top: 10px}.prose .content_form form.myForm .input_unit .my_column.my_left,
.prose .content_form form.myForm .input_unit .my_column.my_right{width: auto;float: none}}@media (max-width: 800px){.prose .content_form form.myForm .input_unit .my_column{width: 100% !important;float: none;margin: 0;padding: 0}.prose .content_form form.myForm .input_unit .my_column.my_left{margin-bottom: 8px}.prose form.myForm input[type="text"], .prose form.myForm textarea{width: 100% !important}}.prose form.myForm .form-check-note{margin: 24px 0 12px;font-size: 0.9rem;color: var(--ink-sub);text-align: center}@media (max-width: 760px){.prose form.myForm .form-check-note__br{display: none}}