/* Phase 20 — Guides / publisher value */
:root{--guide-reading:74ch;--guide-code-bg:#15171a;--guide-code-text:#f5f5f3}
.guide-article{font-size:1rem}
.guide-article>p,.guide-article>ul,.guide-article>ol,.guide-article>blockquote,.guide-article>.guide-example,.guide-article>.guide-key-points,.guide-article>.guide-note,.guide-article>.guide-warning,.guide-article>.guide-table-wrap,.guide-article>.guide-related,.guide-article>.guide-sources{max-width:var(--guide-reading)}
.guide-article p{font-size:1.05rem;line-height:1.84}
.guide-article h2{margin-top:48px;font-size:clamp(1.55rem,3vw,2.1rem);letter-spacing:-.025em}
.guide-article h3{margin:28px 0 10px;font-size:1.16rem;line-height:1.35;letter-spacing:-.01em}
.guide-article ul,.guide-article ol{padding-left:1.35rem;margin:0 0 22px}
.guide-article li{line-height:1.7;margin:8px 0}
.guide-article a{font-weight:760;text-underline-offset:3px}
.guide-article code{font:0.92em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:.14em .38em;border-radius:6px;background:var(--soft-2);border:1px solid var(--border)}
.guide-code{margin:20px 0 26px;border-radius:18px;background:var(--guide-code-bg);color:var(--guide-code-text);overflow:auto;border:1px solid color-mix(in srgb,var(--border),transparent 20%)}
.guide-code pre{margin:0;padding:22px;min-width:max-content;font:0.9rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
.guide-code code{padding:0;border:0;background:none;color:inherit;font:inherit}
.guide-key-points,.guide-example,.guide-note,.guide-warning{margin:26px 0;padding:24px;border-radius:20px;border:1px solid var(--border);background:var(--soft-2)}
.guide-key-points{border-left:5px solid var(--blue)}
.guide-example{background:var(--card)}
.guide-note{border-left:5px solid var(--green)}
.guide-warning{border-left:5px solid var(--warning,#b7791f)}
.guide-key-points strong,.guide-example>strong,.guide-note>strong,.guide-warning>strong{display:block;margin-bottom:8px;font-size:1rem}
.guide-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.guide-example-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.guide-example-card strong{display:block;margin-bottom:6px}.guide-example-card p{font-size:.96rem;margin:0;line-height:1.6;color:var(--muted)}
.guide-table-wrap{margin:22px 0 30px;overflow:auto;border:1px solid var(--border);border-radius:18px}
.guide-table{width:100%;min-width:620px;border-collapse:collapse;background:var(--card)}
.guide-table th,.guide-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.55}
.guide-table th{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;background:var(--soft-2)}
.guide-table tr:last-child td{border-bottom:0}
.guide-related{margin-top:38px;padding-top:30px;border-top:1px solid var(--border)}
.guide-related h2{margin-top:0}.guide-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-related-card{display:block;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:var(--soft-2);text-decoration:none;color:var(--text)}
.guide-related-card:hover{border-color:var(--border-strong);background:var(--soft)}.guide-related-card strong{display:block;margin-bottom:4px}.guide-related-card span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}
.guide-sources{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}.guide-sources h2{margin-top:0}.guide-source-list{padding-left:1.2rem}.guide-source-list li{font-size:.94rem;color:var(--muted)}
.guide-meta .guide-updated{font-weight:850;color:var(--text)}
.guide-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px}
.guide-path{padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:var(--shadow-soft)}
.guide-path small{display:block;margin-bottom:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.guide-path h2{font-size:1.18rem;margin:0 0 8px}.guide-path p{margin:0 0 14px;color:var(--muted);line-height:1.55}.guide-path a{font-weight:850}
.guide-hub-note{margin:0 0 28px;padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:var(--soft-2);color:var(--muted);line-height:1.65}
@media(max-width:800px){.guide-paths{grid-template-columns:1fr}.guide-related-grid,.guide-example-grid{grid-template-columns:1fr}.guide-table{min-width:560px}}
@media(max-width:560px){.guide-article p{font-size:1rem}.guide-key-points,.guide-example,.guide-note,.guide-warning{padding:19px}.guide-code pre{padding:18px;font-size:.82rem}.guide-related-grid{grid-template-columns:1fr}}
body.dark{--guide-code-bg:#0f1113;--guide-code-text:#f4f1eb}
