/* Public article reader (/a/) — layout + longread typography. Colours are inherited from styles.css (the background/text follow [data-theme]), so this file only owns structure and reading rhythm. Fonts: Oswald for headings, Golos Text for prose (loaded by /fonts/fonts.css). */ .art-main { max-width: 720px; margin: 0 auto; padding: clamp(28px, 6vw, 56px) clamp(16px, 5vw, 40px) 80px; } .art-title { font-family: 'Oswald', system-ui, sans-serif; font-weight: 700; font-size: clamp(28px, 5vw, 44px); line-height: 1.1; margin: 0 0 12px; } .art-meta { font-family: 'Golos Text', system-ui, sans-serif; font-size: 14px; opacity: 0.62; margin: 0 0 32px; } .art-author { margin-left: 4px; } .art-body { font-family: 'Golos Text', system-ui, sans-serif; font-size: 18px; line-height: 1.7; overflow-wrap: break-word; } .art-body h2, .art-body h3, .art-body h4 { font-family: 'Oswald', system-ui, sans-serif; line-height: 1.2; margin: 2.5em 0 1.5em; scroll-margin-top: 18px; /* breathing room when a TOC #anchor jumps here */ } .art-body h2 { font-size: 1.55em; } .art-body h3 { font-size: 1.3em; } .art-body h4 { font-size: 1.12em; } .art-body p { margin: 0 0 1.1em; } .art-body a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .art-body ul, .art-body ol { margin: 0 0 1.1em; padding-left: 1.4em; } .art-body li { margin: 0.3em 0; } .art-body blockquote { margin: 1.4em 0; padding: 0.2em 0 0.2em 1.1em; border-left: 3px solid currentColor; opacity: 0.85; font-style: italic; } .art-body pre { overflow-x: auto; padding: 14px 16px; border-radius: 10px; background: rgba(128, 128, 128, 0.14); font-size: 0.9em; } .art-body code { font-size: 0.92em; } .art-body figure { margin: 1.6em 0; } .art-body img { max-width: 100%; height: auto; border-radius: 12px; display: block; } .art-body figcaption { margin-top: 8px; font-size: 14px; opacity: 0.62; text-align: center; } /* Image inserted without a caption — no empty gap. */ .art-body figcaption:empty { display: none; } .art-body hr { border: none; border-top: 1px solid rgba(128, 128, 128, 0.28); margin: 2em 0; } .art-back { max-width: 720px; margin: 40px auto 0; padding: 0 clamp(16px, 5vw, 40px); font-family: 'Golos Text', system-ui, sans-serif; } .art-back a { color: inherit; opacity: 0.7; text-decoration: none; } .art-back a:hover { opacity: 1; }