@import url('./design-fonts.css');
@import url('./design-tokens.css');
*{box-sizing:border-box}html{background:var(--hv-canvas);color:var(--hv-ink);font:16px/1.6 var(--hv-font-body)}body{margin:0}a{color:var(--hv-link);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--hv-focus);outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;background:var(--hv-raised);padding:12px;z-index:2}.skip:focus{top:12px}.public-header{display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:24px;padding:24px 4vw;border-bottom:1px solid var(--hv-seam);background:var(--hv-surface)}.brand{font:600 28px/1 var(--hv-font-display);letter-spacing:.08em;text-decoration:none;color:var(--hv-ink)}.brand span{display:block;margin-top:10px;font:10px/1.5 var(--hv-font-mono);letter-spacing:.05em}.public-header nav,.preferences{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.public-header a,.preferences a{min-height:44px;display:inline-flex;align-items:center}.public-header .brand{display:block}.preferences{font-size:13px;gap:12px}main{max-width:1120px;margin:0 auto;padding:48px 32px 64px}.eyebrow{font:12px/1.5 var(--hv-font-mono);letter-spacing:.08em;color:var(--hv-muted);border-top:3px solid var(--hv-seam);padding-top:20px}h1{font:600 clamp(2.1rem,4.8vw,3.7rem)/1.12 var(--hv-font-display);max-width:24ch;margin:28px 0 24px;overflow-wrap:anywhere}html[lang=ru] h1,html[lang=ru] h2{font-family:var(--hv-font-body)}.lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:72ch;color:var(--hv-muted);margin-bottom:40px}.guide-sections{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--hv-seam);background:var(--hv-surface)}.guide-sections section{display:grid;grid-template-columns:30% 1fr;gap:32px;padding:28px 32px;border-bottom:1px solid var(--hv-line)}.guide-sections section:last-child{border-bottom:0}h2{font:600 25px/1.3 var(--hv-font-display);margin:0 0 16px}p{margin:0 0 20px}p:last-child{margin-bottom:0}.guide-sections h2,.guide-sections p{margin:0}.protocol{margin-top:24px;border:1px solid var(--hv-seam);background:var(--hv-panel);padding:20px 24px}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.65 var(--hv-font-mono);padding:24px 0 0;margin:0}.next{margin-top:48px;padding-top:32px;border-top:1px solid var(--hv-seam)}.public-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:12px 0 28px}.public-links a{padding:14px 0;border-bottom:1px solid var(--hv-line)}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--hv-primary);color:var(--hv-primary-ink);padding:12px 20px;text-decoration:none;border:1px solid var(--hv-seam);margin:8px 16px 8px 0;font-weight:600}.topic-list article,.discussion,.reply{padding:28px 32px;background:var(--hv-surface);border:1px solid var(--hv-line);margin-bottom:16px;overflow-wrap:anywhere}.topic-list article p{max-width:85ch}.key{font:12px/1.6 var(--hv-font-mono);overflow-wrap:anywhere;color:var(--hv-muted)}.user-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}time{font:12px/1.5 var(--hv-font-mono);color:var(--hv-muted)}.discussion+section{margin-top:32px}.pagination{display:flex;gap:24px;margin:24px 0}.pagination a{padding:12px 20px;border:1px solid var(--hv-control-line);background:var(--hv-surface)}footer{max-width:1120px;margin:auto;padding:32px;border-top:1px solid var(--hv-seam);color:var(--hv-muted);font-size:13px}footer p{max-width:90ch}@media(max-width:1000px){.public-header{grid-template-columns:1fr auto}.public-header nav{grid-row:2;grid-column:1/-1}}@media(max-width:640px){.public-header{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.public-header nav{gap:0 20px}.preferences{gap:8px}.brand{font-size:24px}.brand span{font-size:8px}main{padding:28px 16px 48px}.guide-sections section{grid-template-columns:1fr;gap:12px;padding:24px 20px}.public-links{grid-template-columns:1fr}.topic-list article,.discussion,.reply{padding:24px 20px}.protocol{padding:16px}footer{padding:24px 16px}.primary{margin-right:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(forced-colors:active){.primary{border:2px solid ButtonText}.guide-sections,.reply,.discussion{border:1px solid CanvasText}}