/* Extracted 1:1 from php/src/artikel.php - page-specific styles. */
    body { margin:0; min-height:100vh; background: radial-gradient(1200px 600px at 20% -10%, var(--bg-2) 0%, var(--bg) 55%);
           color:var(--text); font-family:'Space Grotesk',-apple-system,sans-serif; }
    .wrap { max-width:680px; margin:0 auto; padding:80px 24px 80px; }
    .back { display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono',monospace; font-size:12px;
            font-weight:700; letter-spacing:.04em; text-decoration:none; color:rgba(var(--text-rgb), .6); margin-bottom:34px; }
    .back:hover { color:var(--accent); }
    h1 { font-family:'Space Grotesk',sans-serif; font-weight:300; font-size:clamp(26px,4.5vw,38px);
         line-height:1.15; color:var(--head); margin:0 0 10px; }
    .meta { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted); margin:0 0 36px; }
    .content { font-size:16px; font-weight:300; line-height:1.75; color:rgba(var(--text-rgb), .88); }
    .downloads { margin-top:36px; padding-top:24px; border-top:1px solid rgba(var(--accent-2-rgb), .2); }
    .downloads-h2 { font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
      color:rgba(var(--text-rgb), .5); margin:0 0 14px; }
    .downloads-row { display:flex; align-items:center; justify-content:space-between; gap:14px;
      background:rgba(var(--panel-rgb), .5); border:1px solid rgba(var(--accent-2-rgb), .2);
      border-radius:10px; padding:11px 16px; margin-bottom:8px; text-decoration:none; }
    .downloads-row:hover { border-color:rgba(var(--accent-rgb), .5); }
    .downloads-name { font-size:14px; color:var(--accent); }
    .downloads-size { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted); flex:0 0 auto; }
    .content p { margin:0 0 20px; }
    .content img { max-width:100%; border-radius:10px; margin:12px 0; }
    .content .ql-align-center { text-align:center; }
    .content .ql-align-right { text-align:right; }
    .content .ql-align-justify { text-align:justify; }
    .content img.pf-img-shadow { box-shadow:0 10px 28px rgba(0,0,0,.45); }
    .content a { color:var(--accent); }
    .content pre, .content code { font-family:'JetBrains Mono',monospace; }
    .content code { background:rgba(var(--panel-rgb), .6); border:1px solid rgba(var(--accent-2-rgb), .25);
      border-radius:5px; padding:1px 6px; font-size:.9em; }
    .content pre code { background:none; border:none; padding:0; }
    .content pre { background:rgba(var(--panel-rgb), .6); border-radius:10px; padding:14px 16px; overflow:auto; }