/* Page rhythm and section hierarchy. Shared storefront styles stay unchanged. */
.kb-head{max-width:820px;padding:26px 0 14px}
.kb-eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.1em;color:var(--sin);font-weight:700}
.kb-head h1{font-size:36px;line-height:1.18;margin:0 0 12px;overflow-wrap:anywhere;text-wrap:balance}
.kb-head>p:last-child:not(.kb-eyebrow){margin:0 0 8px;color:var(--seryy);font-size:17px;line-height:1.55}
.kb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;padding-top:18px;font-size:14px;color:var(--seryy);overflow-wrap:anywhere}
.kb-crumbs a{display:inline-block;padding:7px 0;text-underline-offset:3px}
.kb-crumbs+.kb-head{padding-top:14px}
#ekran{padding-bottom:32px}
#ekran>h2{font-size:22px;line-height:1.3;margin:24px 0 14px}
#ekran:has(>.kb-article){max-width:960px}

/* Search stays wide enough to type a model; related sections read as links. */
.kb-search{padding:18px;background:white;border:1px solid var(--ramka);border-radius:12px;margin:8px 0 20px}
.kb-search label{display:block;font-size:14px;margin-bottom:9px;color:#506876}
.kb-search>div{display:flex;gap:10px}
.kb-search input{flex:1;min-width:0;padding:12px;border:1px solid #a9c2d0;border-radius:7px;font:inherit}
.kb-search button{background:var(--tmn);color:white;padding:12px 22px;border:0;border-radius:7px;font:inherit;cursor:pointer;min-height:46px}
.kb-search button:hover{background:#00628a}
.kb-shortcuts{display:flex;flex-wrap:wrap;gap:4px 22px;margin:4px 0 24px}
.kb-shortcuts a{padding:9px 0;text-underline-offset:4px;font-size:14px}

/* Consistent card rows; long model names wrap without widening the page. */
.kb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 28px}
.kb-brand{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--ramka);background:white;border-radius:12px;padding:20px;text-decoration:none;color:var(--tekst);overflow-wrap:anywhere}
.kb-brand:hover{border-color:var(--sin);box-shadow:0 4px 18px #0047660b}
.kb-brand-name{font-size:21px;line-height:1.3;font-weight:650;color:var(--tmn)}
.kb-brand span:not(.kb-brand-name),.kb-brand small{font-size:13px;line-height:1.5;color:#5a707c}
.kb-brand small{margin-top:auto;padding-top:3px}
.kb-list{min-width:0}
.kb-row{background:white;border:1px solid var(--ramka);border-radius:10px;padding:20px;margin-bottom:12px;overflow-wrap:anywhere}
.kb-row h3{font-size:19px;line-height:1.4;margin:8px 0 10px}
.kb-row p{color:#5a707c;margin:0;font-size:14px;line-height:1.6}
.kb-row h3 a{text-decoration:none;color:var(--tmn)}
.kb-row h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.kb-tag{display:inline-block;font-size:12px;line-height:1.6;font-weight:600;color:#006f9f}

/* Official documents remain first, with explicit expansion instead of a wall
   of cards before the material search on models with many instructions. */
.kb-service-disclosure{margin:18px 0 24px;border:1px solid #c5dde8;border-radius:10px;background:white}
.kb-service-disclosure summary{padding:16px 18px;cursor:pointer;color:var(--tmn);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.kb-count{display:inline-block;margin-left:6px;padding:0 8px;border-radius:12px;background:#e6f2f8;font-size:13px;white-space:nowrap}
.kb-service-content{padding:0 16px 4px}
.kb-service-content .kb-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kb-service-content .kb-row{margin:0 0 12px;background:var(--fon)}
.kb-service-empty{font-size:14px;color:#5a707c;margin:16px 0 24px}
.kb-topics{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}
.kb-topics a,.kb-pagination a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--ramka);background:white;padding:9px 13px;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.kb-topics [aria-current]{background:var(--tmn);border-color:var(--tmn);color:white}
.kb-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0}
.kb-notice{padding:14px 18px;border-left:3px solid var(--sin);background:#edf7fc;border-radius:4px;line-height:1.6;font-size:14px;margin:8px 0 18px;max-width:950px;overflow-wrap:anywhere}

/* Comfortable reading width, with conditions and source as full sections. */
.kb-article{max-width:950px;background:white;border:1px solid var(--ramka);padding:28px;border-radius:12px;line-height:1.75;margin:18px 0 36px;overflow-wrap:anywhere}
.kb-text{white-space:pre-line}
.kb-article h2{font-size:21px;line-height:1.35;margin:26px 0 12px}
.kb-article h2:first-child{margin-top:0}
.kb-article p{margin:0 0 16px}
.kb-article ul{padding-left:22px;margin:12px 0 22px}
.kb-article li{padding-left:3px;margin-bottom:12px}
.kb-source{border-top:1px solid var(--ramka);padding-top:20px;margin-top:24px}
.kb-source a{overflow-wrap:anywhere;text-underline-offset:3px}
.kb-meta,.kb-footnote{font-size:14px;color:#5a707c;line-height:1.6;overflow-wrap:anywhere}
.kb-empty{padding:18px;border:1px dashed #bed2dd;border-radius:10px;color:#5a707c;line-height:1.6}
.kb-footnote{margin:24px 0 32px;max-width:820px}
.kb-other{margin:24px 0}
.kb-other summary{cursor:pointer;color:var(--tmn);padding:14px 16px;border:1px solid var(--ramka);border-radius:8px;background:white;line-height:1.5}
.kb-page a:focus-visible,.kb-page button:focus-visible,.kb-page input:focus-visible,.kb-page summary:focus-visible{outline:3px solid var(--sin);outline-offset:3px}

@media(max-width:1000px){.kb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 .kb-head{padding:22px 0 10px}.kb-head h1{font-size:28px}.kb-head>p:last-child:not(.kb-eyebrow){font-size:16px;line-height:1.5}
 .kb-crumbs{padding-top:12px;font-size:13px}.kb-crumbs+.kb-head{padding-top:10px}.kb-eyebrow{font-size:11px;margin-bottom:10px}
 .kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-brand{padding:16px;gap:6px}.kb-brand-name{font-size:18px}.kb-brand span:not(.kb-brand-name),.kb-brand small{font-size:12px}
 .kb-search{padding:14px;margin:8px 0 16px}.kb-search label{font-size:13px}.kb-search input{font-size:16px;padding:11px 10px}.kb-search button{padding:11px 16px}
 .kb-shortcuts{gap:0 16px;margin-bottom:18px}.kb-shortcuts a{font-size:13px;padding:8px 0}
 #ekran>h2{font-size:20px;margin-top:20px}.kb-notice{padding:12px 14px;line-height:1.5;font-size:13px;margin:6px 0 14px}
 .kb-service-disclosure{margin:14px 0 20px}.kb-service-disclosure summary{padding:13px 14px;font-size:14px}.kb-service-content{padding:0 10px 0}.kb-service-content .kb-list{grid-template-columns:1fr;gap:0}
 .kb-topics{gap:7px;margin:10px 0 18px}.kb-topics a{padding:9px 11px;font-size:13px}.kb-row{padding:16px}.kb-row h3{font-size:18px}.kb-row p{font-size:13px}
 .kb-article{padding:18px;margin-top:16px;line-height:1.65}.kb-article h2{font-size:19px;margin-top:24px}.kb-article li{margin-bottom:10px}
 .kb-page .polosa .vn{scrollbar-width:thin;scrollbar-color:#789fb1 var(--tmn)}.kb-page .polosa .vn::-webkit-scrollbar{display:block;height:4px}.kb-page .polosa .vn::-webkit-scrollbar-thumb{background:#789fb1;border-radius:2px}
}
@media(max-width:359px){.kb-grid{grid-template-columns:1fr}.kb-brand{padding:14px 16px;gap:4px}.kb-brand-name{font-size:19px}.kb-brand small{padding-top:0}.kb-search>div{gap:8px}.kb-search button{padding:11px 13px}}
@media(max-width:680px){
 .kb-page .polosa .vn{padding-left:8px;padding-right:8px}
 .kb-page .polosa a{padding:12px 8px;font-size:13px}
 .kb-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .kb-topics a:first-child{grid-column:1/-1;justify-self:start}
}
@media(max-width:359px){.kb-page .polosa a{padding-left:5px;padding-right:5px}}
