.detail-heading h1{font:normal clamp(35px,5vw,58px)/1.2 Georgia,serif;margin:12px 0 19px;color:#edf6ff}.detail-heading h1 em{font-style:normal;color:#ffc568}.detail-heading h1:focus{outline:0}.detail-view{max-width:1260px}
.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:27px 0 18px}.category-nav a{font-size:11px;padding:8px 12px;border:1px solid #20516c;border-radius:24px;color:#adcee1;text-decoration:none}.category-nav a:hover,.category-nav a[aria-current=page]{color:#ffdb9f;border-color:#dcad58;background:#172438}
.topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:15px 0 10px}.topic-card{grid-column:span 2;border:1px solid #246a8b;border-radius:9px;text-decoration:none;overflow:hidden;background:linear-gradient(135deg,#0b2038,#040f22);transition:transform .2s,border-color .2s}.topic-card:nth-child(4),.topic-card:nth-child(5){grid-column:span 3}.topic-card:hover{transform:translateY(-3px);border-color:#efbe67}.topic-art{height:125px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 30% 20%,#154f70,transparent 80%),#091b32;overflow:hidden}.topic-art:before,.discipline-banner:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 38px,#5acfff0b 39px,#5acfff0b 40px)}.topic-art svg{width:64px;height:64px;color:#84e3ff;filter:drop-shadow(0 0 12px #21baff70)}.topic-art>span{position:absolute;right:16px;bottom:4px;font:normal 59px Georgia,serif;color:#d7eeff13}.topic-kunst .topic-art,.discipline-banner.topic-kunst{background:radial-gradient(ellipse at 30% 30%,#744b31,transparent 80%),#162235}.topic-kunst svg{color:#ffcf8c}.topic-blender .topic-art,.discipline-banner.topic-blender{background:radial-gradient(ellipse at 65% 30%,#47477b,transparent 80%),#0e1a31}.topic-retro .topic-art,.discipline-banner.topic-retro{background:radial-gradient(ellipse at 20% 30%,#27665d,transparent 80%),#0b2231}.topic-retro svg{color:#9fe7c2}.topic-ideen .topic-art,.discipline-banner.topic-ideen{background:radial-gradient(ellipse at 55% 0%,#725138,transparent 80%),#10223b}.topic-ideen svg{color:#ffcc80}.topic-copy{padding:22px}.topic-copy small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7ebdd8}.topic-copy h2{font:normal 27px/1.2 Georgia,serif;color:#f0e4d0;margin:9px 0 13px}.topic-copy p{font-size:13px;line-height:1.7;margin:0;color:#a8bdd4}.topic-open{display:block;margin-top:20px;font-size:12px;color:#ffc56b}
.universe-note{display:flex;align-items:center;gap:20px;margin-top:25px;padding:20px;border-top:1px solid #1c465e;color:#a6c2d8}.universe-note>span{font-size:35px;color:#6bdcfa}.universe-note p{margin:0;max-width:840px;font-size:13px}.discipline-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;overflow:hidden;height:190px;border:1px solid #276184;border-radius:9px;margin:30px 0;background:#0a2238}.discipline-banner svg{width:84px;height:84px;color:#9ee4ff;z-index:1}.discipline-banner>span{font:normal 30px Georgia,serif;color:#d9eaf7;z-index:1}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:20px 0}.editorial-grid article{border-top:1px solid #235773;padding:23px 0}.editorial-grid h2{font:normal 27px/1.25 Georgia,serif;color:#ffda9a;margin:12px 0}.editorial-grid p{font-size:13px;line-height:1.9}.section-cta{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:24px;padding:22px;border-top:1px solid #1b4864}.section-cta p{margin:0 0 8px;font-size:13px;flex-basis:100%;text-align:center}
.archive-tools{display:flex;align-items:end;flex-wrap:wrap;gap:15px 25px;padding:18px 20px;background:#071a30;border:1px solid #204e6d;border-radius:8px;margin:28px 0 23px}.archive-tools label{flex:1;min-width:220px;font-size:11px;color:#bdd5e6}.archive-tools input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 14px;border:1px solid #2b637f;border-radius:5px;background:#031020;color:#f0f6ff;font:13px system-ui,sans-serif}.archive-tools input:focus-visible{outline:2px solid #6fdcfa;outline-offset:3px}.archive-tools>p{font-size:11px;color:#94bfd3;margin:0 0 10px}.archive-groups{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.archive-groups button,.archive-reset{border:1px solid #34607a;border-radius:22px;background:#0b2239;color:#b4d4e9;font:11px system-ui,sans-serif;padding:8px 12px;cursor:pointer}.archive-groups button[aria-pressed=true]{color:#07192c;background:#79d9f3;border-color:#a0ebff}.archive-reset{margin-bottom:1px;color:#f8cb89}.archive-empty{text-align:center;border:1px dashed #2b5e7b;border-radius:8px;padding:35px;color:#a8c7de}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.world-entry{border:1px solid #1d4d69;border-radius:7px;background:linear-gradient(130deg,#092139,#051124);padding:21px}.world-number{font:normal 24px Georgia,serif;color:#71cfe9}.world-entry h2{font:normal 23px/1.4 Georgia,serif;color:#eee6d9;margin:14px 0;overflow-wrap:anywhere}.world-entry .text-link{font-size:11px;display:block;margin-top:12px}

.figure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.figure-card{border:1px solid #255d7b;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#0a2137,#040f21);scroll-margin-top:25px;transition:border-color .2s,box-shadow .2s}.figure-card:target,.figure-card.is-target{border-color:#ffc46b;box-shadow:0 0 25px #ffb44028}.figure-art{position:relative;display:flex;align-items:center;justify-content:center;height:128px;background:radial-gradient(ellipse at 50% 110%,#225274,transparent 75%),linear-gradient(135deg,#0b2038,#071225);overflow:hidden}.figure-monogram{font:normal 53px Georgia,serif;letter-spacing:-.07em;color:#9fd9ee;text-shadow:0 0 23px #00c1ff33}.heinz-mark{color:#f5c277;font-size:78px;line-height:1}.figure-group{position:absolute;left:12px;top:11px;padding:3px 8px;border:1px solid #41657f;border-radius:16px;color:#bad9e8;background:#071525bc;font-size:9px}.group-mausohrbande .figure-art{background:radial-gradient(ellipse at 50% 110%,#69523a,transparent 75%),#182334}.group-mausohrbande .figure-monogram{color:#f2cc95}.group-mupfel .figure-art{background:radial-gradient(ellipse at 50% 110%,#674975,transparent 75%),#192037}.group-mupfel .figure-monogram{color:#dfb9eb}.figure-wolf{width:100%;height:100%;object-fit:cover;object-position:80% 25%}.puki-original{width:40px;height:40px;filter:drop-shadow(0 5px 8px #0008)}.figure-copy{padding:20px}.figure-species{color:#70c8e0!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px!important}.figure-copy h2{font:normal 26px/1.2 Georgia,serif;color:#f5deb7;margin:0 0 13px;overflow-wrap:anywhere}.figure-copy h2 a{text-decoration:none}.figure-copy h2 a:hover{color:#83dcf5}.figure-copy>p{font-size:12px;line-height:1.85;color:#a9c0d6;margin:0}.figure-copy>.text-link{display:inline-block;margin-top:17px;font-size:11px}
@media(max-width:950px){.topic-copy{padding:18px}.topic-copy h2{font-size:24px}.figure-grid{gap:16px}.figure-copy{padding:17px}.figure-copy h2{font-size:23px}.world-entry h2{font-size:21px}}
@media(max-width:760px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-card,.topic-card:nth-child(4),.topic-card:nth-child(5){grid-column:auto}.topic-card:last-child{grid-column:1/-1}.topic-art{height:105px}.editorial-grid{grid-template-columns:1fr;gap:0}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discipline-banner{height:145px;gap:18px}.discipline-banner svg{width:58px;height:58px}.discipline-banner>span{font-size:25px}}
@media(max-width:500px){.topic-grid{grid-template-columns:1fr}.topic-card:last-child{grid-column:auto}.topic-card{display:grid;grid-template-columns:85px 1fr}.topic-art{height:100%;min-height:180px}.topic-art svg{width:44px;height:44px}.topic-art>span{font-size:42px;right:10px}.topic-copy{padding:18px 16px}.topic-copy h2{font-size:24px}.topic-copy p{font-size:12px}.topic-open{margin-top:13px}.topic-copy small{font-size:8px}.category-nav{justify-content:flex-start;gap:7px}.category-nav a{font-size:10px;padding:7px 10px}.figure-grid{grid-template-columns:1fr}.figure-card{display:grid;grid-template-columns:74px 1fr}.figure-art{height:100%;min-height:200px}.figure-monogram{font-size:36px}.figure-group{writing-mode:vertical-rl;top:10px;left:7px;border:0;padding:0;font-size:8px;background:none}.figure-copy{padding:19px 17px}.figure-copy h2{font-size:25px}.figure-copy>p{font-size:12px}.figure-wolf{object-position:79% 20%}.figure-card#wolffchen{display:block}.figure-card#wolffchen .figure-art{height:180px;min-height:0}.figure-card#wolffchen .figure-group{writing-mode:initial}.world-grid{grid-template-columns:1fr}.world-entry{padding:18px}.archive-tools{padding:15px;gap:12px}.archive-tools label{min-width:0;flex-basis:100%}.archive-tools>p{margin-bottom:0}.archive-tools .archive-reset{margin-left:auto}.discipline-banner{gap:14px}.discipline-banner>span{font-size:21px}.discipline-banner svg{width:48px;height:48px}.universe-note{padding:20px 0}}
/* Illustrated category artwork replaces the earlier outline icons. */
.topic-art{height:145px;isolation:isolate;background:#06162a}
.topic-art:before{z-index:1;background:linear-gradient(0deg,#04112477,transparent 65%);pointer-events:none}
.topic-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .35s}
.topic-art>span{z-index:2;color:#e1f7ffb3;font-size:35px;text-shadow:0 2px 9px #000;right:12px;bottom:1px}
.topic-card:hover .topic-art>img{transform:scale(1.04)}
.discipline-image{margin:30px 0}
.discipline-image>img{display:block;width:100%;height:330px;object-fit:cover;object-position:center 48%;border:1px solid #286a8a;border-radius:9px}
.discipline-image>figcaption{text-align:right;color:#7c9fb9;font-size:10px;margin-top:6px}
@media(max-width:760px){.topic-art{height:135px}.discipline-image>img{height:270px}}
@media(max-width:500px){.topic-card{display:block}.topic-art{height:135px;min-height:0}.topic-copy{padding:18px}.discipline-image>img{height:220px}}