/* EvoPdf Classic pages */
.next-note{margin:0 0 1.6rem;padding:.9rem 1.1rem;border:1px solid #E6F0FA;background:#F3F8FD;border-radius:12px;color:var(--ink-soft);font-size:.95rem}
.legacy-article{max-width:88ch;color:var(--ink-soft);line-height:1.65}
.legacy-article h2{font-size:1.4rem;margin:2.2rem 0 .7rem;color:var(--ink)}
.legacy-article h3{font-size:1.1rem;margin:1.6rem 0 .5rem;color:var(--ink)}
.legacy-article p{margin:0 0 1rem}
.legacy-article ul,.legacy-article ol{margin:0 0 1rem;padding-left:1.3rem}
.legacy-article li{margin:.3rem 0}
.legacy-article ul.features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem 28px;margin:.6rem 0 1.4rem}
.legacy-article ul.features li{position:relative;padding-left:1.4rem;font-size:.95rem}
.legacy-article ul.features li::before{content:"";position:absolute;left:0;top:.5em;width:.55em;height:.3em;border-left:2px solid #2E8B57;border-bottom:2px solid #2E8B57;transform:rotate(-45deg)}
.legacy-article .codecard{margin:.8rem 0 1.4rem;max-width:none}
.legacy-article .codecard pre.code{white-space:pre;overflow-x:auto;font-size:.78rem;line-height:1.5}
.legacy-article figure.shot{margin:1rem 0 1.4rem}
.legacy-article figure.shot img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
@media (max-width:720px){.legacy-article ul.features{grid-template-columns:1fr}}

/* support Q&A */
.legacy-article details.qa{border-top:1px solid var(--line);padding:.7rem 0}
.legacy-article details.qa summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.legacy-article details.qa summary::-webkit-details-marker{display:none}
.legacy-article details.qa summary::after{content:"+";color:var(--muted);font-weight:400}
.legacy-article details.qa[open] summary::after{content:"–"}
.legacy-article .qa-body{padding:.6rem 0 .2rem}
/* user guide table of contents */
.toc{margin:0 0 2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-alt)}
.toc h2{margin:0 0 .5rem;font-size:1rem}
.toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.toc li{margin:.2rem 0;font-size:.92rem;break-inside:avoid}
.legacy-article h2[id],.legacy-article h3[id]{scroll-margin-top:90px}
/* Classic product pages */
.product-badge-img{height:59px;width:auto;display:block;margin-bottom:.9rem}

.features.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem 28px;list-style:none;margin:0;padding:0}
.features.cols3 li{position:relative;padding-left:1.4rem;font-size:.95rem;color:var(--ink-soft)}
.features.cols3 li::before{content:"";position:absolute;left:0;top:.5em;width:.55em;height:.3em;border-left:2px solid #2E8B57;border-bottom:2px solid #2E8B57;transform:rotate(-45deg)}
.demo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.demo-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.55rem 0;border-top:1px solid var(--line);font-weight:600;color:var(--ink)}
.card.tool{display:block;text-decoration:none;color:var(--ink)}.card.tool:hover{border-color:var(--html)}
.card.tool h3{margin:0 0 .3rem}
@media (max-width:960px){.features.cols3{grid-template-columns:1fr 1fr}.demo-list{grid-template-columns:1fr}}
@media (max-width:640px){.features.cols3{grid-template-columns:1fr}}
.features.cols3 li a{color:var(--ink-soft);text-decoration:none}.features.cols3 li a:hover{color:var(--html-deep);text-decoration:underline}
.legacy-article{max-width:none}
.card.tool{position:relative}
.card.tool img{display:block;height:auto;margin-bottom:.5rem}
.card.tool h3 a{color:var(--ink);text-decoration:none}.card.tool h3 a:hover{color:var(--html-deep)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.detail-grid .legacy-article{max-width:none}
.detail-grid .legacy-article p{margin:0 0 1rem;font-size:1.02rem;line-height:1.7}
.card.glance{position:sticky;top:96px}
.card.glance h3{margin:0 0 .6rem}
.card.glance dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem .8rem;font-size:.9rem}
.card.glance dt{color:var(--muted);white-space:nowrap}.card.glance dd{margin:0;color:var(--ink)}
.card.glance .more{display:inline-block;margin-top:.9rem;font-weight:600;color:var(--html);text-decoration:none}
@media (max-width:960px){.detail-grid{grid-template-columns:1fr}.card.glance{position:static}}
.legacy-article.samples{margin-top:1.4rem;max-width:none}
.legacy-article.samples p{font-size:1.02rem;line-height:1.7}
.legacy-article.samples pre.code{white-space:pre-wrap;word-break:break-word}
.legacy-article > h2:first-child,.legacy-article > h3:first-child,.legacy-article > details:first-child{margin-top:0}
@media (max-width:480px){.legacy-article,.legacy-article em,.legacy-article strong,.legacy-article code{overflow-wrap:anywhere}}