.guide-language{max-width:100%;font-size:13px;position:relative}.guide-language summary{cursor:pointer;border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:12px}.guide-language-links{background:var(--panel);border:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.guide-language-links a{overflow-wrap:anywhere;min-height:44px;padding:12px}.guide-language:focus-within{outline:2px solid var(--signal);outline-offset:3px}.guide-main,.guide-section,.guide-tool{min-width:0}.guide-main p,.guide-main a,.guide-main th,.guide-main td{overflow-wrap:anywhere}.guide-tool button{white-space:normal;max-width:100%;min-height:44px;margin-inline-end:8px}[dir=rtl] .guide-heading h1{letter-spacing:normal}.guide-main{max-width:1000px;padding-block:28px 72px}.guide-nav{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.guide-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:12px;line-height:1.6;display:flex}.guide-breadcrumb a,.guide-main a:not(.button-primary){text-underline-offset:3px;text-decoration:underline}.guide-heading h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(32px,5vw,54px);line-height:1.08}.guide-heading>p:not(.kicker),.guide-intro{color:var(--muted);max-width:78ch;font-size:16px;line-height:1.8}.guide-heading time{color:var(--muted);font-size:12px}.guide-intro{margin:24px 0}.guide-section{margin-block:36px}.guide-section h2{letter-spacing:-.025em;font-size:24px;line-height:1.25}.guide-section p{color:var(--muted);max-width:78ch;line-height:1.8}.guide-section code{overflow-wrap:anywhere}.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.guide-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px;display:block;text-decoration:none!important}.guide-card strong{font-size:16px;display:block}.guide-card p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.guide-card:hover{border-color:var(--signal)}.guide-table-wrap{overflow:auto}.guide-table{border-collapse:collapse;width:100%;font-size:14px}.guide-table caption{text-align:start;color:var(--muted);margin-bottom:12px}.guide-table th,.guide-table td{text-align:start;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:14px 10px}.guide-table th{color:var(--muted)}.guide-related{flex-wrap:wrap;gap:14px;line-height:1.8;display:flex}.guide-main input{border:1px solid var(--line2);background:var(--panel);width:100%;min-width:0;min-height:44px;color:var(--ink);border-radius:6px;padding:10px}.guide-main label{color:var(--muted);gap:8px;font-size:13px;display:grid}.guide-main :focus-visible,.guide-nav :focus-visible{outline:2px solid var(--signal);outline-offset:4px}.guide-tool{border:1px solid var(--line2);background:var(--panel);border-radius:12px;margin-block:24px;padding:22px}.guide-tool h2{margin-top:0;font-size:20px}.guide-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.guide-tool output{color:var(--signal);overflow-wrap:anywhere;margin:16px 0;font-size:22px;font-weight:600;display:block}.guide-tool button{margin-right:8px;margin-block:4px}.guide-tool p{color:var(--muted);font-size:13px;line-height:1.7}.guide-error{min-height:22px;color:#d92d20!important}.guide-answer{background:var(--signal-soft);border:1px solid var(--line);border-radius:8px;padding:18px;line-height:1.7}.guide-preview{border:1px solid var(--signal);background:var(--signal-soft);font-variant-numeric:tabular-nums;place-items:center;max-width:280px;max-height:220px;margin:20px auto;display:grid}.guide-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-stats div{border:1px solid var(--line);border-radius:6px;padding:14px}.guide-stats span{color:var(--muted);font-size:12px}.guide-stats output{font-size:18px}@media (width<=680px){.guide-cards{grid-template-columns:1fr}.guide-nav{gap:10px}.guide-nav a{align-items:center;min-height:32px;display:flex}.guide-main{padding-top:20px}.guide-tool{padding:16px}.guide-fields,.guide-stats{grid-template-columns:1fr}.guide-heading h1{overflow-wrap:anywhere}.site-header:has(.guide-nav) .nav{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding-block:14px}}
