:root{--quality-panel:rgba(15,20,34,.9);--quality-line:rgba(139,156,210,.24);--quality-text:#c9d1e4;--quality-accent:#78ddff}
.quality-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.quality-nav a{color:var(--quality-accent);font-size:14px;font-weight:750;text-decoration:none}
.quality-guide{width:min(1040px,calc(100% - 32px));margin:38px auto 80px;padding:clamp(22px,4vw,42px);border:1px solid var(--quality-line);border-radius:26px;background:var(--quality-panel);box-shadow:0 28px 90px rgba(0,0,0,.32);color:#f8f9ff}
.quality-guide .quality-meta{margin:0 0 10px;color:#8fa0bb;font-size:14px}
.quality-guide h2{margin:0 0 16px;font-size:clamp(28px,5vw,44px);line-height:1.12;letter-spacing:-.025em}
.quality-guide h3{margin:0 0 10px;font-size:21px;line-height:1.25}
.quality-guide p{margin:0 0 15px;color:var(--quality-text);font-size:16px;line-height:1.78}
.quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.quality-card{padding:22px;border:1px solid var(--quality-line);border-radius:18px;background:rgba(5,8,18,.5)}
.quality-card:last-child:nth-child(odd){grid-column:1/-1}
.quality-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--quality-line)}
.quality-links a{display:inline-flex;padding:10px 14px;border:1px solid var(--quality-line);border-radius:12px;color:var(--quality-accent);font-weight:750;text-decoration:none}
.quality-guide a:focus-visible,.quality-nav a:focus-visible{outline:3px solid #43d9ff;outline-offset:3px}
@media(max-width:760px){.quality-nav{flex:1 1 100%;width:100%;min-width:0;max-width:100%;justify-content:flex-start}.quality-nav a{min-width:0;max-width:100%;overflow-wrap:anywhere}.quality-guide{width:calc(100% - 20px);margin:24px auto 72px;padding:18px}.quality-grid{grid-template-columns:1fr}.quality-card:last-child:nth-child(odd){grid-column:auto}.quality-guide p{font-size:15px}}