/* Klarkorb Sparguide – follows all three selectable design palettes. */
.bottom-nav .nav-item{min-width:0;flex:1;padding:5px 2px;gap:5px;font-size:10px}
.bottom-nav .nav-item>svg{height:21px;width:21px}
.bottom-nav .nav-bubble{right:7px}
.home-guide-teaser{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:13px;text-align:left;border:1px solid var(--palette-border);border-radius:18px;background:var(--palette-soft2);color:var(--palette-ink)}
.home-guide-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:var(--palette-swatch);color:var(--palette-dark)}
.home-guide-copy{display:grid;gap:4px;flex:1;min-width:0}
.home-guide-copy small{font-size:9px;font-weight:790;letter-spacing:.08em;color:var(--palette-primary)}
.home-guide-copy strong{font-size:13px;line-height:1.22;letter-spacing:-.01em}
.home-guide-copy>span{font-size:10px;color:var(--palette-muted);line-height:1.35}
.home-guide-teaser>svg{color:var(--palette-primary)}
.guide-page{padding-bottom:18px;color:var(--palette-ink)}
.guide-page .page-sub{color:var(--palette-muted)}
.guide-daily{border:1px solid var(--palette-border);background:linear-gradient(130deg,var(--palette-dark),var(--palette-primary));color:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 28px #00000012}
.guide-daily-top{display:flex;align-items:center;gap:8px;color:#ffffffc8;font-size:11px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;margin-bottom:15px}
.guide-day-number{margin-left:auto;padding:5px 8px;border:1px solid #ffffff55;border-radius:20px;color:#fff;font-size:10px;white-space:nowrap}
.guide-daily>strong{display:block;font-size:21px;letter-spacing:-.03em;line-height:1.2}
.guide-daily>p{font-size:12px;line-height:1.6;margin:10px 0 0;color:#ffffffdf}
.guide-progress{background:var(--palette-soft);border:1px solid var(--palette-border);border-radius:16px;padding:13px 15px;margin:12px 0 19px}
.guide-progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--palette-primary)}
.guide-progress-top>span{display:flex;align-items:center;gap:5px}
.guide-progress-top b{font-weight:820}
.guide-progress-track{margin-top:12px;height:7px;border-radius:99px;overflow:hidden;background:var(--palette-surface)}
.guide-progress-track>span{display:block;height:100%;background:var(--palette-primary);border-radius:99px;transition:width .18s ease}
.guide-heading{margin-top:10px}
.guide-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.guide-category{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-width:0;min-height:104px;border:1px solid var(--palette-border);background:var(--palette-soft);color:var(--palette-ink);border-radius:17px;padding:13px}
.guide-category:nth-child(2n+1){background:var(--palette-soft2)}
.guide-category.active{border:2px solid var(--palette-primary);padding:12px;box-shadow:inset 0 0 0 1px var(--palette-primary)}
.guide-category-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--palette-swatch);color:var(--palette-dark)}
.guide-category strong{font-size:12px;line-height:1.2;letter-spacing:-.01em}
.guide-category small{font-size:10px;color:var(--palette-muted);margin-top:auto}
.guide-challenges{margin-top:18px;border:1px solid var(--palette-border);border-radius:21px;background:var(--palette-surface);padding:15px}
.guide-challenges-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.guide-challenge-badge{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--palette-soft2);color:var(--palette-primary)}
.guide-challenges-heading strong{display:block;font-size:14px}
.guide-challenges-heading small{display:block;font-size:10px;color:var(--palette-muted);margin-top:4px}
.guide-challenge{display:flex;align-items:center;gap:10px;border-top:1px solid var(--palette-border);padding:12px 0}
.guide-challenge:last-child{padding-bottom:0}
.guide-challenge-copy{flex:1;min-width:0}
.guide-challenge-copy strong{display:block;font-size:12px;line-height:1.25}
.guide-challenge-copy p{margin:4px 0 0;font-size:10px;line-height:1.45;color:var(--palette-muted)}
.guide-challenge-btn{flex-shrink:0;border:1px solid var(--palette-border);background:var(--palette-soft2);color:var(--palette-primary);padding:8px 10px;border-radius:12px;font-size:10px;font-weight:780;max-width:97px}
.guide-challenge-btn.completed{background:var(--palette-primary);color:#fff}
.guide-list-heading{margin-bottom:10px}
.guide-list-heading>span{font-size:11px;color:var(--palette-muted);white-space:nowrap}
.guide-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.guide-filter{display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1px solid var(--palette-border);border-radius:99px;padding:9px 12px;background:var(--palette-surface);color:var(--palette-primary);font-size:11px;font-weight:750}
.guide-filter.active{background:var(--palette-primary);color:#fff;border-color:var(--palette-primary)}
.guide-tip-list{display:grid;gap:9px}
.guide-tip-card{border-radius:17px;border:1px solid var(--palette-border);background:var(--palette-soft);padding:12px}
.guide-tip-card:nth-child(even){background:var(--palette-soft2)}
.guide-tip-card.is-done{opacity:.77}
.guide-tip-top{display:flex;align-items:center;gap:8px;min-width:0}
.guide-tip-open{flex:1;min-width:0;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;color:var(--palette-ink)}
.guide-tip-no{display:grid;place-items:center;flex-shrink:0;width:30px;height:31px;border-radius:10px;background:var(--palette-swatch);color:var(--palette-dark);font-size:11px;font-weight:830}
.guide-tip-heading{flex:1;min-width:0;display:grid;gap:4px}
.guide-tip-heading strong{font-size:12px;line-height:1.25;letter-spacing:-.01em}
.guide-tip-heading small{font-size:10px;color:var(--palette-muted);line-height:1.2}
.guide-tip-chevron{color:var(--palette-primary);transition:transform .2s}
.guide-tip-chevron.rotated{transform:rotate(90deg)}
.guide-tip-actions{display:flex;gap:5px;flex-shrink:0}
.guide-icon-btn{width:31px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--palette-surface);border:1px solid var(--palette-border);color:var(--palette-muted);padding:0}
.guide-icon-btn.on{background:var(--palette-primary);border-color:var(--palette-primary);color:#fff}
.guide-icon-btn.on[data-action='guide-favorite'] svg{fill:currentColor}
.guide-tip-detail{border-top:1px solid var(--palette-border);padding:12px 3px 2px;margin:13px 0 0;font-size:12px;line-height:1.6;color:var(--palette-ink)}
.guide-empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:25px 18px;border:1px dashed var(--palette-border);border-radius:18px;background:var(--palette-surface);color:var(--palette-primary)}
.guide-empty strong{font-size:15px}
.guide-empty p{color:var(--palette-muted);font-size:12px;line-height:1.45;margin:0}
.guide-footnote{font-size:10px;color:var(--palette-muted);line-height:1.55;margin:17px 3px 0}
@media(max-width:360px){.bottom-nav .nav-item{font-size:9px}.guide-tip-card{padding:10px}.guide-tip-top{gap:5px}.guide-tip-open{gap:6px}.guide-tip-actions{gap:3px}.guide-icon-btn{width:28px}.guide-tip-no{width:27px}.guide-category{padding:11px}}
@media(prefers-reduced-motion:reduce){.guide-progress-track>span,.guide-tip-chevron{transition:none}}