.knowledge-hero { padding:28px 0 40px; background:#fff url('/assets/hero-technical-support.png') right center / auto 100% no-repeat; border-bottom:1px solid var(--line); }
.knowledge-hero .route-container { padding:16px 0; }
.knowledge-breadcrumb { font-size:12px; color:var(--muted); margin:0 0 22px; }
.knowledge-hero h1 { margin:0 0 12px; max-width:60%; font-size:32px; line-height:1.4; overflow-wrap:anywhere; }
.knowledge-hero p { max-width:60%; }
.knowledge-main { padding-top:32px; } .knowledge-grid { grid-template-columns:220px minmax(0,1fr); gap:28px; }
.knowledge-sidebar { position:sticky; top:100px; align-self:start; border-right:1px solid var(--line); }
.knowledge-sidebar h2 { font-size:16px; margin:0 0 14px; } .knowledge-sidebar a { display:block; padding:9px 14px; margin-right:22px; font-size:14px; color:var(--muted); }
.knowledge-sidebar a[aria-current],.knowledge-sidebar a:hover { background:var(--line); color:var(--blue); }
.knowledge-content { min-width:0; } .knowledge-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto; align-items:end; gap:12px; padding-bottom:26px; border-bottom:1px solid var(--line); }
.knowledge-search label,.knowledge-form label,.knowledge-feedback > label { display:grid; gap:6px; color:var(--muted); font-size:13px; }
.knowledge-search input,.knowledge-search select,.knowledge-form input:not([type=checkbox]),.knowledge-form select,.knowledge-form textarea,.knowledge-feedback textarea { min-width:0; width:100%; border:1px solid #d6deeb; border-radius:8px; padding:10px 12px; background:#fff; color:var(--ink); }
.knowledge-search input,.knowledge-search select { height:44px; }
.knowledge-form textarea,.knowledge-feedback textarea { min-height:100px; resize:vertical; font:inherit; }
.knowledge-search button,.knowledge-form button,.knowledge-feedback button { min-height:44px; padding:9px 20px; background:var(--blue); color:#fff; border:1px solid var(--blue); border-radius:8px; cursor:pointer; font:inherit; }
.knowledge-form .knowledge-secondary { background:#fff; color:var(--blue); }
.knowledge-search button:hover,.knowledge-form button:hover,.knowledge-feedback button:hover { background:var(--navy); color:#fff; }
.knowledge-form button:disabled,.knowledge-feedback button:disabled { background:var(--line); border-color:var(--line); color:var(--muted); cursor:wait; }
.knowledge-main :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.knowledge-count { color:var(--muted); font-size:12px; margin:18px 0 0; }
.knowledge-list article { padding:24px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.knowledge-list h2 { font-size:20px; line-height:1.5; margin:8px 0; } .knowledge-list p { margin:0 0 10px; color:var(--muted); }
.knowledge-list small,.knowledge-tag { color:var(--muted); font-size:12px; } .knowledge-tag { color:var(--blue); }
.knowledge-empty { padding:24px 0; } .knowledge-empty h2 { font-size:20px; } .knowledge-empty p { color:var(--muted); }
.knowledge-assistant { border-top:1px solid var(--line); margin-top:24px; padding-top:24px; } .knowledge-assistant h2 { font-size:24px; }
.knowledge-form { display:grid; gap:16px; margin-top:20px; } .knowledge-actions { display:flex; flex-wrap:wrap; gap:12px; }
.knowledge-form .knowledge-consent { display:flex; align-items:flex-start; gap:10px; } .knowledge-consent input { margin-top:5px; }
.knowledge-main a { overflow-wrap:anywhere; } .knowledge-consent a,.knowledge-source a,.knowledge-citation a { color:var(--blue); text-decoration:underline; }
.knowledge-form [role=status] { margin:0; color:var(--muted); font-size:13px; min-height:22px; }
.knowledge-answer { padding:24px 0; border-block:1px solid var(--line); margin-top:20px; } .knowledge-copy { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; }
.knowledge-citation { font-size:13px; margin:20px 0; } .knowledge-citation p { color:var(--muted); }
.knowledge-article { max-width:850px; margin:0 auto; } .knowledge-article h2 { font-size:24px; }
.knowledge-meta { display:flex; gap:32px; flex-wrap:wrap; padding:20px 0; border-block:1px solid var(--line); margin:24px 0; font-size:13px; }
.knowledge-meta dt { color:var(--muted); } .knowledge-meta dd { margin:4px 0 0; overflow-wrap:anywhere; }
.knowledge-source { padding:20px 0; margin-top:24px; border-top:1px solid var(--line); } .knowledge-source p { white-space:pre-wrap; overflow-wrap:anywhere; }
.knowledge-feedback { display:grid; gap:12px; padding:22px 0; } .knowledge-feedback fieldset { margin:0; padding:0; border:0; }
.knowledge-feedback legend { margin-bottom:10px; font-size:14px; } .knowledge-feedback fieldset label { display:inline-flex; gap:6px; align-items:center; margin-right:20px; }
.knowledge-feedback button { justify-self:start; } .knowledge-feedback [role=status] { color:var(--muted); font-size:13px; }
.knowledge-loading { min-height:50vh; padding-top:60px; }
@media(max-width:850px) { .knowledge-grid { grid-template-columns:1fr; gap:24px; } .knowledge-sidebar { position:static; border-right:0; border-bottom:1px solid var(--line); display:flex; gap:6px; overflow:auto; padding-bottom:12px; } .knowledge-sidebar h2 { display:none; } .knowledge-sidebar a { flex:0 0 auto; margin:0; padding:8px 12px; } }
@media(max-width:560px) { .knowledge-hero { background-image:none; padding:16px 0 20px; } .knowledge-hero .route-container { padding:8px 0; } .knowledge-breadcrumb { margin-bottom:16px; } .knowledge-hero h1 { font-size:26px; max-width:100%; } .knowledge-hero p { max-width:100%; } .knowledge-search { grid-template-columns:minmax(0,1fr) auto; } .knowledge-search label:first-of-type { grid-column:1/-1; } .knowledge-meta { gap:18px; } .knowledge-article h2 { font-size:21px; } }