*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.manual-header { background: #202b3e; color: #fff; text-align: center; padding: 35px 20px 48px; }
.manual-brand { font-size: 14px; font-weight: 800; color: #c2cbd9; }
.manual-header h1 { font-size: 42px; line-height: 1.15; font-weight: 750; margin: 12px 0 10px; }
.manual-header p { color: #c2cbd9; font-size: 16px; margin: 0; line-height: 1.6; }
.manual-main { max-width: 940px; width: calc(100% - 32px); margin: -20px auto 34px; }
.language-section { padding: 28px; background: #fff; border: 1px solid #e2e7ee; border-radius: 8px; box-shadow: 0 8px 30px #17203308; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.section-heading h2 { font-size: 21px; font-weight: 700; margin: 0 0 6px; }
.section-heading p { font-size: 15px; color: #677285; margin: 0; line-height: 1.5; }
.language-count { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #677285; white-space: nowrap; }
.language-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.language-link { justify-content: flex-start; height: 56px; padding: 10px 14px; border-color: #ccdfff; background: #f8fbff; text-decoration: none; gap: 12px; box-shadow: none; }
.language-flag { font-size: 21px; width: 26px; flex: none; }
.language-name { font-size: 15px; font-weight: 600; flex: 1; text-align: left; }
.pdf-label { color: #202b3e; display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; }
.manual-note { display: flex; gap: 12px; align-items: center; background: #f4f6f9; color: #677285; padding: 16px; margin-top: 22px; border-radius: 6px; }
.manual-note svg { flex: none; }
.manual-note p { font-size: 12px; margin: 0; line-height: 1.7; }
.manual-footer { text-align: center; color: #677285; font-size: 12px; padding: 0 18px 30px; line-height: 1.6; }
@media(max-width:680px) { .language-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .language-section { padding: 22px 16px; } .language-count { display: none; } .manual-header h1 { font-size: 32px; } .manual-header p { font-size: 14px; } .language-link { padding: 10px; gap: 8px; } }
@media(max-width:390px) { .language-grid { grid-template-columns: 1fr; } }

.language-link{display:flex;align-items:center;border:1px solid #ccdfff;border-radius:6px}.language-link:hover{background:#eef5ff}.language-link:focus-visible{outline:2px solid #2563eb;outline-offset:3px}