.article-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:28px;margin:28px 0 40px;background:var(--violet-soft)}.example,.self-check,.practice-next{padding:26px;border-radius:24px;background:white;border:1px solid var(--line)}.example .eyebrow{margin-bottom:14px}.example h2{font-size:25px;line-height:1.25}.takeaway{border-left:3px solid var(--violet);padding-left:16px}.self-check{background:var(--violet-soft)}.self-check summary,.article-faq summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600;line-height:1.45}.article-faq details{border-bottom:1px solid var(--line);padding:8px 0}.visual-note{margin:28px 0;padding:24px;background:var(--violet-soft);border-radius:24px}.visual-note svg{display:block;max-width:100%;height:auto;margin:auto;width:420px;font-family:inherit;font-size:18px;fill:var(--ink)}.visual-note figcaption{font-size:14px;color:var(--muted);margin-top:16px}.flow{display:flex;align-items:center;flex-wrap:wrap;gap:20px;color:var(--violet);font-size:24px;font-weight:700}.flow small{display:block;font-size:13px;font-weight:400;color:var(--ink)}.table-scroll{overflow:auto;max-width:100%;margin-top:24px}table{border-collapse:collapse;width:100%;background:white}caption{text-align:left;margin-bottom:12px}td,th{padding:14px;text-align:left;border:1px solid var(--line)}.public-page h2{line-height:1.22}.public-page p,.public-page li{line-height:1.65}.material-list article:hover{border-color:var(--violet)}@media(max-width:500px){.example,.self-check,.practice-next,.visual-note{padding:20px}.brand{font-size:16px}.brand img{width:32px;height:32px}.article-cover{margin-top:22px;border-radius:20px}.flow{font-size:20px;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}