/* Guide layout only: typography, colors, radii, buttons and reveals come from the shop. */
.moser-guide-page{background:var(--bg);color:var(--fg)}
.moser-guide-page .moser-guide-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luecke)}
.moser-guide-page .moser-guide-card{display:flex;flex-direction:column;position:relative;min-width:0;gap:1.5rem;padding:1.5rem;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);color:var(--fg)}
.moser-guide-page .moser-guide-card:hover{background:var(--surface-2)}
.moser-guide-card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.moser-guide-page .moser-guide-card-number{position:static;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--accent);font-size:var(--fs-small);font-weight:600;line-height:1;letter-spacing:0}
.moser-guide-card-copy{display:grid;gap:.65rem}
.moser-guide-page .moser-guide-card .t-h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0;color:var(--fg)}
.moser-guide-page .moser-guide-card p{margin:0;font-size:var(--fs-small);line-height:1.6;color:var(--fg-2);max-width:none}
.moser-guide-page .moser-guide-card-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;margin-top:auto;border-top:1px solid var(--hairline);color:var(--fg-2);font-size:var(--fs-small);font-weight:500}
.moser-guide-card-link>span{color:var(--accent)}
.moser-guide-reader-section{scroll-margin-top:calc(var(--kopf-hoehe) + 1rem)}
.moser-guide-page .moser-guide-reader-top{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:0 0 2rem;padding:1rem 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);font-size:var(--fs-small);letter-spacing:0;color:var(--fg-2)}
.moser-guide-reader-top>[data-guide-context]{margin-left:auto}
.moser-guide-page .moser-guide-reader-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;min-width:0}
.moser-guide-page .moser-guide-sidebar{position:sticky;top:calc(var(--kopf-hoehe) + 2rem);align-self:start;min-width:0}
.moser-guide-page .moser-guide-sidebar-label{color:var(--fg);font-size:var(--fs-small);font-weight:600;letter-spacing:0;margin-bottom:.75rem}
.moser-guide-page .moser-guide-sidebar nav{display:grid;gap:.25rem;margin:0 0 1.5rem}
.moser-guide-page .moser-guide-sidebar nav a{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.65rem .75rem;border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--fg-2);font-size:var(--fs-small);line-height:1.5}
.moser-guide-page .moser-guide-sidebar nav a>span{font-size:.75rem;color:var(--fg-3)}
.moser-guide-page .moser-guide-sidebar nav a:hover{background:var(--surface)}
.moser-guide-page .moser-guide-sidebar nav a[aria-current]{background:var(--surface);border-color:var(--hairline);color:var(--fg)}
.moser-guide-page .moser-guide-sidebar nav a[aria-current]>span{color:var(--accent)}
.moser-guide-page .moser-guide-sidebar [data-guide-steps-nav] a{font-size:.8125rem;padding:.55rem .75rem;border-left:2px solid var(--hairline);border-radius:0}
.moser-guide-page .moser-guide-sidebar [data-guide-steps-nav] a[aria-current]{border-left-color:var(--accent)}
.moser-guide-progress-block{padding:0 0 1.5rem}
.moser-guide-progress-block>div:first-child{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.75rem;letter-spacing:0;color:var(--fg-2)}
.moser-guide-progress-block b{font-size:.75rem;font-weight:600;color:var(--fg)}
.moser-guide-progress-track{height:3px;overflow:hidden;border-radius:var(--r-full);background:var(--surface-2)}
.moser-guide-progress-track i{display:block;width:var(--guide-progress,0%);height:100%;background:var(--accent);transition:width var(--kurz) ease}
.moser-guide-page .moser-guide-support-link{display:grid;gap:.5rem;padding-top:1.25rem;border-top:1px solid var(--hairline);font-size:var(--fs-small);color:var(--fg-2)}
.moser-guide-support-link>span{color:var(--fg);font-size:var(--fs-small)}
.moser-guide-page .moser-guide-reader-header{display:grid;gap:1rem;margin:0 0 2rem;padding:0 0 2rem;border-bottom:1px solid var(--hairline);min-width:0}
.moser-guide-page .moser-guide-reader-header .t-h2{font-size:var(--fs-h2);font-weight:600;line-height:1.12;letter-spacing:-.028em;margin:0;color:var(--fg)}
.moser-guide-page .moser-guide-reader-header .t-lead{font-size:var(--fs-body);line-height:1.65;color:var(--fg-2);max-width:40rem;margin:0}
.moser-guide-reader-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.moser-guide-reader-meta .chip{font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--fg-2);background:var(--surface-2);padding:.3rem .75rem;border:0;border-radius:var(--r-full)}
.moser-guide-page .moser-guide-steps{display:grid;gap:1.5rem}
.moser-guide-page .moser-guide-step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;position:relative;min-width:0;padding:0;border:0;scroll-margin-top:calc(var(--kopf-hoehe) + 1.5rem)}
.moser-guide-step:not(:last-of-type):before{content:'';position:absolute;width:1px;left:1.375rem;top:2.75rem;bottom:-1.5rem;background:var(--hairline)}
.moser-guide-page .moser-guide-step-number{position:relative;z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;margin:0;border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--surface);color:var(--fg-2);font-size:var(--fs-small);font-weight:600;box-shadow:none}
.moser-guide-page .moser-guide-step.is-current .moser-guide-step-number{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:none}
.moser-guide-step-panel{padding:1.5rem;border:1px solid var(--hairline);min-width:0}
.moser-guide-page .moser-guide-step .t-h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 1rem;color:var(--fg)}
.moser-guide-page .moser-guide-step-copy p,.moser-guide-page .moser-guide-step-copy li{font-size:var(--fs-body);line-height:1.75;color:var(--fg-2);overflow-wrap:anywhere}
.moser-guide-page .moser-guide-step-copy strong{color:var(--fg);font-weight:600}
.moser-guide-page .moser-guide-step-copy p+p{margin-top:1rem}
.moser-guide-page .moser-guide-step-copy ul,.moser-guide-page .moser-guide-step-copy ol{padding-left:1.25rem;margin:1rem 0}
.moser-guide-step-copy ul{list-style:disc}.moser-guide-step-copy ol{list-style:decimal}
.moser-guide-step-copy li+li{margin-top:.4rem}.moser-guide-step-copy li::marker{color:var(--accent)}
.moser-guide-step-copy a:not(.moser-guide-download){color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.moser-guide-page .moser-guide-download{max-width:100%;white-space:normal;font-size:var(--fs-small);overflow-wrap:anywhere;min-height:2.75rem;padding:.625rem 1.375rem;margin:.4rem 0;border:0;border-radius:var(--r-full);background:var(--accent);color:var(--accent-fg)}
.moser-guide-page .moser-guide-download:hover{background:var(--accent-hover)}
.moser-guide-page .moser-guide-screenshot{padding:.5rem;margin:1.5rem 0 0;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-2);box-shadow:none}
.moser-guide-screenshot button{display:block;width:100%;padding:0;border:0;border-radius:var(--r-sm);overflow:hidden;background:var(--bg);cursor:zoom-in}
.moser-guide-page .moser-guide-screenshot img{display:block;max-width:100%;height:auto;margin:auto;border-radius:0}
.moser-guide-page .moser-guide-screenshot figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .4rem .25rem;font-size:.75rem;line-height:1.5;color:var(--fg-2)}
.moser-guide-screenshot figcaption span:last-child{white-space:nowrap;color:var(--fg)}
.moser-guide-page .moser-guide-table{overflow-x:auto;max-width:100%;margin:1rem 0;border:1px solid var(--hairline);border-radius:var(--r-sm)}
.moser-guide-page .moser-guide-table table{border-collapse:collapse;min-width:480px;width:100%;text-align:left}
.moser-guide-page .moser-guide-table th,.moser-guide-page .moser-guide-table td{padding:.875rem 1rem;border-bottom:1px solid var(--hairline);font-size:var(--fs-small);line-height:1.5;letter-spacing:0;color:var(--fg-2)}
.moser-guide-page .moser-guide-table th{background:var(--surface-2);color:var(--fg);font-weight:600}
.moser-guide-page .moser-guide-step-copy pre{max-width:100%;overflow-x:auto;padding:1rem;margin:1rem 0;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-small)}
.moser-guide-page .moser-guide-step-copy code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fg)}
.moser-guide-page .moser-guide-finish{padding:1.25rem 1.5rem;margin:0 0 0 3.75rem;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);font-size:var(--fs-small);line-height:1.65;color:var(--fg-2)}
.moser-guide-page .moser-guide-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--luecke);margin-top:2rem}
.moser-guide-page .moser-guide-page-link{display:grid;gap:.65rem;padding:1.25rem;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);color:var(--fg)}
.moser-guide-page .moser-guide-page-link:hover{background:var(--surface-2)}
.moser-guide-page .moser-guide-page-link small{font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--fg-2)}
.moser-guide-page .moser-guide-page-link span{font-size:var(--fs-body);font-weight:600;line-height:1.4;letter-spacing:-.01em}
.moser-guide-image-dialog{width:min(1250px,calc(100% - 2rem));max-height:94dvh;overflow:auto;margin:auto;padding:3.5rem 1rem 1rem;background:var(--surface);color:var(--fg);border:1px solid var(--hairline);border-radius:var(--r-lg)}
.moser-guide-image-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}
.moser-guide-image-dialog>button{position:absolute;right:.5rem;top:.4rem;color:var(--fg);font-size:1.5rem}
.moser-guide-image-dialog>img{display:block;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}
.moser-guide-image-dialog>p{text-align:center;margin-top:.75rem}
@media(max-width:1023px){.moser-guide-page .moser-guide-reader-layout{grid-template-columns:210px minmax(0,1fr);gap:2rem}.moser-guide-page .moser-guide-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.moser-guide-page .moser-guide-reader-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.moser-guide-page .moser-guide-sidebar{position:static;top:auto}.moser-guide-page .moser-guide-sidebar nav[data-guide-topics],.moser-guide-page .moser-guide-sidebar nav[data-guide-steps-nav]{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--fg-3) var(--surface);scroll-padding-inline:.5rem;overscroll-behavior-x:contain}.moser-guide-page .moser-guide-sidebar nav a{flex:0 0 auto;min-width:max-content;white-space:nowrap;padding:.65rem .75rem;border:1px solid var(--hairline);border-radius:var(--r-sm)}.moser-guide-page .moser-guide-sidebar nav a[aria-current]{border-color:var(--accent)}.moser-guide-page .moser-guide-sidebar [data-guide-steps-nav] a{font-size:.75rem;border:1px solid var(--hairline);border-radius:var(--r-sm)}.moser-guide-page .moser-guide-sidebar nav::-webkit-scrollbar{height:3px}.moser-guide-page .moser-guide-sidebar nav::-webkit-scrollbar-thumb{background:var(--fg-3);border-radius:var(--r-full)}.moser-guide-page .moser-guide-support-link{display:none}.moser-guide-progress-block{padding:0 0 1rem}.moser-guide-page .moser-guide-reader-top{gap:1rem}.moser-guide-reader-top>[data-guide-context]{display:none}}
@media(max-width:600px){.moser-guide-page .moser-guide-library{grid-template-columns:1fr}.moser-guide-page .moser-guide-card{padding:1.25rem;gap:1.25rem}.moser-guide-page .moser-guide-step{grid-template-columns:2rem minmax(0,1fr);gap:.75rem}.moser-guide-page .moser-guide-step-number{width:2rem;height:2rem;font-size:.75rem}.moser-guide-step:not(:last-of-type):before{left:1rem;top:2rem}.moser-guide-step-panel{padding:1rem}.moser-guide-page .moser-guide-step-copy p,.moser-guide-page .moser-guide-step-copy li{font-size:var(--fs-small)}.moser-guide-page .moser-guide-finish{margin-left:2.75rem;padding:1rem}.moser-guide-page .moser-guide-screenshot{padding:.3rem}.moser-guide-page .moser-guide-screenshot figcaption{font-size:.6875rem;gap:.5rem;padding:.6rem .2rem .2rem}.moser-guide-screenshot figcaption span:last-child{font-size:0}.moser-guide-screenshot figcaption span:last-child:after{content:'↗';font-size:var(--fs-small)}.moser-guide-page .moser-guide-pagination{gap:.75rem}.moser-guide-page .moser-guide-page-link{padding:1rem}.moser-guide-page .moser-guide-page-link span{font-size:var(--fs-small)}.moser-guide-page .moser-guide-page-link small{font-size:.6875rem}.moser-guide-image-dialog{padding:3.5rem .5rem .75rem;width:calc(100% - 1rem)}}
@media(prefers-reduced-motion:reduce){.moser-guide-progress-track i{transition:none}}