/* Individual discipline entrances. Geometry is decoration, covers remain complete. */
body.ww-magazine-design .ww-subject { --subject-ink:#142e3c; color:var(--subject-ink); }
.ww-subject *, .ww-subject *::before, .ww-subject *::after { box-sizing:border-box; }
.ww-subject a { text-underline-offset:.2em; }
.ww-subject :is(h2,h3,.ww-subject-label,.ww-subject-eyebrow,.ww-subject-jumps a) { overflow-wrap:anywhere; }
.ww-subject a:focus-visible { outline:3px solid var(--subject-accent); outline-offset:5px; }
body.ww-magazine-design .ww-subject-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr); gap:clamp(25px,5vw,75px); align-items:center; padding:38px 0 54px; border-bottom:1px solid #cdd9df; }
.ww-subject-hero-copy { min-width:0; }
body.ww-magazine-design .ww-subject-label { display:inline-block; border-bottom:3px solid var(--subject-accent); margin:0 0 28px; padding-bottom:8px; font-size:.86rem; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
body.ww-magazine-design .ww-subject-eyebrow { color:var(--subject-accent); font-weight:800; font-size:1rem; margin:0 0 14px; }
body.ww-magazine-design .ww-subject h1 { font-family:Georgia,serif; font-size:clamp(2.4rem,4.2vw,4.35rem); line-height:1.06; letter-spacing:-.035em; margin:0 0 24px; max-width:17ch; overflow-wrap:anywhere; }
body.ww-magazine-design .ww-subject-intro { font-size:clamp(1.08rem,1.4vw,1.24rem); line-height:1.75; max-width:58ch; margin:0 0 25px; }
.ww-subject-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 25px; font-weight:800; }
body.ww-magazine-design .ww-subject-button { display:inline-flex; gap:24px; align-items:center; min-height:48px; padding:13px 19px; background:var(--subject-ink); color:#fff; border-radius:4px; text-decoration:none; }
body.ww-magazine-design .ww-subject-button:hover { background:var(--subject-accent); color:#fff; }
body.ww-magazine-design .ww-subject-parent { display:inline-block; font-size:.9rem; margin-top:25px; color:#435965; }
.ww-subject-visual { position:relative; isolation:isolate; padding:28px; min-width:0; overflow:clip; }
.ww-subject-visual::before { content:""; position:absolute; inset:0; z-index:-2; background:var(--subject-accent); opacity:.085; border-radius:50% 40% 6% 40%; }
.ww-subject-art { position:absolute; inset:0; width:100%; height:100%; color:var(--subject-accent); opacity:.23; z-index:-1; pointer-events:none; }
body.ww-magazine-design .ww-subject-feature { max-width:370px; margin:auto; background:#fff; padding:20px; border:1px solid #d5dfe4; border-top:5px solid var(--subject-accent); box-shadow:8px 12px 0 rgba(20,46,60,.065); }
body.ww-magazine-design .ww-subject-feature .ww-mag-cover { width:min(100%,260px); margin:0 auto 18px; }
body.ww-magazine-design .ww-subject-feature h2 { font-family:Georgia,serif; font-size:1.5rem; line-height:1.25; margin:14px 0 12px; }
body.ww-magazine-design .ww-subject-feature h2 a, body.ww-magazine-design .ww-subject-article h3 a { color:var(--subject-ink); text-decoration:none; }
body.ww-magazine-design .ww-subject-feature h2 a:hover, body.ww-magazine-design .ww-subject-article h3 a:hover { text-decoration:underline; }
body.ww-magazine-design .ww-subject-feature > p:not(.ww-mag-eyebrow) { font-size:.95rem; line-height:1.65; }
body.ww-magazine-design .ww-subject-feature .ww-mag-meta, body.ww-magazine-design .ww-subject-article .ww-mag-meta { font-size:.73rem; }
.ww-subject-motif--archive .ww-subject-visual::before { border-radius:0; transform:rotate(-3deg); }
.ww-subject-motif--grid .ww-subject-visual::before { border-radius:3px; background-image:linear-gradient(90deg,transparent 49%,#fff 50%,transparent 51%); }
.ww-subject-motif--wave .ww-subject-visual::before { border-radius:38% 8% 42% 8%; }
.ww-subject-motif--network .ww-subject-visual::before { clip-path:polygon(15% 0,100% 12%,92% 90%,5% 100%,0 35%); border-radius:0; }
.ww-subject-motif--orbital .ww-subject-visual::before { border-radius:50%; }
.ww-subject-paths { padding:50px 0 20px; scroll-margin-top:25px; }
body.ww-magazine-design .ww-subject-section-heading h2 { font:700 clamp(1.8rem,3vw,2.5rem)/1.15 Georgia,serif; margin:8px 0 15px; }
.ww-subject-section-heading > p { max-width:65ch; }
.ww-subject-jumps { display:flex; gap:10px; flex-wrap:wrap; margin:25px 0; }
.ww-subject-jumps a { display:block; padding:11px 15px; border:1px solid #b3c5ce; border-radius:4px; font-size:.9rem; font-weight:700; text-decoration:none; }
.ww-subject-jumps a:hover { background:#edf4f6; }
.ww-subject-path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ww-subject-path { position:relative; min-width:0; border-top:4px solid var(--subject-accent); background:#f3f7f8; padding:25px 22px 12px; scroll-margin-top:25px; }
.ww-subject-path-number { color:var(--subject-accent); font:400 2.2rem/1 Georgia,serif; }
body.ww-magazine-design .ww-subject-path > h2 { font:700 1.6rem/1.2 Georgia,serif; margin:16px 0 15px; }
body.ww-magazine-design .ww-subject-path-intro { font-size:.98rem; line-height:1.7; margin-bottom:26px; }
.ww-subject-article { display:grid; grid-template-columns:92px minmax(0,1fr); gap:15px; padding:21px 0; border-top:1px solid #d1dde2; align-items:start; }
/* WordPress may insert an empty paragraph at the shortcode's inline/block boundary. */
.ww-subject-article > p:empty { display:none; }
.ww-subject-article > .ww-mag-story-cover { grid-column:1; grid-row:1; }
.ww-subject-article > div { grid-column:2; grid-row:1; min-width:0; }
body.ww-magazine-design .ww-subject-article .ww-mag-story-cover { width:100%; aspect-ratio:1; }
body.ww-magazine-design .ww-subject-article img { object-fit:contain; }
body.ww-magazine-design .ww-subject-article h3 { font:700 1.05rem/1.4 Georgia,serif; margin:0 0 9px; overflow-wrap:anywhere; }
body.ww-magazine-design .ww-subject-article p:not(.ww-mag-meta) { font-size:.85rem; line-height:1.6; margin:0 0 10px; }
body.ww-magazine-design .ww-subject .ww-mag-browser { margin-top:35px; }
.ww-subject-related { padding:35px 0 50px; border-top:1px solid #cdd9df; }
body.ww-magazine-design .ww-subject-related h2 { font:700 2rem/1.2 Georgia,serif; }
.ww-subject-related nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.ww-subject-related a { padding:13px 17px; background:#edf3f6; border-radius:4px; font-weight:700; text-decoration:none; }
@media(max-width:1100px) {
 .ww-subject-path-grid { grid-template-columns:1fr; }
 .ww-subject-path { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; }
 .ww-subject-path-number,.ww-subject-path > h2,.ww-subject-path-intro { grid-column:1/-1; }
}
@media(max-width:760px) {
 body.ww-magazine-design .ww-subject-hero { grid-template-columns:1fr; gap:26px; padding-top:22px; }
 body.ww-magazine-design .ww-subject h1 { font-size:clamp(2.25rem,9vw,3.4rem); max-width:20ch; }
 body.ww-magazine-design .ww-subject-label { margin-bottom:21px; }
 .ww-subject-visual { padding:20px; }
 .ww-subject-paths { padding-top:35px; }
 .ww-subject-path { display:block; padding:22px 18px 10px; }
 .ww-subject-article { grid-template-columns:85px minmax(0,1fr); gap:13px; }
 .ww-subject-jumps { display:grid; grid-template-columns:1fr; }
 .ww-subject-actions { align-items:flex-start; flex-direction:column; gap:18px; }
}
@media(prefers-reduced-motion:reduce) { .ww-subject * { scroll-behavior:auto; } }

/* A complete, individually commissioned image opens each editorial discipline. */
body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper { padding-top: 18px; gap: 32px 50px; }
.ww-subject-wallpaper { grid-column: 1 / -1; width: 100%; margin: 0; min-width: 0; }
.ww-subject-wallpaper img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 12px; }
.ww-subject-wallpaper-credit { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 20px; padding: 10px 2px 0; color: #52636d; font: .75rem/1.5 system-ui, sans-serif; }
.ww-subject-wallpaper-credit strong { color: var(--subject-accent); font-weight: 650; }
body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper .ww-subject-visual::before { opacity: .45; }
body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper .ww-subject-art { display: none; }
@media (max-width: 760px) {
 body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper { gap: 26px; padding-top: 10px; }
 .ww-subject-wallpaper img { border-radius: 7px; }
 .ww-subject-wallpaper-credit { font-size: .68rem; }
}
@media (max-width: 400px) {
 body.ww-magazine-design .ww-subject .ww-subject-hero-copy h1 { font-size: 2rem; hyphens: auto; }
}

/* WW COMPOSED ENTRANCES 20261026 */
/* Full images and full editorial copy share one opening; the selected article follows. */
body.ww-magazine-design .ww-subject-hero {
 display:block; padding:18px 0 38px;
}
body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper {
 --entrance-paper:#f0f5f2; --entrance-ink:#16382e; --entrance-accent:var(--subject-accent);
 display:block; padding:12px 0 38px;
}
.ww-subject-opening {
 display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); grid-template-areas:"copy art";
 gap:clamp(24px,3.6vw,50px); align-items:center; min-width:0;
}
.ww-subject-hero--wallpaper .ww-subject-opening {
 background:var(--entrance-paper); color:var(--entrance-ink); padding:clamp(24px,3vw,42px);
 border-radius:8px 8px 60px 8px; border-bottom:4px solid var(--entrance-accent);
}
.ww-subject-opening > .ww-subject-wallpaper { grid-area:art; align-self:center; }
.ww-subject-opening > .ww-subject-hero-copy { grid-area:copy; }
body.ww-magazine-design .ww-subject-opening .ww-subject-label {
 margin:0 0 17px; padding-bottom:7px; color:var(--entrance-ink); border-color:var(--entrance-accent);
 font-size:.73rem; letter-spacing:.06em;
}
body.ww-magazine-design .ww-subject-opening .ww-subject-eyebrow {
 color:var(--entrance-ink); font-size:.86rem; margin:0 0 12px;
}
body.ww-magazine-design .ww-subject-opening h1 {
 font-size:clamp(2rem,3.55vw,3.55rem); line-height:1.06; max-width:23ch; margin:0 0 22px;
 color:var(--entrance-ink); text-wrap:balance; hyphens:auto;
}
body.ww-magazine-design .ww-subject-opening .ww-subject-intro {
 font-size:clamp(.97rem,1.12vw,1.08rem); line-height:1.7; margin:0 0 24px;
 color:var(--entrance-ink); max-width:57ch;
}
.ww-subject-opening .ww-subject-actions { gap:13px 20px; font-size:.87rem; }
body.ww-magazine-design .ww-subject-opening .ww-subject-actions > a { color:var(--entrance-ink); }
body.ww-magazine-design .ww-subject-opening .ww-subject-actions > a.ww-subject-button {
 background:var(--entrance-ink); color:var(--entrance-paper); padding:12px 16px; min-height:46px;
}
body.ww-magazine-design .ww-subject-opening .ww-subject-button:hover { text-decoration:underline; text-underline-offset:.25em; }
body.ww-magazine-design .ww-subject-opening .ww-subject-parent {
 color:var(--entrance-ink); font-size:.8rem; line-height:1.6; margin-top:18px;
}
.ww-subject-opening .ww-subject-wallpaper img { border-radius:4px; width:100%; height:auto; object-fit:contain; }
.ww-subject-opening .ww-subject-wallpaper-credit {
 color:var(--entrance-ink); display:block; font-size:.67rem; line-height:1.5; padding:11px 1px 0;
}
.ww-subject-opening .ww-subject-wallpaper-credit strong { display:block; color:var(--entrance-ink); margin-bottom:3px; }
.ww-subject-opening a:focus-visible { outline-color:var(--entrance-accent); }
/* A temporarily unavailable image must never leave a reserved, empty art column. */
body.ww-magazine-design .ww-subject .ww-subject-hero:not(.ww-subject-hero--wallpaper) {
 --entrance-paper:#f0f5f2; --entrance-ink:#16382e; --entrance-accent:var(--subject-accent);
}
.ww-subject-hero:not(.ww-subject-hero--wallpaper) .ww-subject-opening {
 grid-template-columns:minmax(0,1fr); grid-template-areas:"copy";
 padding:clamp(24px,3vw,42px); background:var(--entrance-paper); color:var(--entrance-ink);
 border-left:4px solid var(--subject-accent); border-radius:0 8px 8px 0;
}
body.ww-magazine-design .ww-subject-hero:not(.ww-subject-hero--wallpaper) .ww-subject-hero-copy {
 padding:0; max-width:900px;
}
body.ww-magazine-design .ww-subject-hero:not(.ww-subject-hero--wallpaper) .ww-subject-opening h1 {
 max-width:25ch;
}
body.ww-magazine-design .ww-subject-hero:not(.ww-subject-hero--wallpaper) .ww-subject-intro {
 max-width:72ch;
}
/* Folio: the image opens on the left, like a plate opposite an essay. */
body.ww-magazine-design .ww-subject-hero.ww-subject-entrance--folio {
 --entrance-paper:#f6efe4; --entrance-ink:#3f3028;
}
.ww-subject-entrance--folio .ww-subject-opening {
 grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"art copy";
 border-radius:0; border-top:1px solid #ccb99e; border-bottom:6px double #ccb99e;
}
.ww-subject-entrance--folio .ww-subject-wallpaper { padding:12px; background:#fffaf2; box-shadow:6px 9px 0 #5a3b2512; }
.ww-subject-entrance--folio .ww-subject-wallpaper img { border-radius:0; }
/* Observatory: a luminous complete specimen in a dark, quiet space. */
body.ww-magazine-design .ww-subject-hero.ww-subject-entrance--observatory {
 --entrance-paper:#10283a; --entrance-ink:#f0f5ff; --entrance-accent:#b6d9f2;
}
.ww-subject-entrance--observatory .ww-subject-opening { border-radius:8px; border-bottom:3px solid #7ea8c0; }
.ww-subject-entrance--observatory .ww-subject-wallpaper { padding:0; }
.ww-subject-entrance--observatory .ww-subject-wallpaper img { box-shadow:0 18px 46px #0005; }
body.ww-magazine-design .ww-subject--astronomie .ww-subject-hero,
body.ww-magazine-design .ww-subject--mathematik .ww-subject-hero { --entrance-paper:#171b38; --entrance-accent:#c8c0ff; }
body.ww-magazine-design .ww-subject--biochemie .ww-subject-hero,
body.ww-magazine-design .ww-subject--neurowissenschaften .ww-subject-hero { --entrance-paper:#113734; --entrance-accent:#a1e4d5; }
body.ww-magazine-design :is(.ww-subject--digitalisierung,.ww-subject--robotik,.ww-subject--technik,.ww-subject--ingenieurswesen,.ww-subject--kuenstliche-intelligenz) .ww-subject-opening h1 { font-family:Arial,system-ui,sans-serif; font-weight:800; letter-spacing:-.045em; }
body.ww-magazine-design :is(.ww-subject--kunst,.ww-subject--literatur,.ww-subject--musik,.ww-subject--philosophie) .ww-subject-hero { --entrance-paper:#f3edf4; --entrance-ink:#382d40; }
body.ww-magazine-design :is(.ww-subject--geographie,.ww-subject--umweltwissenschaft) .ww-subject-hero { --entrance-paper:#edf3ec; --entrance-ink:#263f38; }
/* The recommendation is a compact bridge into the preserved reading paths. */
body.ww-magazine-design .ww-subject-hero .ww-subject-visual { padding:0; margin:25px 0 0; overflow:visible; }
body.ww-magazine-design .ww-subject-hero .ww-subject-visual::before { display:none; }
body.ww-magazine-design .ww-subject-hero .ww-subject-feature {
 display:grid; grid-template-columns:142px minmax(0,1fr); gap:25px; align-items:center;
 max-width:none; margin:0; padding:23px 25px; border:1px solid #d5dfe4; border-left:5px solid var(--subject-accent);
 box-shadow:none; background:#fff; color:var(--subject-ink);
}
body.ww-magazine-design .ww-subject-hero .ww-subject-feature > .ww-mag-cover { width:100%; margin:0; }
.ww-subject-feature-copy { min-width:0; }
body.ww-magazine-design .ww-subject-feature-copy .ww-mag-eyebrow { font-size:.7rem; margin:0 0 10px; }
body.ww-magazine-design .ww-subject-feature-copy h2 { font-size:clamp(1.25rem,1.8vw,1.65rem); margin:0 0 10px; max-width:65ch; }
body.ww-magazine-design .ww-subject-feature-copy > p:not(.ww-mag-eyebrow) { font-size:.92rem; line-height:1.6; margin:0 0 12px; max-width:85ch; }
body.ww-magazine-design .ww-subject-feature-copy .ww-mag-meta { margin-bottom:9px; }
body.ww-magazine-design .ww-subject-feature-copy .ww-mag-read-link { display:inline-block; margin-top:10px; font-size:.85rem; }
@media (min-width:761px) and (max-width:1000px) {
 .ww-subject-hero--wallpaper .ww-subject-opening { padding:26px; gap:26px; }
 body.ww-magazine-design .ww-subject-opening h1 { font-size:2.4rem; }
 body.ww-magazine-design .ww-subject-opening .ww-subject-intro { font-size:.96rem; }
 .ww-subject-opening .ww-subject-actions { align-items:flex-start; flex-direction:column; }
}
@media (max-width:760px) {
 body.ww-magazine-design .ww-subject-hero.ww-subject-hero--wallpaper { padding-top:5px; }
 .ww-subject-opening, .ww-subject-entrance--folio .ww-subject-opening {
  grid-template-columns:minmax(0,1fr); grid-template-areas:"art" "copy"; gap:22px;
 }
 .ww-subject-hero--wallpaper .ww-subject-opening { padding:0; border-radius:5px 5px 32px 5px; overflow:hidden; }
 .ww-subject-opening > .ww-subject-hero-copy { padding:0 21px 27px; }
 .ww-subject-opening > .ww-subject-wallpaper { margin:0; padding:0; box-shadow:none; background:transparent; }
 .ww-subject-opening .ww-subject-wallpaper img { border-radius:0; }
 .ww-subject-opening .ww-subject-wallpaper-credit { padding:10px 21px 0; font-size:.63rem; }
 body.ww-magazine-design .ww-subject-opening .ww-subject-label { margin-bottom:14px; font-size:.7rem; }
 body.ww-magazine-design .ww-subject-opening h1 { font-size:clamp(2rem,7.5vw,2.9rem); max-width:23ch; margin-bottom:19px; }
 body.ww-magazine-design .ww-subject-opening .ww-subject-intro { font-size:1rem; }
 .ww-subject-opening .ww-subject-actions { gap:15px; }
 body.ww-magazine-design .ww-subject-hero .ww-subject-feature { grid-template-columns:88px minmax(0,1fr); gap:17px; padding:18px; align-items:start; }
 body.ww-magazine-design .ww-subject-feature-copy h2 { font-size:1.2rem; }
 body.ww-magazine-design .ww-subject-feature-copy > p:not(.ww-mag-eyebrow) { font-size:.86rem; }
}
@media (max-width:380px) {
 .ww-subject-opening > .ww-subject-hero-copy { padding:0 17px 24px; }
 body.ww-magazine-design .ww-subject .ww-subject-opening h1 { font-size:1.85rem; }
 body.ww-magazine-design .ww-subject-hero .ww-subject-feature { grid-template-columns:70px minmax(0,1fr); gap:13px; padding:15px; }
 body.ww-magazine-design .ww-subject-feature-copy h2 { font-size:1.08rem; }
}
@media print {
 .ww-subject-hero--wallpaper .ww-subject-opening { background:#fff!important; color:#142e3c; border:1px solid #aaa; }
 .ww-subject-opening > .ww-subject-wallpaper { display:none; }
 .ww-subject-opening { display:block; }
 body.ww-magazine-design .ww-subject-opening :is(h1,p,a) { color:#142e3c; }
}
body.ww-magazine-design .ww-subject .ww-subject-opening h1 { hyphens: auto; hyphenate-limit-chars: 8 4 4; overflow-wrap: break-word; word-break: normal; }
body.ww-magazine-design .ww-subject-feature-copy > .ww-mag-read-link { display: flex; width: fit-content; max-width: 100%; margin-top: 12px; }

/* WordPress can insert an empty paragraph between the cover link and the copy.
   Explicit placement keeps that formatting artifact out of both content columns. */
body.ww-magazine-design .ww-subject-hero .ww-subject-feature > p:empty { display: none; }
body.ww-magazine-design .ww-subject-hero .ww-subject-feature > .ww-mag-cover { grid-column: 1; grid-row: 1; }
body.ww-magazine-design .ww-subject-hero .ww-subject-feature > .ww-subject-feature-copy { grid-column: 2; grid-row: 1; min-width: 0; }