/* Only the manual: no selectors or tokens alter the surrounding XRI modules. */
.xri-guide { --guide-ink:#243b40; --guide-muted:#556970; --guide-line:#dce6e5; --guide-accent:#246b69; --guide-soft:#edf6f3; --guide-paper:#fff; }
.xri-guide .xri-guide-layout { align-items:start; }
.xri-guide [data-guide-content] { min-width:0; }
.xri-guide .xri-guide-task-picker { margin:26px 0; }
.xri-guide .xri-guide-task-picker h3 { font-size:14px; color:var(--guide-muted); margin:0 0 12px; }
.xri-guide .xri-guide-task-picker > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.xri-guide .xri-guide-task-picker button { display:flex; gap:12px; align-items:center; text-align:left; padding:15px 16px; background:var(--guide-paper); border:1px solid var(--guide-line); border-radius:13px; color:var(--guide-ink); font:inherit; line-height:1.4; cursor:pointer; }
.xri-guide .xri-guide-task-picker button small { color:var(--guide-accent); font-size:11px; letter-spacing:.07em; }
.xri-guide .xri-guide-task-picker button span { flex:1; font-weight:600; }
.xri-guide .xri-guide-task-picker button svg { width:17px; height:17px; flex:none; }
.xri-guide .xri-guide-task-picker button[aria-pressed=true] { background:var(--guide-soft); border-color:var(--guide-accent); box-shadow:inset 3px 0 var(--guide-accent); }
.xri-guide .xri-guide-task-intro { border:1px solid var(--guide-line); border-radius:18px; padding:28px; background:var(--guide-paper); }
.xri-guide .xri-guide-task-intro h3 { font-size:25px; line-height:1.3; margin:9px 0 14px; color:var(--guide-ink); }
.xri-guide .xri-guide-task-intro p,.xri-guide .xri-guide-task-intro li { color:var(--guide-muted); line-height:1.8; }
.xri-guide .xri-guide-task-intro li + li { margin-top:8px; }
.xri-guide .xri-guide-task-intro h4 { font-size:14px; margin:24px 0 8px; }
.xri-guide .xri-guide-route { border-block:1px solid var(--guide-line); padding:15px 0; margin-top:20px; display:grid; gap:6px; color:var(--guide-ink); line-height:1.6; }
.xri-guide .xri-guide-route strong { color:var(--guide-accent); font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.xri-guide .xri-guide-step-index { display:flex; flex-wrap:wrap; gap:8px; padding:20px 0; }
.xri-guide .xri-guide-step-index button { display:flex; gap:7px; align-items:center; background:transparent; border:1px solid var(--guide-line); border-radius:99px; padding:7px 11px; color:var(--guide-muted); font:inherit; font-size:11px; cursor:pointer; text-align:left; }
.xri-guide .xri-guide-step-index span { color:var(--guide-accent); font-weight:700; }
.xri-guide .xri-guide-procedure { list-style:none; padding:0; margin:0; display:grid; gap:18px; }
.xri-guide .xri-guide-procedure > li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:18px; padding:26px; border:1px solid var(--guide-line); border-radius:18px; background:var(--guide-paper); scroll-margin-top:28px; }
.xri-guide .xri-guide-step-number { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--guide-soft); color:var(--guide-accent); font-size:14px; font-weight:700; }
.xri-guide .xri-guide-step-copy h4 { font-size:19px; line-height:1.5; color:var(--guide-ink); margin:3px 0 14px; }
.xri-guide .xri-guide-step-copy p { color:var(--guide-muted); line-height:1.85; margin:10px 0; }
.xri-guide .xri-guide-step-copy .xri-guide-do { color:var(--guide-ink); }
.xri-guide .xri-guide-step-copy strong { color:var(--guide-ink); font-weight:700; }
.xri-guide .xri-guide-expect { margin-top:18px; padding:15px 18px; border-left:3px solid var(--guide-accent); background:var(--guide-soft); border-radius:0 10px 10px 0; }
.xri-guide .xri-guide-expect > strong { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--guide-accent); }
.xri-guide .xri-guide-expect p { margin:7px 0 0; }
.xri-guide .xri-guide-field-help,.xri-guide .xri-guide-step-figure { border-top:1px solid var(--guide-line); margin-top:20px; }
.xri-guide .xri-guide-field-help summary,.xri-guide .xri-guide-step-figure summary { padding:15px 0; color:var(--guide-accent); font-weight:600; cursor:pointer; font-size:13px; }
.xri-guide .xri-guide-field-help dl { margin:0; }
.xri-guide .xri-guide-field-help dl > div { padding:12px 0; border-top:1px solid var(--guide-line); }
.xri-guide .xri-guide-field-help dt { font-weight:700; color:var(--guide-ink); }
.xri-guide .xri-guide-field-help dd { margin:6px 0 0; line-height:1.75; color:var(--guide-muted); }
.xri-guide .xri-guide-task-done,.xri-guide .xri-guide-task-problems,.xri-guide .xri-guide-reference { margin-top:24px; padding:25px; border:1px solid var(--guide-line); border-radius:18px; background:var(--guide-paper); }
.xri-guide .xri-guide-task-done { background:var(--guide-soft); }
.xri-guide .xri-guide-task-done h3,.xri-guide .xri-guide-task-problems h3 { margin:0 0 14px; font-size:20px; color:var(--guide-ink); }
.xri-guide .xri-guide-task-done p,.xri-guide .xri-guide-task-problems p { color:var(--guide-muted); line-height:1.8; }
.xri-guide .xri-guide-task-problems details { border-top:1px solid var(--guide-line); padding:14px 0; }
.xri-guide .xri-guide-task-problems summary,.xri-guide .xri-guide-reference > summary { color:var(--guide-ink); font-weight:600; line-height:1.6; cursor:pointer; }
.xri-guide .xri-guide-reference .xri-guide-section-card { box-shadow:none; margin-top:18px; }
.xri-guide .xri-guide-figure { margin:12px 0; min-width:0; }
.xri-guide .xri-guide-figure-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; color:var(--guide-ink); }
.xri-guide .xri-guide-figure-heading button,.xri-guide .xri-guide-image-dialog-bar button { border:1px solid var(--guide-line); border-radius:8px; background:var(--guide-paper); color:var(--guide-accent); padding:8px 12px; cursor:pointer; }
.xri-guide .xri-guide-image-frame { position:relative; border:1px solid var(--guide-line); border-radius:12px; overflow:hidden; background:#f8f9fb; }
.xri-guide .xri-guide-image-frame img { display:block; width:100%; height:auto; }
.xri-guide .xri-guide-marker { position:absolute; transform:translate(-50%,-50%); width:29px; height:29px; border-radius:50%; background:#165e60; border:2px solid #fff; box-shadow:0 2px 8px #142f3c40; color:#fff; font-size:12px; font-weight:700; cursor:pointer; }
.xri-guide .xri-guide-marker:hover { background:#103c3e; }
.xri-guide .xri-guide-figure figcaption { font-size:11px; line-height:1.7; margin:9px 0; color:var(--guide-muted); }
.xri-guide .xri-guide-figure-legend { list-style:none; padding:0; display:grid; gap:9px; }
.xri-guide .xri-guide-figure-legend li { padding:13px; border:1px solid var(--guide-line); border-radius:10px; }
.xri-guide .xri-guide-figure-legend li:focus { outline:2px solid var(--guide-accent); outline-offset:2px; }
.xri-guide .xri-guide-figure-legend strong { display:flex; gap:9px; align-items:center; color:var(--guide-ink); font-size:13px; }
.xri-guide .xri-guide-figure-legend strong span { background:var(--guide-soft); border-radius:50%; display:grid; place-items:center; width:24px; height:24px; flex:none; color:var(--guide-accent); }
.xri-guide .xri-guide-figure-legend p { font-size:12px; line-height:1.75; margin:7px 0 0; }
.xri-guide .xri-guide-image-dialog { width:min(1200px,94vw); max-height:92vh; border:1px solid var(--guide-line); border-radius:20px; padding:22px; background:var(--guide-paper); color:var(--guide-ink); }
.xri-guide .xri-guide-image-dialog::backdrop { background:#152d3c99; backdrop-filter:blur(5px); }
.xri-guide .xri-guide-image-dialog-bar { display:flex; justify-content:space-between; align-items:center; position:sticky; top:-22px; background:var(--guide-paper); padding:12px 0; z-index:2; }
/* Override the older manual's generic article/nav rules only in these new
   procedure components, so step shortcuts are not full-width sidebar rows. */
#xriUserGuideSection .xri-guide-task-intro h3 { display:block; font-size:24px; line-height:1.35; margin:9px 0 14px; }
#xriUserGuideSection .xri-guide-task-done h3,#xriUserGuideSection .xri-guide-task-problems h3 { font-size:20px; }
#xriUserGuideSection .xri-guide-step-copy p,#xriUserGuideSection .xri-guide-task-intro p { font-size:14px; }
#xriUserGuideSection .xri-guide-step-index { max-height:none; overflow:visible; display:flex; flex-wrap:wrap; }
#xriUserGuideSection .xri-guide-step-index button { width:auto; justify-content:flex-start; }
#xriUserGuideSection .xri-guide-figure-heading { flex-wrap:wrap; }
html[data-workspace-mode=dark] .xri-guide { --guide-ink:#e6f0f1; --guide-muted:#b3c5c9; --guide-line:#344b51; --guide-accent:#91d6c8; --guide-soft:#213e40; --guide-paper:#192e35; }
@media(max-width:760px) { .xri-guide .xri-guide-task-picker > div { grid-template-columns:1fr; } .xri-guide .xri-guide-procedure > li { padding:18px; gap:12px; grid-template-columns:30px minmax(0,1fr); } .xri-guide .xri-guide-step-number { width:30px; height:30px; border-radius:9px; font-size:11px; } .xri-guide .xri-guide-step-copy h4 { font-size:17px; } .xri-guide .xri-guide-task-intro,.xri-guide .xri-guide-task-done,.xri-guide .xri-guide-task-problems,.xri-guide .xri-guide-reference { padding:18px; } .xri-guide .xri-guide-task-intro h3 { font-size:21px; } .xri-guide .xri-guide-marker { width:25px; height:25px; } }
@media(prefers-reduced-motion:reduce) { .xri-guide * { scroll-behavior:auto!important; transition:none!important; } }