/* Klub: champagne gold identity; presentation only, no customer data. */
.extensions-hub { grid-column:1 / -1; width:100%; min-width:0; padding:40px; background:#101925; color:#edf3fc; position:relative; }
.extensions-hub header { max-width:none; }
.extensions-heading { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:40px; align-items:center; }
.extensions-heading > div > span { color:#90b4f5; font-size:.75rem; letter-spacing:.1em; font-weight:750; }
.extensions-heading aside { padding:22px 24px; border-left:2px solid #6c9dff66; background:#ffffff03; border-radius:0 14px 14px 0; }
.extensions-heading aside > span { display:block; color:#92a6c0; font-size:.75rem; font-weight:750; letter-spacing:.07em; margin-bottom:10px; }
.extensions-hub .extensions-heading aside p { font-size:.875rem; line-height:1.65; margin:9px 0 0; }
.extensions-heading aside strong { color:#f1f5fb; }
.extensions-hub h3 { font-size:clamp(2rem,4vw,3rem); line-height:1.08; letter-spacing:-.04em; margin:16px 0; }
.extensions-hub header p { font-size:1rem; line-height:1.7; color:#b9c7d9; margin:0; }
.extensions-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; margin:30px 0 20px; list-style:none; }
.extension-summary { display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #ffffff19; border-top:3px solid var(--extension-color); background:linear-gradient(145deg,#ffffff07,#ffffff02); border-radius:18px; }
.extension-summary__brand { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.extension-summary__brand img { width:78px; height:auto; }
.extension-summary__brand b { color:var(--extension-color); font-size:1.0625rem; }
.extension-summary h4 { color:#f2f5fa; font-size:1.1875rem; line-height:1.35; margin:0 0 12px; letter-spacing:-.015em; }
.extension-summary p { margin:0; color:#bdc9d9; font-size:1rem; line-height:1.65; }
.extension-summary__category { font-size:.75rem; font-weight:700; letter-spacing:.065em; color:#95a9c1; margin-bottom:9px; }
.extension-summary > p { margin-bottom:22px; }
.extension-example { margin-top:auto; padding:15px 16px; border:1px solid #ffffff0d; border-radius:10px; background:#00000020; }
.extension-example > span { display:block; font-size:.75rem; letter-spacing:.04em; color:#8fa5c0; margin-bottom:6px; }
.extension-example p { font-size:.875rem; color:#d8e2f1; line-height:1.6; }
.extension-questions { display:grid; gap:9px; padding:0; margin:12px 0 0; list-style:none; }
.extension-questions li { padding:12px 13px; border:1px solid #a68cfa30; border-radius:12px 12px 12px 3px; background:#a68cfa12; color:#edf3fc; font-size:1rem; line-height:1.5; overflow-wrap:anywhere; }
.extension-steps { display:grid; gap:12px; padding:0; margin:14px 0 0; list-style:none; counter-reset:connection; }
.extension-steps li { display:grid; grid-template-columns:25px minmax(0,1fr); gap:10px; align-items:start; color:#d8e2f1; font-size:1rem; line-height:1.55; counter-increment:connection; }
.extension-steps li::before { content:counter(connection); display:grid; place-items:center; width:25px; height:25px; border:1px solid #ffffff30; border-radius:50%; color:var(--extension-color); font-size:.8125rem; font-weight:700; }
.extension-summary small { display:block; padding-top:16px; margin-top:18px; border-top:1px solid #ffffff12; color:#92a6c0; font-size:.8125rem; line-height:1.65; }
.extensions-related { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.extensions-related > a { display:flex; flex-direction:column; gap:9px; padding:22px 24px; color:#e2be72; background:#e2be7208; border:1px solid #e2be7240; border-radius:16px; text-decoration:none; }
.extensions-related > a.extensions-go-link { color:#77d9b7; border-color:#20a88440; background:#20a88408; }
.extensions-related a > span { font-size:.75rem; letter-spacing:.055em; }
.extensions-related strong { display:flex; justify-content:space-between; font-size:1.125rem; }
.extensions-related p { font-size:.9375rem; color:#bac6d4; line-height:1.65; margin:0; }
.extensions-related a:hover { border-color:currentColor; }
.extensions-related a:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.extensions-hub__footer { margin-top:26px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.extensions-hub__footer p { font-size:.8125rem; line-height:1.6; color:#91a6c0; max-width:420px; margin:0; }
.extensions-anchor { position:absolute; top:0; left:0; width:1px; height:1px; }
@media(max-width:1050px) { .extensions-overview { grid-template-columns:1fr 1fr; } .extensions-heading { grid-template-columns:1fr; gap:22px; } }
@media(max-width:650px) { .extensions-hub { padding:28px 20px; } .extensions-overview,.extensions-related { grid-template-columns:1fr; } .extension-summary { padding:22px 20px; } .extension-summary__brand { margin-bottom:18px; } }
#tab-klub { --accent:#e2be72; }
:root[data-theme="light"] .extensions-hub { background:#f1f5fb; color:#14253e; }
:root[data-theme="light"] .extensions-heading > div > span { color:#315e9e; }
:root[data-theme="light"] .extensions-heading aside { background:#e4ecf8; border-color:#94b3e3; }
:root[data-theme="light"] .extensions-heading aside > span { color:#506a8c; }
:root[data-theme="light"] .extensions-heading aside strong { color:#172d4b; }
:root[data-theme="light"] .extensions-hub header p { color:#50637d; }
:root[data-theme="light"] .extension-summary { background:#fff; border-color:#dce4ef; border-top-color:var(--extension-color); box-shadow:0 6px 18px #17385e05; }
:root[data-theme="light"] .extension-summary__brand img { filter:brightness(0); opacity:.88; }
:root[data-theme="light"] .extension-summary__brand b { color:#213958; }
:root[data-theme="light"] .extension-summary h4 { color:#172d4b; }
:root[data-theme="light"] .extension-summary > p { color:#52647c; }
:root[data-theme="light"] .extension-summary__category { color:#63758f; }
:root[data-theme="light"] .extension-example { background:#f3f6fb; border-color:#e3eaf3; }
:root[data-theme="light"] .extension-example > span { color:#586b85; }
:root[data-theme="light"] .extension-example p { color:#314964; }
:root[data-theme="light"] .extension-questions li { color:#253758; background:#efebfa; border-color:#d8cfed; }
:root[data-theme="light"] .extension-steps li { color:#314964; }
:root[data-theme="light"] .extension-steps li::before { color:#314964; border-color:#c1cfdf; }
:root[data-theme="light"] .extension-summary small { color:#52647c; border-color:#dce4ef; }
:root[data-theme="light"] .extensions-related > a { color:#785717; border-color:#ddc68f; background:#f8f3e8; }
:root[data-theme="light"] .extensions-related > a.extensions-go-link { color:#17694f; border-color:#a5d3c4; background:#eaf5f0; }
:root[data-theme="light"] .extensions-related p { color:#4a5e71; }
:root[data-theme="light"] .extensions-hub__footer p { color:#63758f; }
:root[data-theme="light"] .extensions-hub__footer .module-link { color:#255799; border-color:#afc5e4; background:#e5eefb; }
.klub-module .module-copy > h3 em { color:#e2be72; font-style:normal; }
.klub-module .module-copy > p { font-size:1rem; line-height:1.65; }
.klub-module .module-copy .klub-integration { font-size:.875rem; line-height:1.7; opacity:.88; margin-top:22px; }
.klub-module .module-link { color:#f1d89e; border-color:#b890465c; background:#b8904612; font-size:.875rem; }
.klub-module .module-link:hover { background:#b890462a; }
.module-panel .klub-showcase { display:flex; flex-direction:column; align-items:center; justify-content:center; height:auto; min-height:820px; max-height:none; padding:36px 24px 26px; gap:22px; overflow:hidden; background:radial-gradient(ellipse at 85% 0%,#e8c47750,transparent 62%),#f5f4f0; color:#252a33; }
.klub-showcase__heading { text-align:center; }
.klub-showcase::before { pointer-events:none; }
.klub-showcase__heading > span { display:block; font:750 .75rem/1.5 Manrope,sans-serif; letter-spacing:.12em; color:#806026; }
.klub-showcase__heading > strong { display:block; margin-top:9px; font-size:clamp(1.5rem,2.3vw,2rem); letter-spacing:-.035em; line-height:1.18; }
.klub-perspectives { width:min(100%,440px); display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:5px; border:1px solid #dbd5c6; border-radius:18px; background:#e7e3da; }
.klub-perspectives button { appearance:none; border:0; border-radius:13px; padding:12px 8px; text-align:left; padding-left:16px; font:750 .9375rem/1.4 Manrope,sans-serif; color:#5d594f; background:transparent; cursor:pointer; }
.klub-perspectives button > span { display:block; margin-top:2px; font-size:.75rem; font-weight:500; }
.klub-perspectives button[aria-selected="true"] { background:#202831; color:#f5dba6; box-shadow:0 3px 9px #20283118; }
.klub-perspectives button:focus-visible,.klub-perspective-view:focus-visible { outline:3px solid #956d20; outline-offset:4px; }
.klub-perspective-view { width:100%; min-width:0; display:flex; flex-direction:column; align-items:center; gap:18px; }
.klub-perspective-view[hidden] { display:none !important; }
.klub-reward { flex-shrink:0; width:min(100%,360px); background:#fff; border:1px solid #e5e0d6; border-radius:27px; box-shadow:0 22px 50px #39302015,0 2px 5px #39302008; overflow:hidden; }
.klub-reward__brand { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding:22px 22px 0; }
.klub-reward__brand img { width:79px; height:auto; filter:brightness(0); opacity:.86; }
.klub-reward__brand b { font-size:1rem; color:#896421; }
.klub-reward__brand > span { margin-left:auto; font-size:.75rem; letter-spacing:.015em; color:#716b5f; font-weight:650; }
.klub-reward__photo { height:190px; margin-top:8px; position:relative; background:radial-gradient(ellipse at center,#efe0bd 0%,#faf8f2 43%,#fff 73%); }
.klub-reward__photo img { width:100%; height:100%; object-fit:contain; }
.klub-reward__photo::after { content:""; position:absolute; inset:auto 0 0; height:28px; background:linear-gradient(transparent,#fff); pointer-events:none; }
.klub-reward__body { padding:0 22px 23px; }
.klub-reward__body > span { font-size:.75rem; font-weight:750; letter-spacing:.065em; color:#88631f; }
.klub-reward__body h4 { margin:7px 0; font-size:2rem; line-height:1.12; letter-spacing:-.035em; color:#202831; }
.klub-reward__body p { font-size:.875rem; line-height:1.6; margin:0; color:#646159; }
.klub-stamps { display:grid; grid-template-columns:repeat(8,1fr); gap:6px; margin:20px 0 14px; }
.klub-stamps b { display:grid; place-items:center; aspect-ratio:1; border:1px solid #dcd5c6; border-radius:50%; color:#73694f; font-size:.8125rem; }
.klub-stamps b:nth-child(-n+6) { background:#d9b361; color:#29251e; border-color:#d9b361; }
.klub-reward__progress { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:.75rem; color:#6e6759; }
.klub-reward__progress strong { color:#54431e; }
.klub-view-note { margin:0; text-align:center; font-size:.875rem; line-height:1.6; color:#5f594e; }
.klub-showcase__caption { border-top:1px solid #ded7c8; padding-top:17px; width:min(100%,440px); display:flex; flex-direction:column; gap:6px; text-align:center; font-size:.875rem; font-weight:700; }
.klub-showcase__caption small { font-size:.75rem; font-weight:500; color:#6e6658; }
.klub-owner-card { width:min(100%,440px); min-width:0; background:#fff; border:1px solid #ddd6c8; border-radius:22px; overflow:hidden; box-shadow:0 22px 50px #39302012; }
.klub-owner-top { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 20px; background:#202831; color:#fff; }
.klub-owner-top > span { font-size:.75rem; font-weight:750; letter-spacing:.045em; }
.klub-owner-top b { color:#e2be72; font-size:.9375rem; padding-left:10px; border-left:1px solid #ffffff35; }
.klub-owner-top small { margin-left:auto; font-size:.75rem; color:#d7d4cd; }
.klub-owner-title { padding:22px 22px 16px; }
.klub-owner-title > span { font-size:.75rem; font-weight:750; letter-spacing:.04em; color:#88631f; }
.klub-owner-title h4 { margin:7px 0; font-size:1.5rem; letter-spacing:-.025em; line-height:1.25; color:#202831; }
.klub-owner-title p { margin:0; font-size:.8125rem; color:#6f695e; }
.klub-owner-photo { display:flex; align-items:center; gap:10px; margin:0 22px 15px; padding:12px; border:1px solid #ebe5d8; background:#faf8f2; border-radius:15px; }
.klub-owner-photo img { width:100px; height:100px; object-fit:contain; flex-shrink:0; }
.klub-owner-photo div { min-width:0; }
.klub-owner-photo span { font-size:.75rem; color:#7c622d; font-weight:700; }
.klub-owner-photo strong { display:block; margin:5px 0; font-size:1rem; color:#202831; }
.klub-owner-photo p { margin:0; font-size:.8125rem; line-height:1.5; color:#6f695e; }
.klub-owner-fields { margin:0 22px; }
.klub-owner-fields > div { border-bottom:1px solid #ece7dd; padding:12px 0; }
.klub-owner-fields dt { font-size:.8125rem; color:#6f695e; margin-bottom:5px; }
.klub-owner-fields dd { margin:0; font-size:.9375rem; font-weight:700; color:#252a33; }
.klub-owner-fields dd span { color:#946d23; margin:0 5px; }
.klub-owner-summary { margin:18px 22px 22px; border-left:3px solid #d9b361; padding-left:12px; }
.klub-owner-summary strong { font-size:.875rem; color:#54431e; }
.klub-owner-summary p { font-size:.8125rem; line-height:1.6; color:#6f695e; margin:5px 0 0; }
@media(max-width:600px) {
 .module-panel .klub-showcase { padding:26px 14px; min-height:0; }
 .klub-perspectives button { padding:11px 9px; }
 .klub-reward__body,.klub-reward__brand { padding-left:18px; padding-right:18px; }
 .klub-owner-title { padding:18px 16px 14px; }
 .klub-owner-photo { margin-left:16px; margin-right:16px; padding:9px; }
 .klub-owner-photo img { width:80px; height:90px; }
 .klub-owner-fields { margin:0 16px; }
 .klub-owner-summary { margin:16px; }
}