/* 第25階段：閱讀舒適度與知識卡片 */
:root{--guide-ink:#233548;--guide-muted:#52677a;--guide-line:#d9e5e9} .guide-shell{max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,56px);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:var(--guide-ink);line-height:1.85} .guide-hero{padding:clamp(24px,5vw,54px);background:linear-gradient(120deg,#f2faf9,#f7f8fd);border-radius:24px;margin:22px 0 34px} .guide-hero h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3;margin:0 0 12px}.guide-lead{max-width:70ch;font-size:1.1rem;color:var(--guide-muted)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.guide-card{padding:22px;border:1px solid var(--guide-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px #20304009}.guide-card h2{font-size:1.25rem;margin-top:0}.guide-card p,.guide-shell li{max-width:75ch}.guide-note{background:#fff9ed;border-left:4px solid #d8a451;padding:18px 22px;margin:24px 0;border-radius:8px}.guide-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.guide-links a{display:inline-block;padding:10px 16px;border-radius:12px;background:#e8f4f2;color:#145e60;text-decoration:none;font-weight:600}.guide-shell a:focus-visible{outline:3px solid #d7a44b;outline-offset:3px}@media(max-width:600px){.guide-shell{padding:18px}.guide-hero{border-radius:16px}.guide-card{padding:18px}}