/* Shared presentation for the catalog diagnostics workflow. Existing tools retain their forms and routes. */
.editor-experience .merchant-change{overflow-wrap:anywhere}
.editor-experience .site-nav .logo{display:block}
.editor-experience{--experience-ink:#12243a;--experience-blue:#1e40af;--experience-line:#dbe4ef;color:var(--experience-ink)}
.editor-experience h1,.editor-experience h2,.editor-experience h3{letter-spacing:-.025em;line-height:1.25}.editor-experience a,.editor-experience button,.editor-experience summary{cursor:pointer}.editor-experience a:focus-visible,.editor-experience button:focus-visible,.editor-experience input:focus-visible,.editor-experience textarea:focus-visible,.editor-experience select:focus-visible,.editor-experience summary:focus-visible,.experience-table-scroll:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.editor-experience button:disabled{cursor:not-allowed}
.editor-experience main{min-height:55vh}.editor-experience main>*{min-width:0}.editor-experience main :is(.card,.panel,.admin-main,.admin-content){min-width:0}.editor-experience main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%}.editor-experience pre,.editor-experience dd{overflow-wrap:anywhere;word-break:break-word}.editor-experience pre{white-space:pre-wrap}.editor-experience img{max-width:100%;height:auto}.brand-dot{color:#0f766e}.editor-experience .site-nav .logo{font-size:1.45rem;font-weight:800;letter-spacing:-.05em}.editor-experience .site-nav{z-index:1000}.editor-experience .site-nav .nav-links{gap:16px}.nav-group{position:relative}.nav-group summary{font-size:.9rem;font-weight:600;list-style:none;padding:8px 0}.nav-group summary:after{content:' +';color:#64748b}.nav-group[open] summary:after{content:' −'}.nav-group>div{display:grid;gap:6px;background:#fff;border:1px solid var(--experience-line);border-radius:12px;padding:14px;min-width:230px}.nav-group>div>a{padding:7px 8px!important;white-space:normal}.nav-group form{margin:8px 0 0}.nav-group form button{width:100%}.editor-experience [aria-current=page]{color:#1e40af;font-weight:700}.skip-link{position:fixed;top:-100px;left:16px;padding:10px 16px;background:#fff;z-index:10000}.skip-link:focus{top:12px}.project-context{border-bottom:1px solid var(--experience-line);background:#fff}.project-context>div{max-width:1280px;margin:auto;padding:12px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px}.project-context a{font-size:.84rem;text-decoration:none;color:#475569}.project-context a:first-child{font-weight:700;color:#12243a}.project-context a:hover{text-decoration:underline}.experience-page{max-width:1180px;margin:0 auto;padding:40px 24px 64px}.experience-header{padding:14px 0 32px;max-width:850px}.experience-header h1{font-size:clamp(1.9rem,3.8vw,2.8rem);margin:10px 0 16px}.experience-header p,.hero-lead{font-size:1.12rem;line-height:1.8;color:#526173}.eyebrow{font-size:.75rem!important;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:#1e40af!important;margin:0 0 10px!important}.experience-card{padding:26px;background:#fff;border:1px solid var(--experience-line);border-radius:16px;margin-bottom:22px;min-width:0}.experience-card h2{font-size:1.45rem;margin:0 0 14px}.experience-card h3{font-size:1.05rem;margin:0 0 10px}.experience-card p{color:#526173;line-height:1.8;margin:10px 0}.experience-card ul,.experience-card ol{padding-left:22px}.experience-card li{margin:9px 0;color:#475569}.experience-card a{color:#1e40af}.experience-grid,.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.experience-grid>.experience-card{margin:0}.experience-grid>article{min-width:0}.experience-list{display:grid;gap:16px}.experience-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.experience-actions a{text-decoration:none}.experience-note{font-size:.85rem;color:#64748b;max-width:64ch;line-height:1.7}.experience-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding:34px 0 50px}.experience-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:16px 0 24px}.experience-hero h1 span{color:#1e40af}.hero-lead{max-width:47ch}.process-preview{box-shadow:0 12px 38px #142d4d0a;margin:0}.process-preview ol{list-style:none;padding:0;counter-reset:step}.process-preview li{position:relative;padding:0 0 20px 42px;margin:14px 0;counter-increment:step;border-bottom:1px solid #edf2f7}.process-preview li:last-child{border:0;padding-bottom:0}.process-preview li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;background:#e8efff;color:#1e40af;font-weight:750;border-radius:8px}.process-preview strong,.process-preview span{display:block}.process-preview strong{color:#12243a}.process-preview span{font-size:.86rem;margin-top:5px}.experience-section{padding:24px 0 32px}.experience-section>h2{font-size:1.9rem;max-width:730px}.capability-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:3px solid #1e40af}.experience-cta{padding:36px;background:#edf4ff;border:1px solid #d4e3fb;border-radius:16px;margin:32px 0}.experience-cta p{margin:16px 0;max-width:80ch;color:#475569}.experience-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;text-align:left}.experience-footer-grid strong{display:block;margin-bottom:12px;color:inherit}.experience-footer-grid a{display:block;color:inherit;opacity:.85;font-size:.84rem;margin:8px 0;text-decoration:none}.experience-footer-grid a:hover{opacity:1;text-decoration:underline}.experience-footer-grid p{font-size:.85rem;opacity:.8;max-width:25ch}.experience-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}.experience-table-scroll table{min-width:620px;width:100%}.sidebar-tools{margin:6px 0}.sidebar-tools summary{padding:10px 14px;font-size:.8rem;color:#526173}.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.outcome-grid article{background:#f8fafc;border:1px solid var(--experience-line);border-radius:10px;padding:16px}.outcome-grid h3{font-size:1rem}.outcome-panel button{margin:6px 10px 6px 0}.outcome-status{padding:14px;border-left:3px solid #1e40af;background:#eff6ff}.outcome-panel details{margin:14px 0}.outcome-panel summary{font-weight:650}.editor-experience .admin-page-title{font-size:1.8rem}.editor-experience .admin-page-subtitle{max-width:85ch}.project-actions-secondary{margin-top:16px}.project-actions-secondary summary{font-weight:650;padding:10px 0}
@media(min-width:1001px){.editor-experience .nav-toggle{display:none!important}.editor-experience .site-nav .nav-links{display:flex!important}.nav-group>div{position:absolute;right:0;top:42px;box-shadow:0 12px 32px #1020331a}.nav-group:not([open])>div{display:none}}
@media(max-width:1000px){.editor-experience .nav-toggle{display:block!important;position:relative;z-index:1003}.editor-experience .site-nav .nav-links:not(.is-open){display:none!important}.editor-experience .site-nav .nav-links.is-open{display:flex!important;position:fixed;left:16px;right:16px;top:74px;max-height:calc(100dvh - 100px);overflow-y:auto;flex-direction:column;align-items:stretch;background:#fff;padding:20px;border:1px solid #dbe4ef;border-radius:12px;z-index:1002;width:auto}.nav-group>div{position:static;box-shadow:none;min-width:0}.nav-group:not([open])>div{display:none}.editor-experience .nav-mobile-overlay.is-open{position:fixed;inset:0;z-index:1001;background:#10203355;display:block}.experience-hero{gap:24px}.experience-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.experience-hero,.capability-split{grid-template-columns:1fr}.experience-grid,.outcome-grid{grid-template-columns:1fr 1fr}.experience-page{padding:26px 18px 42px}.experience-hero{padding:10px 0 28px}.project-context>div{padding:12px 18px;gap:10px 14px}.experience-header{padding-bottom:20px}.experience-card{padding:20px}.experience-cta{padding:24px}}
@media(max-width:480px){.experience-grid,.outcome-grid,.experience-footer-grid{grid-template-columns:1fr}.experience-page{padding-left:14px;padding-right:14px}.experience-actions>.btn{width:100%;text-align:center}.experience-hero h1{font-size:2.05rem}.experience-table-scroll table{min-width:560px}.project-context>div>a:first-child{flex-basis:100%}.experience-footer-grid{gap:22px}.editor-experience .container{padding-left:14px;padding-right:14px}.outcome-panel .diff{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.editor-experience *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
