:root{--color-paper:#f6f3ed;--color-paper-shade:#ebe6dc;--color-paper-warm:#f1e8dc;--color-ink:#1f2522;--color-coffee:#6b4636;--color-clay:#b86f4b;--color-sage:#7b8d78;--color-muted:#5c574f;--color-line:#d6d1c7;--hub-path-media-opacity:.5;--hub-path-media-opacity-hover:.62;--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-serif:"Noto Serif TC", "PMingLiU", "Times New Roman", serif;--font-size-body:1.375rem;--font-weight-body:600;--font-weight-title:700;--line-height-body:1.9;--measure-article:72rem;--space-xs:.5rem;--space-s:.75rem;--space-m:1.25rem;--space-l:2rem;--space-xl:3.5rem;--space-2xl:5rem;--radius-m:14px;--duration-fast:.18s;--page-gutter:1.25rem;--page-max:72rem;--header-height:4.25rem}html[lang=en-US]{--font-sans:"Noto Sans", Arial, sans-serif;--font-serif:"Noto Serif", Georgia, serif;--font-size-body:1.125rem;--font-weight-body:400;--line-height-body:1.75}@media (width>=800px){:root{--header-height:5.5rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:.015em;text-rendering:optimizelegibility;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:var(--font-weight-title)}.site-header{z-index:10;background:var(--color-paper);border-bottom:1px solid var(--color-line);position:sticky;top:0}.site-header__inner{min-height:var(--header-height);max-width:var(--page-max);padding:.4rem var(--page-gutter);justify-content:space-between;align-items:center;gap:.15rem var(--space-l);flex-wrap:nowrap;margin:0 auto;display:flex;position:relative}.site-logo{color:var(--color-coffee);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.site-logo__mark{object-fit:cover;object-position:center;background:0 0;border-radius:50%;width:2.75rem;height:2.75rem}.site-logo__name{font-family:var(--font-serif);font-size:1.4rem;font-weight:var(--font-weight-title);letter-spacing:.03em}html[lang=en-US] .site-logo__name{letter-spacing:0}html[lang=en-US] .site-nav__link{letter-spacing:.01em}.site-header .site-logo{gap:.5rem}.site-header .site-logo__mark{width:2.75rem;height:2.75rem}.site-header .site-logo__name{font-size:1.4rem}.site-nav-toggle{margin-left:auto}.site-nav-toggle__button{cursor:pointer;width:2.75rem;height:2.75rem;color:var(--color-ink);border-radius:var(--radius-m);justify-content:center;align-items:center;list-style:none;display:inline-flex}.site-nav-toggle__button::-webkit-details-marker{display:none}.site-nav-toggle__button::marker{content:""}.site-nav-toggle__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.45rem;height:1.45rem}.site-nav-toggle__icon--close,.site-nav-toggle[open] .site-nav-toggle__icon--menu{display:none}.site-nav-toggle[open] .site-nav-toggle__icon--close{display:block}.site-nav-toggle[open] .site-nav-toggle__button{color:var(--color-clay)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-nav{z-index:11;padding:var(--space-s) var(--page-gutter) var(--space-m);background:var(--color-paper);border-bottom:1px solid var(--color-line);font-family:var(--font-sans);flex-direction:column;gap:0;display:flex;position:absolute;top:100%;left:0;right:0}.site-nav__link{min-height:2.75rem;color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.04em;border-bottom:1px solid var(--color-line);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;flex-direction:row;justify-content:flex-start;align-items:center;gap:.45rem;padding:.35rem 0;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex}.site-nav__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.15rem;height:1.15rem}.site-nav__icon--cup{width:1.35rem;height:1.35rem}.site-nav__icon--sprout{width:1.4rem;height:1.4rem}.site-nav__icon--list{width:1.25rem;height:1.25rem}.site-nav__label{white-space:nowrap;line-height:1.2}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--color-clay);border-bottom-color:var(--color-clay)}.site-nav--bar{display:none}@media (width>=800px){.site-header__inner{padding:.65rem var(--page-gutter);gap:var(--space-s) var(--space-l);flex-wrap:nowrap}.site-header .site-logo__mark,.site-footer .site-logo__mark{width:3.35rem;height:3.35rem}.site-header .site-logo__name,.site-footer .site-logo__name{font-size:1.575rem}.site-nav-toggle{display:none}.site-nav--bar{background:0 0;border:0;flex-flow:wrap;justify-content:flex-end;gap:.35rem 1.15rem;width:auto;padding:0;display:flex;position:static}.site-nav__link{border-bottom:1px solid #0000;flex:none;justify-content:center;gap:.4rem;min-height:auto;padding:0 0 .15rem;font-size:1.15rem}html[lang=en-US] .site-nav--bar{gap:.35rem .8rem}html[lang=en-US] .site-nav__link{font-size:1rem}.site-nav__icon{width:1.2rem;height:1.2rem}.site-nav__icon--cup{width:1.4rem;height:1.4rem}.site-nav__icon--sprout{width:1.45rem;height:1.45rem}.site-nav__icon--list{width:1.3rem;height:1.3rem}}.site-main{max-width:var(--page-max);padding:var(--space-xl) var(--page-gutter) var(--space-2xl);margin:0 auto}.site-footer{border-top:1px solid var(--color-line);background:var(--color-paper-shade)}.site-footer__inner{max-width:var(--page-max);padding:var(--space-l) var(--page-gutter);gap:var(--space-s);margin:0 auto;display:grid}.site-footer .site-logo{gap:.5rem}.site-footer .site-logo__mark{width:2.75rem;height:2.75rem}.site-footer .site-logo__name{font-size:1.4rem}.site-footer__mark{font-family:var(--font-serif);color:var(--color-coffee)}.site-footer__tagline{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-body);letter-spacing:.02em;color:var(--color-muted);line-height:1.75}.site-footer__links{flex-wrap:wrap;gap:.35rem 1.15rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a{color:var(--color-coffee);font-family:var(--font-sans);font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.02em}.site-footer__copy{font-family:var(--font-sans);font-size:.8125rem;font-weight:var(--font-weight-body);letter-spacing:.02em;color:var(--color-sage);margin:0;line-height:1.7}.site-footer__copy a{color:var(--color-coffee)}.breadcrumb{color:var(--color-sage);margin-bottom:var(--space-m);flex-wrap:wrap;gap:.4rem;font-size:1rem;display:flex}.breadcrumb a{color:var(--color-coffee)}.section-kicker{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage);margin-bottom:var(--space-xs)}.button{border-radius:var(--radius-m);min-height:2.875rem;font-weight:var(--font-weight-body);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:1.15rem;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-clay);color:var(--color-paper)}.button--primary:hover{background:var(--color-coffee)}.button--ghost{border:1px solid var(--color-line);color:var(--color-coffee)}.button--ghost:hover{background:var(--color-paper-shade)}.caption{color:var(--color-sage);margin-top:var(--space-xs);font-size:.875rem}.theme-card__title,.knowledge-map__name,.pick-card__title,.compare-entry__title,.hub-path__name,.related-card__title{font-family:var(--font-serif);font-size:1.6rem;font-weight:var(--font-weight-title);letter-spacing:.015em;color:var(--color-coffee);line-height:1.35}.theme-card__text,.knowledge-map__text,.pick-card__text,.compare-entry__text,.hub-path__note,.related-card__text{font-family:var(--font-serif);font-size:1.15rem;font-weight:var(--font-weight-title);letter-spacing:.015em;color:var(--color-ink);line-height:1.6}.home-entrance{width:100%;margin:0}.home-entrance picture{width:100%;display:block}.home-entrance img{object-fit:cover;object-position:center;width:100%;height:min(68vh,34rem)}.home-hero{gap:var(--space-m);margin-bottom:var(--space-2xl);max-width:40rem;display:grid}.home-hero__title{font-family:var(--font-serif);color:var(--color-coffee);font-size:clamp(2.125rem,5vw,3.3rem);line-height:1.35;font-weight:var(--font-weight-title);letter-spacing:.01em}.home-hero__lead{margin-top:var(--space-s);max-width:36rem;font-family:var(--font-serif);font-size:1.325rem;font-weight:var(--font-weight-body);letter-spacing:.02em;line-height:1.9}.home-hero__actions{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.home-hero__figure{border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);margin:0;overflow:hidden}.home-hero__figure img{aspect-ratio:16/9;object-fit:cover;width:100%}.theme-grid{gap:var(--space-m);margin-top:var(--space-l);display:grid}.theme-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-m);transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;text-decoration:none;display:grid;overflow:hidden}.theme-card:hover{border-color:var(--color-clay);background:var(--color-paper-shade)}.theme-card picture{width:100%;display:block}.theme-card__media{aspect-ratio:4/3;object-fit:cover;width:100%}.theme-card--wide .theme-card__media{aspect-ratio:4/5;object-position:18% 50%}.theme-card__body{padding:var(--space-m);gap:.35rem;display:grid}.theme-card__title,.theme-card__text{margin:0}.home-section{margin-bottom:var(--space-2xl)}.home-section__title{font-family:var(--font-serif);font-size:clamp(1.725rem,3vw,2.25rem);font-weight:var(--font-weight-title);color:var(--color-coffee)}.knowledge-map{gap:var(--space-s);margin-top:var(--space-l);display:grid}.knowledge-map__item{border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper);color:var(--color-ink);transition:border-color var(--duration-fast) ease;grid-template-columns:6.5rem minmax(0,1fr);align-items:stretch;gap:0;padding:0;text-decoration:none;display:grid;overflow:hidden}.knowledge-map__item:hover{border-color:var(--color-sage)}.knowledge-map picture{width:100%;height:100%;display:block}.knowledge-map__media{object-fit:cover;width:100%;height:100%;min-height:6.5rem}.knowledge-map__body{padding:var(--space-m);align-content:center;gap:.2rem;display:grid}.knowledge-map__step{font-family:var(--font-serif);font-size:.875rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-clay)}.knowledge-map__name,.knowledge-map__text{margin:0}.pick-list,.compare-entry-list{gap:var(--space-s);margin-top:var(--space-l);display:grid}.pick-card,.compare-entry{padding:var(--space-m);border-left:3px solid var(--color-clay);background:var(--color-paper-shade);border-radius:0 var(--radius-m) var(--radius-m) 0;gap:.3rem;text-decoration:none;display:grid}.pick-card__title,.compare-entry__title,.pick-card__text,.compare-entry__text{margin:0}.trust-panel{padding:var(--space-l);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);gap:var(--space-s);max-width:42rem;font-family:var(--font-serif);font-size:1.3rem;font-weight:var(--font-weight-body);letter-spacing:.02em;color:var(--color-muted);line-height:1.85;display:grid}@media (width>=720px){.theme-grid{grid-template-columns:1.2fr 1fr}.theme-card{height:100%}.theme-card--wide{grid-row:span 2;grid-template-rows:minmax(0,1fr) auto}.theme-card--wide .theme-card__media{aspect-ratio:auto;object-fit:cover;object-position:18% 50%;height:100%;min-height:0}.knowledge-map{grid-template-columns:repeat(5,minmax(0,1fr))}.knowledge-map__item{grid-template-columns:1fr}.knowledge-map__media{height:7.5rem;min-height:0}}@media (width>=960px){.theme-grid{grid-template-columns:1.15fr 1fr 1fr}.theme-card--wide{grid-row:span 2}}.hub-intro{max-width:var(--measure-article);margin-bottom:var(--space-xl)}.hub-intro__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);color:var(--color-coffee);line-height:1.25}.hub-intro__lead{margin-top:var(--space-m);font-family:var(--font-serif);font-size:1.325rem;font-weight:var(--font-weight-body);letter-spacing:.02em;line-height:1.9}.hub-figure{margin:0 0 var(--space-xl);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);overflow:hidden}.hub-figure picture{display:block}.hub-figure img{width:100%;height:auto;display:block}.hub-path{gap:var(--space-l);display:grid}.hub-path__group{gap:var(--space-s);display:grid}.hub-path__label{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage)}.hub-path__list{gap:var(--space-s);margin:0;padding:0;list-style:none;display:grid}.hub-path__list li{display:grid}.hub-path__link{--hub-path-media-peak:var(--hub-path-media-opacity);isolation:isolate;padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper);transition:border-color var(--duration-fast) ease;gap:.2rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.hub-path__list li:nth-child(3n+2) .hub-path__link{background:var(--color-paper-shade)}.hub-path__list li:nth-child(3n) .hub-path__link{background:var(--color-paper-warm)}.hub-path__link:hover{--hub-path-media-peak:var(--hub-path-media-opacity-hover);border-color:var(--color-clay)}.hub-path__media{z-index:0;pointer-events:none;width:50%;-webkit-mask-image:linear-gradient(to left, rgb(0 0 0/var(--hub-path-media-peak)), transparent);mask-image:linear-gradient(to left, rgb(0 0 0/var(--hub-path-media-peak)), transparent);position:absolute;inset-block:0;inset-inline-end:0}.hub-path__media picture,.hub-path__media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hub-path__body{z-index:1;gap:.2rem;max-width:70%;display:grid;position:relative}.hub-path__name,.hub-path__note{margin:0}.hub-path__link[aria-current=page]{border-color:var(--color-sage)}@media (width>=800px){.hub-path__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-layout{gap:var(--space-xl);display:grid}.article-hero__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);color:var(--color-coffee);line-height:1.25}.article-answer{margin-top:var(--space-m);max-width:var(--measure-article);font-family:var(--font-serif);font-size:1.3rem;font-weight:var(--font-weight-body);letter-spacing:.02em;line-height:1.9}html[lang=en-US] .article-answer{letter-spacing:0;font-size:1.2rem;font-weight:400;line-height:1.75}.article-meta{margin-top:var(--space-m);color:var(--color-sage);flex-wrap:wrap;gap:.4rem 1rem;font-size:1rem;display:flex}.guide-disclosure{margin-top:var(--space-m);max-width:var(--measure-article);font-family:var(--font-serif);color:var(--color-sage);font-size:1rem;line-height:1.7}.article-end .guide-disclosure{margin:0 0 var(--space-m)}.article-figure{margin:0 0 var(--space-l);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);overflow:hidden}.article-figure picture,.hub-figure picture{display:block}.article-figure img{width:100%;height:auto;display:block}.article-figure--mid{max-width:36rem}.article-figure--small{max-width:20rem}.article-figure figcaption,.prose .article-figure figcaption{color:var(--color-sage);padding:.7rem .9rem .9rem;font-size:.9375rem;line-height:1.6}.prose .article-figure{margin:var(--space-m) 0 var(--space-l)}.article-toc{padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);font-size:1.0625rem;line-height:1.6}.article-toc__title{letter-spacing:.08em;color:var(--color-sage);margin-bottom:var(--space-s);font-size:.875rem}.article-toc ol{gap:.35rem;margin:0;padding-left:1.15rem;display:grid}.article-toc a{color:var(--color-coffee)}.prose{max-width:var(--measure-article);font-family:var(--font-serif);font-weight:var(--font-weight-body);letter-spacing:.02em;gap:1.15rem;font-size:1.25rem;line-height:1.9;display:grid}html[lang=en-US] .prose{letter-spacing:0;font-size:1.125rem;font-weight:400;line-height:1.75}html[lang=en-US] .source-list,html[lang=en-US] .faq-item,html[lang=en-US] .process-switch__steps{letter-spacing:0;font-size:1.0625rem;font-weight:400}.prose h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:var(--font-weight-title);color:var(--color-coffee);margin-top:var(--space-s);scroll-margin-top:calc(var(--header-height) + 1rem)}.prose h3{font-size:1.3rem;font-weight:var(--font-weight-title);color:var(--color-coffee)}.prose a{color:var(--color-coffee)}.prose ul{gap:.45rem;margin:0;padding-left:1.25rem;display:grid}.process-switch{gap:var(--space-s);margin:var(--space-l) 0 var(--space-xl);display:grid}.process-switch__tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.process-switch__tab{appearance:none;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-coffee);border-radius:var(--radius-m);font-family:var(--font-serif);font-size:1.15rem;font-weight:var(--font-weight-title);letter-spacing:.015em;cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;align-items:center;padding:.45rem .85rem;text-decoration:none;display:inline-flex}.process-switch__tab:hover{border-color:var(--color-clay)}.process-switch__tab.is-active{background:var(--color-clay);color:var(--color-paper);border-color:var(--color-clay)}.process-switch__panel{padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper-shade);display:none}.process-switch__panel.is-active{gap:var(--space-s);display:grid}.process-switch__title,.prose .process-switch__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:var(--font-weight-title);letter-spacing:.015em;color:var(--color-coffee);line-height:1.35}.process-switch__steps{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-body);letter-spacing:.015em;color:var(--color-muted);margin:0;padding-left:1.25rem;line-height:1.8}.process-switch__fallback{gap:var(--space-s);display:grid}.source-list,.faq-list{gap:var(--space-m);max-width:var(--measure-article);margin:0;padding:0;list-style:none;display:grid}.source-list{font-family:var(--font-serif);letter-spacing:.02em;font-size:1.15rem;line-height:1.7}.source-list a{font-family:var(--font-serif);font-weight:var(--font-weight-title);color:var(--color-coffee)}.related-list{gap:var(--space-m);max-width:var(--measure-article);margin:0;padding:0;list-style:none;display:grid}.related-list li{display:grid}.related-card{height:100%;padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper);align-content:start;gap:.35rem;text-decoration:none;display:grid}.related-list li:nth-child(3n+1) .related-card{background:var(--color-paper)}.related-list li:nth-child(3n+2) .related-card{background:var(--color-paper-shade)}.related-list li:nth-child(3n) .related-card{background:var(--color-paper-warm)}.related-card:hover{border-color:var(--color-clay)}.related-card__title,.related-card__text{margin:0}@media (width>=800px){.related-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.faq-item{padding:var(--space-m);border:1px solid var(--color-line);border-radius:var(--radius-m);font-family:var(--font-serif);letter-spacing:.02em;font-size:1.15rem;line-height:1.8}.faq-item h3{font-size:1.15rem;font-weight:var(--font-weight-title);color:var(--color-coffee);margin-bottom:.7rem}.article-end{gap:var(--space-2xl);margin-top:var(--space-xl);display:grid}.article-end .home-section__title{margin:0 0 var(--space-l)}@media (width>=960px){.article-layout:has(.article-toc){grid-template-columns:minmax(0,1fr) 16rem;align-items:start}.article-toc{top:calc(var(--header-height) + 1.25rem);position:sticky}}.compare-hero{max-width:var(--measure-article);margin-bottom:var(--space-xl)}.compare-hero__title{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,3.2rem);font-weight:var(--font-weight-title);color:var(--color-coffee);line-height:1.25}.compare-hero__verdict{margin-top:var(--space-m);font-family:var(--font-serif);font-size:1.425rem;font-weight:var(--font-weight-body);letter-spacing:.02em;line-height:1.9}.compare-note{margin:var(--space-l) 0;padding:var(--space-m);border-left:3px solid var(--color-sage);max-width:var(--measure-article)}.compare-cards{gap:var(--space-m);display:grid}.compare-card{border:1px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-m);gap:var(--space-s);background:var(--color-paper);display:grid}.compare-card__axis{font-size:.9375rem;font-weight:var(--font-weight-body);letter-spacing:.08em;color:var(--color-sage)}.compare-card__pair{gap:var(--space-s);display:grid}.compare-card__side h3{font-size:1.15rem;font-weight:var(--font-weight-title);color:var(--color-coffee);overflow-wrap:break-word}@media (width>=800px){.compare-cards{display:none}.compare-table-wrap{display:block;overflow-x:auto}}@media (width<=799px){.compare-table-wrap{display:none}}.compare-table{border-collapse:collapse;width:100%;min-width:36rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;padding:.85rem .75rem}.compare-table th{font-family:var(--font-serif);color:var(--color-coffee);font-weight:var(--font-weight-title)}.compare-table__axis{color:var(--color-sage);width:7rem}.token-grid{gap:var(--space-m);margin:var(--space-l) 0 var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.token-swatch{border:1px solid var(--color-line);border-radius:var(--radius-m);overflow:hidden}.token-swatch__chip{height:5.5rem}.token-swatch__chip--paper{background:var(--color-paper)}.token-swatch__chip--paper-shade{background:var(--color-paper-shade)}.token-swatch__chip--ink{background:var(--color-ink)}.token-swatch__chip--coffee{background:var(--color-coffee)}.token-swatch__chip--clay{background:var(--color-clay)}.token-swatch__chip--sage{background:var(--color-sage)}.token-swatch__chip--line{background:var(--color-line)}.token-swatch__meta{padding:var(--space-s) var(--space-m);gap:.15rem;display:grid}.token-swatch__name{font-family:var(--font-serif);color:var(--color-coffee)}.preview-type{gap:var(--space-m);margin-bottom:var(--space-2xl);display:grid}.preview-type__serif{font-family:var(--font-serif);color:var(--color-coffee);font-size:2rem}.preview-type__sans{max-width:var(--measure-article)}.component-row{gap:var(--space-s);margin-top:var(--space-m);flex-wrap:wrap;display:flex}