@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #F4F3F0;--white: #FFFFFF;--border: #E0DDD8;--border-strong: #C0BDB6;--text: #1A1A18;--muted: #666460;--accent: #1C3D2E;--accent-mid: #2B5C40;--accent-light: #E8F2EC;--gold: #92700A;--gold-bg: #FDF8EC;--gold-border: #D4A017;--warn-bg: #FFF9EB;--warn-border: #D97706;--info-bg: #EEF5FF;--info-border: #3B82F6;--red-bg: #FEF2F2;--red-border: #DC2626;--lesson-bg: #F9F8F6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.65}.header{background:var(--accent);color:#fff;padding:2.5rem 2rem 2rem;text-align:center}.header h1{font-size:1.5rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.3px}.header p{font-size:.82rem;color:#ffffff8c}nav{background:var(--white);border-bottom:1px solid var(--border);display:flex;justify-content:center;flex-wrap:wrap;position:sticky;top:0;z-index:100}nav a{color:var(--muted);text-decoration:none;font-size:.76rem;font-weight:600;padding:.65rem .85rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}nav a:hover{color:var(--text);border-bottom-color:var(--accent)}.container{max-width:880px;margin:0 auto;padding:1.75rem 1.5rem 3rem}.lesson{background:var(--white);border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;overflow:hidden}.lesson-header{display:flex;align-items:center;gap:.85rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--lesson-bg)}.lesson-num{background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;white-space:nowrap;letter-spacing:.3px}.lesson-title{font-size:1rem;font-weight:700;color:var(--text)}.lesson-subtitle{font-size:.78rem;color:var(--muted);margin-left:auto;white-space:nowrap}.lesson-body{padding:1.5rem}h3{font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:1.4rem 0 .6rem}h3:first-child{margin-top:0}p{margin-bottom:.75rem;font-size:.9rem}p:last-child{margin-bottom:0}.callout{border-radius:5px;padding:.75rem .95rem;margin:.85rem 0;font-size:.87rem;line-height:1.6}.callout strong{display:block;font-weight:700;margin-bottom:.15rem}.c-gold{background:var(--gold-bg);border-left:3px solid var(--gold-border);color:#6b4f00}.c-green{background:var(--accent-light);border-left:3px solid var(--accent-mid);color:#1a3d20}.c-warn{background:var(--warn-bg);border-left:3px solid var(--warn-border);color:#78350f}.c-info{background:var(--info-bg);border-left:3px solid var(--info-border);color:#1e3a5f}.c-red{background:var(--red-bg);border-left:3px solid var(--red-border);color:#7f1d1d}.script{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.script-who{padding:.3rem .8rem;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border)}.sw-you{background:var(--accent-light);color:var(--accent-mid)}.sw-note{background:var(--gold-bg);color:#92400e}.sw-rule{background:var(--red-bg);color:#991b1b}.script-body{padding:.7rem .85rem;font-size:.89rem;line-height:1.65;color:var(--text)}.script-body em{color:var(--muted);font-style:normal;font-size:.83rem}.script-body strong{color:var(--accent)}.obj{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.obj-q{background:var(--bg);padding:.5rem .85rem;font-size:.87rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border)}.obj-a{padding:.65rem .85rem;font-size:.88rem;line-height:1.6}.obj-close{padding:.45rem .85rem;font-size:.82rem;font-weight:700;color:var(--accent-mid);background:var(--accent-light);border-top:1px solid var(--border);letter-spacing:.1px}.steps{list-style:none;padding:0;counter-reset:st}.steps li{counter-increment:st;display:grid;grid-template-columns:28px 1fr;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border);align-items:start}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(st);grid-row:1 / -1;width:24px;height:24px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.steps li>*{grid-column:2;min-width:0}.steps li strong{display:block;font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.15rem}.steps li p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.55}.steps li .script{margin-top:.5rem}.steps li .script:first-of-type{margin-top:.35rem}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.85rem 0}.compare-col{border:1px solid var(--border);border-radius:6px;overflow:hidden}.compare-head{padding:.5rem .85rem;font-size:.75rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--border)}.compare-head.bad{background:var(--red-bg);color:#991b1b}.compare-head.good{background:var(--accent-light);color:var(--accent-mid)}.compare-body{padding:.75rem .85rem;font-size:.86rem;line-height:1.7;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.86rem;margin:.75rem 0}th{background:var(--bg);color:var(--muted);text-align:left;padding:.45rem .85rem;font-weight:700;font-size:.71rem;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-strong)}td{padding:.55rem .85rem;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}tr:last-child td{border-bottom:none}.xref{background:var(--info-bg);border:1px solid var(--info-border);border-radius:6px;padding:.75rem 1rem;font-size:.84rem;color:#1e3a5f;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.6rem}.xref-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.rule-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.3px;margin-bottom:.5rem}footer{text-align:center;padding:1.25rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}@media(max-width:600px){.compare{grid-template-columns:1fr}nav a{padding:.55rem .6rem;font-size:.7rem}.lesson-subtitle{display:none}}
