/* Shared visual language for public pages, workspaces and server-rendered products. */
body[data-brand][data-visual]{--ink:#202735;--muted:#667085;--border:#e3e7ee;--paper:#fff;--green:#202735;--leaf:#667085;background:#fff;color:#202735;line-height:1.75}
body[data-visual] .site-header{display:block;width:100%;max-width:none;padding:0;margin:0;box-sizing:border-box}
body[data-visual] .site-header-inner{width:100%;box-sizing:border-box}
body[data-visual] .site-footer .site-footer-inner{max-width:1240px}
body[data-visual] main{width:min(100%,1240px);max-width:1240px;margin-inline:auto;padding:0 40px 36px;min-width:0}
body[data-visual=home] main{width:auto;max-width:none;padding:0}
body[data-visual=policy] main{max-width:1080px}
body[data-visual] main h1{font-size:clamp(27px,3vw,38px);line-height:1.35;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}
body[data-visual] main :is(h2,h3){line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
body[data-visual] main :is(p,li,dd,label){overflow-wrap:anywhere}
body[data-visual] main :is(p,li,dd){color:#586579}
body[data-visual] main :is(a,button,input,select,textarea):focus-visible{outline:2px solid #315feb;outline-offset:3px}
body[data-visual] main :is(.text-link,.back-link){color:#365c9d}
body[data-visual] :is(.portal-layout,.demo-layout,.grid,.guide-grid,.cards,.agent-actions)>*{min-width:0}
body[data-visual] :is(main,dialog) :is(input,select,textarea){max-width:100%;font-family:inherit;font-size:16px;accent-color:#315feb}
body[data-visual] main button:not([class]){background:#202735;color:#fff;border:1px solid #202735;border-radius:6px;padding:10px 15px;font:inherit;font-size:14px;min-height:42px}
body[data-visual] main button:not([class]):disabled{background:#e8ecf2;color:#758196;border-color:#e8ecf2}
body[data-visual] main :is(.notice,.notice-strip,.demo-notice,.scenario-hint,.free-connection,.free-after-copy){background:#f4f7fb;border-color:#dbe2ed;color:#506078;border-radius:7px}
body[data-visual] main :is(.post-meta,.helper,.meta,.panel-desc,.sidebar-info,.free-prompt-note,.free-step-progress,.free-expected){color:#59677b}
body[data-visual] main :is(.post-status,.category,.tag){color:#50627d}
body[data-visual] main :is(pre,code){overflow-wrap:anywhere}
body[data-visual] main pre{white-space:pre-wrap;background:#f5f7fa;color:#344156;border:1px solid #e4e9f0;border-radius:7px}
body[data-visual] main table{max-width:100%;width:100%;table-layout:fixed}
body[data-visual] main :is(th,td){overflow-wrap:anywhere}
body[data-visual] main :is(section,article,fieldset,details){min-width:0}
body[data-visual] main img{max-width:100%}
body[data-visual] .page-end-note{color:#59677b;border-color:#e3e8ef}
body[data-brand][data-visual] main [data-visual-hero]{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-height:174px;padding:28px 30px!important;margin:22px 0 26px;border:1px solid #e8ecf1!important;border-radius:8px;background:#f8f9fb!important}
body[data-brand][data-visual] main [data-visual-hero]>:not(.page-hero-photo){position:relative;z-index:1;max-width:65%}
body[data-brand][data-visual] main [data-visual-hero]>h1{font-size:clamp(26px,2.8vw,36px)!important;line-height:1.4;margin:0 0 10px;max-width:70%}
body[data-brand][data-visual] main [data-visual-hero]>p{font-size:14px!important;line-height:1.8;margin:0 0 10px;color:#5a687c}
body[data-brand][data-visual] main [data-visual-hero]>.eyebrow{display:block;color:#59677b;font-size:10px!important;letter-spacing:.11em;margin-bottom:12px}
body[data-brand][data-visual] main [data-visual-hero]>.page-hero-photo{position:absolute;inset:0 0 0 auto;display:block;width:49%;max-width:none;height:100%;object-fit:cover;object-position:66% 62%;z-index:-2}
body[data-brand][data-visual] main [data-visual-hero]::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f9fb 0%,#f8f9fb 43%,#f8f9fbd9 57%,#f8f9fb00 83%);z-index:-1;pointer-events:none}
body[data-visual=workspace] main [data-visual-hero],body[data-visual=form] main [data-visual-hero],body[data-visual=policy] main [data-visual-hero]{min-height:136px;padding:22px 26px!important}
body[data-visual=workspace] main [data-visual-hero]>.page-hero-photo,body[data-visual=policy] main [data-visual-hero]>.page-hero-photo{opacity:.7}
body[data-visual] main .product-detail-photo{display:block;width:100%;height:240px;object-fit:cover;object-position:60% 65%;border-radius:8px}
body[data-visual=product] main .product{border:1px solid #e3e8ef;box-shadow:none;border-radius:9px;background:#fff;padding:24px}
body[data-visual=product] main .product .preview-cover{min-height:220px}
body[data-visual=product] main .product>div:not(.preview-cover){padding:10px 6px}
body[data-visual=product] main dl>div{border-color:#e5e9ef}
body[data-visual] .free-step-nav a[aria-current=step]{background:#24334a;color:#fff;border-color:#24334a}
body[data-visual] .free-prompt-step{background:#f7f9fc!important;border-color:#e0e6ef}
body[data-visual] .free-action-row>.btn{background:#202735!important;border-color:#202735!important}
body[data-visual] .free-action-row{background:#f7f9fc}
body[data-visual] .free-after-copy{background:#eef3fa;border-color:#cad8ed}
body[data-visual] .sidebar button[aria-pressed=true]{background:#edf2fa;color:#315feb}
body[data-visual] .agent-permission:has(input:checked){background:#f0f4fb;border-color:#6d8ed0}
body[data-visual] .agent-permission strong{color:#26364e}
body[data-visual] .policy-toc a:hover{background:#f1f5fb}
body[data-visual] .site-context{background:#f3f5f8;color:#53627a}
@media(max-width:900px){body[data-visual] main{padding-inline:24px}body[data-visual=home] main{padding-inline:0}}
@media(max-width:700px){
 body[data-visual] main{padding:0 17px 28px}body[data-visual=home] main{padding:0}
 body[data-visual] main h1{font-size:26px}body[data-visual] main h2{font-size:22px}body[data-visual] main h3{font-size:19px}
 body[data-visual] main :is(p,li,dd){font-size:14px;line-height:1.85}
 body[data-brand][data-visual] main [data-visual-hero]{min-height:0;padding:21px 20px!important;margin:16px 0 22px}
 body[data-brand][data-visual] main [data-visual-hero]>:not(.page-hero-photo),body[data-brand][data-visual] main [data-visual-hero]>h1{max-width:100%}
 body[data-brand][data-visual] main [data-visual-hero]>h1{font-size:26px!important;line-height:1.4;margin-bottom:9px}
 body[data-brand][data-visual] main [data-visual-hero]>.page-hero-photo{position:relative;inset:auto;order:10;width:calc(100% + 40px);max-width:none;height:114px;margin:15px -20px -21px;object-position:64% 62%;z-index:0}
 body[data-brand][data-visual] main [data-visual-hero]::after{display:none}
 body[data-brand][data-visual=workspace] main [data-visual-hero],body[data-brand][data-visual=form] main [data-visual-hero],body[data-brand][data-visual=policy] main [data-visual-hero]{padding:20px!important}
 body[data-brand][data-visual=workspace] main [data-visual-hero]>.page-hero-photo,body[data-brand][data-visual=form] main [data-visual-hero]>.page-hero-photo,body[data-brand][data-visual=policy] main [data-visual-hero]>.page-hero-photo{height:64px;margin-bottom:-20px;opacity:.8}
 body[data-visual=product] main .product{padding:17px;grid-template-columns:minmax(0,1fr)}
 body[data-visual=product] main .product .preview-cover{min-height:150px}
 body[data-visual] main .product-detail-photo{height:160px}
 body[data-visual] .forum-toolbar{gap:8px}body[data-visual] .forum-toolbar>input{flex:1 1 100%;min-width:0}
 body[data-visual] main :is(.catalog-search,.portal-toolbar){max-width:100%}
 body[data-visual] .sidebar{max-width:100%}
}
/* Public guidance: a consistent full-width header and named information roles. */
body[data-brand][data-visual] main [data-visual-hero]{width:100%;max-width:none;box-sizing:border-box;border-radius:12px}
body[data-brand][data-visual] main :is(.user-guide,.user-caution){padding:18px 20px;margin:18px 0;border:1px solid #dce4f0;border-left:3px solid #526f9b;border-radius:8px;background:#f4f7fb;font-size:14px;line-height:1.85;color:#45546a}
body[data-brand][data-visual] main .user-caution{border-color:#eadfcf;border-left-color:#b17e3e;background:#fcf9f3}
body[data-brand][data-visual] main :is(.user-guide,.user-caution)>strong{display:block;font-size:15px;color:#263247;margin-bottom:6px}
body[data-brand][data-visual] main :is(.user-guide,.user-caution)>p{margin:6px 0 0;font-size:14px;color:#536176}
body[data-brand][data-visual] main :is(.user-guide,.user-caution)>summary{font-weight:600;cursor:pointer;min-height:32px}
body[data-brand][data-visual] main :is(.user-guide,.user-caution) details{margin-top:12px}body[data-brand][data-visual] main :is(.user-guide,.user-caution) details summary{cursor:pointer;font-weight:600}
@media(max-width:700px){body[data-brand][data-visual] main :is(.user-guide,.user-caution){padding:16px}.user-caution,.user-guide{overflow-wrap:anywhere}}

/* Readable dialog guidance on white, including native modal top layers. */
body[data-brand] dialog :is(p,.user-guide){color:#59677b}

/* One current state, one primary next action; never style a failure as an empty list. */
body[data-brand] .ui-state{padding:22px;border:1px solid #dce3ec;background:#f8f9fb;color:#263247;max-width:100%;overflow-wrap:anywhere}
body[data-brand] .ui-state h3{font-size:19px;line-height:1.5;margin:0 0 8px;color:#263247}
body[data-brand] .ui-state p{font-size:14px;line-height:1.85;margin:0 0 16px;color:#536174}
body[data-brand] .ui-state p:last-child{margin-bottom:0}
body[data-brand] :is(.grid,#home-product-list,#market-list)>.ui-state{grid-column:1/-1}
body[data-brand] .ui-state .btn{min-height:44px;white-space:normal;max-width:100%;text-align:center}
body[data-brand] .ui-state[data-ui-state=error],body[data-brand] .ui-state[data-ui-state=permission]{border-left:3px solid #97602a}
body[data-brand] .ui-state[data-ui-state=loading]{border-left:3px solid #315feb}
@media(max-width:700px){body[data-brand] .ui-state{padding:18px}body[data-brand] .ui-state h3{font-size:18px}}