.public-guide{max-width:75ch;margin-inline:auto;padding:136px 24px 72px}.public-guide>nav:first-child{color:var(--muted-foreground);font-size:var(--text-body);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.public-guide header{margin-block:28px 40px}.public-guide h1{font-size:var(--text-hero-sm);letter-spacing:-.025em;text-wrap:balance;font-weight:750;line-height:1.2}.public-guide p,.public-guide li{font-size:var(--text-body-lg);line-height:1.8}.public-guide p{color:var(--muted-foreground);margin-top:16px}.public-guide h2{font-size:var(--text-title-lg);font-weight:650;line-height:1.35}.public-guide>section,.public-guide-related{margin-top:40px;scroll-margin-top:112px}.public-guide ol,.public-guide ul{margin-top:16px;padding-left:24px}.public-guide ol{list-style:decimal}.public-guide ul{list-style:outside}.public-guide li+li{margin-top:8px}.public-guide a{color:var(--brand);text-underline-offset:4px}.public-guide a:hover{text-decoration:underline}.public-guide-contents,.public-guide-related{border-block-start:1px solid var(--border);padding-top:24px}.public-guide-contents h2{font-size:var(--text-title-sm)}.public-guide-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-body);margin-top:24px;line-height:1.65}.public-guide-table caption{text-align:start;margin-bottom:12px;font-weight:600}.public-guide-table th,.public-guide-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 10px}.public-guide-table thead th{background:var(--muted);font-weight:650}.public-guide-table tbody th{font-weight:600}.public-guide-table thead th:first-child{width:27%}.public-guide-table thead th:nth-child(2){width:19%}.public-guide-table thead th:last-child{width:54%}.public-guide-table-wide-middle thead th:first-child{width:24%}.public-guide-table-wide-middle thead th:nth-child(2){width:50%}.public-guide-table-wide-middle thead th:last-child{width:26%}.public-guide-example{border-block:1px solid var(--border);margin-top:24px;padding-block:20px}.public-guide-example h3{font-size:var(--text-title-sm);font-weight:600}.public-guide-illustration{margin-top:28px}.public-guide-illustration img{border-radius:12px;width:100%;height:auto}.public-guide-illustration figcaption{font-size:var(--text-caption);color:var(--muted-foreground);margin-top:12px;line-height:1.7}.public-guide-image-dark,.dark .public-guide-image-light{display:none}.dark .public-guide-image-dark{display:block}@media (max-width:767px){.public-guide{padding:108px 24px 48px}}.public-guide .public-guide-effective{font-size:var(--text-body);margin-top:12px}@media (pointer:coarse){.public-guide-contents li+li{margin-top:0}.public-guide-contents a{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:639px){.public-guide-table,.public-guide-table caption,.public-guide-table tbody,.public-guide-table tr,.public-guide-table th,.public-guide-table td{width:auto;display:block}.public-guide-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.public-guide-table tbody tr{border-bottom:1px solid var(--border);padding-block:16px}.public-guide-table tbody tr:first-child{border-top:1px solid var(--border)}.public-guide-table th,.public-guide-table td{overflow-wrap:break-word;border-bottom:0;padding:0}.public-guide-table td{margin-top:8px}.public-guide-table td:before{content:attr(data-label);font-size:var(--text-caption);color:var(--muted-foreground);font-weight:600;display:block}}
