.public-intro{max-inline-size:42rem;padding:var(--space-6) var(--space-5) var(--space-10);gap:var(--space-6);margin-inline:auto;display:grid}.public-intro-languages{gap:var(--space-2);display:flex}.public-intro-languages a{min-block-size:var(--target-min);border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);flex:1;place-items:center;font-weight:700;text-decoration:none;display:grid}.public-intro-languages a[aria-current=page]{background:var(--color-yellow)}.public-intro a:focus-visible{outline:var(--focus-ring-width) solid var(--color-blue);outline-offset:var(--focus-ring-offset)}.public-intro h1{font-family:var(--font-jua), var(--font-noto-sc), sans-serif;font-size:var(--type-display);margin:0;line-height:1.35}.public-intro h1 span{display:block}.public-intro p{margin-block:var(--space-4) 0;line-height:1.8;font-size:var(--type-small)}.public-intro-note{color:var(--color-muted-readable)}.public-intro-how{padding:var(--space-5);border:var(--border-ink);border-radius:var(--radius-xl);background:var(--color-soft-yellow);box-shadow:var(--shadow-md);position:relative}.public-intro-how h2{font-size:var(--type-h2);margin:0;padding-inline-end:var(--space-8)}.public-intro-how p{margin-block-start:var(--space-2)}.public-intro-star{font-size:var(--type-h1);position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-5)}.public-intro-footer{font-size:var(--type-small);padding-block-start:var(--space-2);line-height:1.7}.public-intro-footer dl{margin:0 0 var(--space-4);gap:var(--space-3);display:grid}.public-intro-footer dt{color:var(--color-muted-readable);font-size:var(--type-caption)}.public-intro-footer dd{overflow-wrap:anywhere;margin:0}.public-intro-footer a{color:var(--color-ink);text-underline-offset:var(--space-1)}.public-intro-links{gap:var(--space-4);flex-wrap:wrap;display:flex}.public-intro:lang(ko){word-break:keep-all;overflow-wrap:break-word}.public-demo-link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);border:var(--border-ink);border-radius:var(--radius-md);color:inherit;font-weight:600;text-decoration:none;display:flex}
