.workflow-page{background:#f6f9fd;color:#12223c;font-family:Anuphan,system-ui,sans-serif;line-height:1.85;margin:0}.workflow-page[data-brand="web2"]{background:#f1faf7;--workflow-accent:#087669}.workflow-page{--workflow-accent:#1456df}.workflow-shell{max-width:1060px;margin:auto;padding:24px clamp(16px,4vw,40px)}.workflow-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dae4ec}.workflow-page a{color:var(--workflow-accent);text-underline-offset:4px}.workflow-brand{font-size:1.3rem;font-weight:800;text-decoration:none}.workflow-hero{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:30px;padding:28px 0}.workflow-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.45;margin:.35em 0}.workflow-hero img{width:100%;height:auto}.workflow-kicker{color:var(--workflow-accent);font-weight:700}.workflow-panel{background:white;border:1px solid #dae4ec;border-radius:20px;padding:clamp(18px,4vw,34px);margin:20px 0}.workflow-panel h2{font-size:1.5rem;line-height:1.5;margin:0 0 16px}.workflow-panel h3{font-size:1.12rem;line-height:1.55;margin:0 0 8px}.workflow-steps{list-style:none;padding:0;counter-reset:steps}.workflow-steps li{counter-increment:steps;position:relative;padding:0 0 22px 52px}.workflow-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:34px;height:34px;background:var(--workflow-accent);color:white;display:grid;place-items:center;border-radius:50%;font-weight:700}.workflow-steps p{margin:0}.workflow-tools,.workflow-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.workflow-tool,.workflow-card{display:block;padding:18px;border:1px solid #d4e0e9;border-radius:14px;background:white;text-decoration:none;overflow-wrap:anywhere}.workflow-tool:hover,.workflow-card:hover{border-color:var(--workflow-accent);background:#f6fbff}.workflow-tool strong,.workflow-card strong{display:block;margin-bottom:6px}.workflow-tool small,.workflow-card span{display:block;color:#475c70;line-height:1.7}.workflow-limits li{margin:10px 0}.workflow-footer{border-top:1px solid #d4e0e9;margin-top:32px;font-size:.9rem;color:#475c70}.workflow-home-links{max-width:1180px;margin:30px auto;padding:22px;line-height:1.8}.workflow-home-links h2{font-size:1.3rem;margin:0 0 12px}.workflow-home-links ul{display:flex;flex-wrap:wrap;gap:12px 28px;padding-left:20px}.workflow-home-links a{color:inherit;text-underline-offset:4px}.workflow-page :focus-visible{outline:3px solid #edac18;outline-offset:4px}@media(max-width:600px){.workflow-hero{grid-template-columns:1fr;gap:0}.workflow-hero img{width:130px;grid-row:1}.workflow-steps li{padding-left:44px}.workflow-nav{padding-bottom:18px}}@media(prefers-reduced-motion:reduce){.workflow-page *{scroll-behavior:auto!important}}