@import url('../style.css');.contents-shell{width:min(900px,calc(100% - 40px));margin:0 auto;padding:30px 0 70px}.contents-intro{max-width:700px;margin:46px 0 34px}.contents-kicker{color:var(--dim);font:11px Consolas,monospace;letter-spacing:.14em}.contents-title{margin:8px 0 14px;font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.04em}.contents-description{color:var(--muted)}.sin-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.sin-group{width:100%;min-width:0;box-sizing:border-box}.sin-group{--sin-accent:#9AA3AC;--sin-border:var(--border);--sin-panel:var(--panel);--sin-panel-light:var(--panel-hover);overflow:hidden;border:1px solid color-mix(in srgb,var(--sin-border) 60%,var(--border));border-left:3px solid color-mix(in srgb,var(--sin-accent) 65%,transparent);background:linear-gradient(105deg,color-mix(in srgb,var(--sin-panel) 68%,var(--bg)),var(--bg) 78%);transition:border-color .18s ease,background .18s ease}.sin-group:hover{border-color:color-mix(in srgb,var(--sin-accent) 65%,var(--border))}.sin-group[open]{background:linear-gradient(105deg,color-mix(in srgb,var(--sin-panel) 78%,var(--bg)),var(--bg) 82%)}.sin-group summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;min-width:0;box-sizing:border-box}.sin-group summary:focus-visible{outline:2px solid var(--sin-accent);outline-offset:-4px}.sin-name{min-width:0;overflow-wrap:anywhere}.sin-group summary::-webkit-details-marker{display:none}.sin-group summary::after{content:'+';justify-self:end;color:color-mix(in srgb,var(--sin-accent) 72%,var(--muted));font:20px/1 Consolas,monospace}.sin-group[open] summary::after{content:'−'}.sin-name{font-size:16px;color:var(--text)}.sin-count{color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em;opacity:.78;text-align:right;white-space:nowrap}.sin-items{padding:0 20px 18px}.sin-items a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid color-mix(in srgb,var(--sin-border) 48%,var(--border));color:var(--text);text-decoration:none}.sin-items a:hover{color:var(--sin-accent)}.sin-type{color:var(--muted);font:10px Consolas,monospace;text-transform:uppercase}.sin-empty{margin:0;padding:14px 0 2px;border-top:1px solid color-mix(in srgb,var(--sin-border) 48%,var(--border));color:var(--muted);font-size:13px;opacity:.8}@media(max-width:600px){.contents-shell{width:calc(100% - 28px)}.sin-group summary{grid-template-columns:minmax(0,1fr) auto 14px;gap:8px;padding:16px 14px}.sin-name{font-size:15px}.sin-items{padding:0 14px 16px}.sin-count{font-size:8px;letter-spacing:.03em}.sin-items a{align-items:flex-start}.sin-type{white-space:nowrap}}.contents-archive-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--dim);font:10px Consolas,monospace;letter-spacing:.08em}.contents-archive-link .reader-link{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-bright);font:11px Consolas,monospace;letter-spacing:.04em}.contents-archive-link .reader-link:hover{color:var(--accent);border-color:var(--accent)}.site-footer{flex-wrap:wrap;align-items:center;line-height:1.7}.site-footer span{min-width:0}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px solid var(--border-bright)}.site-footer a:hover{color:var(--text);border-color:var(--accent)}@media (max-width:700px){.site-footer{gap:10px 18px}.site-footer span{flex-basis:100%}}.reader-nav{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:24px;padding:18px 0;border-bottom:1px solid var(--border);color:var(--muted);font:11px Consolas,monospace;letter-spacing:.08em}.reader-nav a{display:inline-block;padding:5px 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-bright)}.reader-nav a:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:600px){.reader-nav{gap:16px}} /* Не допускает выхода навигации за ширину экрана. */ .reader-nav{gap:clamp(10px,3vw,24px)} .reader-nav a{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal} .contents-archive-link{min-width:0} .contents-archive-link>span,.contents-archive-link>.reader-link{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal} @media(max-width:420px){.reader-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.reader-nav a:last-child{text-align:right}.contents-archive-link{align-items:flex-start;flex-direction:column}.contents-archive-link .reader-link{line-height:1.6}}

/* Выбор языка и переход к инструкции для переводчиков. */
.language-control{position:relative;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;width:min(1080px,calc(100% - 36px));margin:0 auto 20px;font:10px Consolas,"Courier New",monospace;letter-spacing:.04em}.language-toggle,.language-choice{padding:9px 12px;border:1px solid var(--border-bright,#454c53);background:var(--panel,#131619);color:var(--text,#e5e8eb);font:inherit;cursor:pointer}.language-toggle:hover,.language-choice:hover{border-color:var(--accent,#c6ccd2)}.language-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:50;display:grid;gap:5px;min-width:190px;padding:8px;border:1px solid var(--border-bright,#454c53);background:var(--bg,#0c0e10);box-shadow:0 10px 28px rgba(0,0,0,.35)}.language-menu[hidden]{display:none}.language-menu .language-choice{text-align:left}.translation-guide-link{display:block;padding:10px 12px;border-top:1px solid var(--border,#292e33);color:var(--text,#e5e8eb);line-height:1.5}.translation-guide-link:hover{color:var(--accent,#c6ccd2)}.language-choice[aria-pressed="true"]{border-color:var(--accent,#c6ccd2);background:var(--panel-hover,#191d21)}@media(max-width:600px){.language-control{width:calc(100% - 28px);justify-content:flex-start}.language-menu{left:0;right:auto;max-width:calc(100vw - 28px)}}

/* Навигация и содержимое инструкции для переводчиков выровнены по одной центральной оси. */
.translation-shell .reader-nav{display:flex;width:100%;max-width:760px;margin:0 auto;box-sizing:border-box;}
.translation-shell .translation-content{display:block;width:100%;max-width:760px;margin:28px auto;box-sizing:border-box;}