/* Targeted visitor paths. Existing brand tokens, artwork and chapter system stay authoritative. */
.front-page .cover-links.cover-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:640px}
.front-page .cover-entries a{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid currentColor;font:400 .8125rem/1.35 var(--font-label);letter-spacing:.035em}
.front-page .cover-entries a:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.world-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;border-top:1px solid currentColor;padding-top:12px}
.world-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-green);font:400 .875rem/1.4 var(--font-label);text-decoration:underline;text-underline-offset:4px}
.campus-orientation{background:var(--paper);color:var(--ink);border-block:1px solid var(--ink)}
.campus-orientation .orientation-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:24px;margin-bottom:24px}
.campus-orientation h2{font-size:clamp(2.8rem,6vw,6rem)}
.orientation-heading p:last-child{max-width:43ch;margin:0;line-height:1.6}
.orientation-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border:1px solid var(--ink)}
.orientation-map{position:relative;margin:0;align-self:start}
.orientation-map>img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.orientation-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font:400 1.25rem/1 var(--font-label);text-decoration:none}
.orientation-pin[aria-current="true"],.orientation-key a[aria-current="true"]{background:var(--ink);color:var(--brand-green)}
.orientation-info{border-left:1px solid var(--ink);padding:20px;min-width:0}
.orientation-key{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}
.orientation-key a{display:flex;align-items:center;min-height:44px;padding:8px;border:1px solid var(--ink);font:400 .875rem/1.35 var(--font-label)}
.orientation-card[hidden]{display:none}
.orientation-card>img{display:block;width:100%;height:clamp(130px,14vw,210px);object-fit:cover;border:1px solid var(--ink);margin-bottom:16px}
.orientation-card .orientation-status{font:400 .875rem/1.4 var(--font-label);letter-spacing:.06em;margin:0 0 10px;color:var(--forest)}
.orientation-card h3{font:400 clamp(1.8rem,3vw,2.8rem)/1.05 var(--font-display);margin:0 0 12px}
.orientation-card p{font:400 1rem/1.55 var(--font-body);margin:0 0 14px}
.orientation-card>a{display:inline-flex;align-items:center;min-height:44px;font:400 .875rem/1.4 var(--font-label);text-decoration:underline;text-underline-offset:4px}
.orientation-credit{font-size:.8125rem;line-height:1.5;margin:12px 0 0;max-width:90ch}

/* The expanded plan needs the full page width on phones. */
.orientation-map>img{object-fit:contain;aspect-ratio:auto}
@media(max-width:760px){
 .campus-orientation .orientation-map{max-width:none;width:100%}
 .campus-orientation .orientation-pin{width:32px;height:32px;font-size:1rem;border-width:1.5px}
 .orientation-key a{font-size:.875rem}
}
.campus-orientation .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.time-views{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.time-views[hidden]{display:none}
.time-views button{flex:1;min-height:44px;padding:10px;border:1px solid var(--ink);color:var(--ink);background:var(--paper);font:400 .875rem/1.4 var(--font-label)}
.time-views button[aria-pressed="true"]{color:var(--brand-green);background:var(--ink)}
.rental-enquiry{margin:24px 0 0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);scroll-margin-top:130px}
.rental-enquiry>summary{cursor:pointer;min-height:48px;padding:16px;font:400 1.125rem/1.35 var(--font-label)}
.rental-form{padding:0 20px 20px}
.rental-form>p{font-size:1rem;line-height:1.5;max-width:76ch}
.rental-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.rental-fields label{display:grid;align-content:start;gap:8px;min-width:0;font:400 .875rem/1.5 var(--font-label)}
.rental-fields input,.rental-fields select,.rental-form textarea{width:100%;min-width:0;border:1px solid var(--ink);border-radius:0;padding:12px;color:var(--ink);background:var(--cream);font:400 1rem/1.4 var(--font-body)}
.rental-fields input,.rental-fields select{min-height:48px}
.rental-form button,.rental-draft>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--brand-green);font:400 .875rem/1.4 var(--font-label)}
.rental-draft{margin-top:20px;border-top:1px solid var(--ink);padding-top:16px}
.rental-draft label{display:block;font:400 .875rem/1.4 var(--font-label);margin-bottom:8px}
.rental-draft textarea{min-height:180px;resize:vertical;margin-bottom:12px}
.rental-draft>a{margin-right:8px;margin-bottom:8px}
.rental-draft button{background:var(--paper);color:var(--ink)}
.rental-draft [role="status"]{font-size:.875rem;line-height:1.5}
.cover-entries a:focus-visible,.world-links a:focus-visible,.orientation-pin:focus-visible,.orientation-key a:focus-visible,.time-views button:focus-visible,.rental-enquiry :focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:1000px){.orientation-layout{grid-template-columns:1fr 1fr}.orientation-info{padding:14px}.orientation-pin{width:40px;height:40px}}
@media(max-width:760px){
 .front-page .cover-links.cover-entries{gap:4px}
 .front-page .cover-entries a{padding:8px 6px;font-size:.875rem;min-height:48px;gap:4px}
 .front-page .cover-entries a span[aria-hidden]{display:none}
 .world-links{gap:4px 12px;margin-top:10px;padding-top:6px}
 .world-links a{font-size:.875rem}
 .campus-orientation .orientation-heading{display:block;margin-bottom:14px}
 .campus-orientation .orientation-heading h2{font-size:clamp(2rem,8vw,3.4rem);margin-bottom:8px}
 .orientation-heading p:last-child{font-size:1rem;line-height:1.5}
 .orientation-layout{grid-template-columns:1fr}
 .orientation-map{width:100%;max-width:280px;justify-self:center}
 .orientation-info{border-left:0;border-top:1px solid var(--ink);padding:12px}
 .orientation-key{margin-bottom:12px}
 .orientation-card>img{float:right;width:80px;height:76px;margin:0 0 8px 12px}
 .orientation-card h3{font-size:1.6rem}
 .orientation-card .mobile-story-details{clear:both}
 .orientation-card p{font-size:1rem}
 .orientation-credit{font-size:.75rem}
 .mobile-pages-ready main>#campusplan{margin:8px 16px!important;max-width:calc(100% - 32px);padding:12px!important}
 .time-views{gap:4px;margin:8px 0}
 .time-views button{font-size:.875rem;padding:8px 4px}
 .rental-enquiry{margin-top:12px}
 .rental-enquiry>summary{font-size:.875rem;padding:12px}
 .rental-form{padding:0 12px 12px}
 .rental-fields{grid-template-columns:1fr;gap:12px;margin:14px 0}
 .rental-form>button{width:100%}
}

/* Phone repair: content determines card height; images and registers retain room. */
@media(max-width:900px){
 .mobile-pages-ready .front-page .cover-layout{gap:10px;padding:10px 0}
 .mobile-pages-ready .front-page .cover-deck br{display:none}
 .mobile-pages-ready .front-page .cover-deck{line-height:1.35;margin:10px 0}
 .mobile-pages-ready .front-page .cover-art .motion-scene{height:auto;aspect-ratio:3/2;min-height:0}
 .mobile-pages-ready .front-page .cover-art .motion-scene>img{width:100%;height:100%;object-fit:contain}
 .mobile-pages-ready .front-page .cover-art figcaption{display:block;padding:6px 8px}
 .mobile-pages-ready .front-page .cover-art figcaption>span:first-child{display:none}
 .mobile-pages-ready .front-page .journal-motion-settings>summary{font-size:.875rem}
 .mobile-pages-ready .front-page .journal-motion-settings .cover-colophon{margin-top:8px}
 .mobile-pages-ready #ausgabe .issue-guide-head{display:none}
 .mobile-pages-ready #ausgabe .issue-layout{padding:0;margin:0;gap:0}
 .mobile-pages-ready #ausgabe .editorial-rail-controls{margin-top:0}
 .mobile-pages-ready .issue-chapters.editorial-track>a.issue-entry{flex-basis:100%;min-height:0;align-content:start;grid-template-columns:1.5rem minmax(0,1fr) 38px!important}
 .mobile-pages-ready .issue-chapters.editorial-track .issue-entry strong{font-size:1.375rem;overflow-wrap:anywhere}
 .mobile-pages-ready .history-register-row{grid-template-columns:minmax(0,1fr);gap:6px}
 .mobile-pages-ready .history-register-row .history-tabs{display:flex;gap:8px;width:100%;overflow-x:auto;scrollbar-width:none}
 .mobile-pages-ready .history-register-row .history-tabs button{flex:0 0 calc(50% - 4px);box-sizing:border-box;min-width:0;min-height:64px;padding:8px;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 6px;align-items:center}
 .mobile-pages-ready .history-register-row .history-tabs button>.era-icon{grid-column:1!important;grid-row:1/3!important;display:block;width:26px;height:32px;align-self:center}
 .mobile-pages-ready .history-register-row .history-tabs button>span:not(.era-icon){font-size:.875rem;overflow-wrap:anywhere;white-space:normal}
 .mobile-pages-ready .history-register-row .archive-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:0;margin:0}
 .mobile-pages-ready .history-register-row .archive-controls p{font-size:.75rem}
 .mobile-pages-ready .history-register-row .archive-controls>div{display:flex;gap:6px;flex:none}
 .mobile-pages-ready #campus .campus-worlds-track{grid-auto-columns:100%;gap:12px;align-items:start;align-content:start;height:var(--active-card-height,auto);overflow-y:hidden}
 .mobile-pages-ready #campus .campus-world{align-self:start;height:auto;min-height:0}
 .mobile-pages-ready #campus .world-topics{margin-top:12px}
 .mobile-pages-ready #campus .world-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;padding-top:6px;gap:8px}
 .mobile-pages-ready #campus .world-links a{min-height:44px;min-width:0;font-size:.875rem;line-height:1.3;overflow-wrap:anywhere;font-variant-emoji:text}
 .mobile-pages-ready .editorial-rail-controls p{min-width:0;flex-wrap:wrap;gap:2px 8px}
 .mobile-pages-ready .editorial-rail-controls>div{flex:none}
 .mobile-pages-ready .croc-opener-page{display:block;min-height:0;align-content:start}
}
/* The full desktop header already contains every chapter link. */
@media(min-width:1201px){
 :root,body.header-compact{--reading-height:0px}
 .reading-index{display:none!important}
}

/* Show the mascot before opening its story. */
#krokodil.campus-legend{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:24px 40px}
#krokodil .legend-editorial-head{grid-column:auto;display:block;border-bottom:0;padding:20px 0}
#krokodil .legend-editorial-head>p:last-child{margin:20px 0 0}
#krokodil .legend-visual{margin:0;padding:12px;background:var(--paper);box-shadow:none}
#krokodil .legend-visual .croc-window{aspect-ratio:3/2}
#krokodil .legend-teaser-link{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;background:var(--forest);color:var(--paper);font:400 1rem/1.3 var(--font-label)}
#krokodil .legend-teaser-link:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
#krokodil .legend-image-caption{border:0;padding:10px 0 0;font-size:.75rem}
#krokodil>.chapter-toggle,#krokodil>.chapter-depth{grid-column:1/-1;margin-top:0}
#krokodil .chapter-depth .legend-copy{max-width:760px}
@media(max-width:900px){
 #krokodil.campus-legend{display:block}
 .mobile-pages-ready #krokodil .legend-editorial-head h2{font-size:clamp(2.5rem,10vw,3.4rem)}
 #krokodil .legend-visual{padding:8px;margin:12px 0}
 #krokodil .legend-visual .croc-window{height:clamp(150px,26svh,210px);aspect-ratio:auto;justify-content:center}
 #krokodil .legend-visual .croc-window>img{width:100%;height:100%;object-fit:contain}
 #krokodil .chapter-toggle{margin-top:12px;min-height:64px}
 #krokodil .chapter-toggle strong{font-size:1.2rem}
}
