/* New SEO Editor — premium, responsive, isolated frontend block styles.
   Scoped under .ch-ai-article so existing blog HTML is never affected. */

.ch-ai-article{--chb-line:#e5e7eb;--chb-soft:#f6f8fa;--chb-ink:#1f2328;--chb-mut:#57606a;--chb-accent:#0969da;--chb-green:#1a7f37;--chb-red:#cf222e;color:var(--chb-ink);font-size:16px;line-height:1.7}
.ch-ai-article .ch-ai-blk{margin:22px 0}
.ch-ai-article .ch-ai-blk-main>*:first-child{margin-top:0}
.ch-ai-article .ch-ai-blk-main h2{font-size:1.5em;margin:1.2em 0 .5em}
.ch-ai-article .ch-ai-blk-main h3{font-size:1.25em;margin:1.1em 0 .4em}
.ch-ai-article .ch-ai-blk-main img{max-width:100%;height:auto;border-radius:10px}
.ch-ai-article .ch-ai-blk-main a{color:var(--chb-accent);text-decoration:underline}

/* Table */
.ch-ai-blk-table .ch-ai-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--chb-line);border-radius:12px}
.ch-ai-blk-table table{width:100%;border-collapse:collapse;min-width:480px;font-size:.95em}
.ch-ai-blk-table thead th{background:var(--chb-soft);text-align:left;font-weight:700;padding:12px 14px;border-bottom:2px solid var(--chb-line);white-space:nowrap}
.ch-ai-blk-table td{padding:11px 14px;border-bottom:1px solid var(--chb-line);vertical-align:top}
.ch-ai-blk-table tbody tr:last-child td{border-bottom:0}
.ch-ai-blk-table tbody tr:nth-child(even){background:#fafbfc}

/* FAQ accordion */
.ch-ai-blk-faq .ch-ai-faq-item{border:1px solid var(--chb-line);border-radius:12px;margin:10px 0;overflow:hidden;background:#fff}
.ch-ai-blk-faq summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ch-ai-blk-faq summary::-webkit-details-marker{display:none}
.ch-ai-blk-faq summary::after{content:"+";font-size:1.3em;color:var(--chb-accent);transition:transform .2s}
.ch-ai-blk-faq details[open] summary::after{content:"\2212"}
.ch-ai-blk-faq .ch-ai-faq-a{padding:0 18px 16px;color:var(--chb-mut)}

/* Pros / Cons */
.ch-ai-blk-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ch-ai-blk-proscons>div{border:1px solid var(--chb-line);border-radius:14px;padding:16px 18px;background:#fff}
.ch-ai-blk-proscons .ch-ai-pros{border-top:4px solid var(--chb-green)}
.ch-ai-blk-proscons .ch-ai-cons{border-top:4px solid var(--chb-red)}
.ch-ai-blk-proscons h4{margin:0 0 8px;font-size:1.05em}
.ch-ai-blk-proscons ul{margin:0;padding-left:0;list-style:none}
.ch-ai-blk-proscons li{position:relative;padding:5px 0 5px 26px}
.ch-ai-blk-proscons .ch-ai-pros li::before{content:"\2713";position:absolute;left:0;color:var(--chb-green);font-weight:700}
.ch-ai-blk-proscons .ch-ai-cons li::before{content:"\2715";position:absolute;left:0;color:var(--chb-red);font-weight:700}
@media(max-width:640px){.ch-ai-blk-proscons{grid-template-columns:1fr}}

/* Quote */
.ch-ai-blk-quote{margin:24px 0;padding:22px 26px;border-left:5px solid var(--chb-accent);background:var(--chb-soft);border-radius:0 14px 14px 0}
.ch-ai-blk-quote blockquote{margin:0;font-size:1.2em;font-style:italic;line-height:1.6}
.ch-ai-blk-quote cite{display:block;margin-top:10px;font-style:normal;font-weight:600;color:var(--chb-mut)}
.ch-ai-blk-quote cite::before{content:"\2014 "}

/* Gallery */
.ch-ai-blk-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ch-ai-blk-gallery .ch-ai-gallery-item{display:block;border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:var(--chb-soft)}
.ch-ai-blk-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ch-ai-blk-gallery .ch-ai-gallery-item:hover img{transform:scale(1.05)}

/* Map */
.ch-ai-blk-map{border:1px solid var(--chb-line);border-radius:14px;overflow:hidden;background:#fff}
.ch-ai-blk-map .ch-ai-map-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;gap:12px}
.ch-ai-blk-map .ch-ai-map-open{font-size:.85em;font-weight:600;color:var(--chb-accent);text-decoration:none;white-space:nowrap}
.ch-ai-blk-map .ch-ai-map-frame{position:relative;width:100%;aspect-ratio:16/9;background:var(--chb-soft)}
.ch-ai-blk-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* YouTube */
.ch-ai-blk-youtube{border-radius:14px;overflow:hidden}
.ch-ai-blk-youtube .ch-ai-yt-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.ch-ai-blk-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ch-ai-blk-youtube .ch-ai-yt-title{margin-top:8px;font-weight:600;color:var(--chb-mut);font-size:.95em}

/* External links */
.ch-ai-blk-links{border:1px solid var(--chb-line);border-radius:14px;padding:8px 6px;background:#fff}
.ch-ai-blk-links ul{margin:0;padding:0;list-style:none}
.ch-ai-blk-links li{border-bottom:1px solid var(--chb-line)}
.ch-ai-blk-links li:last-child{border-bottom:0}
.ch-ai-blk-links a{display:block;padding:13px 16px;color:var(--chb-accent);text-decoration:none;font-weight:600}
.ch-ai-blk-links a:hover{background:var(--chb-soft)}
.ch-ai-blk-links a::after{content:"\2197";float:right;opacity:.6}