.hidden{display:none!important}
.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-list-card{padding:28px;display:flex;flex-direction:column;min-height:260px}
.guide-card-meta{color:#e9a05c;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.guide-list-card h2,.guide-card h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;letter-spacing:.045em}
.guide-list-card h2{font-size:27px;margin:0 0 12px}
.guide-list-card p,.guide-card p{color:var(--muted);font-size:12px;line-height:1.75}
.guide-list-card .btn{margin-top:auto;align-self:flex-start}
.guides-empty{padding:34px;border:1px solid rgba(215,170,90,.2);background:rgba(3,10,18,.55);color:var(--muted);text-align:center;grid-column:1/-1}
.home-guides{padding-top:70px}
.guides-carousel{position:relative}
.guides-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.guides-carousel-track::-webkit-scrollbar{display:none}
.guide-card{flex:0 0 calc((100% - 28px)/3);padding:26px;min-height:260px;display:flex;flex-direction:column;scroll-snap-align:start}
.guide-card h3{font-size:25px;margin:0 0 10px}
.guide-card .btn{margin-top:auto;align-self:flex-start}
.guides-carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;color:#9da8b3;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.guides-carousel-nav .btn{min-height:36px;padding:8px 13px}
.guide-article-wrap{max-width:920px;margin:0 auto;padding:42px}
.guide-back{display:inline-block;color:#e9a05c;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}
.guide-article-wrap h1{font-size:clamp(38px,5vw,62px);margin:0 0 14px;text-transform:none}
.guide-article-lead{color:#d8dce1;font-size:15px;line-height:1.8;margin:0 0 28px;max-width:780px}
.guide-richtext{color:#c5ccd4;font-size:14px;line-height:1.85}
.guide-richtext h2,.guide-richtext h3,.guide-richtext h4{color:#f4efe6;margin:30px 0 12px}
.guide-richtext h2{font-size:30px}.guide-richtext h3{font-size:23px}.guide-richtext h4{font-size:19px}
.guide-richtext p{margin:0 0 17px}.guide-richtext ul,.guide-richtext ol{padding-left:25px;margin:0 0 18px}.guide-richtext li{margin:6px 0}
.guide-richtext a{color:#e9b86c;text-decoration:underline;text-underline-offset:3px}.guide-richtext blockquote{margin:20px 0;padding:16px 20px;border-left:2px solid var(--gold);background:rgba(215,170,90,.05);color:#e6dfd1}.guide-richtext hr{border:0;border-top:1px solid rgba(215,170,90,.2);margin:28px 0}
.guide-editor-section{padding-top:30px}
.guide-login-panel{max-width:760px;margin:0 auto;padding:30px}
.guide-login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.guide-login-form label,.guide-editor-fields label{display:block;color:#eee9df;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.guide-login-form input,.guide-editor-fields input,.guide-editor-fields textarea,.guide-editor-fields select{width:100%;padding:12px 13px;border-radius:3px;border:1px solid rgba(129,154,181,.32);background:#071321;color:#fff;outline:none}
.guide-login-form input:focus,.guide-editor-fields input:focus,.guide-editor-fields textarea:focus,.guide-editor-fields select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(215,170,90,.07)}
.guide-editor-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.guide-editor-head h2{margin:7px 0 0;font-size:34px}.guide-editor-head-actions{display:flex;gap:8px}
.guide-editor-form{padding:28px}
.guide-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.guide-editor-fields .full{grid-column:1/-1}
.wysiwyg-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:9px;border:1px solid rgba(129,154,181,.28);border-bottom:0;background:#06111e}
.wysiwyg-toolbar button{border:1px solid rgba(215,170,90,.25);background:rgba(3,10,18,.8);color:#e8e3d8;padding:8px 10px;border-radius:2px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.04em}
.wysiwyg-toolbar button:hover{border-color:var(--gold);color:#fff}
.wysiwyg{min-height:360px;padding:20px;border:1px solid rgba(129,154,181,.32);background:#071321;color:#e6e9ed;outline:none;line-height:1.8;font-size:14px}
.wysiwyg:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(215,170,90,.07)}
.wysiwyg h2,.wysiwyg h3{font-family:"Bodoni Moda",Georgia,serif;color:#f5f1e9}.wysiwyg a{color:#e9b86c}.wysiwyg blockquote{border-left:2px solid var(--gold);padding-left:14px;color:#d8c9ad}
.guide-form-actions{text-align:right;margin-top:15px}.admin-guide-management{margin-top:18px;padding:25px}.admin-guide-management .admin-section-head{margin-bottom:14px}
.admin-guide-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(215,170,90,.13)}.admin-guide-row:last-child{border-bottom:0}.admin-guide-row strong{display:block;color:#f4efe6;font-size:13px}.admin-guide-row small{display:block;color:#7f8a96;margin-top:4px;font-size:10px}.admin-guide-actions{display:flex;gap:7px}.admin-guide-actions .btn{min-height:35px;padding:8px 12px}
@media(max-width:900px){.guide-list{grid-template-columns:1fr 1fr}.guide-card{flex-basis:calc((100% - 14px)/2)}.guide-login-form{grid-template-columns:1fr 1fr}.guide-login-form .btn{grid-column:1/-1}.guide-editor-fields{grid-template-columns:1fr}.guide-editor-fields .full{grid-column:auto}}
@media(max-width:600px){.guide-list{grid-template-columns:1fr}.guide-card{flex-basis:88vw}.guide-article-wrap{padding:25px}.guide-editor-head{align-items:flex-start;flex-direction:column}.guide-editor-head-actions{width:100%}.guide-editor-head-actions .btn{flex:1}.guide-login-panel,.guide-editor-form,.admin-guide-management{padding:20px}.guide-login-form{grid-template-columns:1fr}.guide-login-form .btn{grid-column:auto}.admin-guide-row{align-items:flex-start;flex-direction:column}.admin-guide-actions{width:100%}.admin-guide-actions .btn{flex:1}}
.guide-richtext img,.wysiwyg img{display:block;max-width:100%;height:auto;margin:22px auto;border:1px solid rgba(215,170,90,.16);background:#030812}
.wysiwyg img{cursor:default}


/* Guide-Buttons: explizit heller Text auf dunklem Hintergrund.
   Verhindert globale Button-Regeln mit schwarzer Schrift. */
.admin-guide-actions .btn,
.guide-editor-head-actions .btn,
.guide-form-actions .btn,
.guide-import-label {
  color: #f4efe6 !important;
  background: #071321 !important;
  border-color: #d7aa5a !important;
  text-shadow: none !important;
}
.guide-import-label:hover,
.guide-import-label:focus-visible {
  color: #ffffff !important;
  background: rgba(215,170,90,.10) !important;
  border-color: #e9b86c !important;
}
.guide-import-label:active {
  color: #ffffff !important;
  background: rgba(215,170,90,.16) !important;
}

/* Bulk-Import für komplette Artikel */
.guide-import-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:12px 0 0;
  padding:14px 16px;
  border:1px solid rgba(215,170,90,.22);
  background:rgba(3,10,18,.72);
}
.guide-import-bar > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.guide-import-bar strong{color:#f4efe6;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.guide-import-bar span{color:#9da8b3;font-size:11px;line-height:1.6}
.guide-import-bar code{color:#e9b86c}
.guide-import-label{white-space:nowrap;cursor:pointer}
.guide-upload-status{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid rgba(126,160,135,.45);color:#b9d9c0;font-size:11px;line-height:1.3;text-align:center;white-space:nowrap}
.guide-upload-status.ok{border-color:rgba(126,160,135,.55);color:#b9d9c0}
@media (max-width:720px){
  .guide-import-bar{align-items:stretch;flex-direction:column}
  .guide-import-label{text-align:center}
  .guide-upload-status{white-space:normal}
}

/* Funktionale Upload-Fortschrittsanzeige */
.guide-upload-progress{
  display:block;
  margin:14px 0;
  padding:14px 16px;
  border:1px solid rgba(215,170,90,.32);
  background:#06111e;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.guide-upload-progress.hidden{display:none!important}
.guide-upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f4efe6;font-size:11px;font-weight:800;letter-spacing:.04em}
.guide-upload-progress-head strong{color:#e9b86c;font-size:12px}
.guide-upload-progress-track{width:100%;height:10px;margin-top:10px;overflow:hidden;border:1px solid rgba(215,170,90,.3);background:#020811}
.guide-upload-progress-bar{width:0;height:100%;background:#d7aa5a;transition:width .12s linear}
.guide-upload-progress-detail{margin-top:7px;color:#9da8b3;font-size:10px;line-height:1.5;word-break:break-word}