/* Single-page shell only. Embedded tools and saved HTML keep their own styles. */
.se-single-page{--se-reading-width:740px;--se-single-header-height:90px}
.se-single-page .single-heading{position:relative;padding-block:28px 16px;min-width:0}
.se-single-page .single-heading::before{content:"";display:block;width:48px;height:3px;background:linear-gradient(110deg,var(--primary),var(--accent));border-radius:3px;margin-bottom:18px}
.se-single-page .single-heading h1{font-size:clamp(1.8rem,3.4vw,2.65rem);line-height:1.2;overflow-wrap:anywhere;margin-bottom:14px}
.se-single-page .single-heading .breadcrumbs{font-size:.82rem;line-height:1.6;overflow-wrap:anywhere;margin-bottom:14px}
.se-single-page .single-intro{max-width:740px;font-size:1.05rem;line-height:1.7;margin:0 0 14px}
.se-single-page .single-meta-row,.se-single-page .post-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0}
.se-single-page .single-updated,.se-single-page .post-meta-row p{font-size:.86rem;line-height:1.6;margin:0}
.se-single-page .single-meta-row:empty{display:none}
.se-single-page .single-heading :is(.tool-edit-link,.post-edit-link),.se-single-page .single-signup{min-height:44px;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);box-shadow:none;background:var(--surface);color:var(--text);border-radius:10px;justify-content:center;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.se-single-page .single-heading :is(.tool-edit-link,.post-edit-link):hover,.se-single-page .single-signup:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:var(--primary);color:var(--primary);transform:none;box-shadow:none}
.se-single-page :is(.single-heading,.single-related) a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.se-single-tool .tool-workspace{padding:8px 24px 0;width:100%;max-width:none}
.se-single-tool .tool-workspace>.tool-stage{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0;max-width:100%}
.se-single-tool .tool-details-layout{grid-template-columns:minmax(0,1fr) 280px;gap:36px;padding-block:36px 48px;align-items:start}
.se-single-tool .tool-details-main{min-width:0;overflow-wrap:anywhere}
.se-single-tool .tool-content{margin-top:0;max-width:100%;overflow-x:auto}
.se-single-tool .tool-sidebar{position:static;display:flex;flex-direction:column;gap:24px;min-width:0}
.se-single-tool .tool-sidebar.is-single-sticky{position:sticky;top:calc(var(--se-single-header-height) + 20px)}
.se-single-tool .tool-sidebar>.side-box{padding:0 0 24px;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:transparent;border-radius:0;box-shadow:none;min-width:0}
.se-single-tool .tool-sidebar h2{font-size:1.06rem;line-height:1.35;margin:0 0 12px}
.se-single-tool .tool-sidebar p{font-size:.88rem;line-height:1.7;margin:0}
.se-single-tool .single-related .mini-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;font-size:.9rem;line-height:1.5;color:var(--text);text-decoration:none;transition:color .18s ease}
.se-single-tool .single-related .mini-list a>span:not(.icon-inline):not(.single-related-arrow){min-width:0;overflow-wrap:anywhere}
.se-single-tool .single-related .mini-list a:hover{color:var(--primary)}
.se-single-tool .single-related-arrow{flex:0 0 auto;margin-inline-start:auto;color:var(--primary);transition:transform .18s ease}
.se-single-tool .single-related a:hover .single-related-arrow{transform:translateX(3px)}
.se-single-tool .single-signup{display:flex;width:100%;margin-top:14px;font-size:.88rem}
.se-single-tool .single-usage strong{color:var(--text);font-weight:650}
.se-single-page .single-ad{max-width:100%;min-width:0;overflow-x:auto;margin:0 0 28px;padding-block:12px;border-block:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.se-single-page .single-ad>.single-ad-label{font:500 .72rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--muted);margin:0 0 8px}
.se-single-page .single-ad>.ad-slot{max-width:100%;margin:0 auto;padding:0;overflow-x:auto}
.se-single-tool .tool-sidebar>.single-ad{margin:0}
.se-single-page :is(.single-post,.single-static)>.prose{min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere}
.se-single-post .single-post{max-width:1180px;padding:0 22px 48px}
.se-single-post .single-post>.single-heading{max-width:var(--se-reading-width);margin-inline:auto}
.se-single-post .single-post>.post-cover{display:block;max-width:960px;width:100%;height:auto;margin:8px auto 30px;border-radius:14px;box-shadow:none}
.se-single-post .single-post>.single-ad{margin-inline:auto}
.se-single-page :is(.single-post,.single-static)>.prose>:is(p,h2,h3,h4,h5,h6,ul,ol,blockquote,.callout,.checklist,.block-hr){max-width:var(--se-reading-width);margin-inline:auto}
.se-single-tool .tool-content>.prose>:is(p,h2,h3,h4,h5,h6,ul,ol,blockquote,.callout,.checklist,.block-hr){max-width:var(--se-reading-width)}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>p{font-size:1.03rem;line-height:1.85;margin-block:0 20px}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>h2{font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.3;margin-block:32px 16px}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>h3{font-size:clamp(1.12rem,1.8vw,1.3rem);line-height:1.4;margin-block:26px 12px}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>:is(ul,ol){padding-inline-start:24px;line-height:1.8;margin-block:16px 24px}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>:is(ul,ol)>li{margin-block:6px}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>.checklist{padding-inline-start:0}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>.block-img{max-width:960px;margin-inline:auto}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>.block-img img{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:none}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>:is(pre,.table-wrap,.rendered-code-block){max-width:100%;min-width:0;overflow-x:auto}
.se-single-page :is(.single-post,.single-static,.tool-content)>.prose>:is(h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--se-single-header-height) + 24px)}
.se-single-page .single-static{max-width:820px;padding:0 22px 48px}
.se-single-page .single-static>.single-heading{padding-bottom:18px}
@media(max-width:1024px){
 .se-single-tool .tool-details-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .se-single-tool .tool-sidebar,.se-single-tool .tool-sidebar.is-single-sticky{position:static}
 .se-single-tool .tool-sidebar{max-width:var(--se-reading-width);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .se-single-tool .single-related{grid-column:1/-1}
 .se-single-tool .tool-sidebar>.single-ad{grid-column:1/-1}
}
@media(max-width:640px){
 .se-single-page .single-heading{padding-block:20px 12px}
 .se-single-page .single-heading::before{margin-bottom:14px}
 .se-single-page .single-heading h1{font-size:clamp(1.65rem,6.6vw,2rem)}
 .se-single-page .single-intro{font-size:1rem;line-height:1.7}
 .se-single-tool .tool-hero,.se-single-page .single-post,.se-single-page .single-static{padding-inline:16px}
 .se-single-tool .tool-workspace{padding:8px 12px 0}
 .se-single-tool .tool-details-layout{padding:28px 16px 32px;gap:26px}
 .se-single-tool .tool-sidebar{grid-template-columns:minmax(0,1fr);gap:20px;max-width:100%}
 .se-single-tool .tool-sidebar>.side-box{padding-bottom:20px}
 .se-single-page .single-heading :is(.tool-edit-link,.post-edit-link){font-size:.86rem;padding:10px 14px}
 .se-single-post .single-post,.se-single-page .single-static{padding-bottom:32px}
 .se-single-post .single-post>.post-cover{border-radius:10px;margin-block:8px 22px}
 .se-single-page :is(.single-post,.single-static,.tool-content)>.prose>p{font-size:1rem;line-height:1.8}
 .se-single-page :is(.single-post,.single-static,.tool-content)>.prose>h2{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
 .se-single-page .single-heading :is(.tool-edit-link,.post-edit-link),.se-single-page .single-signup,.se-single-tool .single-related .mini-list a,.se-single-tool .single-related-arrow{transition:none}
 .se-single-tool .single-related a:hover .single-related-arrow{transform:none}
}
.se-motion-paused .single-related-arrow{transition:none;transform:none!important}