/* Klickbare Auswahl oberhalb eines ruhigen, gleich grossen Beispielbereichs. */
.guide-page .walk-intro { max-width:800px; }
.guide-page .walk-intro h2 { max-width:20ch; }
.guide-page .walk-intro > p:last-child { margin-top:25px; font-size:20px; }
.walk-grid { margin-top:44px; }
.walk-tabs { display:none; }
.walk-enhanced .walk-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:42px; }
.walk-tab { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:12px 10px; border:1px solid var(--forest); border-radius:999px; background:transparent; color:var(--ink); font:600 14px/1.3 "Inter", "Helvetica Neue", Arial, sans-serif; cursor:pointer; transition:background-color .5s,color .5s,border-color .5s; }
.walk-tab-number { font:11px/1.3 var(--font-mono); color:var(--olive-text); }
.walk-tab:hover { background:rgba(242,196,93,.2); }
.walk-tab[aria-selected="true"] { background:var(--forest); color:var(--paper); }
.walk-tab[aria-selected="true"] .walk-tab-number { color:var(--butter); }
.walk-tab:focus-visible,.walk-details > summary:focus-visible { outline:3px solid var(--brick); outline-offset:4px; }
.walk-step { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:center; padding:30px 0; scroll-margin-top:110px; }
.walk-enhanced .walk-steps { display:grid; }
.walk-enhanced .walk-step { grid-area:1/1; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s .5s; }
.walk-enhanced .walk-step.is-active { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.walk-copy { max-width:440px; min-width:0; }
.walk-number { display:block; font:12px/1.4 var(--font-mono); letter-spacing:.07em; color:var(--brick-text); margin-bottom:24px; }
.guide-page .walk-copy h3 { font-size:clamp(30px,3vw,42px); line-height:1.1; letter-spacing:-.025em; }
.guide-page .walk-summary { font-size:19px; line-height:1.6; margin-top:22px; max-width:35ch; }
.walk-details { margin-top:24px; }
.walk-details > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; max-width:340px; cursor:pointer; list-style:none; font-size:13px; font-weight:600; border-bottom:1px solid var(--line); }
.walk-details > summary::-webkit-details-marker { display:none; }
.walk-details > summary > span { font-size:22px; font-weight:400; }
.walk-details[open] > summary > span { transform:rotate(45deg); }
.walk-detail-copy { margin-top:22px; font-size:15px; }
.guide-page .walk-detail-copy p { margin-top:15px; line-height:1.65; }
.guide-page .walk-detail-copy > p:first-child { margin-top:0; }
.guide-page .walk-detail-copy .req { grid-template-columns:minmax(0,1fr); gap:16px; }
.guide-page .walk-detail-copy .req > div { padding:18px; border-radius:6px; }
.guide-page .walk-detail-copy .req li { font-size:14px; }
.guide-page .walk-detail-copy .walk-duration { font:11px/1.6 var(--font-mono); color:var(--olive-text); padding-top:16px; border-top:1px dashed var(--line); }
.walk-window { min-width:0; margin:0; overflow:hidden; border:1px solid var(--forest); border-radius:12px; background:var(--paper); }
.walk-window-bar { display:flex; align-items:center; gap:12px; min-height:44px; padding:12px 16px; font:10px/1.5 var(--font-mono); border-bottom:1px dashed var(--line); }
.walk-window-dots { color:var(--olive); font-size:8px; letter-spacing:2px; flex-shrink:0; }
.walk-window-bar > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.walk-window-bar small { margin-left:auto; padding-left:8px; font:9px/1.3 var(--font-mono); color:var(--olive-text); }
.walk-window img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.walk-window figcaption { padding:12px 16px; border-top:1px dashed var(--line); font:10px/1.5 var(--font-mono); color:var(--olive-text); }
@media (max-width:1100px) {
 .walk-enhanced .walk-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:30px; }
 .walk-step { gap:36px; }
 .walk-tab { justify-content:flex-start; padding-inline:18px; }
}
@media (max-width:700px) {
 .guide-page .walk-intro h2 { font-size:clamp(34px,8.7vw,46px); }
 .guide-page .walk-intro > p:last-child { font-size:17px; margin-top:22px; }
 .walk-grid { margin-top:30px; }
 .walk-enhanced .walk-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:24px; }
 .walk-tab { font-size:13px; gap:8px; min-height:46px; padding:10px 13px; }
 .walk-tab-number { font-size:10px; }
 .walk-step { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(242px,auto); align-content:start; align-items:start; gap:26px; padding:14px 0 0; }
 .walk-copy { max-width:none; grid-row:2; }
 .walk-window { grid-row:1; }
 .guide-page .walk-copy h3 { font-size:31px; }
 .guide-page .walk-summary { font-size:17px; margin-top:18px; max-width:36ch; }
 .walk-number { font-size:11px; margin-bottom:16px; }
 .walk-details { margin-top:18px; }
 .walk-window-bar { padding:11px 12px; gap:8px; font-size:9px; }
 .walk-window-dots { display:none; }
 .walk-window figcaption { font-size:9px; padding:11px 12px; }
 .walk-detail-copy { font-size:14px; }
}
@media (max-width:359px) { .walk-step { grid-template-rows:auto minmax(268px,auto); } .walk-tab { padding-inline:10px; font-size:12px; gap:7px; } }
@media (prefers-reduced-motion:reduce) { .walk-tab,.walk-enhanced .walk-step { transition:none; } }
@media print {
 .walk-enhanced .walk-tabs { display:none; }
 .walk-enhanced .walk-steps { display:block; }
 .walk-enhanced .walk-step { display:block; opacity:1; visibility:visible; padding:20px 0; break-inside:avoid; }
 .walk-window { width:65%; }
 .walk-details > .walk-detail-copy { display:block; }
}