/* Scoped to this guide. The approved website layouts remain unchanged. */
.r3-guides{padding-block:62px 88px}
.r3-guides>.wrap{max-width:1180px}
.r3-guides-heading{max-width:860px;margin-bottom:44px}
.r3-guides-heading h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.07;margin:18px 0 24px}
.r3-guides-heading .standfirst{font-size:1.1rem;line-height:1.75;max-width:780px}
.r3-guides-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start}
.r3-guide-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:24px}
.r3-guide-nav a{display:block;padding:12px 16px;border-radius:10px;color:inherit;text-decoration:none;line-height:1.4;font-size:1rem;transition:background-color .24s,color .24s}
.r3-guide-nav a:hover,.r3-guide-nav a[aria-current="page"]{background:#ebe2d6;color:#774b36}
.r3-guide-nav a:focus-visible{outline:2px solid #956a51;outline-offset:3px}
.r3-guide-panel{min-width:0;scroll-margin-top:24px;border-top:1px solid #d8cec2;padding-top:28px}
header.r3-guide-heading{display:block;position:static;background:none;border:0;padding:0;margin:0 0 32px;width:auto;min-height:0}
.r3-guide-heading h2{font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1.14;margin:0 0 18px}
.r3-guide-heading p{font-size:1.05rem;line-height:1.7;margin:0}
.r3-guide-step{margin:0 0 26px;padding:0}
.r3-guide-step h3{font-family:inherit;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 10px}
.r3-guide-step p,.r3-guide-step li{font-size:1rem;line-height:1.75;overflow-wrap:anywhere}
.r3-guide-step p{margin:0}.r3-guide-step p+p{margin-top:16px}
.r3-guide-step ol,.r3-guide-step ul{margin:0;padding-left:22px}
.r3-guide-step li{margin-bottom:9px;padding-left:4px}
.r3-guide-version{margin:36px 0 0;border-top:1px solid #d8cec2;padding-top:20px;font-size:.9rem;color:#75695e}
.r3-guides .text-link{font-size:1rem}
.r3-guides-heading h1 em{color:#985d48}
.r3-guides .r3-term-link{color:#774b36;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;text-decoration-thickness:1px;border-radius:2px}
.r3-guides .r3-term-link:hover{background:#ebe2d6;text-decoration-style:solid}
.r3-guides .r3-term-link:focus-visible{outline:2px solid #985d48;outline-offset:3px}
.r3-glossary-index{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 32px}
.r3-glossary-index a{padding:7px 12px;border:1px solid #d8cec2;border-radius:7px;font-size:.9375rem;line-height:1.5;background:transparent}
.r3-glossary-index a:hover{background:#ebe2d6;color:#774b36}
.r3-glossary{margin:0}
.r3-glossary-term{scroll-margin-top:28px;padding:26px 0;border-top:1px solid #d8cec2}
.r3-glossary-term:target{background:#f0e8dc;box-shadow:0 0 0 14px #f0e8dc;border-radius:5px}
.r3-glossary-term dt{font-family:Georgia,serif;font-size:1.9rem;line-height:1.3;margin-bottom:14px}
.r3-glossary-term dd{margin:0;line-height:1.8;overflow-wrap:anywhere}
.r3-glossary-term p+p{margin-top:14px}
.r3-term-back{display:inline-block;margin-top:18px;color:#774b36;font-size:.9375rem;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.r3-guides{padding-block:38px 56px}.r3-guides-layout{grid-template-columns:1fr;gap:24px}.r3-guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.r3-guide-nav a{padding:9px 12px;font-size:.95rem}.r3-guides-heading{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.r3-guide-nav a{transition:none}}
