/* Shared discovery pages. Keep study progress and rewards in their own components. */
.support-page { width:100%; min-width:0; }
.support-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 24px; color:var(--kt-737e71); font-size:12px; line-height:1.6; }
.support-breadcrumb a:hover { color:var(--blue); text-decoration:underline; }
.support-breadcrumb [aria-current] { color:var(--kt-38513f); font-weight:600; }
.support-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:30px; }
.support-eyebrow { margin:0 0 9px; color:var(--kt-738369); font-size:10px; letter-spacing:1.3px; font-weight:800; }
.support-heading h1,.support-search-heading h1 { font-size:clamp(28px,3vw,39px); line-height:1.18; margin:0; }
.support-heading h1+p,.support-search-heading h1+p { margin-top:12px; color:var(--muted); font-size:14px; line-height:1.8; }
.support-level-link { display:inline-flex; align-items:center; gap:10px; color:var(--kt-42644c); font-size:12px; font-weight:700; white-space:nowrap; }
.support-level-link .icon,.support-text-link .icon { width:17px; height:17px; }
.support-subject-quest { display:grid; grid-template-columns:minmax(0,1fr) 235px; align-items:center; gap:24px; padding:34px; border:1px solid var(--ksk-dce7d5); border-radius:26px; background:var(--ksk-eaf2e2); overflow:hidden; }
.support-available { display:inline-flex; gap:7px; align-items:center; font-size:11px; font-weight:700; color:var(--kt-426b4d); background:var(--ks-ffffffbf); border-radius:20px; padding:7px 11px; }
.support-available .icon { width:14px; height:14px; }
.support-subject-quest h2 { font-family:KahierNunito,Roboto,sans-serif; font-size:clamp(26px,2.7vw,34px); line-height:1.15; margin:19px 0 12px; }
.support-subject-quest-copy>p { font-size:14px; color:var(--ktk-62735b); line-height:1.8; max-width:460px; }
.support-quest-facts { display:flex; flex-wrap:wrap; gap:10px 20px; margin:22px 0; font-size:11px; color:var(--kt-57704e); }
.support-quest-facts>span { display:inline-flex; align-items:center; gap:5px; }
.support-quest-facts strong { font-size:16px; }
.support-quest-facts .icon { width:16px; height:16px; }
.support-subject-quest .button { width:fit-content; font-size:13px; padding:12px 17px; }
.support-subject-art { position:relative; min-height:235px; display:grid; place-items:center; }
.support-subject-art::before { content:''; width:210px; height:210px; border-radius:50%; border:1px dashed var(--ksk-adc59e); position:absolute; }
.support-subject-symbol { display:grid; place-items:center; width:53px; height:53px; border-radius:16px; background:var(--ksk-fae9dc); color:var(--ktk-9a624b); font-family:KahierNunito,Roboto,sans-serif; font-size:25px; font-weight:900; }
.support-subject-symbol.is-featured { width:131px; height:139px; background:var(--ksk-fffef8); border:1px solid var(--ksk-dbe5d2); box-shadow:0 10px 0 var(--ksk-d4e3c9); border-radius:26px; font-size:45px; transform:rotate(-9deg); }
.support-art-spark { position:absolute; color:var(--kt-8f9e77); font-size:27px; }
.support-art-spark.one { left:15px; top:25px; }
.support-art-spark.two { right:4px; bottom:44px; font-size:38px; color:var(--kt-ba7757); transform:rotate(18deg); }
.support-art-caption { position:absolute; bottom:9px; background:var(--ks-fffef8); border:1px solid var(--ks-d9e4d1); border-radius:20px; padding:9px 16px; font-size:11px; font-weight:700; color:var(--kt-56764a); transform:rotate(5deg); }
.support-subject-library { margin-top:34px; }
.support-section-title { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.support-section-title h2,.support-search-discover h2 { font-size:21px; line-height:1.35; margin:0; }
.support-section-title p,.support-search-discover>p { color:var(--muted); margin-top:7px; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.support-count { font-size:11px; color:var(--kt-6f7e66); background:var(--ks-edf1e8); padding:7px 11px; border-radius:20px; }
.support-subject-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.support-subject-card { padding:21px; background:var(--ksk-fff); border:1px solid var(--ksk-e4e9df); border-radius:21px; min-width:0; }
.support-subject-top { display:flex; justify-content:space-between; align-items:start; gap:10px; }
.support-coming { border:1px solid var(--ks-e9ece3); color:var(--kt-6e7867); font-size:10px; border-radius:20px; padding:4px 8px; white-space:nowrap; }
.support-subject-card h3 { font-size:17px; margin:18px 0 9px; }
.support-subject-card p { font-size:12px; color:var(--ktk-7c8675); line-height:1.7; }
.support-symbol-histoire,.support-symbol-allemand { background:var(--ksk-f7f0d8); color:var(--ktk-927840); }
.support-symbol-geographie,.support-symbol-sciences { background:var(--ksk-e8f0e2); color:var(--ktk-67805b); }
.support-symbol-anglais,.support-symbol-emc { background:var(--ksk-f3ece2); color:var(--ktk-997755); }
.support-symbol-allemand { font-size:17px; }
.support-tip { display:flex; gap:14px; align-items:start; padding:21px 0 0; margin-top:12px; max-width:790px; }
.support-tip>span { color:var(--kt-a78c50); margin-top:1px; }
.support-tip .icon { width:20px; height:20px; }
.support-tip p { color:var(--kt-788070); font-size:12px; line-height:1.8; }
.support-tip strong { color:var(--kt-586952); }

/* Search remains a native form, including keyboard submission. */
.support-search-heading { text-align:center; max-width:780px; margin:8px auto 32px; }
.support-heading-symbol { display:grid; place-items:center; width:55px; height:55px; border-radius:19px; margin:0 auto 20px; background:var(--ks-f8e7d9); color:var(--kt-ab7253); transform:rotate(-8deg); }
.support-heading-symbol .icon { width:25px; height:25px; transform:rotate(8deg); }
.support-search .support-search-form { width:100%; margin:24px auto 0; border:1px solid var(--ks-d6e2d1); border-radius:17px; min-height:62px; box-shadow:0 5px 0 var(--ks-edf1e7); padding:6px 7px 6px 16px; gap:12px; text-align:left; }
.support-search-form>span { display:flex; flex:0 0 auto; color:var(--kt-84917a); }
.support-search-form>span .icon { width:21px; height:21px; }
.support-search .support-search-form input { font-size:14px; padding:12px 0; min-width:0; }
.support-search .support-search-form button { display:grid; place-items:center; width:43px; height:43px; padding:9px; flex:0 0 auto; color:var(--kt-fff); background:var(--blue); border-radius:12px; }
.support-search .support-search-form button:hover { background:var(--ks-285c47); }
.support-search-heading .support-search-scope { font-size:11px; color:var(--kt-819078); line-height:1.7; margin:15px 0 0; }
.support-text-link { display:inline-flex; align-items:center; gap:9px; color:var(--blue); font-size:12px; font-weight:700; }
.support-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.support-result-card { min-width:0; display:flex; flex-direction:column; padding:23px; background:var(--ks-fff); border:1px solid var(--ks-e1e8dc); border-radius:21px; }
.support-result-top { display:flex; align-items:center; gap:12px; font-size:11px; color:var(--kt-7c8973); }
.support-result-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:13px; color:var(--kt-648753); background:var(--ks-edf4e7); }
.support-result-icon .icon { width:21px; height:21px; }
.support-world-1 .support-result-icon,.support-world-4 .support-result-icon { background:var(--ks-f8eddf); color:var(--kt-a1794d); }
.support-world-2 .support-result-icon { background:var(--ks-f9e8df); color:var(--kt-a26b51); }
.support-result-card h3 { font-size:18px; line-height:1.45; margin:18px 0 10px; }
.support-result-card h3 a:hover { color:var(--blue); text-decoration:underline; }
.support-result-card>p { font-size:11px; color:var(--kt-7b8871); line-height:1.7; margin-bottom:20px; }
.support-result-bottom { margin-top:auto; padding-top:16px; border-top:1px solid var(--ks-edf0e9); display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:10px; color:var(--kt-7b8773); }
.support-result-bottom a { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:var(--blue); font-weight:700; }
.support-result-bottom .icon { width:16px; height:16px; }
.support-search-discover { max-width:780px; margin:35px auto 0; }
.support-search-suggestions { display:flex; gap:9px; flex-wrap:wrap; margin:20px 0; }
.support-search-suggestions a { display:inline-flex; align-items:center; gap:12px; padding:9px 13px; border:1px solid var(--ks-e2e8dc); border-radius:30px; background:var(--ks-fff); color:var(--kt-637659); font-size:12px; }
.support-search-suggestions a:hover { border-color:var(--ks-b9cbae); background:var(--ks-eff5e9); }
.support-search-suggestions .icon { width:14px; height:14px; }
.support-browse-card { display:flex; align-items:center; gap:18px; padding:23px; border:1px solid var(--ks-dce6d3); border-radius:21px; background:var(--ks-eef4e6); margin-top:28px; }
.support-browse-card>span { display:grid; place-items:center; width:49px; height:49px; flex-shrink:0; border-radius:15px; background:var(--ks-fff); color:var(--kt-789465); }
.support-browse-card>div { flex:1; }
.support-browse-card strong { font-size:16px; }
.support-browse-card p { color:var(--kt-738466); line-height:1.7; font-size:12px; margin-top:7px; }
.support-browse-card>.icon { width:21px; height:21px; flex-shrink:0; color:var(--kt-6a8558); }
.support-search-empty { border:1px dashed var(--ks-dce4d3); border-radius:24px; background:var(--ks-fffdf7); padding:34px; text-align:center; }
.support-search-empty>span { display:inline-grid; place-items:center; width:54px; height:54px; background:var(--ks-f4eedf); color:var(--kt-a58b59); border-radius:18px; margin-bottom:19px; }
.support-search-empty h3 { font-size:22px; }
.support-search-empty>p { color:var(--kt-7d8774); font-size:13px; line-height:1.8; max-width:470px; margin:12px auto; }
.support-search-empty .support-search-suggestions { justify-content:center; }
.support-search-empty .button { margin-top:5px; font-size:12px; }

/* Existing authentication and unavailable routes, without changing form behavior. */
.auth-page { position:relative; isolation:isolate; background:radial-gradient(ellipse at 10% 20%,var(--ks-eef4e6) 0,transparent 38%),radial-gradient(ellipse at 90% 75%,var(--ks-f9eee2) 0,transparent 33%),var(--page); padding:38px 24px 45px; min-height:calc(100dvh - 80px); }
.auth-page>h1 { text-align:center; font-size:clamp(28px,3vw,37px); line-height:1.2; margin:0; }
.auth-page>h1::before { content:''; display:block; width:47px; height:47px; margin:0 auto 17px; background-color:var(--ks-e7efda); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718b58' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.8 6.2.9-4.5 4.4 1 6.2-5.5-2.9-5.5 2.9 1-6.2L3 9.7l6.2-.9Z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:25px; border-radius:16px; transform:rotate(-8deg); }
.auth-page>h1+p:not(.register-intro) { font-size:13px; color:var(--muted); margin-top:12px; text-align:center; line-height:1.7; }
.auth-page .auth-center { width:430px; margin:24px auto 0; padding:26px 30px; background:var(--ks-fff); border:1px solid var(--ks-e3e8dd); border-radius:25px; box-shadow:0 7px 0 var(--ks-ecf0e4); }
.auth-page .auth-center>p { line-height:1.8; }
.auth-page .local-account-label { margin:4px 0 20px; color:var(--kt-74836a); font-size:10px; font-weight:700; line-height:1.7; }
.auth-page .social-buttons { gap:10px; }
.auth-page .social-buttons button { border-color:var(--ks-e3e8dd); border-radius:12px; font-size:13px; box-shadow:none; padding:11px 32px; }
.auth-page .social-symbol { font-size:20px; }
.auth-page .divider { margin:24px 0; background:var(--ks-e8ecdf); }
.auth-page .auth-form>label:not(.remember) { color:var(--kt-52674b); font-size:12px; font-weight:700; }
.auth-page .auth-form input:not([type=checkbox]) { height:48px; font-size:14px; padding:12px; border:1px solid var(--ks-dce5d4); border-radius:12px; background:var(--ks-fbfcf8); }
.auth-page .auth-form input[aria-invalid=true] { border-color:var(--ksk-bd644f); background:var(--ksk-fff7f3); }
.auth-page .auth-form .password-field input { padding-right:47px; }
.auth-page .password-field>button { height:48px; color:var(--kt-7f8c73); }
.auth-page .auth-form .remember { font-size:12px; line-height:1.6; color:var(--kt-68795f); }
.auth-page .auth-form .remember input { flex-shrink:0; accent-color:var(--blue); }
.auth-page .auth-notice { background:var(--ks-f5f7ee); border-radius:10px; padding:11px 13px; margin:18px 0; color:var(--kt-738269); font-size:11px; line-height:1.7; }
.auth-page .auth-submit { margin-top:5px; }
.auth-page .auth-switch { margin-top:24px; color:var(--kt-77856f); font-size:13px; line-height:1.8; }
.auth-page .auth-switch a { font-weight:700; }
.auth-page .register-intro { margin:16px 0 12px; color:var(--kt-6e7c66); font-size:13px; line-height:1.7; }
.auth-page .profile-choices { margin:18px 0 25px; min-height:0; gap:18px; width:660px; max-width:100%; align-items:stretch; }
.auth-page .profile-choices button { position:relative; flex:1; min-width:0; gap:15px; padding:28px 18px; border:1px solid var(--ks-dde7d5); border-bottom-width:4px; border-radius:21px; background:var(--ks-fff); color:var(--kt-506943); font-size:15px; font-weight:700; }
.auth-page .profile-choices button:hover { background:var(--ks-edf5e4); border-color:var(--ks-b9cdae); transform:translateY(-2px); }
.auth-page .profile-choices span { font-size:67px; line-height:1.2; }
.auth-page.registration .auth-switch { margin-top:18px; padding-top:0; }
.auth-page .level-step { margin:12px 0 22px; width:700px; }
.auth-page .level-step h2 { font-size:20px; margin:15px 0 23px; line-height:1.5; }
.auth-page .level-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.auth-page .level-grid button { border-color:var(--ks-dde6d5); border-bottom-width:3px; font-size:16px; padding:16px 10px; background:var(--ks-fff); }
.auth-page .level-grid button:hover:not(:disabled) { background:var(--ks-e9f3df); color:var(--kt-4d6b3e); border-color:var(--ks-b8cfa7); }
.auth-page .register-method { width:430px; padding:28px; margin:14px 0 10px; border-color:var(--ks-e0e7d8); border-radius:25px; box-shadow:0 6px 0 var(--ks-ecf0e4); }
.auth-page .register-method .auth-submit { margin-top:5px; }
.kh-learning .learning-main>.empty-state { max-width:800px; padding:45px; margin:20px auto; text-align:center; border:1px solid var(--ks-e4e9dc); border-radius:28px; background:var(--ks-fffdf7); }
.kh-learning .learning-main>.empty-state::before { content:''; display:block; width:68px; height:68px; margin:0 auto 24px; border-radius:24px; background:var(--ks-f3e9d6); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aa8951' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 5C8 2 3 3 3 3v16s5-1 9 2c4-3 9-2 9-2V3s-5-1-9 2Zm0 0v16'/%3E%3C/svg%3E"); background-size:32px; background-position:center; background-repeat:no-repeat; transform:rotate(-7deg); }
.kh-learning .learning-main>.empty-state h1 { font-size:32px; overflow-wrap:anywhere; }
.kh-learning .learning-main>.empty-state p { max-width:570px; margin:17px auto; font-size:14px; color:var(--kt-77836c); line-height:1.8; }
.kh-learning .learning-main>.empty-state .button { margin:8px 4px; font-size:12px; }

/* The legacy offer preview remains a preview; these styles add no checkout. */
.pricing-section { padding:44px 0; background:radial-gradient(ellipse at 50% 40%,var(--ks-e8efdd) 0,transparent 70%),var(--page); }
.pricing-section>.container { max-width:1160px; }
.pricing-section h1 { font-size:clamp(28px,3.7vw,43px); max-width:680px; line-height:1.15; margin:0 auto; }
.pricing-section .price-toggle { margin:28px auto 78px; border:1px solid var(--ks-e0e6d7); background:var(--ks-eaf0e2); padding:5px; }
.pricing-section .price-toggle button { font-size:13px; }
.pricing-section .price-toggle button[aria-pressed=true] { background:var(--ks-fff); color:var(--kt-466439); }
.pricing-section .price-toggle button[aria-pressed=true] small { background:var(--ks-e8f0df); }
.pricing-section .price-cards { gap:20px; align-items:stretch; }
.pricing-section .price-card { background:var(--ks-fff); border:1px solid var(--ks-dfe6d5); border-radius:24px; box-shadow:0 5px 0 var(--ks-e7ecde); padding:30px 24px; }
.pricing-section .price-card.featured { background:var(--ks-f5f9ef); border:2px solid var(--ks-a8c28f); padding:29px 23px; }
.pricing-section .price-card h2 { font-size:24px; }
.pricing-section .price-card h2 small { font-size:12px; color:var(--kt-7c8a71); }
.pricing-section .price { margin-top:28px; font-size:37px; }
.pricing-section .price-total { font-size:12px; line-height:1.75; flex:1; margin-top:20px; }
.pricing-section .price-card .button { width:100%; margin-top:24px; }
.pricing-section .popular { top:-54px; }
.pricing-section .popular>span { color:var(--kt-c8a364); font-size:25px; }
.pricing-section .popular strong { background:var(--ks-bb7557); font-size:12px; padding:6px 13px; }
.pricing-section .included { border:1px solid var(--ks-e2e7d8); border-radius:24px; padding:28px; box-shadow:none; grid-template-columns:1fr 2fr; margin-top:28px; gap:24px; }
.pricing-section .included h2 { font-size:24px; }
.pricing-section .included li { font-size:12px; line-height:1.7; padding:6px; }
.pricing-section .included .alfa-benefit { background:var(--ks-eff4e7); }
.pricing-section .fineprint { color:var(--kt-7e8973); line-height:1.7; }
.pricing-section+.faq { padding-top:25px; }
.pricing-section+.faq details { border:1px solid var(--ks-e3e8db); border-radius:16px; }

@media(max-width:1200px) {
  .support-subject-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .support-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1050px) {
  .support-subject-quest { grid-template-columns:minmax(0,1fr) 160px; padding:27px; gap:10px; }
  .support-subject-art { min-height:205px; }
  .support-subject-art::before { width:155px; height:155px; }
  .support-subject-symbol.is-featured { width:105px; height:117px; font-size:35px; }
  .support-art-spark.one { left:1px; top:4px; }
  .support-art-spark.two { right:-3px; bottom:33px; }
  .support-art-caption { bottom:0; }
}
@media(max-width:680px) {
  .support-breadcrumb { margin-bottom:20px; }
  .support-heading { flex-direction:column; align-items:start; gap:15px; margin-bottom:24px; }
  .support-heading h1,.support-search-heading h1 { font-size:30px; }
  .support-subject-quest { grid-template-columns:1fr; padding:23px; position:relative; }
  .support-subject-quest-copy { position:relative; z-index:1; }
  .support-subject-quest h2 { max-width:280px; margin-top:17px; font-size:29px; }
  .support-subject-art { display:none; }
  .support-subject-quest-copy>p { font-size:13px; }
  .support-quest-facts { gap:12px 15px; }
  .support-subject-quest .button { width:100%; font-size:12px; padding:12px 11px; }
  .support-subject-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .support-subject-card { padding:16px; border-radius:18px; }
  .support-subject-top { align-items:start; flex-wrap:wrap; gap:9px; }
  .support-subject-card h3 { font-size:16px; margin-top:14px; }
  .support-subject-card p { font-size:11px; }
  .support-section-title h2,.support-search-discover h2 { font-size:20px; }
  .support-subject-library { margin-top:27px; }
  .support-tip { gap:11px; }
  .support-search-heading { margin-top:5px; }
  .support-search-heading h1 { font-size:29px; }
  .support-search-heading .support-eyebrow { font-size:9px; letter-spacing:.8px; }
  .support-search .support-search-form { min-height:58px; padding-left:12px; gap:9px; }
  .support-search .support-search-form input { font-size:12px; }
  .support-search-form>span .icon { width:18px; height:18px; }
  .support-result-grid { grid-template-columns:1fr; }
  .support-result-card { padding:21px; }
  .support-search-empty { padding:26px 18px; }
  .support-search-empty h3 { font-size:21px; }
  .support-search-suggestions { gap:8px; }
  .support-search-suggestions a { padding:9px 11px; font-size:11px; }
  .support-browse-card { padding:20px; gap:13px; }
  .support-browse-card>span { width:37px; height:37px; border-radius:12px; }
  .support-browse-card strong { font-size:14px; }
  .support-browse-card>.icon { display:none; }
  .auth-page { padding:28px 16px 35px; min-height:calc(100dvh - 68px); }
  .auth-page .auth-center { padding:24px; margin-top:21px; }
  .auth-page .profile-choices { gap:10px; margin-top:12px; }
  .auth-page .profile-choices button { padding:20px 6px; font-size:12px; gap:12px; border-radius:16px; }
  .auth-page .profile-choices span { font-size:43px; }
  .auth-page .level-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .auth-page .level-grid button { padding:15px 7px; font-size:14px; }
  .auth-page .level-step h2 { font-size:18px; }
  .auth-page .register-method { padding:24px; }
  .kh-learning .learning-main>.empty-state { padding:30px 20px; margin:8px auto; }
  .kh-learning .learning-main>.empty-state h1 { font-size:28px; }
  .kh-learning .learning-main>.empty-state .button { margin:6px 0; width:100%; }
  .pricing-section { padding:30px 0; }
  .pricing-section>.container { padding-left:18px; padding-right:18px; }
  .pricing-section .price-toggle { margin-bottom:70px; max-width:100%; }
  .pricing-section .price-toggle button { padding:7px 9px; font-size:12px; }
  .pricing-section .price-card,.pricing-section .price-card.featured { margin-top:0; padding:26px 23px; min-height:0; }
  .pricing-section .price-card .button { margin-top:22px; }
  .pricing-section .included { grid-template-columns:1fr; padding:23px; gap:20px; }
  .pricing-section .included ul { display:flex; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .auth-page .profile-choices button:hover { transform:none; }
}

.support-available-subjects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:34px; }
.support-available-subjects .support-subject-quest { display:block; position:relative; overflow:hidden; margin:0; padding:28px; }
.support-available-subjects .support-subject-quest-copy { position:relative; z-index:1; }
.support-available-subjects .support-subject-art { display:none; }
.support-available-subjects .support-subject-quest h2 { font-size:30px; }
.support-available-subjects .support-quest-facts { flex-wrap:wrap; }
.support-available-subjects .support-subject-francais { background:var(--ksk-fff0e8); border-color:var(--ksk-ecd4c1); }
.support-available-subjects .support-subject-francais .support-available { background:var(--ksk-fffaf5); color:var(--ktk-92543a); }
.kh-directory-available + .kh-directory-available { margin-top:18px; }
@media(max-width:900px) { .support-available-subjects { grid-template-columns:1fr; gap:16px; } }
@media(max-width:560px) { .support-available-subjects .support-subject-quest { padding:23px; } .support-available-subjects .support-subject-quest h2 { font-size:27px; } }