/* R112 Batch A — guide and blog reading layout. Uses the theme tokens (--d3-*) so a theme colour change follows through. */
.r112-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.r112-tool{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--d3-line-2,#cdd5df);border-radius:999px;background:var(--d3-surface,#fff);color:var(--d3-navy,#0a2a66);font:600 14px/1 var(--d3-font,system-ui);cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px rgba(10,42,102,.08);transition:transform .15s ease,box-shadow .15s ease}
.r112-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.r112-tool:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 14px rgba(10,42,102,.12)}
.r112-tool:focus-visible{outline:3px solid var(--d3-green-brand,#14937a);outline-offset:2px}

.r112-notice{display:flex;gap:12px;align-items:flex-start;margin:18px 0 6px;padding:14px 16px;border-radius:14px;background:var(--d3-sand-tint,#f7f1e4);border:1px solid #e5d7b6;color:#4a3a14;font-size:15px;line-height:1.55}
.r112-notice p{margin:0}
.r112-notice-i{flex:none;width:22px;height:22px;fill:none;stroke:#8a6a1e;stroke-width:2;stroke-linecap:round;margin-top:2px}
.r112-reviewed{display:inline-block;margin-left:4px;color:#5c4a1a}

/* Quick answer: the one raised card on the page. */
.r112-quick{position:relative;margin:4px 0 26px;padding:20px 22px 18px 26px;border-radius:18px;background:linear-gradient(160deg,var(--d3-surface,#fff) 0%,var(--d3-green-tint,#e3f2ed) 140%);border:1px solid color-mix(in srgb,var(--d3-green-brand,#14937a) 28%,transparent);box-shadow:0 1px 0 #fff inset,0 18px 40px -22px color-mix(in srgb,var(--d3-navy,#0a2a66) 45%,transparent),0 4px 10px -6px rgba(10,42,102,.18)}
.r112-quick::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:5px;border-radius:0 6px 6px 0;background:linear-gradient(var(--d3-green-brand,#14937a),var(--d3-navy,#0a2a66))}
.r112-quick-h{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font:700 15px/1.2 var(--d3-font,system-ui);color:var(--d3-green,#0f7a63)}
.r112-quick-h svg{width:18px;height:18px;fill:var(--d3-green-brand,#14937a)}
.r112-quick-a{margin:0!important;font-size:18px;line-height:1.65;color:var(--d3-ink,#1b2430)}

/* Picture 2: soft 3D steps. */
.r112-figure{margin:6px 0 30px;padding:18px 14px 10px;border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,var(--d3-navy-tint,#e8eef8),var(--d3-surface,#fff) 70%);border:1px solid var(--d3-line,#e1e6ed)}
.r112-path{display:block;width:100%;height:auto}
.r112-path .r112-c-top1{stop-color:#fff}
.r112-path .r112-c-top2{stop-color:color-mix(in srgb,var(--d3-green-brand,#14937a) 35%,#fff)}
.r112-path .r112-c-front1{stop-color:color-mix(in srgb,var(--d3-green-brand,#14937a) 70%,#fff)}
.r112-path .r112-c-front2{stop-color:var(--d3-green,#0f7a63)}
.r112-path .r112-side{fill:color-mix(in srgb,var(--d3-navy,#0a2a66) 78%,var(--d3-green,#0f7a63))}
.r112-path .r112-ground{fill:color-mix(in srgb,var(--d3-navy,#0a2a66) 10%,transparent)}
.r112-path .r112-num{font:700 17px var(--d3-font,system-ui);fill:#fff}
.r112-path .r112-lbl{font:600 13px var(--d3-font,system-ui);fill:var(--d3-ink,#1b2430)}
.r112-figure figcaption{margin-top:4px;font-size:13px;color:var(--d3-muted,#5a6472);text-align:center}

/* Note boxes. */
.r112-callout{margin:18px 0;padding:14px 16px;border-radius:14px;border:1px solid;box-shadow:0 8px 20px -16px rgba(10,42,102,.35)}
.r112-callout p{margin:0!important}
.r112-callout .r112-callout-h{font-weight:700;margin-bottom:4px!important}
.r112-callout-tip{background:var(--d3-ok-bg,#e3f3ea);border-color:#b6dcc6;color:#173f2b}
.r112-callout-important{background:var(--d3-info-bg,#e6f0f9);border-color:#b7cfe8;color:#123a5c}
.r112-callout-note{background:var(--d3-navy-tint,#e8eef8);border-color:#c5d3ea;color:#16294d}
.r112-callout-warning{background:var(--d3-bad-bg,#fdeae7);border-color:#efc1b9;color:#6e1a12}
.r112-callout-example{background:var(--d3-sand-tint,#f7f1e4);border-color:#e5d7b6;color:#4a3a14}

/* FAQs. */
.r112-faqs{display:grid;gap:10px;margin:8px 0 22px}
.r112-faq{border:1px solid var(--d3-line,#e1e6ed);border-radius:14px;background:var(--d3-surface,#fff);box-shadow:0 2px 0 rgba(10,42,102,.03)}
.r112-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font:650 17px/1.4 var(--d3-font,system-ui);color:var(--d3-navy,#0a2a66)}
.r112-faq summary::-webkit-details-marker{display:none}
.r112-faq summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--d3-green,#0f7a63);transition:transform .2s ease}
.r112-faq[open] summary::after{transform:rotate(45deg)}
.r112-faq summary:focus-visible{outline:3px solid var(--d3-green-brand,#14937a);outline-offset:2px;border-radius:12px}
.r112-faq-a{padding:0 16px 14px}
.r112-faq-a p:last-child{margin-bottom:0}

/* Sources. */
.r112-sources{list-style:none;padding:0!important;display:grid;gap:8px}
.r112-sources li{padding:12px 14px;border-radius:12px;background:var(--d3-bg,#f5f7fa);border:1px solid var(--d3-line,#e1e6ed);margin:0!important}
.r112-host{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--d3-surface,#fff);border:1px solid var(--d3-line-2,#cdd5df);font-size:12px;font-weight:600;color:var(--d3-muted,#5a6472)}

@media (prefers-reduced-motion:reduce){.r112-tool,.r112-faq summary::after{transition:none}}
@media (max-width:640px){.r112-quick{padding:16px 16px 14px 20px}.r112-quick-a{font-size:17px}.r112-path .r112-lbl{font-size:15px}}

/* Print / Save as PDF: the article only, with link addresses and the notice. */
@media print{
  @page{margin:16mm 14mm}
  body{background:#fff!important}
  header,footer,nav,.d3-guide-side,.r112-tools,.d3-toc,.d3-post-grid,.d3-preview-banner,.breadcrumbs,[data-d3-header],.site-header,.site-footer,.d3-header,.d3-footer,.d3-ribbon{display:none!important}
  .d3-article-layout,.d3-guide-layout{display:block!important}
  .d3-prose,.d3-article-head,.d3-wrap{max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
  .d3-article-cover img{max-height:70mm;width:auto}
  .r112-quick,.r112-figure,.r112-callout,.r112-notice,.r112-faq{box-shadow:none!important;break-inside:avoid}
  .r112-faq .r112-faq-a{display:block!important}
  .r112-faq summary::after{content:""}
  .d3-prose a[href^="http"]::after{content:" (" attr(href) ")";font-weight:400;font-size:10pt;word-break:break-all}
  .r112-print-url{display:block!important}
}
.r112-print-url{display:none;font-size:11pt;color:#444;margin-top:12px}
.r112-tool[hidden]{display:none}
.r112-reviewed{display:inline}
.r112-path-narrow{display:none}
@media (max-width:640px){.r112-path-wide{display:none}.r112-path-narrow{display:block}.r112-figure{padding:14px 10px 8px}.r112-path-narrow .r112-lbl{font-size:13.5px}}