/* Reading surfaces use one accent. Physical drawings and real screenshots keep their own encoding. */
:root { --rq-ink:#202124; --rq-sub:#5f6368; --rq-paper:#fff; --rq-soft:#f8f9fa; --rq-line:#dadce0; --rq-accent:#185abc; }
html { -webkit-text-size-adjust:100%; scrollbar-gutter:stable; }
body { -webkit-font-smoothing:antialiased; }
body.rq-light { background:#f8f9fa; }
body.rq-dark { --rq-ink:#e8eaed; --rq-sub:#bdc1c6; --rq-paper:#17191d; --rq-soft:#202124; --rq-line:#45494f; --rq-accent:#8ab4f8; }
body.rq-dark .rq-tab:is(.active,.on,.is-active,[aria-selected=true]) { color:#8ab4f8!important; }
body .rq-surface { background:var(--rq-soft)!important; background-image:none!important; color:var(--rq-ink)!important; border-color:var(--rq-line)!important; box-shadow:none!important; }
.rq-paper { background:var(--rq-paper)!important; background-image:none!important; color:var(--rq-ink)!important; }
body .rq-header { background:transparent!important; border:0!important; border-bottom:1px solid var(--rq-line)!important; border-radius:0!important; box-shadow:none!important; }
.rq-header::before,.rq-header::after { background:none!important; }
body .rq-surface:is(.active,.on,.selected,.current) { background:#e8f0fe!important; color:#185abc!important; }
body.rq-dark .rq-surface:is(.active,.on,.selected,.current) { background:#253650!important; color:#d2e3fc!important; }
.rq-ink { color:var(--rq-ink)!important; }
.rq-muted { color:var(--rq-sub)!important; }
body .rq-readable { color:var(--rq-readable)!important; }
.rq-border { border-color:var(--rq-line)!important; }
body .rq-quiet-border { border-color:var(--rq-line)!important; box-shadow:none!important; }
body .rq-border{border-width:1px!important;border-style:solid!important}
.rq-border:not(button):not(a) { box-shadow:none!important; }
.card .subcard,.step .subcard,.card .card { box-shadow:none!important; border-color:transparent!important; background:transparent!important; }
.rq-decor { display:none!important; }
.rq-surface :is(p,strong,b,span,div,h1,h2,h3,h4,small,label):not(.rq-keep-color):not(svg *) { color:inherit; }
.rq-surface a { color:var(--rq-accent); }
.rq-surface :is(.icon,.emoji,.io-emoji,.station-icon) { display:none!important; }
.rq-warning { background:var(--rq-soft)!important; color:var(--rq-ink)!important; border:1px solid var(--rq-line)!important; }
.rq-warning :is(.wl,.w-label,.warning-label) { color:#b3261e!important; }
.rq-tab { background:transparent!important; border-radius:0!important; border:0!important; border-bottom:2px solid transparent!important; color:var(--rq-sub)!important; box-shadow:none!important; }
.rq-tab:is(.active,.on,.is-active,[aria-selected=true]) { border-bottom-color:var(--rq-accent)!important; color:#185abc!important; }
body .rq-tab.rq-readable { color:var(--rq-readable)!important; }
body .rq-tab:not(.active):not(.on):not(.is-active):not([aria-selected=true]){color:var(--rq-sub)!important;background:transparent!important}
body .rq-tab:is(.active,.on,.is-active,[aria-selected=true]){color:#185abc!important;background:transparent!important}
body.rq-dark .rq-tab:is(.active,.on,.is-active,[aria-selected=true]){color:#8ab4f8!important}
body :is(.snav-mob,.daxue-jump-mobile,.mobile-nav,.jump-sel) select { text-align:center; text-align-last:center; font-size:16px; }
body :is(h1,h2,h3,h4) { text-wrap:pretty; }
body :is(p,li,td,th) { overflow-wrap:break-word; }
body :is(.step-body,.step-desc,.pipe-desc,.tl-body) { min-width:0; }
body td code { overflow-wrap:anywhere; white-space:normal; }
body :is(a,button,input,select,summary,[tabindex]):focus-visible { outline:2px solid var(--rq-accent); outline-offset:3px; }
.rq-table-wrap { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; margin-block:16px; }
.rq-table-parent{min-width:0!important;max-width:100%}
.rq-table-wrap>table { margin-block:0!important; }
.rq-table-wrap>table.rq-wide-table { min-width:600px; table-layout:auto!important; }
.rq-table-hint { margin:0 0 8px; color:var(--rq-sub); font-size:12px; }
@media(min-width:601px) { .rq-table-hint { display:none; } }
.rq-reading-details { margin-block:16px; border-top:1px solid var(--rq-line); padding-block:12px; }
.rq-reading-details>summary { color:#185abc; cursor:pointer; font-weight:600; padding:4px 0; }
body.rq-daxue .header { box-shadow:none; border-bottom:1px solid var(--rq-line); border-radius:0; padding:20px 0; background:transparent; }
body.rq-daxue .header h1 { color:var(--rq-ink); font-size:clamp(23px,3vw,30px); line-height:1.5; }
body.rq-daxue .content { padding:28px 32px; box-shadow:none; border:1px solid #e8eaed; }
body.rq-daxue .content :is(p,li) { font-size:16px; line-height:1.85; }
body.rq-daxue .content .rq-prose { font-size:16px!important; line-height:1.85!important; }
body.rq-daxue .content h2 { color:var(--rq-ink); margin-top:36px; }
body.rq-daxue .content h3 { color:var(--rq-ink); }
body.rq-daxue .content blockquote { padding:12px 0; background:transparent; border:0; border-bottom:1px solid var(--rq-line); border-radius:0; }
body.rq-daxue .meta .chip { background:transparent!important; color:var(--rq-sub)!important; padding:2px 0; border-radius:0; }
body.rq-daxue .meta { gap:6px 16px; }
body.rq-daxue .tag { background:transparent; padding:2px 0; margin-right:12px; }
@media(max-width:600px) {
  body.rq-daxue { padding:16px 16px 56px; }
  body.rq-daxue .content { padding:20px 16px; }
  body.rq-daxue .content :is(ul,ol) { margin-left:20px; }
  .rq-table-wrap { border:1px solid var(--rq-line); border-radius:6px; }
  .rq-prose { font-size:15px!important; line-height:1.8!important; }
  body :is(.tip,.warning,.oneliner,.mh-rule,.mh-col,.insight) { font-size:15px; line-height:1.8; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  .rq-motion { animation:none!important; transition:none!important; }
}

/* Legacy instructional chrome reviewed page by page. */
.rq-legacy-bot{background:#f8f9fa!important;color:#202124;padding:28px 18px}
.rq-legacy-bot h1{text-shadow:none;font-size:clamp(25px,4vw,36px);margin-bottom:16px;line-height:1.45}
.rq-legacy-bot .subtitle{line-height:1.85;margin-bottom:24px}
.rq-legacy-bot .scene{padding:24px 20px;background:#fff!important;border:1px solid #dadce0;box-shadow:none}
.rq-legacy-bot .store{border:1px solid #dadce0!important}
.rq-legacy-bot .flow-demo{border-color:#dadce0!important}
.rq-legacy-bot .pkt-down,.rq-legacy-bot .replay-btn{background:#1a73e8}
.rq-legacy-bot .pkt-up{background:#5f6368}
body.rq-legacy-bot .pkt{color:#fff!important}
body .flow-arrow,body .ar{color:#5f6368}
body .transition .ar{color:#5f6368;animation:none}
body .phone-screen .flex-num{color:#185abc}
body .jchip.rq-readable{color:#5f6368!important;background:#fff!important;transition:border-color .15s}
body .jchip.on.rq-readable{color:#fff!important;background:#185abc!important}
/* A visible tab panel is not itself a selected control. */
body.rq-legacy-bot .scene.rq-surface.active{background:var(--rq-soft)!important;color:var(--rq-ink)!important}
body .rmx-detail .rd-tag{background:#f1f3f4!important;color:#5f6368!important}
.rq-legacy-bot .component-icon{display:none}
.rq-legacy-bot .component{align-items:flex-start}
body .rq-border::before{border-color:var(--rq-line)}
.rq-header .back-link{color:var(--rq-accent)!important}
@media(max-width:600px){
  .rq-legacy-bot .scene h2{font-size:22px;margin-bottom:20px}
  .rq-legacy-bot .component-text{font-size:15px;line-height:1.75}
  .rq-legacy-bot .component-text small{font-size:13px;line-height:1.7}
  .step-body>ul,.step-body>ol,.concept-body,.role-list li{font-size:14px!important;line-height:1.8!important}
}

.rq-table-wrap>table.rq-three-columns{min-width:480px}
body.rq-daxue :not(pre)>code{color:#3c4043!important;background:#f1f3f4!important;font-family:inherit!important;font-size:1em!important;line-height:inherit}
body.rq-daxue .content pre{background:#f8f9fa;color:#3c4043;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;padding:14px 16px;border:1px solid #e8eaed}
body.rq-daxue .content pre code{color:#3c4043!important;background:transparent!important;font:inherit!important;white-space:inherit}

.dr-open{display:block;margin:8px 0 14px auto;padding:6px 2px;font-family:inherit;font-size:13px;line-height:1.6;color:#185abc;background:transparent;border:0;border-bottom:1px solid #dadce0;border-radius:0;cursor:pointer;box-shadow:none}
.diagram-reader{--rq-ink:#202124;--rq-sub:#5f6368;--rq-soft:#f8f9fa;--rq-paper:#fff;--rq-line:#dadce0;color:#202124;background:#fff;border:1px solid #dadce0;border-radius:10px;padding:20px;width:min(1200px,94vw);height:88vh;max-width:94vw;max-height:92vh;margin:auto;overflow:hidden;box-sizing:border-box}
.diagram-reader[open]{display:flex;flex-direction:column;gap:12px}.diagram-reader::backdrop{background:#202124b3}
.diagram-reader .dr-header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;background:#fff;border:0;padding:0;margin:0;box-shadow:none}
.diagram-reader h2{font-size:20px;font-weight:500;line-height:1.5;margin:0;color:#202124}.diagram-reader .dr-description{font-size:13px;line-height:1.7;color:#5f6368;margin:5px 0 0}
.diagram-reader button{font-family:inherit;font-size:14px;min-height:40px;line-height:1.4;border:1px solid #dadce0;border-radius:5px;background:#fff;color:#185abc;padding:8px 12px;cursor:pointer;box-shadow:none;flex-shrink:0}
.diagram-reader .dr-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.diagram-reader .dr-scale{color:#5f6368;font-size:12px;margin-left:auto}
.diagram-reader .dr-work{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:0;flex:1}.diagram-reader .dr-overview{min-width:0;overflow:auto;background:#f8f9fa;padding:12px;border-radius:6px}.diagram-reader .dr-overview>p{font-size:12px;color:#5f6368;line-height:1.6;margin:0 0 12px}.diagram-reader .dr-mini{cursor:crosshair}.diagram-reader .dr-scroll{overflow:auto;min-width:0;min-height:0;background:#fff;border:1px solid #dadce0;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable}
.diagram-reader .dr-caption{font-size:12px;line-height:1.5;color:#5f6368;margin:0}.diagram-reader :focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
@media(max-width:620px){.diagram-reader{padding:14px;width:96vw;max-width:96vw;height:92dvh;max-height:94dvh;gap:10px}.diagram-reader h2{font-size:17px}.diagram-reader .dr-description{font-size:12px}.diagram-reader .dr-header{gap:8px}.diagram-reader .dr-work{grid-template-columns:1fr;grid-template-rows:120px minmax(0,1fr);gap:12px}.diagram-reader .dr-overview{display:flex;gap:12px;align-items:center;padding:8px 12px;overflow:hidden}.diagram-reader .dr-overview>p{flex:1;margin:0}.diagram-reader .dr-mini{width:150px;max-height:104px;overflow:hidden}.diagram-reader .dr-mini svg{height:104px!important;width:150px!important}.diagram-reader .dr-caption{font-size:11px}.diagram-reader button{min-height:40px;padding:8px 11px}}