/* * Full Edition — Newspaper / Broadsheet Layout * Loaded alongside ../style.css by full-editions/2026-*.php pages. * Add class="edition-page" to to activate layout overrides. */ /* ── Override main-content padding so the wrapper fills edge-to-edge ── */ .edition-page #main-content { padding: 20px 0 0; max-width: none; } .year-page #main-content { padding: 0; } /* ── Outer wrapper (the "newspaper") ─────────────────────────────── */ .edition-wrapper { background: #f5f0e8; color: #1c1c1c; max-width: 1240px; margin: 0 auto 40px; font-family: Georgia, 'Times New Roman', serif; box-shadow: 0 6px 40px rgba(0, 0, 0, 0.55); } /* ── Masthead ──────────────────────────────────────────────────── */ .edition-masthead { text-align: center; padding: 28px 32px 20px; border-bottom: 3px double #1c1c1c; } .edition-masthead-rule { border: none; border-top: 3px solid #1c1c1c; margin: 5px 0; } .edition-masthead-rule.thin { border-top-width: 1px; margin-top: 3px; } .edition-overline { font-family: 'Cinzel', Georgia, serif; font-size: 0.72em; letter-spacing: 0.28em; text-transform: uppercase; color: #555; margin: 10px 0 4px; } .edition-title { font-family: 'Cinzel', Georgia, serif; font-size: clamp(1.9em, 5vw, 3.8em); letter-spacing: 0.07em; font-weight: 400; margin: 6px 0; color: #111; line-height: 1.1; } .edition-dateline { font-style: italic; font-size: 1.05em; color: #444; margin: 6px 0 10px; letter-spacing: 0.03em; } /* ── Section jump navigation ───────────────────────────────────── */ .edition-section-nav { background: #1e3040; border-top: 2px solid #ffffff; padding: 9px 24px; display: flex; flex-wrap: wrap; gap: 2px 2px; align-items: center; justify-content: center; border-bottom: 2px solid #c8a84b; } .edition-section-nav a { color: #b8ccd8; font-size: 0.68em; font-family: 'Cinzel', Georgia, serif; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; padding: 3px 7px; transition: color 0.15s; } .edition-section-nav a:hover { color: #c8a84b; } .edition-section-nav a.edition-nav-special { color: #c8a84b; } .edition-section-nav a.edition-nav-special:hover { color: #e0c060; } .edition-nav-sep { color: #3a5568; font-size: 0.65em; user-select: none; } /* ── Edition prev / next pagination ────────────────────────────── */ .edition-pagination { display: flex; justify-content: space-between; align-items: center; padding: 10px 28px; border-bottom: 1px solid #ccc; background: #ede8e0; font-size: 0.8em; font-family: 'Cinzel', Georgia, serif; letter-spacing: 0.04em; } .edition-pagination a { color: #1e3040; text-decoration: none; padding: 4px 8px; border: 1px solid transparent; transition: border-color 0.15s, color 0.15s; } .edition-pagination a:hover { color: #1e6b9e; border-color: #c8a84b; } .edition-nav-index { font-size: 0.85em; color: #666 !important; } .edition-nav-disabled { visibility: hidden; min-width: 100px; } /* ── Main content area ─────────────────────────────────────────── */ .edition-content { padding: 0 28px 48px; } /* ── Section ───────────────────────────────────────────────────── */ .edition-section { margin-top: 36px; } .edition-section-banner { font-family: 'Cinzel', Georgia, serif; font-size: 1.2em; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; background: #1e3040; color: #f0e8d0; padding: 10px 20px; margin: 0 0 1px; border-left: 6px solid #c8a84b; display: block; } /* ── Articles column layout ────────────────────────────────────── */ .edition-articles { columns: 3; column-gap: 28px; column-rule: 1px solid #d4cdc4; } /* ── Special topic header — spans all columns ──────────────────── */ .edition-special-header { column-span: all; background: #2b4460; color: #f0e8d0; padding: 8px 18px; margin: 22px -28px 14px; /* bleed to edge of .edition-content padding */ font-size: 0.88em; font-family: 'Cinzel', Georgia, serif; letter-spacing: 0.07em; border-left: 5px solid #c8a84b; } .edition-special-label { color: #c8a84b; font-size: 0.7em; letter-spacing: 0.15em; text-transform: uppercase; font-weight: bold; margin-right: 10px; } /* ── Individual article ─────────────────────────────────────────── */ .edition-article { break-inside: avoid; border-top: 1px solid #c0b8ae; padding: 9px 0 8px; } .edition-headline { font-family: Georgia, serif; font-size: calc(var(--reading-scale, 1) * 1.2em); font-weight: bold; margin: 0 0 4px; line-height: 1.38; display: flex; align-items: flex-start; gap: 8px; } .edition-headline a { flex: 1 1 auto; color: #18263a; text-decoration: none; } .edition-headline a:hover { color: #1a5a8e; text-decoration: underline; } .edition-body { font-size: calc(var(--reading-scale, 1) * 1.2em); color: #3e3830; margin: 4px 0 0; line-height: 1.58; } .edition-body a { font-size: 0.9em; color: #18263a; text-decoration: none; } .edition-body a:hover { color: #1a5a8e; text-decoration: underline; } /* text-only entries (narrative / editorial blocks) */ .edition-article:not(:has(.edition-headline)) .edition-body, .edition-article .edition-body:only-child { font-size: calc(var(--reading-scale, 1) * 1.2em); color: #3a3028; font-style: italic; } /* ── QR codes ───────────────────────────────────────────────────── */ /* * Visible on screen (40 px) and in print (20 mm). * qrcode.min.js generates a inside each .edition-qr div * on page load — no internet needed after the page is loaded. */ .edition-qr { flex: 0 0 40px; width: 40px; height: 40px; } /* Stretch the generated canvas/img to fill the placeholder */ .edition-qr canvas, .edition-qr img { width: 100% !important; height: 100% !important; display: block; } @media print { /* Scale QR to a comfortably scannable physical size */ .edition-qr { flex: 0 0 7.5mm; width: 7.5mm; height: 7.5mm; } /* Honor background colors when "Print background graphics" is enabled */ .edition-wrapper, .edition-section-nav, .edition-section-banner, .edition-special-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Section banners and special headers use palette colors for color print */ .edition-section-banner { background: #1e3040 !important; color: #f0e8d0 !important; } .edition-special-header { background: #2b4460 !important; color: #f0e8d0 !important; } /* Hide on-screen navigation that is useless on paper (keep section nav as table of contents) */ #site-nav, .breadcrumb, .edition-pagination, .edition-back-top { display: none !important; } /* 2-column layout on paper */ .edition-articles { columns: 2; } /* Full-width, no shadow */ .edition-wrapper { box-shadow: none; max-width: 100%; } } /* ── Back-to-top link ───────────────────────────────────────────── */ .edition-back-top { display: block; text-align: center; margin-top: 36px; padding: 10px 0 4px; border-top: 2px double #b0a898; font-family: 'Cinzel', Georgia, serif; font-size: 0.72em; letter-spacing: 0.1em; color: #888; text-decoration: none; text-transform: uppercase; } .edition-back-top:hover { color: #1e3040; } /* ── Breadcrumb (light override for edition pages) ──────────────── */ .edition-page .breadcrumb { background: rgba(0, 0, 0, 0.18); padding: 6px 24px; font-size: 0.78em; color: #aac0d0; } .edition-page .breadcrumb a { color: #7aacc4; } .edition-page .breadcrumb a:hover { color: #c8a84b; } .edition-page .breadcrumb-current { color: #d0e0ea; } /* ── Responsive ─────────────────────────────────────────────────── */ @media (max-width: 900px) { .edition-articles { columns: 2; } } @media (max-width: 600px) { .edition-articles { columns: 1; } .edition-title { font-size: 1.8em; } .edition-content { padding: 0 14px 28px; } .edition-masthead { padding: 18px 14px 14px; } .edition-special-header { margin: 16px -14px 10px; } .edition-wrapper { box-shadow: none; } } /* ── Year page: full-width, no columns ─────────────────────────── */ .year-page .edition-articles { columns: 1; column-rule: none; } /* ── Year page: accordions as edition-style blocks ───────────────── */ .year-page .edition-articles .month-accordion { break-inside: avoid; border: none; border-radius: 0; margin: 0; background: transparent; } .year-page .edition-articles .month-accordion summary { font-family: 'Cinzel', Georgia, serif; font-size: 0.88em; letter-spacing: 0.07em; background: #2b4460; color: #f0e8d0; padding: 8px 0; margin: 2px 0 0; border-left: 5px solid #c8a84b; cursor: pointer; list-style: none; user-select: none; display: flex; align-items: center; gap: 8px; transition: background 0.15s; } .year-page .edition-articles .month-accordion summary:hover { background: #354d66; } .year-page .edition-articles .month-accordion summary::-webkit-details-marker { display: none; } .year-page .edition-articles .month-accordion summary::before { content: '▶'; font-size: 0.65em; color: #8aa8c4; transition: transform 0.2s; display: inline-block; flex-shrink: 0; margin-left: 10px; } .year-page .edition-articles .month-accordion[open] summary::before { transform: rotate(90deg); } .year-page .edition-articles .month-accordion[open] summary { margin-bottom: 0; } .year-page .edition-articles .month-posts { background: transparent; padding: 12px 7px 16px; margin: 0; } .year-page .edition-articles .month-accordion:first-child summary { margin-top: 0; } /* Year page: links in paragraphs styled like .edition-headline a */ .year-page .month-posts p a, .year-page .post p a { font-family: Georgia, serif; font-size: 0.86em; font-weight: bold; color: #18263a; text-decoration: none; } .year-page .month-posts p a:hover, .year-page .post p a:hover { color: #1a5a8e; text-decoration: underline; }