:root{--accent:#1f5cf5;--accent-soft:#eef3ff;--ink:#161a2b;--ink-soft:#565d73;--card:#fff;--radius:26px;--shadow:0 10px 30px #1428400d;--line:#e1e6f0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eaf0ff,#f6f3fc);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{text-underline-offset:3px}button,input,textarea{font:inherit}.btn{display:inline-block;padding:12px 20px;border-radius:14px;border:1px solid #ced8ef;cursor:pointer;text-decoration:none}.btn-primary{background:var(--accent);color:#fff!important}.btn-ghost{background:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a56700;outline-offset:3px}.eyebrow{letter-spacing:.09em;font-size:12px!important;font-weight:700;color:var(--accent)!important}.guide input,.guide textarea{display:block;width:100%;max-width:100%;padding:12px;margin-block:10px;border:1px solid #aebbd7;border-radius:12px;background:#fff;color:var(--ink)}.guide-exercise,.guide-writing{margin-block:20px;padding:18px;background:#f5f7fc;border-radius:16px}.guide-feedback{min-height:1.6em;font-weight:600}.guide details{margin-block:12px}.guide summary{cursor:pointer;font-weight:600}.guide [lang=de]{unicode-bidi:isolate}.guide-card{overflow-wrap:anywhere}.guide footer{margin-top:24px}.guide .guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:0;list-style:none}.guide-grid a{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;height:100%;text-decoration:none}.guide-grid small{display:block;margin-top:8px;color:var(--ink-soft)}@media(max-width:480px){.guide{padding:16px 12px 40px}.guide-card{padding:22px 16px}.guide h1{font-size:26px}.guide p,.guide li,.guide td,.guide th{font-size:16px}.guide-grid{grid-template-columns:1fr!important}}
/* Public guide pages (german-writing-corrector.html, goethe-*.html, ...): plain
   readable articles for search engines and AI search, styled like about.html. */
.guide { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; line-height: 1.65; }
.guide-card { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px 22px; }
.guide-card + .guide-card { margin-top: 18px; }
.guide h1 { font-size: 28px; font-weight: 800; line-height: 1.25; margin: 0 0 8px; }
.guide h2 { font-size: 19px; font-weight: 800; margin: 28px 0 8px; }
.guide h3 { font-size: 16px; font-weight: 800; margin: 18px 0 4px; }
.guide p, .guide li, .guide td, .guide th { font-size: 15.5px; color: var(--ink); }
.guide .lead { font-size: 17px; }
.guide .muted { color: var(--ink-soft); font-size: 13.5px; }
.guide a { color: var(--accent); }
.guide-back { display: inline-block; margin-bottom: 14px; text-decoration: none; }
.guide-cta { display: inline-block; margin: 8px 0 4px; text-decoration: none; }
.guide table { width: 100%; border-collapse: collapse; margin: 8px 0; }
.guide th, .guide td { text-align: start; padding: 8px 6px; border-bottom: 1px solid var(--line, rgba(127,127,127,.25)); vertical-align: top; }
.guide-example { background: var(--accent-soft); border-radius: 14px; padding: 14px 16px; margin: 12px 0; }
.guide-example p { margin: 4px 0; }
.guide-example .de { font-weight: 700; }
.guide-table-wrap { overflow-x: auto; }
.guide-more { margin-top: 22px; }
.guide-more a { display: inline-block; margin-block: 2px; margin-inline: 0 10px; }


.guide-exercise{border:1px solid var(--line);min-inline-size:0}