/* Workflow page: DOM order is also the visual and keyboard reading order. */
body.workflow-quick-page main > * { order: 0 !important; }
.workflow-quick-page main > [id] { scroll-margin-top: 28px; }
.workflow-quick-page .detail-heading { align-items: start; }
.workflow-quick-page .detail-heading p { max-width: 44em; }
.workflow-quick-page .detail-section { padding-block: clamp(48px,6vw,80px); }
.workflow-page-nav { background: #121e2b; border-block: 1px solid #304052; }
.workflow-page-nav .wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:560px; margin-inline:auto; }
.workflow-page-nav a { display:flex; align-items:center; justify-content:center; gap:12px; padding:24px 16px; color:#eef3f8; font-weight:700; font-size:14px; border-right:1px solid #304052; }
.workflow-page-nav a:last-child { border-right:0; }
.workflow-page-nav small { color:#75b7e8; font-size:12px; }
.workflow-page-nav a > span { margin-left:8px; color:#75b7e8; }
.workflow-page-nav a:hover { background:#192a3d; }
.workflow-quick-page main a:focus-visible { outline:2px solid #75b7e8; outline-offset:4px; }
.workflow-quick-page .workflow-overview-figure { max-width:900px; margin:36px auto 0; border:1px solid #304052; border-radius:6px; overflow:hidden; }
.workflow-quick-page .workflow-overview-figure figcaption { padding:16px 20px; background:#121e2b; }
.workflow-quick-page .workflow-industry-links { gap:16px; background:transparent; }
.workflow-quick-page .workflow-industry-links a { border:1px solid #304052; border-radius:5px; }
.workflow-quick-page .workflow-price-grid { gap:16px; border:0; margin-top:32px; }
.workflow-quick-page .workflow-price-grid article { display:flex; flex-direction:column; min-height:210px; padding:26px 20px; border:1px solid #304052; border-top:3px solid #75b7e8; border-radius:5px; }
.workflow-quick-page .workflow-price-grid p { margin-bottom:18px; color:#d0dae5; }
.workflow-quick-page .workflow-price-grid strong { color:#f4f5f7; font-size:clamp(24px,2.3vw,31px); }
.workflow-quick-page .workflow-price-grid span { color:#b6c2d0; margin-top:20px; }
.workflow-start-note { padding:24px; margin-top:24px; background:#121e2b; border-left:3px solid #75b7e8; }
.workflow-start-note strong { color:#eaf3fb; font-size:16px; }
.workflow-start-note p { color:#b6c2d0; font-size:14px; line-height:1.9; margin:12px 0 0; }
.workflow-next { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; margin-top:28px; padding-top:22px; border-top:1px solid #304052; }
.workflow-next a { color:#a9d4f4; text-decoration:underline; text-underline-offset:5px; line-height:1.8; }
.workflow-quick-page #scope .detail-list { counter-reset:workflow-step; margin-top:28px; }
.workflow-quick-page #scope .detail-list > li { display:grid; grid-template-columns:36px 190px minmax(0,1fr); align-items:start; gap:20px; padding:22px 0; counter-increment:workflow-step; }
.workflow-quick-page #scope .detail-list > li::before { content:counter(workflow-step,decimal-leading-zero); position:static; color:#75b7e8; font-size:20px; font-weight:700; line-height:1.7; }
.workflow-quick-page #workflow-faq .detail-faq { margin-top:28px; }
@media(max-width:1000px) {
 .workflow-page-nav a { padding:20px 12px; gap:8px; font-size:12px; }
 .workflow-quick-page .workflow-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .workflow-page-nav .wrap { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .workflow-page-nav a { padding:18px 8px; font-size:12px; }
 .workflow-page-nav a:nth-child(2) { border-right:0; }

 .workflow-quick-page .workflow-price-grid { grid-template-columns:1fr; }
 .workflow-quick-page .workflow-price-grid article { min-height:0; padding:24px; }
 .workflow-quick-page .workflow-price-grid strong { font-size:32px; }
 .workflow-quick-page .workflow-industry-links { gap:12px; }
 .workflow-start-note { padding:20px; }
 .workflow-quick-page .workflow-overview-figure figcaption { padding:12px; }


}

body.workflow-quick-page main#main > * { order:0 !important; }


.workflow-quick-page #scope .detail-list > li > strong { grid-column:2; margin:0; font-size:19px; line-height:1.8; }
.workflow-quick-page #scope .detail-list > li > span { grid-column:3; min-width:0; font-size:15px; line-height:1.9; }
@media(max-width:700px) {
 .workflow-quick-page #scope .detail-list > li { grid-template-columns:30px minmax(0,1fr); gap:6px 14px; padding:20px 0; }
 .workflow-quick-page #scope .detail-list > li::before { grid-column:1; grid-row:1; font-size:18px; }
 .workflow-quick-page #scope .detail-list > li > strong { grid-column:2; grid-row:1; font-size:18px; }
 .workflow-quick-page #scope .detail-list > li > span { grid-column:2; grid-row:2; font-size:14px; }
}