@media (max-width:640px){.layout{padding:2rem 1.5rem}.header-content{padding:2rem 1.5rem 0}.header-bar{padding:1rem 1.5rem}h1{font-size:2rem}.step-item{grid-template-columns:1fr}.step-num{width:2.5rem;height:2.5rem;font-size:1.2rem}}:root{--ink:#0d0d0d;--paper:#f5f2eb;--accent:#c84b2f;--accent2:#1a6b4a;--mid:#5a5347;--rule:#d4cfc6;--code-bg:#1e1e1e;--code-text:#d4d4d4;--highlight:#fff3b0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.8}header{background:var(--ink);color:var(--paper);padding:0 0 3rem;position:relative;overflow:hidden}.header-bar{letter-spacing:.12em;text-transform:uppercase;color:#999;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1.2rem 3rem;font-size:.75rem;display:flex}.header-bar .brand{color:var(--accent);font-size:.8rem;font-weight:600}.header-content{z-index:2;max-width:860px;margin:0 auto;padding:3.5rem 3rem 0;position:relative}.category-tag{background:var(--accent);color:#fff;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.7rem;font-weight:600;display:inline-block}h1{color:#fff;max-width:760px;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.1}h1 em{color:var(--accent);font-style:italic}.subtitle{color:#aaa;max-width:620px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300}.meta-row{color:#777;letter-spacing:.05em;border-top:1px solid #333;flex-wrap:wrap;gap:2rem;padding-top:1.5rem;font-size:.8rem;display:flex}.meta-row span strong{color:#ccc}.bg-number{color:#1a1a1a;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;font-family:Playfair Display,serif;font-size:18rem;font-weight:900;line-height:1;position:absolute;bottom:-30px;right:-40px}.layout{max-width:860px;margin:0 auto;padding:4rem 3rem}.toc{border-left:4px solid var(--accent);box-shadow:4px 4px 0 var(--rule);background:#fff;margin-bottom:3rem;padding:1.8rem 2rem}.toc-title{text-transform:uppercase;letter-spacing:.15em;color:var(--mid);margin-bottom:1rem;font-size:.7rem;font-weight:600}.toc ol{padding-left:1.2rem}.toc li{margin-bottom:.4rem;font-size:.9rem}.toc a{color:var(--accent2);font-weight:500;text-decoration:none;transition:color .2s}.toc a:hover{color:var(--accent)}.intro-para{color:var(--ink);border-bottom:1px solid var(--rule);margin-bottom:2.5rem;padding-bottom:2.5rem;font-size:1.2rem;font-weight:400;line-height:1.75}h2{color:var(--ink);margin:3rem 0 1.2rem;font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.25}h2:before{content:"//";color:var(--accent);margin-right:.6rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}h3{color:var(--ink);letter-spacing:.01em;margin:2rem 0 .8rem;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:600}p{color:#1a1a1a;margin-bottom:1.4rem}strong{font-weight:600}blockquote{background:var(--ink);color:var(--paper);border:none;margin:2.5rem 0;padding:2rem 2.5rem;font-family:Playfair Display,serif;font-size:1.3rem;font-style:italic;line-height:1.5;position:relative}blockquote:before{content:"“";color:var(--accent);font-size:5rem;line-height:1;position:absolute;top:-.5rem;left:1.2rem}blockquote cite{letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin-top:1rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-style:normal;font-weight:600;display:block}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2.5rem 0;display:grid}.stat-card{border:1px solid var(--rule);text-align:center;border-bottom:3px solid var(--accent);background:#fff;padding:1.5rem}.stat-card .number{color:var(--accent);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:900;display:block}.stat-card .label{text-transform:uppercase;letter-spacing:.1em;color:var(--mid);margin-top:.3rem;font-size:.78rem;font-weight:500}.feature-list{margin:1.5rem 0 2rem;list-style:none}.feature-list li{border-bottom:1px solid var(--rule);padding:.9rem 1rem .9rem 3rem;font-size:.95rem;position:relative}.feature-list li:before{content:"→";color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:600;position:absolute;left:.8rem}.code-block{background:var(--code-bg);color:var(--code-text);border-left:3px solid var(--accent);border-radius:0;margin:2rem 0;padding:1.8rem;font-family:JetBrains Mono,monospace;font-size:.83rem;line-height:1.7;overflow-x:auto}.code-label{background:var(--accent);color:#fff;letter-spacing:.1em;margin-bottom:-1px;padding:.3rem .8rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-block}.kw{color:#569cd6}.str{color:#ce9178}.cmt{color:#6a9955}.fn{color:#dcdcaa}.num{color:#b5cea8}.callout{border:1px solid;align-items:flex-start;gap:1rem;margin:2rem 0;padding:1.4rem 1.8rem;display:flex}.callout.info{background:#f0f6ff;border-color:#a8c8f0}.callout.warning{background:#fff8f0;border-color:#f0c8a0}.callout.success{background:#f0fff5;border-color:#a8d8b8}.callout-icon{flex-shrink:0;margin-top:.1rem;font-size:1.3rem}.callout p{margin:0;font-size:.92rem}.compare-table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.9rem}.compare-table th{background:var(--ink);color:var(--paper);text-align:left;letter-spacing:.05em;text-transform:uppercase;padding:.9rem 1.2rem;font-size:.8rem;font-weight:600}.compare-table th:first-child{background:#333}.compare-table td{border-bottom:1px solid var(--rule);padding:.85rem 1.2rem}.compare-table tr:nth-child(2n) td{background:#fff}.compare-table .yes{color:var(--accent2);font-weight:600}.compare-table .no{color:#aaa}.steps{counter-reset:step;margin:2rem 0}.step-item{grid-template-columns:3.5rem 1fr;align-items:start;gap:1.5rem;margin-bottom:1.8rem;display:grid}.step-num{counter-increment:step;background:var(--accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:900;display:flex}.step-content h3{margin-top:.2rem}.step-content p{margin-bottom:0;font-size:.93rem}mark{background:var(--highlight);padding:.1em .3em;font-style:normal}.tags{border-top:1px solid var(--rule);flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding-top:2rem;display:flex}.tag{border:1px solid var(--rule);letter-spacing:.08em;text-transform:uppercase;color:var(--mid);background:#fff;padding:.3rem .8rem;font-size:.75rem;font-weight:500}footer{background:var(--ink);color:#666;text-align:center;letter-spacing:.05em;margin-top:4rem;padding:2.5rem 3rem;font-size:.8rem}footer strong{color:#ccc}@media (max-width:640px){.layout{padding:2rem 1.5rem}.header-content{padding:2rem 1.5rem 0}.header-bar{padding:1rem 1.5rem}h1{font-size:2rem}.step-item{grid-template-columns:1fr}.step-num{width:2.5rem;height:2.5rem;font-size:1.2rem}}