/* Editorial content is below execution controls and remains server-rendered. */
.site-breadcrumb { margin-bottom: 24px; color: #7e8ca3; font-size: 12px; }
.site-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; list-style: none; padding: 0; margin: 0; }
.site-breadcrumb li { display: inline-flex; align-items: center; gap: 10px; }
.site-breadcrumb li:not(:first-child)::before { content: '/'; color: #b1bdcf; }
.site-breadcrumb a { color: #4867c4; }
.tool-guide { margin-top: 65px; padding-top: 35px; border-top: 1px solid #dfe6f1; color: #50617e; }
.tool-guide h2,.site-editorial h2 { color: #172442; font-size: 25px; line-height: 1.5; font-weight: 700; letter-spacing: -.025em; }
.tool-guide h3,.site-editorial h3 { color: #273a5b; margin: 28px 0 12px; font-size: 17px; line-height: 1.6; font-weight: 650; }
.tool-guide h4 { font-size: 12px; color: #8390a6; margin-bottom: 11px; font-weight: 600; }
.guide-intro,.site-editorial p { max-width: 940px; font-size: 14px; line-height: 1.95; margin-top: 16px; color: #75829b; }
.guide-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 35px; }
.tool-guide ul,.tool-guide ol { margin: 0; padding-left: 22px; font-size: 13px; line-height: 1.9; }
.tool-guide ul { list-style: disc; }.tool-guide ol { list-style: decimal; }
.tool-guide li { margin: 8px 0; }
.guide-example pre { padding: 20px; border: 1px solid #e0e6f1; border-radius: 10px; background: #fff; color: #455b7c; font: 12px/1.9 ui-monospace,Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.guide-faq details { border-bottom: 1px solid #e0e6f1; }
.guide-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; list-style: none; padding: 18px 0; cursor: pointer; color: #546783; font-size: 13px; }
.guide-faq summary::-webkit-details-marker { display: none; }.guide-faq summary::marker { content: ''; }
.guide-faq summary span { color: #7f96c3; font-size: 20px; }.guide-faq details[open] summary span { transform: rotate(45deg); }
.guide-faq p { font-size: 13px; line-height: 1.9; color: #8491a8; padding-bottom: 20px; max-width: 940px; }
.guide-related > div { display: flex; flex-wrap: wrap; gap: 12px; }
.guide-related a { display: inline-flex; align-items: center; gap: 20px; padding: 13px 17px; background: #fff; border: 1px solid #dfe6f3; border-radius: 9px; color: #4667c8; font-size: 13px; }
.tool-guide a:focus-visible,.tool-guide summary:focus-visible,.site-breadcrumb a:focus-visible { outline: 3px solid #b7cbff; outline-offset: 4px; }
.site-editorial { margin-top: 55px; padding-top: 33px; border-top: 1px solid #e1e7f2; }
.marketing-home .home-editorial { margin-top: 0; padding-block: 60px; border-top: 0; }
@media(max-width:767px){.guide-grid{grid-template-columns:1fr;gap:12px}.tool-guide{margin-top:45px}.tool-guide h2,.site-editorial h2{font-size:22px}.guide-example pre{font-size:11px;padding:16px}.guide-related a{width:100%;justify-content:space-between}.site-breadcrumb{font-size:11px}}