/* Shared Foto / Fitness / Pay knowledge base style.
   The Fotostudio stylesheet (/hilfe/assets/help.css) is the visual source of truth.
   Scope legacy handbook overrides to the upgraded pages only. */
body.kb-modern { background:var(--bg); color:var(--ink); font-family:var(--font); line-height:1.55; }
.kb-modern .kb-app { min-height:100vh; }
.kb-modern main.container { max-width:1210px; margin:0 auto; padding:0 26px; min-width:0; }
.kb-modern .topbar { position:sticky; top:0; padding:0; height:auto; border-bottom:1px solid var(--line); background:rgba(255,255,255,.95); }
.kb-modern .topbar-inner { padding:12px 26px; }
.kb-modern .brand { background:transparent; border-radius:0; max-width:none; margin:0; padding:0; color:var(--deep); font-size:1.29rem; }
.kb-modern .brand-logo { display:block; width:auto; height:42px; max-width:185px; }
.kb-modern .brand-wordmark { display:none; }
.kb-modern .nav-right a { display:inline-flex; align-items:center; padding:0; margin:0; border:0; color:var(--ink); font:inherit; }
.kb-modern .nav-right .primary-link { display:inline-flex; background:var(--deep); padding:10px 18px; border-radius:100px; color:white; }
.kb-modern .kb-switch { margin:26px 0 18px; padding:15px 18px; }
.kb-modern .kb-switch a { display:inline-flex; align-items:center; width:auto; margin:0; padding:8px 13px; border:1px solid #d7e6da; border-radius:999px; font-size:.87rem; font-weight:700; line-height:1.55; }
.kb-modern .kb-switch a[aria-current=page] { color:#fff; background:var(--deep); border-color:var(--deep); }
.kb-modern .hero { margin:30px 0 0; border:0; padding:0; border-radius:25px; min-height:0; background:linear-gradient(118deg,#102620 10%,#224635 100%); }
.kb-modern .hero-content { max-width:825px; padding:75px 70px 80px; }
.kb-modern .hero .eyebrow { margin:0; color:#a9d9b8; font:760 .72rem/1.55 var(--font); letter-spacing:.17em; }
.kb-modern .hero h1 { color:#fff; font:400 clamp(2.55rem,5.2vw,4.5rem)/1.12 var(--serif); letter-spacing:-.045em; margin:17px 0; }
.kb-modern .hero h1 em { color:#b8dfbb; }
.kb-modern .hero p.hero-sub { color:#d2e1d8; font:400 1.05rem/1.55 var(--font); max-width:56ch; margin:0 0 29px; }
.kb-modern .search-form input { width:100%; height:66px; background:#fff; color:var(--deep); font:400 1.06rem var(--font); border:1px solid #d6e4d8; padding:0 65px 0 54px; border-radius:13px; }
.kb-modern .hero-chips button { display:inline-flex; border:1px solid rgba(224,251,229,.35); background:rgba(255,255,255,.06); color:#e7f5e9; border-radius:20px; font-size:.86rem; padding:6px 13px; }
.kb-modern .hero-chips #kb-quick { display:contents; }
.kb-modern .heading-row { margin:48px 0 20px; }
.kb-modern .heading-row h2 { font:400 clamp(1.7rem,3vw,2.2rem)/1.2 var(--serif); margin:6px 0 0; }
.kb-modern .category-filters { margin-bottom:22px; }
.kb-modern .filter { background:#fff; color:var(--sub); border:1px solid var(--line); border-radius:999px; padding:9px 16px; font:570 .85rem/1.55 var(--font); }
.kb-modern .filter[aria-pressed=true] { background:#174334; border-color:#174334; color:#fff; }
.kb-modern .result-card { display:flex; flex-direction:column; border:1px solid #e4ebe6; background:white; border-radius:17px; padding:26px 25px 22px; min-height:231px; }
.kb-modern .result-card h3 { color:var(--ink); font:400 1.48rem/1.2 var(--serif); margin:13px 0 8px; letter-spacing:-.025em; text-transform:none; }
.kb-modern .result-card p { color:var(--sub); font:400 .89rem/1.58 var(--font); margin:0 0 22px; }
.kb-modern .result-card .card-badge { color:#437657; font:770 .7rem/1.4 var(--font); letter-spacing:.1em; text-transform:uppercase; }
.kb-modern .site-footer { border-top:1px solid var(--line); background:transparent; color:var(--sub); margin-top:80px; padding:29px 0 44px; }
.kb-modern #kb-landing[hidden], .kb-modern #kb-detail[hidden], .kb-modern #kb-articles article[hidden] { display:none !important; }
.kb-modern .article-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:48px; padding-top:34px; align-items:start; }
.kb-modern .topic-sidebar { background:white; color:var(--ink); padding:20px; height:auto; max-height:calc(100vh - 110px); overflow:auto; border:1px solid var(--line); border-radius:17px; position:sticky; top:94px; }
.kb-modern .topic-sidebar .sidebar-title { display:block; margin:13px 11px 8px; }
.kb-modern .topic-sidebar a { display:block; width:auto; color:#516259; padding:8px 11px; margin:0; border:0; font:400 .86rem/1.35 var(--font); border-radius:7px; }
.kb-modern .topic-sidebar a.active { background:var(--mint); color:#1b6845; }
.kb-modern .article-content { background:#fff; border:1px solid var(--line); color:var(--ink); min-width:0; padding:50px 55px 58px; }
.kb-modern .kb-article-collection.bp-help { background:transparent; color:var(--ink); font:inherit; }
.kb-modern .kb-article-collection article { padding:0; margin:0; border:0; background:transparent; scroll-margin-top:110px; }
.kb-modern .kb-article-collection article h2 { font:400 clamp(2rem,3.6vw,3rem)/1.15 var(--serif); letter-spacing:-.035em; margin:24px 0 18px; color:var(--ink); text-transform:none; }
.kb-modern .kb-article-collection article h3 { color:var(--ink); font-size:1rem; line-height:1.35; margin-top:26px; }
.kb-modern .kb-article-collection .eyebrow { color:#49765d; font:760 .72rem/1.4 var(--font); letter-spacing:.15em; }
.kb-modern .kb-article-collection .bp-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; }
.kb-modern .kb-article-collection .bp-art { padding:0; margin:0; }
.kb-modern .kb-article-collection .bp-art h3 { font-weight:700; }
.kb-modern .kb-article-collection .bp-help a, .kb-modern .kb-article-collection.bp-help a { color:#286e4b; }
.kb-modern .kb-detail-return { padding-top:30px; margin-top:40px; border-top:1px solid var(--line); }
.kb-modern .kb-detail-return a { color:#286e4b; text-decoration:none; font-weight:700; }
.kb-modern .kb-article-collection .shots img { max-width:100%; }
.kb-modern .kb-article-collection .bp-shots img { max-width:100%; }
.kb-modern .kb-article-collection .bp-tbl { max-width:100%; }
.kb-modern .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:900px) {
  .kb-modern .article-layout { grid-template-columns:1fr; gap:20px; }
  .kb-modern .topic-sidebar { position:static; max-height:none; }
  .kb-modern .hero-content { padding:52px 38px; }
  .kb-modern .result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .kb-modern main.container { padding:0 16px; }
  .kb-modern .topbar-inner { padding:10px 16px; }
  .kb-modern .nav-right a:not(.primary-link) { display:none; }
  .kb-modern .nav-right .primary-link { padding:9px 13px; }
  .kb-modern .kb-switch { margin-top:16px; }
  .kb-modern .kb-switch-label { width:100%; }
  .kb-modern .brand-logo { height:34px; max-width:135px; }
  .kb-modern .hero { margin-top:14px; border-radius:18px; }
  .kb-modern .hero-content { padding:42px 23px; }
  .kb-modern .hero h1 { font-size:2.7rem; }
  .kb-modern .hero p.hero-sub { font-size:.94rem; }
  .kb-modern .search-form input { height:58px; font-size:1rem; padding-right:18px; }
  .kb-modern .result-grid { grid-template-columns:1fr; }
  .kb-modern .result-card { min-height:190px; padding:21px; }
  .kb-modern .article-content { padding:27px 22px; }
  .kb-modern .kb-article-collection .bp-row { grid-template-columns:1fr; }
}