/* Shared illustrated guide. All visual assets remain local. */
:root{--shv-ink:#234744;--shv-muted:#526761;--shv-paper:#f9f7ef;--shv-soft:#eeefe3;--shv-line:#cfd6c9;--shv-accent:#7864ae}
html[data-seehof-color="custom"]{--shv-ink:var(--seehof-user-ink);--shv-muted:var(--seehof-user-ink);--shv-soft:var(--seehof-user-soft);--shv-line:var(--seehof-user-line);--shv-accent:var(--seehof-user-accent)}
.shv-icon{display:block!important;width:32px!important;height:32px!important;max-width:none!important;flex:0 0 32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--shv-accent)}
.seehof-discovery-grid .shv-icon{width:26px!important;height:26px!important;flex-basis:26px}
.sh-place-eyebrow:has(.shv-icon){display:flex;align-items:center;gap:14px}
.shv-hero-icon{box-sizing:content-box;padding:13px;border:1px solid var(--shv-line);border-radius:50%;background:var(--shv-paper)}
.sh-place-pillars article{position:relative;padding-top:28px}
.sh-place-pillars article>.shv-icon{margin:0 0 24px}
.sh-place-pillars .sh-place-number{position:absolute;right:0;top:29px;opacity:.7;font-size:13px}
.sh-place-hero figure{position:relative}
.sh-place-hero figure img{border-radius:3px 72px 3px 3px}
.sh-place-hero figure figcaption{line-height:1.65!important;font-size:12px!important;letter-spacing:.01em;color:var(--shv-muted)!important;padding-top:13px!important}
.shv-observation{max-width:1200px;margin:14px auto 46px;padding:32px;background:var(--shv-soft);display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center;border-radius:4px 56px 4px 4px;color:var(--shv-ink)}
.shv-observation figure,.shv-world-intro figure,.shv-culture-scenes figure{margin:0;min-width:0}
.shv-observation img{display:block;width:100%;height:300px;object-fit:cover;border-radius:2px 34px 2px 2px}
.shv-observation figcaption,.shv-world-intro figcaption,.shv-culture-scenes figcaption{font-size:12px;line-height:1.6;margin-top:10px;color:var(--shv-muted)}
.shv-kicker{font-size:11px!important;font-weight:600;line-height:1.6!important;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px!important;color:var(--shv-muted)}
.shv-observation h2,.shv-world-intro h2,.shv-world-grid h2,.shv-note h2,.shv-culture-scenes h2,.shv-film-next h2{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:0 0 22px;color:var(--shv-ink)}
.shv-observation p,.shv-world-intro p,.shv-world-grid p,.shv-note p,.shv-culture-scenes p,.shv-film-next p{font-size:16px;line-height:1.8;color:var(--shv-muted);margin:0 0 20px}
.shv-observation a,.shv-world-grid a,.shv-note a,.shv-world-intro a,.shv-culture-scenes a{display:inline-block;color:var(--shv-ink);font-size:14px;line-height:1.6;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0}
.sh-place-connected>a{gap:14px!important;align-items:center!important;padding:14px 0!important;min-height:76px}
.sh-place-connected>a span:first-of-type{flex:1}
.sh-place-connected .shv-related-image{display:block!important;width:62px!important;height:52px!important;object-fit:cover;border-radius:3px;flex:0 0 62px}
.sh-place-background summary{font-size:16px;line-height:1.6;padding-block:20px!important}
.shv-world-intro,.shv-culture-scenes{max-width:1200px;margin:0 auto 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:0 30px;color:var(--shv-ink)}
.shv-world-intro img{display:block;width:100%;height:440px;object-fit:cover;border-radius:3px 72px 3px 3px}
.shv-world-grid{max-width:1200px;padding:0 30px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.shv-world-grid article{padding:36px 0;border-top:1px solid var(--shv-line)}
.shv-world-grid .shv-world-icon{width:64px!important;height:64px!important;object-fit:contain;margin-bottom:22px}
.shv-world-grid article h2{font-size:29px}
.shv-note{max-width:1140px;margin:0 auto 70px;padding:38px 44px;border-left:3px solid var(--shv-accent);background:var(--shv-soft)}
.shv-culture-scenes{grid-template-columns:220px 1fr;max-width:1120px;gap:50px;border-top:1px solid var(--shv-line);border-bottom:1px solid var(--shv-line);padding:36px 0;margin-bottom:64px}
.shv-culture-scenes img{width:100%;height:280px;object-fit:cover;border-radius:110px 110px 3px 3px}
.shv-culture-scenes .shv-icon{float:right;margin:0 0 18px 25px;width:42px!important;height:42px!important}
.shv-culture-scenes p{max-width:65ch}
#pocketdoc article>.shv-icon,#mittelverwendung article>.shv-icon{margin:0 0 26px;width:40px!important;height:40px!important}
.shv-film-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 22px;font-size:13px;color:var(--shv-muted)}
.shv-film-facts span:before{content:'•';color:var(--shv-accent);padding-right:9px}
.sh-film-detail>a{display:inline-block;margin:12px 24px 0 0;padding:8px 0;border-bottom:1px solid currentColor;font-size:14px}
.shv-film-next{max-width:1200px;margin:20px auto 72px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:30px}
.shv-film-next>a{display:flex;flex-direction:column;text-decoration:none;color:var(--shv-ink);gap:16px;font-size:15px}
.shv-film-next img{width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:3px 30px 3px 3px}
.seehof-topic-heading h1,.sh-place-hero h1{overflow-wrap:normal;word-break:normal;text-wrap:balance}
.seehof-topic-heading{max-width:1320px}
.seehof-topic-article summary{line-height:1.4!important;gap:24px!important}
.seehof-topic-article summary>span:first-child{word-spacing:.03em}
.auction-document-card-copy h3{font-size:18px!important;line-height:1.4!important}
.legal-page.legal-text{padding:140px 30px 80px;max-width:880px;margin:auto;font-size:17px;line-height:1.8}
.legal-page.legal-text h1{font-size:clamp(36px,6vw,60px);margin-bottom:36px}
.legal-page.legal-text h2{font-size:25px;line-height:1.35;margin:38px 0 16px}
.legal-page.legal-text address{font-style:normal}
.legal-page.legal-text a{overflow-wrap:anywhere}
@media(max-width:1050px){.shv-observation{margin:10px 30px 40px;gap:32px;padding:26px}.shv-world-intro{gap:32px}.shv-culture-scenes{margin-left:30px;margin-right:30px}.shv-note{margin-left:30px;margin-right:30px}.shv-film-next{gap:22px}.legal-page.legal-text{padding-top:120px}}
@media(max-width:700px){.sh-place-hero{padding-top:32px!important}.sh-place-hero figure img{border-top-right-radius:48px}.shv-hero-icon{padding:10px;width:26px!important;height:26px!important}.sh-place-pillars{gap:0!important}.sh-place-pillars article{padding-bottom:24px}.shv-observation{grid-template-columns:1fr;margin:0 20px 34px;gap:25px;padding:20px;border-top-right-radius:38px}.shv-observation img{height:230px}.shv-observation h2{font-size:29px}.shv-world-intro{grid-template-columns:1fr;padding:0 24px;gap:28px;margin-bottom:30px}.shv-world-intro img{height:290px}.shv-world-grid{grid-template-columns:1fr;padding:0 24px;margin-bottom:30px}.shv-world-grid article{padding:28px 0}.shv-world-grid .shv-world-icon{float:right;margin:0 0 16px 16px;width:52px!important;height:52px!important}.shv-note{margin:0 24px 40px;padding:26px 22px}.shv-culture-scenes{grid-template-columns:110px 1fr;margin:0 24px 38px;gap:20px;align-items:start;padding:24px 0}.shv-culture-scenes img{height:180px}.shv-culture-scenes h2{font-size:25px}.shv-culture-scenes .shv-icon{display:none!important}.shv-culture-scenes p{font-size:15px;line-height:1.65}.shv-film-next{grid-template-columns:1fr 1fr;padding:0 24px;margin-top:30px}.shv-film-next>div{grid-column:1/-1}.shv-film-next h2{font-size:29px}.legal-page.legal-text{padding:110px 24px 50px}.seehof-topic-heading h1{font-size:clamp(34px,8vw,52px)!important}.seehof-topic-heading{padding:38px 24px!important}.seehof-topic-article summary{font-size:23px!important}.seehof-topic-article summary>span:last-child{font-size:12px}.seehof-footer-group a{line-height:1.6}}
@media(max-width:520px){.shv-culture-scenes{grid-template-columns:1fr;gap:22px}.shv-culture-scenes img{height:230px;max-width:240px}.shv-culture-scenes figure{display:flex;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){.shv-film-next a img,.shv-related-image{transition:filter .2s ease}.shv-film-next a:hover img,.sh-place-connected a:hover img{filter:brightness(1.06)}}

/* The project jump list stays a single, calm row on narrow screens. It can
   be swiped horizontally instead of wrapping into a clipped second line. */
@media(max-width:700px){
  .seehof-topic-toc{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:22px;padding:12px 24px 17px;white-space:nowrap;border-bottom:1px solid var(--shv-line)}
  .seehof-topic-toc::-webkit-scrollbar{display:none}
  .seehof-topic-toc a{flex:0 0 auto;padding:4px 0;font-size:13px}
}