/* Approved support R2 styles, loaded only on Help, request and tutorial routes. */
.ux-main{padding-top:32px;--surface:#fff;--ux-muted:#5c6871;--ux-line:#e2e7eb}
.ux-main .r3-wrap{width:min(1200px,calc(100% - 80px))}
.ux-main h2{font-size:30px;font-weight:550;line-height:1.25;letter-spacing:-.035em}
.ux-main .ux-topics{padding:36px 0 0}.ux-main .ux-topics>h2{font-size:25px;margin-bottom:23px}
.ux-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ux-main .ux-topic{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:190px;padding:23px 22px 24px;border:1px solid var(--ux-line);border-radius:10px;background:#fff;transition:border-color .16s,transform .16s}
.ux-topic>span:first-child{display:block;color:#56646e;margin-bottom:19px}.ux-main .ux-topic h3{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.4;padding-right:10px}.ux-main .ux-topic p{font-size:13px;line-height:1.65;color:var(--ux-muted);margin-top:7px;padding-right:15px}.ux-topic .ux-chevron{position:absolute;right:17px;top:23px;color:#74818a}.ux-topic .ux-chevron svg{width:18px;height:22px}.ux-main .ux-topic:hover{border-color:#87969f;transform:translateY(-2px)}.ux-main .ux-topic:focus-visible{outline:2px solid #a62a23;outline-offset:3px;border-color:transparent}
.ux-main .faq-section{padding:72px 0 64px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px;border:0}.ux-main .faq-section .eyebrow{display:none}.ux-main .faq-section .section-text{font-size:14px;margin-top:14px}.ux-main .faq-list{border:0}.ux-main .faq-list details{border:0;border-bottom:1px solid #e9edf0;padding:0}.ux-main .faq-list details:last-child{border:0}.ux-main .faq-list summary{min-height:58px;padding:16px 0;font-size:14px;font-weight:500;gap:15px}.ux-main .faq-list details>div{padding:0 18px 17px 0;font-size:13px}.ux-main .faq-list details p{line-height:1.8}.ux-main .faq-list details a{display:inline-flex;align-items:center;min-height:44px;margin-top:5px;font-size:13px}
.ux-main .ux-contact{padding:0 0 72px}.ux-contact>p{margin-top:14px;font-size:15px}.ux-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:27px}.ux-contact-card{border:1px solid var(--ux-line);border-radius:10px;padding:29px 30px;display:flex;flex-direction:column;align-items:flex-start}.ux-kicker{display:block;font-size:10px;letter-spacing:.12em;font-weight:550;color:#66737c;margin-bottom:12px}.ux-main .ux-contact-card h3{font-weight:600;font-size:23px;letter-spacing:-.035em}.ux-main .ux-contact-card p{font-size:14px;line-height:1.75;margin:11px 0 23px;max-width:360px;flex:1}.ux-contact-card small{display:block;font-size:11px;color:#68747d;margin-top:13px}.ux-main .ux-action,.ux-dialog .ux-action{background:#23282d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 18px;border:1px solid #23282d;border-radius:8px;font:500 13px/1.5 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .16s}.ux-main .ux-action:hover,.ux-dialog .ux-action:hover{background:#414a52}.ux-action svg{width:17px;height:20px}.ux-main .ux-direct{font-size:13px;margin-top:22px}.ux-direct a,.ux-channel a{font-weight:500;text-decoration:underline;text-underline-offset:4px}
.ux-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:34px;border:1px solid #e2e7eb;border-radius:12px;background:#fff;color:#202429;font:14px/1.7 Inter,Arial,sans-serif;overflow:auto}.ux-dialog::backdrop{background:#18222d66}.ux-dialog *{box-sizing:border-box}.ux-dialog h2{font-size:27px;font-weight:550;letter-spacing:-.035em;line-height:1.25;margin:0 25px 12px 0}.ux-dialog p{color:#5c6871;margin:0}.ux-dialog svg{width:20px;height:20px;vertical-align:middle}.ux-close{position:absolute;right:13px;top:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:6px;background:#fff;cursor:pointer;color:#56646e}.ux-close:hover{background:#f6f8fa}.ux-dialog label{display:block;margin:24px 0 8px;font-weight:500}.ux-dialog select{width:100%;font:inherit;color:inherit;min-height:48px;padding:10px 35px 10px 12px;background:#fff;border:1px solid #c9d1d8;border-radius:8px}.ux-guidance{margin:23px 0}.ux-dialog h3{font-size:17px;margin:0 0 8px;font-weight:600}.ux-dialog :focus-visible{outline:2px solid #a62a23;outline-offset:3px}
.ux-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px}.ux-back svg{width:17px;height:20px}.ux-request-heading{padding:26px 0 37px;max-width:720px}.ux-main .ux-request-heading h1{font-size:48px;letter-spacing:-.045em;font-weight:550}.ux-request-heading>p{font-size:16px;line-height:1.75;margin-top:16px}.ux-request-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(220px,1fr);gap:80px;padding-bottom:70px}.ux-main .ux-form-intro{font-size:12px;margin-bottom:22px}.ux-form label{display:block;font-size:13px;font-weight:550;margin:21px 0 8px}.ux-form label span{font-weight:400;color:#657078}.ux-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ux-form input,.ux-form select,.ux-form textarea{display:block;width:100%;min-height:47px;border:1px solid #c9d1d8;border-radius:8px;font:14px/1.6 Inter,Arial,sans-serif;color:#202429;background:#fff;padding:11px 12px}.ux-form textarea{resize:vertical;overflow-wrap:anywhere}.ux-form input[aria-invalid=true],.ux-form select[aria-invalid=true],.ux-form textarea[aria-invalid=true]{border-color:#a62a23}.ux-main .ux-field-note{font-size:12px;line-height:1.7;margin-top:8px}.ux-form-actions{display:flex;align-items:center;gap:20px;margin-top:26px}.ux-form-actions>span{font-size:11px;color:#657078}.ux-errors{border:1px solid #d7a39f;border-radius:8px;padding:16px;background:#fff;margin-bottom:20px;font-size:13px}.ux-errors ul{margin:8px 0 0;padding-left:18px}.ux-errors a{text-decoration:underline}.ux-main .ux-request-aside h2{font-size:23px}.ux-request-aside{padding-top:4px}.ux-request-aside ul{margin:22px 0 0;padding:0;list-style:none}.ux-request-aside li{display:flex;gap:11px;margin-top:15px;font-size:13px;line-height:1.8;color:#5c6871}.ux-request-aside li svg{width:18px;height:20px;color:#248a54}.ux-channel{margin-top:35px;border-top:1px solid #e8ecef;padding-top:26px}.ux-main .ux-channel h3{font-size:16px;font-weight:600;margin-bottom:12px}.ux-channel>a{font-size:14px}.ux-main .ux-channel p{font-size:12px;line-height:1.8;margin-top:15px}.ux-service-links{margin-top:22px;display:grid;gap:8px}.ux-service-links a{display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:44px}.ux-service-links svg{width:16px}.ux-email-review{margin-top:34px;padding:25px;border:1px solid #c9d1d8;border-radius:10px}.ux-main .ux-email-review h2{font-size:25px;margin-bottom:12px}.ux-email-review>p{font-size:13px;line-height:1.8}.ux-email-review textarea{font-size:13px}.ux-review-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0 15px}.ux-main .ux-copy{min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.ux-main #copy-status{font-size:12px;margin-top:10px;color:#248a54}.ux-main [id]{scroll-margin-top:95px}
@media(max-width:1000px){.ux-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-main .faq-section{grid-template-columns:240px minmax(0,1fr);gap:36px}.ux-request-layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:767px){.ux-main{padding-top:20px}.ux-main .r3-wrap{width:calc(100% - 40px)}.ux-main .ux-topics{padding-top:24px}.ux-main .ux-topics>h2{font-size:23px;margin-bottom:18px}.ux-topic-grid{grid-template-columns:1fr;gap:12px}.ux-main .ux-topic{min-height:0;padding:22px 43px 22px 61px}.ux-topic>span:first-child{position:absolute;left:20px;top:23px;margin:0}.ux-topic .ux-chevron{top:24px;right:16px}.ux-main .ux-topic h3{font-size:16px}.ux-main .ux-topic p{font-size:13px;margin-top:5px;padding:0}.ux-main .faq-section{display:block;padding:48px 0}.ux-main .faq-section h2{font-size:27px}.ux-main .faq-section .section-text{margin-top:10px}.ux-main .faq-list{margin-top:20px}.ux-main .faq-list summary{font-size:13px;min-height:62px}.ux-main .ux-contact{padding-bottom:48px}.ux-main .ux-contact h2{font-size:27px}.ux-contact>p{font-size:14px;line-height:1.8}.ux-contact-grid{grid-template-columns:1fr;gap:16px;margin-top:23px}.ux-contact-card{padding:25px}.ux-main .ux-contact-card h3{font-size:23px}.ux-dialog{padding:28px 24px}.ux-dialog h2{font-size:25px}.ux-dialog select{font-size:16px}.ux-request-heading{padding:20px 0 28px}.ux-main .ux-request-heading h1{font-size:36px}.ux-request-heading>p{font-size:14px}.ux-request-layout{display:flex;flex-direction:column;gap:40px}.ux-fields{grid-template-columns:1fr;gap:0}.ux-form input,.ux-form textarea,.ux-form select{font-size:16px}.ux-form-actions{align-items:flex-start;flex-direction:column;gap:12px}.ux-email-review{padding:20px}.ux-email-review textarea{font-size:14px}.ux-main .ux-request-aside h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ux-main *,.ux-dialog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.ux-main .ux-topic:hover{transform:none}}

/* R2: match the F26 content edges at every breakpoint, without changing Header. */
.ux-main .r3-wrap{width:min(1280px,calc(100% - 80px))}.r2-eyebrow{display:block;color:#6b7982;font-size:10px;letter-spacing:.13em;margin-bottom:17px;font-weight:550}
.r2-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.r2-section-head p{font-size:14px;margin-top:12px}.ux-main .r2-videos{padding-block:58px 0}.ux-main .r2-videos h2{font-size:26px}.r2-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.r2-video-card{display:block;min-width:0;border-radius:9px}.r2-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #e4e9ed;border-radius:9px;background:#f4f6f8}.r2-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .22s}.r2-cover-unboxing img{padding:28px 30px 8px;transform:translateX(20px) scale(1.08)}.r2-cover-unboxing:before{content:'01';position:absolute;bottom:14px;left:17px;font:500 42px/1 Inter,sans-serif;color:#d1dbe1}.r2-cover-roast img{object-fit:cover}.r2-cover-cleaning img{object-fit:cover;padding:0}.r2-media-state{position:absolute;top:10px;left:10px;background:#ffffffed;border:1px solid #e4e9ed;color:#54626d;border-radius:4px;font-size:8px;letter-spacing:.06em;font-weight:600;padding:4px 6px}.r2-cover-label{position:absolute;bottom:8px;left:10px;background:#ffffffed;border-radius:3px;padding:2px 5px;font-size:7px;letter-spacing:.04em;color:#657078}.r2-video-title{display:flex;align-items:center;gap:9px;margin-top:16px}.r2-video-index{font-size:10px;color:#8a979f}.ux-main .r2-video-title h3{font-size:15px;letter-spacing:-.025em;font-weight:600;flex:1}.r2-video-title>span:last-child svg{width:16px}.ux-main .r2-video-card>p{font-size:12px;margin-top:7px;line-height:1.7}.r2-video-action{font-size:11px;display:flex;align-items:center;gap:7px;margin-top:13px;color:#52616b}.r2-video-action svg{width:14px}.r2-video-card:hover .r2-cover{border-color:#99a8b1}.r2-video-card:hover .r2-video-title h3{color:#a62a23}.r2-video-card:hover img{transform:scale(1.025)}.r2-video-card:hover .r2-cover-unboxing img{transform:translateX(20px) scale(1.11)}
.r2-detail{padding-bottom:66px}.r2-video-heading{padding:24px 0 30px;max-width:820px}.ux-main .r2-video-heading h1{font-size:43px;font-weight:550;line-height:1.13;letter-spacing:-.045em}.r2-video-heading>p{font-size:15px;line-height:1.8;margin-top:17px}.r2-video-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(250px,1fr);gap:60px}.r2-stage .r2-cover{border-radius:10px}.r2-stage .r2-media-state{font-size:10px;top:17px;left:17px}.r2-stage .r2-cover-label{font-size:9px;bottom:15px;left:17px}.r2-stage .r2-cover-unboxing img{padding:40px 60px 20px}.r2-stage .r2-cover-unboxing:before{font-size:95px;left:35px;bottom:35px}.r2-stage figcaption{padding-top:17px;display:flex;flex-direction:column;gap:6px}.r2-stage figcaption strong{font-size:14px;font-weight:550}.r2-stage figcaption>span{font-size:12px;color:#657078}.r2-chapters{padding-top:35px}.ux-main .r2-chapters h2{font-size:28px}.ux-main .r2-chapters>p{font-size:13px;line-height:1.9;margin-top:14px;max-width:650px}.r2-chapters ol{counter-reset:chapter;list-style:none;padding:0;margin:24px 0 0;display:grid;gap:24px}.r2-chapters li{position:relative;padding-left:45px;counter-increment:chapter}.r2-chapters li:before{content:counter(chapter,decimal-leading-zero);position:absolute;left:0;top:3px;color:#91a0ab;font-size:12px}.ux-main .r2-chapters h3{font-size:18px;font-weight:550}.ux-main .r2-chapters li p{font-size:14px;line-height:1.85;margin-top:8px}.ux-main .r2-video-aside h2{font-size:26px}.r2-video-aside>p{font-size:13px;line-height:1.8;margin:15px 0 23px}.r2-related{margin-top:30px}.ux-main .r2-related h3{font-size:12px;letter-spacing:0;color:#657078;margin-bottom:12px}.r2-related a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:46px;font-size:13px;border-bottom:1px solid #edf0f2}.r2-related svg{width:16px}
.r2-chat-state{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe2e7;border-radius:6px;padding:4px 8px;font-size:11px;color:#657078;margin-bottom:18px}.r2-chat-state:before{content:'';width:6px;height:6px;background:#8c99a2;border-radius:50%}.ux-dialog .ux-action{margin-top:24px}.ux-dialog .r2-chat-guide{display:flex;align-items:center;justify-content:space-between;min-height:48px;color:#4c5d69;font-size:12px;text-decoration:none}.ux-dialog>small{display:block;font-size:11px;color:#73808a;line-height:1.7;margin-top:12px}
@media(min-width:1025px) and (max-width:1190px){.ux-main .r3-wrap{width:calc(100% - 48px)}.r2-video-layout{gap:35px}}
@media(max-width:1024px){.ux-main .r3-wrap{width:calc(100% - 40px)}.r2-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.r2-video-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}}
@media(max-width:767px){.r2-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:15px}.r2-section-head{display:block;margin-bottom:20px}.ux-main .r2-videos{padding-top:42px}.r2-video-grid{grid-template-columns:1fr;gap:30px}.r2-cover{max-height:none}.ux-main .r2-video-title h3{font-size:17px}.r2-video-card>p{font-size:13px}.r2-video-action{min-height:32px;margin-top:7px;font-size:12px}.r2-media-state{font-size:9px}.r2-cover-label{font-size:8px}.r2-video-heading{padding-top:20px}.ux-main .r2-video-heading h1{font-size:34px}.r2-video-heading>p{font-size:14px}.r2-video-layout{display:flex;flex-direction:column;gap:32px}.r2-video-aside{order:0}.r2-chapters{padding-top:28px}.ux-main .r2-chapters h2{font-size:25px}.r2-chapters li{padding-left:35px}.r2-stage .r2-media-state{font-size:8px;top:10px;left:10px}.r2-stage .r2-cover-label{font-size:7px;left:10px;bottom:8px}.r2-stage .r2-cover-unboxing img{padding:25px 30px 8px}.r2-stage .r2-cover-unboxing:before{font-size:50px;bottom:20px;left:20px}}
@media(prefers-reduced-motion:reduce){.r2-video-card:hover img,.r2-video-card:hover .r2-cover-unboxing img{transform:none}}
.ux-dialog{margin:auto;inset:0}

.r2-software-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;color:#536571;font-size:12px}.r2-software-art svg{width:42px;height:42px}.r2-chapters .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.r2-chapters .text-link svg{width:16px}

/* Full-width service Hero. Text uses the unchanged F26 content grid. */
.ux-main:has(> .support-hero){padding-top:0}
.ux-main .support-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at 78% -35%,#fff 0%,#fff0 59%),linear-gradient(110deg,#f5f7f8 0%,#f1f4f6 48%,#e6ecef 100%)}
.support-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(123deg,transparent 56%,#ffffff50 56.1%,#ffffff00 75%)}
.support-hero-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.ux-main .support-hero-inner{padding-block:79px 83px}
.support-hero-copy{max-width:780px}
.support-hero .r2-eyebrow{margin-bottom:22px;color:#667781;font-size:10px;letter-spacing:.14em;font-weight:550}
.ux-main .support-hero h1{font-size:48px;line-height:1.13;letter-spacing:-.045em;font-weight:550;margin:0;color:#20262b}
.ux-main .support-hero p{max-width:590px;margin-top:22px;color:#566570;font-size:16px;line-height:1.8}
@media(max-width:1024px){.ux-main .support-hero-inner{padding-block:66px 70px}.ux-main .support-hero h1{font-size:42px}.support-hero-copy{max-width:680px}.support-hero-lines{opacity:.65}}
@media(max-width:767px){.ux-main .support-hero-inner{padding-block:43px 45px}.support-hero-copy{max-width:440px}.support-hero .r2-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:19px}.ux-main .support-hero h1{font-size:34px;line-height:1.13;max-width:340px}.ux-main .support-hero p{font-size:14px;line-height:1.75;margin-top:19px;max-width:355px}.support-hero-lines{opacity:.2}.support-hero::before{opacity:.35}.ux-main .support-hero{background:linear-gradient(115deg,#f4f6f8,#edf2f5)}}
