* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,sans-serif; }
.practice-guide { width:min(880px,100%); margin:auto; padding:20px 24px 64px; }
.practice-guide a { color:var(--gold); text-underline-offset:3px; }
.practice-guide a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:.85rem; margin-bottom:16px; }
.guide-header { border-bottom:1px solid var(--line); padding-bottom:20px; }
.guide-header h1 { font:400 clamp(2rem,6vw,3.4rem)/1.15 Georgia,serif; margin:0 0 12px; }
.guide-header p { margin:0 0 12px; color:var(--muted); }
.guide-nav { display:flex; flex-wrap:wrap; gap:8px 20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.practice-guide section { margin-top:30px; scroll-margin-top:24px; }
.practice-guide h2 { font:400 1.8rem/1.2 Georgia,serif; margin:0 0 14px; }
.practice-guide h3 { font:400 1.3rem/1.3 Georgia,serif; }
.practice-guide p,.practice-guide li { line-height:1.7; }
.practice-guide li { margin-bottom:9px; }
.practice-guide .example { margin-top:22px; padding:18px 22px; border-left:2px solid var(--gold); background:var(--panel); }
.practice-guide .example p:last-child { margin-bottom:0; }
.practice-guide .source-note,.guide-reviewed { color:var(--muted); font-size:.85rem; }
.guide-table-wrap { overflow-x:auto; }
.practice-guide table { width:100%; border-collapse:collapse; text-align:left; }
.practice-guide th,.practice-guide td { padding:12px 10px; border-bottom:1px solid var(--line); line-height:1.5; vertical-align:top; }
.practice-guide caption { text-align:left; color:var(--muted); margin-bottom:10px; }
.guide-footer { margin-top:32px; padding-top:18px; border-top:1px solid var(--line); }
@media(max-width:600px) { .practice-guide { padding:16px 20px 48px; } .practice-guide section { margin-top:24px; } }