.lp{max-width:780px;margin:0 auto;padding:44px 20px 80px}
.lp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px;flex-wrap:wrap;gap:12px}
.lp-logo{color:var(--accent);font-family:'Cinzel Decorative',Georgia,serif;font-size:1rem;letter-spacing:.04em;text-decoration:none}
.lp-back{display:inline-flex;align-items:center;padding:7px 16px;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-xs);font-size:.88rem;font-style:italic;text-decoration:none}
.lp-back:hover{color:var(--accent);border-color:var(--accent)}
.lp-ornament{display:flex;align-items:center;gap:14px;margin:0 0 30px}
.lp-ornament span{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-light),transparent)}
.lp-ornament em{color:var(--accent);font-size:.8rem;font-style:normal;opacity:.8}
h1{font-family:'Cinzel Decorative',Georgia,serif;color:var(--accent);font-size:1.52rem;line-height:1.32;margin-bottom:14px}
.lp-kicker{color:var(--text-dim);font-size:.84rem;font-style:italic;margin-bottom:14px}
.lp-date{color:var(--text-dim);font-size:.82rem;font-style:italic;margin:-4px 0 20px}
.lp-intro{color:var(--text-muted);font-size:1rem;font-style:italic;line-height:1.75;margin-bottom:26px}
.hero-cta{margin:0 0 44px;padding:24px 20px;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);text-align:center}
.btn-tool{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;background:var(--accent);color:var(--bg);border-radius:var(--radius-xs);font-family:'Source Serif 4',Georgia,serif;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.btn-tool:hover{opacity:.9;transform:translateY(-1px)}
.hero-sub{color:var(--text-dim);font-size:.82rem;font-style:italic;margin:10px 0 0}
.lp-section{margin-bottom:32px}
.lp-section h2,.faq-section h2{font-family:'Cinzel Decorative',Georgia,serif;color:var(--accent);font-size:.98rem;letter-spacing:.04em;margin-bottom:14px}
.lp-section h3{color:var(--accent);font-size:.94rem;margin:18px 0 8px;font-family:'Source Serif 4',Georgia,serif}
.lp-section p,.faq-section p{color:var(--text-muted);line-height:1.75;margin-bottom:12px;font-size:.95rem}
.lp-section ul,.lp-section ol{padding:0;margin:0 0 12px;list-style:none}
.lp-section li{position:relative;padding:5px 0 5px 20px;color:var(--text-muted);font-size:.95rem;line-height:1.65}
.lp-section li::before{content:'-';position:absolute;left:0;top:5px;color:var(--accent)}
.steps{counter-reset:step}
.steps li{counter-increment:step;padding-left:30px}
.steps li::before{content:counter(step);top:7px;width:18px;height:18px;border:1px solid var(--accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem}
.tip-box,.method-box{background:var(--surface);border:1px solid var(--border-light);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px;margin:14px 0 18px}
.tip-box p,.method-box p{margin:0}
.lp-related{margin:40px 0;padding-top:28px;border-top:1px solid var(--border)}
.lp-related h3{color:var(--text-dim);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.lp-related-links{display:flex;gap:10px;flex-wrap:wrap}
.lp-related-links a{display:inline-block;padding:7px 14px;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-xs);font-size:.85rem;font-style:italic;text-decoration:none}
.lp-related-links a:hover{color:var(--accent);border-color:var(--accent)}
.faq-item{border-bottom:1px solid var(--border);padding:12px 0}
.faq-item summary{color:var(--text);cursor:pointer;font-weight:600}
pre{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;margin:10px 0 14px}
code{font-family:Consolas,'Courier New',monospace;font-size:.84rem;color:var(--text)}
table.info,table.compat{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.88rem}
table.info th,table.compat th{text-align:left;color:var(--text-dim);font-weight:normal;padding:0 8px 8px;border-bottom:1px solid var(--border)}
table.info td,table.compat td{padding:9px 8px;border-bottom:1px solid var(--border);color:var(--text-muted);vertical-align:top}
table.info tr:last-child td,table.compat tr:last-child td{border-bottom:none}
.tag-yes{color:#4caf50;font-weight:600}.tag-partial{color:#ff9800;font-weight:600}.tag-no{color:#f44336;font-weight:600}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:20px}
.cp-item{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cp-item-text{font-size:1rem;color:var(--text);flex:1;word-break:break-word}.cp-item-desc{font-size:.76rem;color:var(--text-dim);margin-top:2px}
.cp-btn{padding:5px 12px;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;font-size:.78rem;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}
.cp-btn:hover{color:var(--accent);border-color:var(--accent)}.cp-btn.copied{color:#4caf50;border-color:#4caf50}
.cp-label{font-family:'Cinzel Decorative',Georgia,serif;color:var(--accent);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin:20px 0 10px}
@media(max-width:560px){h1{font-size:1.32rem}.btn-tool{width:100%;justify-content:center}table.info,table.compat{font-size:.8rem}}