:root{--space-50:.125rem;--space-100:.25rem;--space-150:.375rem;--space-200:.5rem;--space-300:.75rem;--space-400:1rem;--space-500:1.25rem;--space-600:1.5rem;--space-1000:2.5rem;--space-2000:5rem;--space-page-inline:1.5rem;--space-section:2.5rem;--radius-xs:.125rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-full:9999px;--radius-mark:.125rem;--radius-control:.375rem;--radius-surface:.625rem;--radius-pill:9999px;--border-width-thin:1px;--border-width-thick:2px}@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Regular-DWYFgYPx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Bold-COcYo0OG.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-sans:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-regular:400;--font-weight-bold:700;--font-line-height-tight:1.3;--font-line-height-ui:1.5;--font-line-height-body:1.75;--typography-title-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-title-font-size:1.5rem;--typography-title-font-weight:700;--typography-title-letter-spacing:0px;--typography-title-line-height:1.3;--typography-heading-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-heading-font-size:1.25rem;--typography-heading-font-weight:700;--typography-heading-letter-spacing:0px;--typography-heading-line-height:1.3;--typography-body-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-body-font-size:1rem;--typography-body-font-weight:400;--typography-body-letter-spacing:0px;--typography-body-line-height:1.75;--typography-ui-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-ui-font-size:1rem;--typography-ui-font-weight:400;--typography-ui-letter-spacing:0px;--typography-ui-line-height:1.5;--typography-control-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-control-font-size:1rem;--typography-control-font-weight:700;--typography-control-letter-spacing:0px;--typography-control-line-height:1.5;--typography-caption-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-caption-font-size:.875rem;--typography-caption-font-weight:400;--typography-caption-letter-spacing:0px;--typography-caption-line-height:1.5;--duration-120:.12s;--duration-160:.16s;--duration-state:.12s;--duration-press:.16s;--easing-standard:cubic-bezier(.25, .1, .25, 1);--easing-out:cubic-bezier(0, 0, .58, 1)}:where(.card-showcase) :where(*){box-sizing:border-box}:where(.card-showcase) :where(h1,h2,h3,p,ul){margin:0}.card-showcase{color:var(--color-on-surface,#242424);font-family:var(--typography-ui-font-family);font-size:var(--typography-ui-font-size);font-weight:var(--typography-ui-font-weight);line-height:var(--typography-ui-line-height)}.card-showcase:not(.card-showcase--embedded){--color-primary:#fabf14;--color-on-primary:#120d09;--color-primary-text:#7d5e03;--color-primary-container:#faefd1;--color-secondary:#316745;--color-tertiary:#674196;--color-background:#f9f9f8;--color-surface:#fefefe;--color-on-surface:#1f1f1f;--color-surface-container:#f1f0ef;--color-surface-variant:#e3e1de;--color-on-surface-variant:#4d4d4d;--color-outline:#757575;--color-focus:#a07803;--color-error:#9b442a;min-height:100vh;padding:clamp(var(--space-400), 4vw, var(--space-600));background:var(--color-background,#fff);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.card-showcase:not(.card-showcase--embedded){--lightningcss-light: ;--lightningcss-dark:initial}.card-showcase:not(.card-showcase--embedded):not([data-theme=light]){--color-primary-text:#fde191;--color-primary-container:#896a10;--color-background:#1c1b19;--color-surface:#282724;--color-on-surface:#f0f0f0;--color-surface-container:#363430;--color-surface-variant:#4c483e;--color-on-surface-variant:#c9c9c9;--color-outline:#9c988b;--color-focus:#fcd973;--color-error:#efa48e}}.card-showcase--embedded{inline-size:100%;min-inline-size:0;color:inherit;font:inherit}.card-showcase__header{gap:var(--space-100);margin-block-end:var(--space-500);display:grid}.card-showcase__eyebrow,.card-showcase__lead,.card-showcase__spec>p,.card-showcase__tokens{color:var(--color-on-surface-variant,#666);font-family:var(--typography-caption-font-family);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height)}.card-showcase__eyebrow{letter-spacing:.12em}.card-showcase h1{font-family:var(--typography-title-font-family);font-size:var(--typography-title-font-size);font-weight:var(--typography-title-font-weight);letter-spacing:var(--typography-title-letter-spacing);line-height:var(--typography-title-line-height)}.card-showcase h2{font-family:var(--typography-heading-font-family);font-size:var(--typography-heading-font-size);font-weight:var(--typography-heading-font-weight);letter-spacing:var(--typography-heading-letter-spacing);line-height:var(--typography-heading-line-height)}.card-showcase__lead{border-block-end:var(--border-width-thin) solid var(--color-outline,#d6d6d6);margin-block-start:var(--space-100);padding-block-end:var(--space-300)}.card-showcase__row{align-items:start;gap:var(--space-400);padding-block:var(--space-500);border-block-end:var(--border-width-thin) solid var(--color-outline,#d6d6d6);grid-template-columns:minmax(16rem,.9fr) minmax(0,1.8fr);display:grid}.card-showcase__spec{gap:var(--space-100);display:grid}.card-showcase__spec h3{font-family:var(--typography-control-font-family);font-size:var(--typography-control-font-size);font-weight:var(--typography-control-font-weight);line-height:var(--typography-control-line-height)}.card-showcase__tokens{gap:var(--space-100);margin-block-start:var(--space-100);display:grid}.card-showcase__tokens>div{gap:var(--space-100);grid-template-columns:minmax(3rem,max-content) minmax(0,1fr);display:grid}.card-showcase__tokens dd{min-inline-size:0;color:var(--color-on-surface,#242424)}.card-showcase__tokens dd>span{white-space:nowrap}.card-showcase__sample{inline-size:min(100%,18rem);display:grid}@media (width<=34rem){.card-showcase__row{grid-template-columns:1fr}}.card{--card-caption-line:calc(var(--typography-caption-font-size) * var(--typography-caption-line-height));--card-title-line:calc(var(--typography-body-font-size) * var(--font-line-height-tight));border-radius:var(--radius-surface);min-inline-size:0;color:var(--color-on-surface,#242424);flex-direction:column;display:flex;position:relative}.card :where(h3,p){margin:0}.card__frame{border:var(--border-width-thin) solid var(--color-surface-variant,#e3dede);border-radius:var(--radius-surface);background:var(--color-surface-container,#f0efef);order:-1;overflow:hidden}.card__cover{aspect-ratio:16/9;place-items:center;display:grid;overflow:hidden}.card__excerpt{margin:var(--space-400);-webkit-line-clamp:4;font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);-webkit-box-orient:vertical;place-self:stretch stretch;display:-webkit-box;overflow:hidden}.card__text{gap:var(--space-100);block-size:calc(var(--space-300) + var(--card-caption-line) * 2 + var(--card-title-line) + var(--space-100) * 2);flex-direction:column;padding-block-start:var(--space-300);display:flex;overflow:hidden}.card:has(.card__link:focus-visible){outline:var(--border-width-thick) solid var(--color-focus,#005fcc);outline-offset:4px}.card__title,.card__meta,.card__description{text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.card__title{font-family:var(--typography-control-font-family);font-size:var(--typography-body-font-size);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-tight)}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card__link:focus-visible{outline:none}.card__meta{color:var(--color-on-surface-variant,#666);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);order:-1}.card__description{color:var(--color-on-surface-variant,#666);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height)}.card-cover-colors{justify-content:center;gap:var(--space-200);inline-size:100%;padding-inline:var(--space-400);display:flex}.card-cover-colors>span{flex:0 1 var(--space-1000);aspect-ratio:1;border:var(--border-width-thin) solid var(--color-surface-variant,#e3dede);border-radius:var(--radius-full)}.card-cover-type{justify-items:center;gap:var(--space-100);display:grid}.card-cover-type>span{font-family:var(--typography-title-font-family);font-size:calc(var(--typography-title-font-size) * 2);font-weight:var(--font-weight-bold);line-height:1}.card-cover-type>small{color:var(--color-on-surface-variant,#666);font-size:var(--typography-caption-font-size)}.card-cover-tokens{align-items:flex-end;gap:var(--space-300);display:flex}.card-cover-tokens>span{border-radius:var(--radius-xs);background:var(--color-on-surface,#242424)}.card-cover-icons{gap:var(--space-500);display:flex}.card-cover-icons svg{block-size:2rem;inline-size:2rem;display:block}.card-cover-components{gap:var(--space-200);display:flex}.card-zoom-cover .card__cover>*{transition:transform var(--duration-press) var(--easing-out)}@media (hover:hover) and (pointer:fine){.card-zoom-cover .card:hover .card__cover>*{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.card-zoom-cover .card:hover .card__cover>*{transform:none}}