*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--bg:#2c3c34;--surface:#3d5447;--surface-2:#4a6054;--accent:#4ecb82;--accent-rgb:78, 203, 130;--accent-dim:#3aad6a;--cream:#f0e5d0;--text:#e0d8cc;--text-dim:#a8bdb5;--sand:#e2cfa8;--warm:#c9b28c;--warm-dk:#b09070;--error:#e57373;--success:#4ecb82;--tint-rgb:255, 255, 255;--shadow-card:0 2px 8px rgba(44, 60, 52, 0.10);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-2:var(--surface-2);--color-text:var(--text);--color-text-muted:var(--text-dim);--color-accent:var(--accent);--color-cta:var(--cream);--color-cta-text:#1e2e28;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r:16px;--r-lg:24px;--z-base:0;--z-raised:10;--z-overlay:40;--z-nav:100;--z-modal:1000;--f:'Outfit', system-ui, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-hero:clamp(56px, 10vw, 96px);--dur-fast:150ms;--dur-base:250ms;--dur-slow:400ms;--ease-out:cubic-bezier(0.0, 0.0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0.0, 1, 1);--ease-std:cubic-bezier(0.4, 0.0, 0.2, 1);--max-w:1200px;--nav-h:72px}:root[data-theme=light]{--bg:#f5efe2;--surface:#ffffff;--surface-2:#ebe1cc;--accent:#1f7a47;--accent-rgb:31, 122, 71;--accent-dim:#145a32;--tint-rgb:44, 60, 52;--cream:#2c3c34;--text:#2c3c34;--text-dim:#5a6b62;--sand:#8a6a2a;--warm:#6b4f24;--warm-dk:#4a3618;--error:#b53939;--success:#1f7a47;--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-2:var(--surface-2);--color-text:var(--text);--color-text-muted:var(--text-dim);--color-accent:var(--accent);--color-cta:#2c3c34;--color-cta-text:#f5efe2}:root[data-theme=light] .topbar{background:rgba(245,239,226,.92);border-bottom-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .mobile-nav{background:var(--bg);border-top-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .guide-card{border:1px solid rgba(var(--tint-rgb),.08);box-shadow:var(--shadow-card)}:root[data-theme=light] .guide-card:hover{box-shadow:0 16px 40px rgba(var(--tint-rgb),.2)}:root[data-theme=light] .tag{background:#e3f1e8;color:var(--accent)}:root[data-theme=light] .tag-difficulty-fortgeschritten{background:rgba(138,106,42,.12);color:var(--sand)}:root[data-theme=light] .tag-difficulty-experte{background:rgba(107,79,36,.12);color:var(--warm)}:root[data-theme=light] .nav-burger:hover{background:rgba(var(--tint-rgb),.06)}:root[data-theme=light] .mobile-nav-link{border-bottom-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .mobile-nav-link:first-child{border-top-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .nav-dropdown-toggle{background:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .nav-dropdown-toggle:hover{background:rgba(var(--tint-rgb),.14)}:root[data-theme=light] .nav-dropdown-menu{background:rgba(245,239,226,.98);border-color:rgba(var(--tint-rgb),.12);box-shadow:0 12px 32px rgba(var(--tint-rgb),.22)}:root[data-theme=light] .nav-dropdown-link:hover,:root[data-theme=light] .nav-dropdown-link--active{background:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .pill{color:var(--text)}:root[data-theme=light] .hero-featured-title{color:#fff!important}:root[data-theme=light] .hero-featured-meta{color:rgba(255,255,255,.7)!important}:root[data-theme=light] .hero-featured-badge{background:#f0e5d0!important;color:#1f7a47!important;border:1px solid rgba(44,60,52,.1)!important}:root[data-theme=light] .search{background:rgba(var(--tint-rgb),.04)}:root[data-theme=light] .search:hover,:root[data-theme=light] .search--active{background:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .search-input::placeholder{color:rgba(var(--tint-rgb),.45)}:root[data-theme=light] .search svg{color:var(--text-dim)}:root[data-theme=light] .search-result{border-bottom-color:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .search-result:hover{background:rgba(var(--tint-rgb),.04)}:root[data-theme=light] .kw-tool{background:linear-gradient(135deg,#ede0c4 0%,#f5efe2 50%,#e5f0ea 100%);border:1px solid rgba(184,116,58,.22);box-shadow:0 2px 16px rgba(107,79,36,.14),0 1px 4px rgba(107,79,36,9%)}:root[data-theme=light] .kw-tool-input,:root[data-theme=light] .kw-tool-btn{background:rgba(var(--tint-rgb),.04);border-color:rgba(var(--tint-rgb),.12)}:root[data-theme=light] .kw-tool-result{background:rgba(var(--tint-rgb),.04);border-top-color:rgba(var(--tint-rgb),.12);border-right-color:rgba(var(--tint-rgb),.12);border-bottom-color:rgba(var(--tint-rgb),.12)}:root[data-theme=light] .kw-tool-input:hover,:root[data-theme=light] .kw-tool-input:focus-visible,:root[data-theme=light] .kw-tool-btn:hover,:root[data-theme=light] .kw-tool-btn:focus-visible{background:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .kw-tool-input::placeholder{color:rgba(var(--tint-rgb),.45)}:root[data-theme=light] .kw-tool-result-label{color:rgba(var(--tint-rgb),.6)}:root[data-theme=light] .kw-tool-result-sub{color:rgba(var(--tint-rgb),.7)}:root[data-theme=light] .kw-tool-restart:hover{color:var(--bg)}:root[data-theme=light] .kw-brew-guide .bg-slider{background:rgba(44,60,52,.18)!important}:root[data-theme=light] .kw-brew-guide .bg-slider-tick{background:rgba(44,60,52,.28)!important}:root[data-theme=light] .hub-filter-btn{background:rgba(var(--tint-rgb),.1);border-color:rgba(var(--tint-rgb),.3);color:var(--text)}:root[data-theme=light] .hub-filter-btn:hover,:root[data-theme=light] .hub-filter-btn:focus-visible{background:rgba(var(--tint-rgb),.16);border-color:var(--accent)}:root[data-theme=light] .hub-filter-btn.is-active{background:rgba(var(--accent-rgb),.12)}:root[data-theme=light] .hub-filter-themes-panel{background:rgba(var(--tint-rgb),.05);border-color:rgba(var(--tint-rgb),.15);border-left-color:var(--accent)}:root[data-theme=light] .hub-filter-theme-check{border-color:rgba(var(--tint-rgb),.4)}:root[data-theme=light] .tool-pill{border-color:rgba(var(--tint-rgb),.12);box-shadow:var(--shadow-card)}:root[data-theme=light] .tool-pill:hover{box-shadow:0 4px 16px rgba(var(--tint-rgb),.18)}:root[data-theme=light] .tool-pills,:root[data-theme=light] .tip--tools{border-bottom-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .post-content .step{box-shadow:var(--shadow-card)}:root[data-theme=light] .post-content table{box-shadow:var(--shadow-card);border-color:rgba(var(--tint-rgb),.1)}:root[data-theme=light] .post-content thead th{background:var(--surface-2);border-bottom-color:rgba(var(--tint-rgb),.12)}:root[data-theme=light] .post-content thead th+th{border-left-color:rgba(var(--tint-rgb),.08)}:root[data-theme=light] .post-content tbody td{border-bottom-color:rgba(var(--tint-rgb),.06)}:root[data-theme=light] .post-content tbody td+td{border-left-color:rgba(var(--tint-rgb),.04)}:root[data-theme=light] .post-content tbody tr:nth-child(even) td{background:rgba(var(--tint-rgb),.02)}:root[data-theme=light] .pagination{box-shadow:var(--shadow-card);border-color:rgba(var(--tint-rgb),.1)}html{font-size:var(--text-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--f);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:clip}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;top:-100%;left:var(--s4);padding:var(--s2)var(--s4);background:var(--color-accent);color:var(--color-cta-text);font-weight:600;border-radius:var(--r-sm);z-index:var(--z-modal);transition:top var(--dur-fast)var(--ease-out)}.skip-link:focus{top:var(--s4)}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:var(--z-nav);width:100%;height:var(--nav-h);backdrop-filter:blur(12px);background:rgba(44,60,52,.92);border-bottom:1px solid rgba(255,255,255,6%)}.topbar-inner{max-width:var(--max-w);margin:0 auto;height:100%;display:flex;align-items:center;gap:var(--s4);padding:0 clamp(var(--s4),4vw,var(--s7))}.logo{font-size:28px;font-weight:800;color:var(--cream);letter-spacing:-1.5px;line-height:1;flex-shrink:0;cursor:pointer}.logo:hover{color:var(--accent);transition:color var(--dur-fast)var(--ease-out)}.nav-pills{display:flex;align-items:center;gap:var(--s2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nav-pills::-webkit-scrollbar{display:none}.pill{background:0 0;color:var(--text-dim);border:none;min-height:44px;border-radius:100px;padding:var(--s2)var(--s4);font-family:var(--f);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);text-decoration:none}.pill:hover,.pill--active{background:var(--surface-2);color:var(--cream)}.nav-burger{display:none;width:44px;height:44px;background:0 0;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--r-sm);padding:0;flex-shrink:0;transition:background var(--dur-fast)var(--ease-out)}.nav-burger:hover{background:var(--surface)}.nav-burger span{display:block;width:20px;height:2px;background:var(--cream);border-radius:2px;transition:transform var(--dur-base)var(--ease-std),opacity var(--dur-fast)var(--ease-out);transform-origin:center}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--bg);z-index:calc(var(--z-nav) - 1);padding:0;border-top:1px solid rgba(255,255,255,6%);display:flex;flex-direction:column}.mobile-nav[hidden]{display:none}.mobile-nav-links{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--s4)clamp(var(--s4),4vw,var(--s7))}.mobile-nav-link{font-size:var(--text-xl);font-weight:700;color:var(--cream);padding:var(--s5)0;min-height:44px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,6%);transition:color var(--dur-fast)var(--ease-out),padding-left var(--dur-fast)var(--ease-out)}.mobile-nav-link:first-child{border-top:1px solid rgba(255,255,255,6%)}.mobile-nav-link:hover{color:var(--accent);padding-left:var(--s3)}.search-toggle-group{display:flex;align-items:center;gap:var(--s4);margin-left:auto;flex-shrink:0}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-dim);font-size:20px;line-height:1;transition:color var(--dur-fast)var(--ease-out)}.theme-toggle:hover{color:var(--accent)}.theme-toggle:hover circle,.theme-toggle:hover path,.theme-toggle:hover g{stroke:var(--accent);fill:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.theme-toggle-sun{display:block}.theme-toggle-rays{display:block}.theme-toggle-moon{display:none}:root[data-theme=dark] .theme-toggle-sun,:root[data-theme=dark] .theme-toggle-rays{display:none}:root[data-theme=dark] .theme-toggle-moon{display:block}:root[data-theme=light] .theme-toggle{color:#2c3c34}:root[data-theme=dark] .theme-toggle{color:var(--cream)}.mobile-nav-footer{flex-shrink:0;border-top:1px solid;border-top-color:rgba(255,255,255,.12);padding:var(--s4)0;padding-bottom:max(var(--s4),env(safe-area-inset-bottom,var(--s4)));display:flex;justify-content:center;background:var(--bg)}:root[data-theme=light] .mobile-nav-footer{border-top-color:rgba(44,60,52,.12)}.theme-toggle--mobile{font-size:24px;width:48px;height:48px;padding:0;border-radius:50%;background-color:var(--color-surface-2);transition:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);display:flex;align-items:center;justify-content:center}.theme-toggle--mobile:hover{background-color:var(--color-surface);color:var(--accent)}.theme-toggle--mobile:hover circle,.theme-toggle--mobile:hover path,.theme-toggle--mobile:hover g{stroke:var(--accent);fill:var(--accent)}.theme-toggle--mobile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar .search{flex-shrink:0}@media(max-width:768px){.search-toggle-group .theme-toggle{display:none}.theme-toggle--mobile{display:inline-flex}}@media(min-width:769px){.theme-toggle--mobile{display:none}}@media(prefers-reduced-motion:reduce){.theme-toggle-clip-path{transition:d 150ms cubic-bezier(.4,0,.2,1)}.theme-toggle-rays{transition:opacity 150ms cubic-bezier(.4,0,.2,1),transform 150ms cubic-bezier(.4,0,.2,1)}.theme-toggle-orb{transition:transform 150ms cubic-bezier(.4,0,.2,1)}}.search{position:relative;flex:1;max-width:320px;margin-left:auto;background:var(--surface-2);border-radius:100px;padding:var(--s2)var(--s4);min-height:44px;display:flex;align-items:center;gap:var(--s2);cursor:text;transition:background var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out)}.search:hover{background:var(--surface)}.search--active{background:var(--surface);box-shadow:0 0 0 2px var(--accent)}.search svg{opacity:.5;flex-shrink:0;transition:opacity var(--dur-fast)var(--ease-out)}.search--active svg{opacity:.8}.search-input{flex:1;min-width:0;background:0 0;border:none;outline:none;color:var(--cream);font-family:var(--f);font-size:var(--text-base);font-weight:400;caret-color:var(--accent)}.search-input::placeholder{color:rgba(224,216,204,.45)}.search-close{display:none;background:0 0;border:none;padding:var(--s1);margin-left:auto;color:var(--text-dim);cursor:pointer;border-radius:var(--r-sm);align-items:center;justify-content:center;flex-shrink:0;transition:color var(--dur-fast)var(--ease-out);min-width:44px;min-height:44px}.search-close:hover{color:var(--cream)}.search-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-results{position:absolute;top:calc(100% + var(--s2));left:0;right:0;background:var(--surface);border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.35);overflow-y:auto;max-height:480px;overscroll-behavior:contain;z-index:var(--z-overlay);display:flex;flex-direction:column;padding:var(--s3);gap:0}.search-results[hidden]{display:none}.search-result{display:block;padding:var(--s4);border-radius:var(--r-sm);text-decoration:none;transition:background var(--dur-fast)var(--ease-out);border-bottom:1px solid rgba(255,255,255,6%)}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--surface-2)}.search-result:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-result-badges{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s1)}.search-cat{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}.search-difficulty{font-size:var(--text-xs);font-weight:500;color:var(--text-dim)}.search-result-title{font-family:var(--f);font-size:var(--text-base);font-weight:700;color:var(--cream);line-height:1.35;margin-bottom:var(--s2)}.search-result-desc{font-family:var(--f);font-size:var(--text-sm);color:var(--text-dim);line-height:1.5;margin-bottom:var(--s2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-tags{display:flex;flex-wrap:wrap;gap:var(--s1)}.search-tag{font-size:var(--text-xs);background:rgba(78,203,130,.12);color:var(--accent);border-radius:100px;padding:3px 10px;font-weight:500}.search-empty{padding:var(--s5)var(--s4);text-align:center;color:var(--text-dim);font-size:var(--text-base)}.page-main{max-width:var(--max-w);margin:0 auto;padding:0 clamp(var(--s4),4vw,var(--s7))}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);padding:var(--s7)0 var(--s6);align-items:center}.hero-label{font-size:var(--text-sm);font-weight:500;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--s3)}.hero-title{font-size:var(--text-hero);font-weight:800;color:var(--cream);letter-spacing:-3px;line-height:.9;margin-bottom:var(--s5)}.hero-desc{font-size:var(--text-lg);color:var(--text-dim);line-height:1.6;max-width:42ch;margin-bottom:var(--s5)}.hero-cta{display:inline-flex;align-items:center;gap:var(--s2);background:var(--cream);color:var(--color-cta-text);border-radius:100px;padding:var(--s3)var(--s5);min-height:48px;font-weight:600;font-size:var(--text-base);transition:background var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);cursor:pointer;border:none;font-family:var(--f)}.hero-cta:hover{background:var(--sand);transform:translateY(-2px)}:root[data-theme=light] .hero-cta:hover{background:#1f7a47}.hero-cta svg{width:16px;height:16px;stroke:currentColor;fill:none}.hero-featured{display:block;width:100%;border-radius:var(--r-lg);background:var(--surface);overflow:hidden;position:relative;aspect-ratio:4/3;cursor:pointer;transition:transform var(--dur-base)var(--ease-out)}.hero-featured:hover{transform:translateY(-4px)}.hero-featured-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,var(--surface-2) 0%,#3a5848 60%,#2c4438 100%)}.hero-featured-badge{position:absolute;top:var(--s4);left:var(--s4);background:rgba(44,60,52,.95);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:var(--s1)var(--s3);font-size:var(--text-xs);font-weight:600;color:#5ed98e;letter-spacing:1px;text-transform:uppercase}.hero-featured-info{position:absolute;bottom:0;left:0;right:0;padding:var(--s5);background:linear-gradient(transparent,rgba(28,44,36,.92) 60%)}.hero-featured-title{font-size:var(--text-xl);font-weight:700;color:var(--cream);letter-spacing:-.4px;line-height:1.2;margin-bottom:var(--s2)}.hero-featured-meta{font-size:var(--text-sm);color:var(--text-dim)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s5);padding-top:var(--s6)}.section-title{font-size:var(--text-2xl);font-weight:800;color:var(--cream);letter-spacing:-1px}.section-link{font-size:var(--text-sm);color:var(--text-dim);border-bottom:1px solid var(--text-dim);padding-bottom:1px;transition:color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out)}.section-link:hover{color:var(--cream);border-color:var(--cream)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4);margin-bottom:var(--s7)}.guide-card{border-radius:var(--r);background:var(--surface);overflow:hidden;cursor:pointer;transition:transform var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out);display:flex;flex-direction:column;text-decoration:none;color:inherit}.guide-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25)}@keyframes reveal-fade-slide{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.guide-card[data-reveal]{opacity:0;transform:translateY(40px)}.guide-card[data-reveal].is-revealed{animation:reveal-fade-slide 1.2s linear forwards}.guide-card[data-reveal].is-revealed:nth-child(1){animation-delay:0s}.guide-card[data-reveal].is-revealed:nth-child(2){animation-delay:.15s}.guide-card[data-reveal].is-revealed:nth-child(3){animation-delay:.3s}.guide-card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%);position:relative;overflow:hidden}.guide-card-thumb picture{position:absolute;inset:0}.guide-card-thumb img{width:100%;height:100%;object-fit:cover}.guide-card-thumb .layer-color{z-index:1;position:absolute;inset:0}.guide-card-thumb .layer-duo{z-index:2;position:absolute;inset:0;opacity:1;filter:url(#duo-green);transition:opacity 1.5s ease-in-out;will-change:opacity}:root[data-theme=light] .guide-card-thumb .layer-duo{filter:url(#duo-warm)}.guide-card:hover .guide-card-thumb .layer-duo,.guide-card:focus-visible .guide-card-thumb .layer-duo,.guide-card.in-view .guide-card-thumb .layer-duo{opacity:0}@media(prefers-reduced-motion:reduce){.guide-card-thumb .layer-duo{transition:opacity .15s ease}}.guide-card-thumb-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-2),#3a5040)}.guide-card-thumb-icon svg{width:40px;height:40px;opacity:.25;stroke:var(--cream);fill:none}.guide-card-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}.guide-card-tags{display:flex;gap:var(--s2);flex-wrap:wrap}.tag{font-size:var(--text-xs);font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:3px var(--s2);border-radius:100px;background:rgba(78,203,130,.15);color:var(--accent)}.tag-difficulty-einsteiger{background:rgba(78,203,130,.15);color:var(--accent)}.tag-difficulty-fortgeschritten{background:rgba(226,207,168,.15);color:var(--sand)}.tag-difficulty-experte{background:rgba(201,178,140,.15);color:var(--warm)}.guide-card-title{font-size:var(--text-lg);font-weight:700;color:var(--cream);letter-spacing:-.3px;line-height:1.25}.guide-card-desc{font-size:var(--text-sm);color:var(--text-dim);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--s3);border-top:1px solid rgba(255,255,255,6%)}.guide-card-meta{font-size:var(--text-xs);color:var(--text-dim)}.guide-card-arrow{height:36px;padding:0 var(--s4);border-radius:100px;background:rgba(78,203,130,.12);display:flex;align-items:center;justify-content:center;gap:var(--s2);transition:background var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out)}.guide-card:hover .guide-card-arrow{background:rgba(78,203,130,.25);transform:translateX(3px)}.guide-card-arrow svg{width:18px;height:18px;stroke:var(--accent);stroke-width:3;fill:none;stroke-width:2.5}.categories{padding:var(--s5)0;border-top:1px solid rgba(255,255,255,6%);border-bottom:1px solid rgba(255,255,255,6%);margin-bottom:var(--s6)}.categories-inner{display:flex;flex-wrap:wrap;gap:var(--s3);max-width:100%;padding-bottom:var(--s1);scrollbar-width:none}.categories-inner::-webkit-scrollbar{display:none}.cat-pill{display:inline-flex;align-items:center;gap:var(--s2);white-space:nowrap;padding:var(--s2)var(--s4);border-radius:100px;background:var(--surface);font-size:var(--text-sm);font-weight:500;color:var(--text-dim);min-height:44px;cursor:pointer;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);text-decoration:none}.cat-pill:hover,.cat-pill--active{background:var(--surface-2);color:var(--cream)}.cat-pill-icon{font-size:16px;line-height:1}.list-header{padding:var(--s7)0 var(--s5)}.list-title{font-size:var(--text-3xl);font-weight:800;color:var(--cream);letter-spacing:-2px;line-height:.95;margin-bottom:var(--s4)}.list-desc{font-size:var(--text-lg);color:var(--text-dim);max-width:55ch;line-height:1.6}.filter-bar{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}.single-wrap{padding-top:var(--s6)}.single-wrap>*{max-width:72ch}.post-header{margin-bottom:var(--s6)}.post-breadcrumb{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4);font-size:var(--text-sm);color:var(--text-dim);max-width:100%;overflow:hidden}.post-breadcrumb a{transition:color var(--dur-fast)var(--ease-out);flex-shrink:0}.post-breadcrumb a:hover{color:var(--cream)}.post-breadcrumb-sep{opacity:.4;flex-shrink:0}.post-breadcrumb span[aria-current=page]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.post-tags{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s6);margin-bottom:var(--s4);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,6%)}.guides-grid--padded{padding-bottom:var(--s7)}.view-all-wrapper{text-align:center;margin-top:calc(var(--s5) * 4/9);padding-bottom:calc(var(--s7) * 4/9)}.view-all-link{color:var(--accent);text-decoration:none;font-weight:500}.link-accent{color:var(--accent)}.post-title{font-size:clamp(var(--text-2xl),5vw,52px);font-weight:800;color:var(--cream);letter-spacing:-2px;line-height:1.05;margin-bottom:var(--s4)}.post-meta{font-size:var(--text-sm);color:var(--text-dim);display:flex;margin-top:var(--s4);align-items:center;gap:var(--s4);flex-wrap:wrap}.post-meta-item{display:flex;align-items:center;gap:var(--s1)}.post-meta-item svg{width:14px;height:14px;stroke:currentColor;fill:none;opacity:.6}.post-hero-wrapper{max-width:100%;overflow:hidden;border-radius:var(--r-lg);margin:var(--s5)0}.post-hero-img{max-width:100%;width:100%;aspect-ratio:16/7;object-fit:cover;background:linear-gradient(135deg,var(--surface-2),var(--surface));will-change:transform;transition:transform .1s linear}.post-content{font-size:var(--text-base);line-height:1.75;color:var(--text)}.post-content h2{font-size:var(--text-xl);font-weight:700;color:var(--cream);letter-spacing:-.5px;margin-top:var(--s7);margin-bottom:var(--s4)}.post-content h3{font-size:var(--text-lg);font-weight:600;color:var(--cream);margin-top:var(--s6);margin-bottom:var(--s3)}.post-content p{margin-bottom:var(--s4)}.post-content ul,.post-content ol{margin:0 0 var(--s4);padding-left:1.5rem;list-style-position:outside}.post-content ul{list-style:disc}.post-content ol{list-style:decimal}.post-content li{margin-bottom:.45rem;padding-left:.35rem}.post-content li::marker{color:var(--accent)}.post-content strong{color:var(--cream);font-weight:600}.post-content .tip{background:var(--surface-2);border-left:4px solid var(--accent);padding:var(--s4)var(--s5);border-radius:0 var(--r-sm)var(--r-sm)0;margin:var(--s5)0}.post-content .tip-label{font-weight:700;color:var(--accent);margin-bottom:var(--s2);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.5px}.post-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(78,203,130,.35);transition:text-decoration-color var(--dur-fast)var(--ease-out)}.post-content .tool-pills a.tool-pill{color:var(--cream);text-decoration:none}.post-content .tip.tip--tools,.tip.tip--tools{background:0 0;border:0;border-bottom:1px solid rgba(255,255,255,8%);border-radius:0;padding:0 0 var(--s4)}.tip--tools .tip-label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:var(--s4)}.tip--tools .tip-label-icon{font-size:1.1em;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 20}.tool-pills.tool-pills--standalone{border-top:0}.tip--tools .tip-tools-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3)}.tip--tools .tip-tools-row .tool-pills{padding:0;margin:0;border:0;flex:none}.tip--tools .tip-tools-row .tool-all-link,.post-content .tip--tools .tip-tools-row .tool-all-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:var(--text-sm);white-space:nowrap}.tip--tools .tip-tools-row .tool-all-link:hover{text-decoration:underline}.post-content a:hover{text-decoration-color:var(--accent)}.post-content .step{background:var(--surface);border-radius:var(--r);padding:var(--s5);margin:var(--s5)0;border-left:3px solid var(--accent);display:grid;grid-template-columns:auto 1fr;gap:var(--s3)var(--s4)}.post-content .step-num{font-size:var(--text-xl);font-weight:800;color:var(--accent);line-height:1;align-self:start}.post-content .step-title{font-weight:700;color:var(--cream);font-size:var(--text-lg);align-self:center}.post-content .step-body{grid-column:2;color:var(--text-dim)}.post-content .tip{background:rgba(78,203,130,8%);border:1px solid rgba(78,203,130,.2);border-radius:var(--r);padding:var(--s4)var(--s5);margin:var(--s5)0}.post-content .tip-label{font-size:var(--text-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s2)}.site-footer{margin-top:var(--s8);border-top:1px solid rgba(255,255,255,6%);padding:var(--s6)0 var(--s7)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(var(--s4),4vw,var(--s7));display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}.footer-logo{font-size:22px;font-weight:800;color:var(--cream);letter-spacing:-1px}.footer-copy{font-size:var(--text-sm);color:var(--text-dim);flex:1}.footer-nav{display:flex;gap:var(--s4);flex-wrap:wrap}.footer-nav a{font-size:var(--text-sm);color:var(--text-dim);transition:color var(--dur-fast)var(--ease-out)}.footer-nav a:hover{color:var(--cream)}.footer-legal{max-width:var(--max-w);margin:var(--s5)auto 0;padding:0 clamp(var(--s4),4vw,var(--s7));display:flex;align-items:center;justify-content:space-between}.footer-legal-nav{display:flex;gap:var(--s5);flex-wrap:wrap}.footer-legal-nav a{font-size:var(--text-xs);color:var(--text-dim);transition:color var(--dur-fast)var(--ease-out)}.footer-legal-nav a:hover{color:var(--cream)}.footer-social{display:flex;gap:var(--s3);align-items:center}.footer-social-link{display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:color var(--dur-fast)var(--ease-out)}.footer-social-link:hover{color:var(--cream)}.pagination{display:inline-flex;align-items:center;gap:4px;padding:6px;margin:var(--s6)auto;list-style:none;background:var(--surface);border:1px solid rgba(255,255,255,6%);border-radius:100px}.pagination-wrap{display:flex;justify-content:center}.pagination li{display:inline-flex}.pagination li.disabled{display:none}.pagination a,.pagination .page-item.active .page-link,.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 14px;border-radius:100px;font-size:var(--text-sm);font-weight:600;color:var(--text-dim);text-decoration:none;background:0 0;border:none;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out)}.pagination a:hover,.pagination .page-link:hover{background:var(--surface-2);color:var(--cream)}.pagination .active .page-link,.pagination .page-item.active .page-link{background:var(--accent);color:var(--color-cta-text)}.pagination .disabled .page-link{opacity:.35;pointer-events:none}.empty-state{text-align:center;padding:var(--s8)var(--s5);color:var(--text-dim)}.empty-state-title{font-size:var(--text-xl);font-weight:700;color:var(--cream);margin-bottom:var(--s3)}@media(min-width:769px) and (max-width:1023px){.guides-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:var(--s5)}}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:var(--s6)0 var(--s5);gap:var(--s5)}.hero-title{letter-spacing:-2px}.hero-featured{aspect-ratio:16/9}.nav-pills{display:none}.nav-burger{display:flex}.search{max-width:none;flex:1}.search-results{position:fixed;top:var(--nav-h);left:0;right:0;height:calc(100dvh - var(--nav-h));max-height:none;border-radius:0;box-shadow:none;padding:var(--s4);gap:0}.search--active .search-close{display:flex}.search-result{padding:var(--s5)var(--s4)}.search-result-title{font-size:var(--text-lg)}.search-result-desc{font-size:var(--text-base);-webkit-line-clamp:2}.search-tag{font-size:var(--text-sm);padding:4px 12px}.single-wrap>*{max-width:100%}.post-hero-img{border-radius:var(--r)}.footer-inner{flex-direction:column;align-items:flex-start;gap:var(--s4)}.post-content .step{grid-template-columns:1fr;gap:var(--s2)}.post-content .step-num{font-size:var(--text-lg);line-height:1.2}.post-content .step-body{grid-column:1}}@media(max-width:480px){.guides-grid{grid-template-columns:1fr}.section-title{font-size:var(--text-xl)}.list-title{font-size:var(--text-2xl);letter-spacing:-1px}}@media(min-width:1024px){.guides-grid{grid-template-columns:repeat(3,1fr)}}@media print{@page{size:A4;margin:18mm 22mm 22mm}*,*::before,*::after{background:0 0!important;color:#1a1a1a!important;box-shadow:none!important;text-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body{font-family:outfit,system-ui,sans-serif;font-size:11pt;line-height:1.65;background:#fff}.topbar,.skip-link,.mobile-nav,.post-breadcrumb,.search-results,.categories,.section-header,.guides-grid,.post-tags,.site-footer{display:none!important}.page-main{padding:0;max-width:100%}.single-wrap>*{max-width:100%}.single-wrap::before{content:"kaffeewissen.net";display:block;font-size:8pt;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#999!important;border-bottom:1.5pt solid #1a1a1a;padding-bottom:7pt;margin-bottom:22pt}.single-wrap::after{content:"kaffeewissen.net";display:block;font-size:9pt;font-weight:700;letter-spacing:1px;color:#555!important;border-top:1pt solid #ccc;padding-top:9pt;margin-top:28pt}.post-header{margin-bottom:16pt}.post-title{font-size:30pt;font-weight:800;letter-spacing:-1pt;line-height:1.1;margin-bottom:10pt;page-break-after:avoid}.hero-desc{font-size:12pt;color:#444!important;line-height:1.5;margin-bottom:8pt}.post-meta{display:flex;gap:12pt;flex-wrap:wrap;font-size:9pt;color:#777!important;border-bottom:1pt solid #ddd;padding-bottom:10pt;margin-top:8pt;margin-bottom:0}.post-meta-item{color:#777!important}.post-meta-item svg{display:none}.tag{background:0 0!important;border:.75pt solid #bbb!important;color:#555!important;font-size:8pt;padding:1pt 6pt;border-radius:3pt}.post-hero-img{display:none!important}.post-content{font-size:11pt;line-height:1.65}.post-content h2{font-size:15pt;font-weight:700;margin-top:18pt;margin-bottom:6pt;page-break-after:avoid;border-bottom:.75pt solid #ddd;padding-bottom:3pt}.post-content h3{font-size:12pt;font-weight:700;margin-top:12pt;margin-bottom:4pt;page-break-after:avoid}.post-content p{margin-bottom:8pt;orphans:3;widows:3}.post-content strong{color:#1a1a1a!important}.step{display:flex;gap:10pt;border-left:3pt solid #1a1a1a;padding:8pt 10pt 8pt 12pt;margin:10pt 0;page-break-inside:avoid;background:#f7f7f7!important}.step-num{font-size:18pt;font-weight:800;color:#1a1a1a!important;line-height:1;flex-shrink:0}.step-title{font-weight:700;font-size:10pt;color:#1a1a1a!important;display:block;margin-bottom:3pt}.step-body{font-size:10pt;color:#333!important}.tip{border:.75pt solid #bbb;border-left:3pt solid #555;padding:8pt 12pt;margin:10pt 0;page-break-inside:avoid;background:#f7f7f7!important}.tip-label{font-size:8pt;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#555!important;margin-bottom:4pt}a{text-decoration:none!important;color:#1a1a1a!important}h2,h3{page-break-after:avoid}img{page-break-inside:avoid}}.kw-tool{background:rgba(255,255,255,3%);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:var(--s5,1.5rem);margin:var(--s5,1.5rem)0;scroll-margin-top:calc(var(--nav-h) + var(--s5,1.5rem))}.kw-tool h3{margin:0 0 var(--s4,1rem);font-size:1.15rem}.kw-tool-intro{margin:0 0 var(--s4,1rem);opacity:.85}.kw-tool-field{display:grid;gap:.4rem;margin-bottom:var(--s4,1rem)}.kw-tool-field label{font-weight:600;font-size:.95rem}.kw-tool-input{width:100%;padding:.85rem 1rem;background:rgba(255,255,255,4%);color:inherit;border:1px solid rgba(255,255,255,.1);border-radius:12px;font:inherit;min-height:48px;transition:background .15s,border-color .15s}.kw-tool-input:hover,.kw-tool-input:focus-visible{background:rgba(255,255,255,8%);border-color:var(--accent,#d4a574);outline:none}.kw-tool-options{display:grid;gap:var(--s3,.75rem)}.kw-tool-btn{display:block;width:100%;text-align:left;padding:.95rem 1.1rem;background:rgba(255,255,255,4%);color:inherit;border:1px solid rgba(255,255,255,.1);border-radius:12px;font:inherit;cursor:pointer;transition:background .15s,border-color .15s;min-height:48px}.kw-tool-btn:hover,.kw-tool-btn:focus-visible{background:rgba(255,255,255,8%);border-color:var(--accent,#d4a574);outline:none}.kw-tool-result{margin-top:var(--s4,1rem);padding:var(--s4,1rem)var(--s5,1.5rem);background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--accent,#d4a574);border-radius:12px}.kw-tool-result-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.25rem}.kw-tool-result-value{font-size:1.8rem;font-weight:700;color:var(--accent,#d4a574)}.kw-tool-result-sub{margin-top:.4rem;opacity:.8;font-size:.95rem}.kw-tool-reset{margin-top:var(--s4,1rem)}.bg-readmore{margin-top:var(--s4,1rem)}.bg-readmore-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-bottom:.25rem}.bg-readmore-links{display:flex;flex-wrap:wrap;gap:.1rem 1.1rem}.bg-readmore-links a{display:inline-flex;align-items:center;padding:.5rem 0;font-size:.95rem;line-height:1.3;min-height:44px;box-sizing:border-box}.kw-tool-restart{padding:.5rem 1rem;background:0 0;color:var(--accent,#d4a574);border:1px solid;border-radius:100px;font:inherit;cursor:pointer}.kw-tool-input option{background:#1a1a1a;color:#f5f5f5}.nav-dropdown{display:none;position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:var(--s2)var(--s4);background:var(--surface-2);color:var(--cream);border:none;border-radius:100px;font-family:var(--f);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--dur-fast)var(--ease-out)}.nav-dropdown-toggle:hover{background:var(--surface)}.nav-dropdown-toggle svg{transition:transform var(--dur-fast)var(--ease-out)}.nav-dropdown-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:rgba(44,60,52,.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:.5rem;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:var(--z-nav)}.nav-dropdown-link{display:block;padding:.7rem 1rem;color:var(--text-dim);text-decoration:none;border-radius:10px;font-size:var(--text-sm);font-weight:500;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out)}.nav-dropdown-link:hover,.nav-dropdown-link--active{background:var(--surface-2);color:var(--cream)}@media(min-width:769px) and (max-width:1149px){.nav-pills{display:none}.nav-dropdown{display:block}}.nav-dropdown-menu[hidden]{display:none!important}.tool-pills{display:flex;flex-wrap:wrap;gap:var(--s3);padding:var(--s5)0;margin-bottom:var(--s6);border-top:1px solid rgba(255,255,255,6%);border-bottom:1px solid rgba(255,255,255,6%)}.tool-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem .7rem .9rem;background:var(--surface);color:var(--cream);border:1px solid rgba(255,255,255,8%);border-radius:100px;font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out)}.tool-pill:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-1px)}.tool-pill .material-symbols-outlined{font-size:20px;color:var(--accent);font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 20}.cat-pill--more{background:0 0;border:1px dashed rgba(255,255,255,.18);color:var(--text-dim)}.cat-pill--more:hover{border-color:var(--accent);color:var(--cream)}.tags-index{display:flex;flex-direction:column;gap:var(--s7);padding-bottom:var(--s7)}.tags-group{display:flex;flex-direction:column;gap:var(--s4)}.tags-group-title{display:flex;align-items:baseline;gap:var(--s3);margin:0;padding-bottom:var(--s3);border-bottom:1px solid rgba(255,255,255,8%);font-size:var(--text-xl);font-weight:700;letter-spacing:-.5px}.tags-group-title a{color:var(--cream);text-decoration:none;transition:color var(--dur-fast)var(--ease-out)}.tags-group-title a:hover{color:var(--accent)}.tags-group-count{font-size:var(--text-sm);font-weight:500;color:var(--text-dim);background:var(--surface);padding:2px 10px;border-radius:100px}.tags-group-pills{display:flex;flex-wrap:wrap;gap:var(--s3)}.cat-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;background:rgba(255,255,255,8%);color:var(--text-dim);border-radius:100px;font-size:11px;font-weight:700}.post-content table{width:auto;max-width:100%;border-collapse:separate;border-spacing:0;margin:var(--s6)0;font-size:var(--text-sm);background:var(--surface);border:1px solid rgba(255,255,255,8%);border-radius:14px;overflow:hidden}.post-content thead th{background:var(--surface-2);color:var(--cream);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:.95rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.12)}.post-content thead th+th{border-left:1px solid rgba(255,255,255,6%)}.post-content tbody td{padding:.9rem 1.15rem;color:var(--cream);border-bottom:1px solid rgba(255,255,255,6%);vertical-align:top;line-height:1.55}.post-content tbody td+td{border-left:1px solid rgba(255,255,255,4%);color:var(--text-dim)}.post-content tbody tr:last-child td{border-bottom:none}.post-content tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)}.post-content tbody tr:hover td{background:rgba(var(--accent-rgb),.04)}.post-content tbody td:first-child{font-weight:600;color:var(--cream)}.post-content td[align=right],.post-content th[align=right]{text-align:right}.post-content thead th,.post-content tbody td{white-space:normal;word-break:break-word}@media(max-width:640px){.post-content table{width:100%}.post-content thead th,.post-content tbody td{padding:.7rem .85rem}}.next-step{margin:var(--s6)0 var(--s7)}.next-step-card{display:flex;align-items:center;gap:var(--s5);padding:var(--s5);border-radius:20px;background:linear-gradient(135deg,rgba(79,184,130,.14),rgba(79,184,130,4%));border:1px solid rgba(79,184,130,.35);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.next-step-card:hover{transform:translateY(-2px);border-color:var(--accent);background:linear-gradient(135deg,rgba(79,184,130,.2),rgba(79,184,130,6%))}.next-step-body{flex:auto;display:flex;flex-direction:column;gap:.35rem}.next-step-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent)}.next-step-title{margin:0;font-size:1.25rem;line-height:1.3;font-weight:700}.next-step-desc{margin:0;font-size:.95rem;line-height:1.5;opacity:.82}.next-step-meta{display:flex;align-items:center;gap:.6rem;font-size:.85rem;opacity:.85;margin-top:.25rem}.next-step-arrow{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#0b2a1a}.next-step-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor}.chat-fab{position:fixed;right:var(--s5);bottom:var(--s5);width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--color-cta-text);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:var(--z-overlay);transition:transform var(--dur-fast)var(--ease-out),background var(--dur-fast)var(--ease-out)}.chat-fab:hover{background:var(--accent-dim);transform:translateY(-2px)}.chat-fab:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.chat-fab .material-symbols-outlined{font-size:28px;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24}.chat-panel{position:fixed;right:var(--s5);bottom:calc(var(--s5) + 56px + var(--s3));width:min(360px,calc(100vw - var(--s5) * 2));max-height:min(560px,calc(100vh - 140px));background:var(--surface);border:1px solid rgba(255,255,255,8%);border-radius:var(--r);box-shadow:0 20px 48px rgba(0,0,0,.45);display:none;flex-direction:column;overflow:hidden;z-index:var(--z-overlay);font-family:var(--f)}.chat-panel.is-open{display:flex}.chat-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s3)var(--s4);background:var(--surface-2);border-bottom:1px solid rgba(255,255,255,6%)}.chat-head-icon{color:var(--accent);font-size:20px}.chat-head-title{font-size:var(--text-base);font-weight:600;color:var(--cream);margin:0;flex:1;letter-spacing:0}.chat-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:0;border-radius:var(--r-sm);color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer;transition:color var(--dur-fast)var(--ease-out),background var(--dur-fast)var(--ease-out)}.chat-close:hover{color:var(--cream);background:rgba(255,255,255,6%)}@media(hover:none),(pointer:coarse){.chat-close{width:48px;height:48px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:var(--cream)}}.chat-messages{flex:1;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);min-height:200px}.chat-msg{max-width:85%;padding:var(--s2)var(--s3);border-radius:var(--r-sm);font-size:var(--text-sm);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.chat-msg--user{align-self:flex-end;background:var(--accent);color:var(--color-cta-text);font-weight:500}.chat-msg--bot{align-self:flex-start;background:var(--surface-2);color:var(--text)}.chat-msg--typing{color:var(--text-dim);font-style:italic}.chat-msg--error{background:rgba(229,115,115,.15);color:var(--error);border:1px solid rgba(229,115,115,.3)}.chat-form{display:flex;gap:var(--s2);padding:var(--s3);border-top:1px solid rgba(255,255,255,6%);background:var(--surface)}.chat-input{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:var(--s2)var(--s4);font-family:var(--f);font-size:var(--text-sm);outline:none;transition:border-color var(--dur-fast)var(--ease-out)}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-dim)}.chat-send{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--color-cta-text);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast)var(--ease-out)}.chat-send:hover{background:var(--accent-dim)}.chat-send .material-symbols-outlined{font-size:20px}.chat-link{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(78,203,130,.35);text-underline-offset:2px}.chat-link:hover{text-decoration-color:var(--accent)}@media(max-width:480px){.chat-fab{right:var(--s4);bottom:var(--s4)}.chat-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:none;z-index:var(--z-modal);height:-webkit-fill-available;height:100dvh;border-radius:0;border:0;padding-top:env(safe-area-inset-top)}.chat-input{font-size:16px}}@media print{.chat-fab,.chat-panel{display:none!important}}@media(max-width:560px){.next-step-card{padding:var(--s4)}.next-step-title{font-size:1.1rem}.next-step-arrow{width:40px;height:40px}}.hub-filter{margin:var(--s6,2rem)0}.hub-filter-heading{margin:0 0 .35rem;font-size:1.5rem}.hub-filter-sublabel{margin:0 0 .75rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#4ecb82);opacity:.8}.hub-filter-heroes{display:grid;gap:var(--s4,1rem);margin-bottom:var(--s5,1.5rem)}.hub-filter-hero{display:block;padding:var(--s5,1.5rem);background:rgba(212,165,116,8%);border:1px solid rgba(212,165,116,.25);border-left:4px solid var(--accent,#d4a574);border-radius:12px;text-decoration:none;color:inherit;transition:background .15s,border-color .15s,transform .15s;position:relative}.hub-filter-hero:hover{background:rgba(212,165,116,.14);transform:translateY(-1px)}.hub-filter-hero-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent,#d4a574);margin-bottom:.35rem}.hub-filter-hero-title{margin:0 0 .4rem;font-size:1.15rem}.hub-filter-hero-desc{margin:0;opacity:.85;font-size:.95rem}.hub-filter-hero-arrow{position:absolute;top:50%;right:var(--s5,1.5rem);transform:translateY(-50%);font-size:1.5rem;color:var(--accent,#d4a574)}.hub-filter-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--s4,1rem)}.hub-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.55rem 1.1rem;background:rgba(255,255,255,5%);color:var(--text-dim,#a8bdb5);border:1px solid rgba(255,255,255,.1);border-radius:999px;font:inherit;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:center;line-height:1.3;white-space:nowrap}.hub-filter-btn:hover,.hub-filter-btn:focus-visible{background:rgba(255,255,255,9%);border-color:rgba(78,203,130,.5);color:var(--text,#e0d8cc);outline:none}.hub-filter-btn.is-active{background:rgba(78,203,130,.14);border-color:var(--accent,#4ecb82);color:var(--accent,#4ecb82)}.hub-filter-btn[hidden]{display:none}.hub-filter-icon{flex-shrink:0;font-size:18px;line-height:1;color:inherit;opacity:.75}.hub-filter-btn.is-active .hub-filter-icon{opacity:1}.hub-filter-btn-text{line-height:1.2}.hub-filter-themes-section{margin-bottom:var(--s5,1.5rem)}.hub-filter-themes-section[hidden]{display:none}.hub-filter-themes-panel{background:rgba(255,255,255,3%);border:1px solid rgba(255,255,255,9%);border-left:3px solid rgba(78,203,130,.45);border-radius:10px;padding:.9rem 1.1rem .75rem}.hub-filter-themes-panel-header{margin:0 0 .65rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent,#4ecb82);opacity:.75}.hub-filter-themes-list{display:flex;flex-wrap:wrap;gap:.15rem 1.25rem}.hub-filter-theme-item{display:inline-flex;align-items:center;gap:.5rem;background:0 0;border:none;padding:.3rem 0;color:var(--text-dim,#a8bdb5);cursor:pointer;font:inherit;font-size:.875rem;line-height:1.4;transition:color .13s;border-radius:0}.hub-filter-theme-item[hidden]{display:none}.hub-filter-theme-item:hover{color:var(--text,#e0d8cc)}.hub-filter-theme-item.is-active{color:var(--text,#e0d8cc)}.hub-filter-theme-check{flex-shrink:0;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.25);border-radius:3px;position:relative;transition:background .13s,border-color .13s}.hub-filter-theme-item:hover .hub-filter-theme-check{border-color:rgba(78,203,130,.6)}.hub-filter-theme-item.is-active .hub-filter-theme-check{background:var(--accent,#4ecb82);border-color:var(--accent,#4ecb82)}.hub-filter-theme-item.is-active .hub-filter-theme-check::after{content:'';position:absolute;left:2px;top:2px;width:7px;height:4px;border-left:1.5px solid #1e2e28;border-bottom:1.5px solid #1e2e28;transform:rotate(-45deg)}.hub-filter-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:1.5rem;margin-bottom:var(--s3,.75rem)}.hub-filter-active-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.hub-filter-active-bar[hidden]{display:none}.hub-filter-active-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim,#a8bdb5);white-space:nowrap}.hub-filter-active-text{font-size:.85rem;color:var(--accent,#4ecb82);font-weight:500}.hub-filter-count{margin-left:auto;font-size:.8rem;color:var(--text-dim,#a8bdb5);white-space:nowrap}.hub-filter a{text-decoration:none}.hub-filter-cards{margin-top:var(--s4,1rem)}.hub-filter-cards .guide-card[hidden]{display:none}.hub-filter-empty{padding:var(--s5,1.5rem);text-align:center;background:rgba(255,255,255,3%);border:1px dashed rgba(255,255,255,.15);border-radius:12px;margin-top:var(--s4,1rem)}.hub-filter-empty[hidden]{display:none}.hub-filter-reset,.hub-filter-reset-inline{background:0 0;border:none;color:var(--accent,#4ecb82);cursor:pointer;font:inherit;font-size:.8rem;text-decoration:underline;padding:0;opacity:.8;white-space:nowrap}.hub-filter-reset:hover,.hub-filter-reset-inline:hover{opacity:1}@media(max-width:640px){.hub-filter-topics{gap:.4rem}.hub-filter-btn{font-size:.85rem;min-height:40px;padding:.45rem .85rem}.hub-filter-themes-list{gap:.1rem 1rem}.hub-filter-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.hub-filter-count{margin-left:0}}.post-content .faq-list{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s5)}.post-content .faq-item{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--r);overflow:hidden}:root[data-theme=light] .post-content .faq-item{background:#fff;border-color:rgba(44,60,52,.14);box-shadow:var(--shadow-card)}.post-content .faq-question{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4)var(--s5);font-weight:600;font-size:.95rem;color:var(--text);cursor:pointer;list-style:none;user-select:none;line-height:1.4}.post-content .faq-question::-webkit-details-marker{display:none}.post-content .faq-question::after{content:"+";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;border-radius:50%;border:1.5px solid var(--text-dim);font-size:15px;font-weight:300;color:var(--text-dim);line-height:1}.post-content .faq-item[open] .faq-question::after{content:"−"}.post-content .faq-answer{padding:var(--s3)var(--s5)var(--s5);color:var(--text-dim);line-height:1.75;border-top:1px solid var(--surface-2);font-size:.95rem}:root[data-theme=light] .post-content .faq-answer{border-top-color:rgba(44,60,52,.1)}.post-content .faq-answer a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}