.guide-article{max-width:1200px;margin:0 auto;padding:0 32px}.guide-hero{padding:24px 0 0}.guide-hero-inner{background:var(--accent-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:52px 56px;position:relative;overflow:hidden}.guide-hero-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent)}.guide-hero-emoji{position:absolute;top:36px;right:48px;font-size:4rem;opacity:.12;line-height:1}.guide-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2.2rem,4vw,3rem);line-height:1.1;letter-spacing:-1.2px;margin-bottom:16px;max-width:600px}.guide-hero-sub{font-size:1.08rem;color:var(--muted);max-width:580px;line-height:1.7;margin-bottom:24px}.guide-meta{gap:24px;flex-wrap:wrap}.guide-meta,.guide-meta-item{display:flex;align-items:center}.guide-meta-item{gap:6px;font-size:.85rem;font-weight:500;color:var(--muted)}.guide-meta-item strong{color:var(--ink)}.guide-body{max-width:760px;margin:0 auto;padding:56px 0 0}.guide-body h2{font-family:"DM Serif Display",serif;font-size:1.8rem;letter-spacing:-.5px;margin-top:56px;margin-bottom:20px;line-height:1.15;color:var(--ink)}.guide-body h2:first-child{margin-top:0}.guide-body h3{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--ink);letter-spacing:-.2px}.guide-body p{font-size:1.02rem;color:var(--muted);line-height:1.8;margin-bottom:20px}.guide-body p strong{color:var(--ink);font-weight:600}.guide-body ol,.guide-body ul{margin-bottom:20px;padding-left:24px}.guide-body li{font-size:1.02rem;color:var(--muted);line-height:1.8;margin-bottom:8px}.guide-body li strong{color:var(--ink);font-weight:600}.guide-callout{border-radius:var(--radius);padding:24px 28px;margin:32px 0;border:1px solid var(--border)}.guide-callout-title{font-size:.88rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.guide-callout p{font-size:.92rem;margin-bottom:0}.guide-callout-tip{background:var(--sage-light);border-color:#d1ddd6}.guide-callout-tip .guide-callout-title{color:var(--sage)}.guide-callout-warning{background:#fef7ed;border-color:#f0dfbe}.guide-callout-warning .guide-callout-title{color:#b8860b}.guide-callout-key{background:var(--accent-light);border-color:#f0d4ca}.guide-callout-key .guide-callout-title{color:var(--accent)}.guide-example-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin:32px 0}.guide-example-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s}.guide-example-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.07)}.guide-example-icon{font-size:1.6rem;margin-bottom:12px}.guide-example-card h4{font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--ink)}.guide-example-card p{font-size:.85rem;color:var(--muted);line-height:1.6;margin-bottom:0}.guide-table-wrapper{margin:32px 0;overflow-x:auto}.guide-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:.92rem}.guide-table thead{background:var(--paper)}.guide-table th{text-align:left;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}.guide-table td,.guide-table th{padding:14px 20px;color:var(--muted);border-bottom:1px solid var(--border)}.guide-table td{line-height:1.5}.guide-table tr:last-child td{border-bottom:none}.guide-table tbody tr{background:var(--card-bg);transition:background .2s}.guide-table tbody tr:hover{background:var(--paper)}.guide-table td:first-child{font-weight:600;color:var(--ink)}.guide-steps{list-style:none;padding:0;margin:32px 0;display:flex;flex-direction:column;gap:0}.guide-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--border)}.guide-step:first-child{border-top:1px solid var(--border)}.guide-step-num{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:700;flex-shrink:0}.guide-step-content h4{font-size:1.05rem;font-weight:700;margin-bottom:6px;color:var(--ink)}.guide-step-content p{font-size:.92rem;color:var(--muted);line-height:1.7;margin-bottom:0}.guide-cta-banner{background:var(--ink);border-radius:var(--radius-lg);padding:48px;margin:48px 0;text-align:center;color:#fff;position:relative;overflow:hidden}.guide-cta-banner:after{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(196,93,62,.15);filter:blur(80px)}.guide-cta-banner h3{font-family:"DM Serif Display",serif;font-size:clamp(1.6rem,2.5vw,2rem);letter-spacing:-.5px;margin-top:0;margin-bottom:12px;color:#fff}.guide-cta-banner p{font-size:1rem;color:hsla(0,0%,100%,.6);margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto}.guide-cta-actions{display:flex;gap:14px;justify-content:center;align-items:center;position:relative;z-index:1;flex-wrap:wrap}.guide-cta-actions .btn-secondary{color:#fff;border-color:hsla(0,0%,100%,.2)}.guide-cta-actions .btn-secondary:hover{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.1)}.guide-divider{border:none;border-top:1px solid var(--border);margin:48px 0}@media (max-width:900px){.guide-hero-inner{padding:40px 28px}.guide-hero-emoji{display:none}.guide-example-grid{grid-template-columns:1fr}.guide-cta-banner{padding:36px 24px}}@media (max-width:540px){.guide-meta{flex-direction:column;gap:8px}.guide-cta-actions{flex-direction:column;align-items:stretch}.guide-step{gap:14px}}