@layer templates{body:has(.compare-article){background:var(--color-page)}.compare-article{--prose-size:var(--text-body);--prose-leading:var(--leading-prose);--box-padding:var(--space-15) var(--space-16);--section-gap:56px;--sections-top:var(--space-10);--sections-bottom:80px;@media (width<768px){--prose-size:var(--text-body-small);--prose-leading:1.9;--box-padding:var(--space-6) var(--space-7);--section-gap:44px;--sections-top:36px;--sections-bottom:56px}@media (width<375px){--box-padding:var(--space-5) var(--space-6)}}.compare-article__layout{column-gap:var(--shell-column-gap);grid-template-columns:minmax(0,1fr) 300px;display:grid;@media (width<1001px){grid-template-columns:minmax(0,1fr)}}.compare-article__body{min-width:0;container-type:inline-size}.compare-article__sections{gap:var(--section-gap);padding-block:var(--sections-top) var(--sections-bottom);flex-direction:column;display:flex}.compare-article__follow{display:none;@media (width<1001px){display:flex}@media (width<768px){display:none}}.compare-hero{gap:var(--space-15);padding-top:var(--space-9);flex-direction:column;display:flex;@media (width<768px){gap:var(--space-6);padding-top:var(--space-7)}}.compare-hero__category{align-items:center;gap:var(--space-2);font-size:var(--text-caption);font-weight:700;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--color-text);width:7px;height:7px}}.compare-hero__title{font-size:var(--text-title-fluid);font-weight:900;line-height:1.45;@media (width<1001px){font-size:var(--text-display-small)}@media (width<768px){font-size:var(--text-title)}@media (width<375px){font-size:var(--text-title-narrow)}}.compare-hero__lead{gap:var(--space-4);padding:var(--space-15) var(--space-16);@media (width<768px){padding:var(--space-6) var(--space-7)}& p{font-size:var(--prose-size);font-weight:500;line-height:1.9}}.compare-toc{margin-top:var(--space-8);display:none;@media (width<1001px){display:block}}.compare-section{gap:var(--space-7);flex-direction:column;display:flex;&>:where(p){font-size:var(--prose-size);line-height:var(--prose-leading);overflow-wrap:anywhere;text-wrap:var(--wrap-pretty)}}.compare-subheading{margin:var(--space-5) 0 calc(-1 * var(--space-1));font-size:var(--text-title-tiny);font-weight:900;line-height:1.55;@media (width<768px){font-size:var(--text-body-large)}}.compare-point{column-gap:var(--space-4);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-panel);font-weight:500;line-height:var(--leading-normal);grid-template-columns:8px minmax(0,1fr);display:grid;&:before{content:"";width:8px;height:8px;margin-top:var(--space-4);background:var(--color-accent)}& strong{font-weight:900}}.compare-point__text{gap:var(--space-1);flex-direction:column;line-height:1.8;display:flex}.compare-source-note{color:var(--color-text-soft);font-size:var(--text-note);line-height:1.8}.compare-judgment{gap:var(--space-3);padding:var(--box-padding);border-radius:var(--radius-card);background:var(--color-page);box-shadow:var(--ring-line);flex-direction:column;display:flex}.compare-judgment__label{gap:var(--space-2);color:var(--color-accent);font-size:var(--text-caption);align-items:center;font-weight:700;display:inline-flex}.compare-judgment__dot{border-radius:var(--radius-full);background:var(--color-accent);width:7px;height:7px}.compare-judgment__text{font-size:var(--prose-size);font-weight:700;line-height:var(--leading-loose)}.compare-table-block__caption{font-size:var(--text-small);font-weight:700}.compare-table{border-radius:var(--radius-card);box-shadow:var(--ring-line);overflow:hidden;& table{border-collapse:collapse;width:100%;font-size:var(--text-small);line-height:1.7}& :is(th,td){padding:var(--space-5) var(--space-6);text-align:left;vertical-align:top;overflow-wrap:anywhere;font-weight:500}& thead th{padding-block:var(--space-4);background:var(--color-panel);color:var(--color-text-soft);font-size:var(--text-caption);font-weight:700;line-height:var(--leading-tight);vertical-align:bottom}& tbody :is(th,td){border-top:1px solid var(--color-line-soft)}& th:first-child{width:26%;font-weight:700}}.compare-table--wide th:first-child{width:22%}@media (width<768px){.compare-table{box-shadow:none;overflow:visible;& table{display:block}& tbody{gap:var(--space-4);flex-direction:column;display:flex}& tr{gap:var(--space-3);padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);box-shadow:var(--ring-line);flex-direction:column;display:flex}& tbody th:first-child{width:auto;font-size:var(--text-body-small);line-height:var(--leading-tight);border:0;padding:0;display:block}& td{padding:var(--space-3) 0 0;font-weight:400;display:block}}}@container (width<720px){.compare-table--wide{box-shadow:none;overflow:visible;& table{display:block}& tbody{gap:var(--space-4);flex-direction:column;display:flex}& tr{gap:var(--space-3);padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);box-shadow:var(--ring-line);flex-direction:column;display:flex}& tbody th:first-child{width:auto;font-size:var(--text-body-small);line-height:var(--leading-tight);border:0;padding:0;display:block}& td{padding:var(--space-3) 0 0;font-weight:400;display:block}}}.compare-tags{gap:var(--space-2) var(--space-6);color:var(--color-text-soft);font-size:var(--text-note);flex-wrap:wrap;font-weight:700;display:flex}.compare-tags__item{gap:var(--space-2);align-items:center;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--color-accent);width:6px;height:6px}}.compare-pairs,.compare-chain{padding:var(--box-padding);border-radius:var(--radius-lg);background:var(--color-page);box-shadow:var(--ring-line);cursor:default;flex-direction:column;display:flex}.compare-pairs{gap:var(--space-4);border-radius:var(--radius-card)}.compare-pairs__title,.compare-chain__title{font-size:var(--text-body-small);font-weight:900}.compare-pairs__row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 24px minmax(0,1.35fr);display:grid;@media (width<768px){grid-template-columns:minmax(0,1fr)}}.compare-pairs__from,.compare-pairs__to{padding:var(--space-5) var(--space-6);border-radius:var(--radius-sm);font-size:var(--text-small);line-height:var(--leading-snug);align-items:center;display:flex}.compare-pairs__from{background:var(--color-panel);color:var(--color-text-soft);border-radius:var(--radius-tile)}.compare-pairs__to{background:var(--color-panel-strong);border-radius:var(--radius-tile);font-weight:700}.compare-pairs__arrow{color:var(--color-accent);font-weight:bolder;font-size:var(--text-body);justify-content:center;align-items:center;display:flex;@media (width<768px){justify-self:center;transform:rotate(90deg)}}.compare-pairs__note,.compare-chain__note,.compare-flows__note{color:var(--color-text-soft);font-size:var(--text-caption);line-height:1.7}.compare-chain{gap:var(--space-6)}.compare-chain__steps{grid-template-columns:repeat(var(--column-count), minmax(0, 1fr));gap:var(--space-3);display:grid;@media (width<768px){gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}.compare-chain__step{@media (width<768px){flex-direction:row;align-items:center}}.compare-chain__marker{align-items:center;width:100%;display:flex;@media (width<768px){width:auto}}.compare-chain__number{border-radius:var(--radius-full);background:var(--color-action);width:30px;height:30px;color:var(--color-text-on-dark);font-family:var(--font-mono);font-size:var(--text-caption);flex:none;place-items:center;font-weight:700;display:grid}.compare-chain__line{height:2px;margin-left:var(--space-2);background:var(--color-line-strong);flex:1;@media (width<768px){display:none}}.compare-chain__label{font-size:var(--text-small);word-break:auto-phrase;font-weight:700;line-height:1.55}.compare-chain__note{padding-top:var(--space-4);border-top:1px solid var(--color-line-soft)}@container (width<720px){.compare-chain--wide .compare-chain__steps{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.compare-chain--wide .compare-chain__step{flex-direction:row;align-items:center}.compare-chain--wide .compare-chain__marker{width:auto}.compare-chain--wide .compare-chain__line{display:none}}.compare-flows__title{font-size:var(--text-small);font-weight:700}.compare-flows__grid{grid-template-columns:repeat(var(--column-count), minmax(0, 1fr));gap:var(--space-5);display:grid;@media (width<768px){grid-template-columns:minmax(0,1fr)}}.compare-flow{gap:var(--space-5);min-width:0;padding:var(--space-6) var(--space-6) var(--space-7);border-top:4px solid var(--color-text);border-radius:var(--radius-card);background:var(--color-page);box-shadow:var(--ring-line-inset);flex-direction:column;display:flex}.compare-flow--accent{border-top-color:var(--color-accent)}.compare-flow--stone{border-top-color:var(--color-text-muted)}.compare-flow__title{font-size:var(--text-body);font-weight:900;line-height:var(--leading-tight)}.compare-flow__scenes{gap:var(--space-4);flex-direction:column;display:flex}.compare-flow__scene-label{color:var(--color-text-soft);font-size:var(--text-tiny);font-weight:700}.compare-flow__route{gap:var(--space-2);font-size:var(--text-note);flex-wrap:wrap;align-items:center;font-weight:700;display:flex}.compare-flow__party{padding:3px var(--space-3);border-radius:var(--radius-chip);background:var(--color-panel-strong)}.compare-flow__arrow{color:var(--color-text-muted);font-weight:bolder}.compare-flow__meaning{font-size:var(--text-small);font-style:normal;font-weight:700;line-height:var(--leading-snug)}.compare-flow__note{color:var(--color-text-soft);font-size:var(--text-note);line-height:1.7}.compare-questions{gap:var(--space-3);flex-direction:column;display:flex}.compare-questions__item{gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);background:var(--color-panel);font-size:var(--prose-size);line-height:var(--leading-normal);grid-template-columns:28px minmax(0,1fr);align-items:start;display:grid}.compare-questions__number{border-radius:var(--radius-full);background:var(--color-action);width:28px;height:28px;color:var(--color-text-on-dark);font-family:var(--font-mono);font-size:var(--text-note);place-items:center;font-weight:700;line-height:normal;display:grid}.compare-questions__text{font-weight:700}.compare-next{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;@media (width<768px){grid-template-columns:minmax(0,1fr)}}.compare-next__card{gap:var(--space-3);min-width:0;padding:var(--space-7);border-radius:var(--radius-card);background:var(--color-page);box-shadow:var(--ring-line);flex-direction:column;display:flex}.compare-next__title{font-size:var(--text-body);font-weight:900;line-height:var(--leading-tight)}.compare-next__body{gap:var(--space-2);flex-direction:column;display:flex}.compare-next__text{color:var(--color-text-soft);font-size:var(--text-small);line-height:var(--leading-normal)}.compare-next__text--small{font-size:var(--text-note)}.compare-next__actions,.compare-actions{gap:var(--space-7);flex-direction:column;display:flex}.compare-next__actions{margin-top:var(--space-1)}.compare-article .article-rail{padding-block:var(--space-9) var(--sections-bottom)}.compare-article .rail{gap:var(--space-8)}.compare-article .rail-nav{flex:0 auto;max-height:calc(100dvh - 300px)}.rail-actions__label{margin-top:calc(-1 * var(--space-1));color:var(--color-text);font-size:var(--text-small);font-weight:900;line-height:var(--leading-tight)}.follow-cta--menu{padding-block:var(--space-4);& .follow-cta__main{gap:var(--space-4);min-height:52px;padding:var(--space-2) var(--space-7);order:1}& .follow-cta__kicker{color:var(--color-gold);font-size:var(--text-caption);display:inline}& .follow-cta__menu{padding:0 0 var(--space-4);order:0}}}