@font-face{font-family:"Adobe Garamond Pro";src:url("../fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro.woff2") format("woff2"),url("../fonts/woff/Adobe Garamond Pro/AdobeGaramondPro.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Garamond Pro";src:url("../fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro-Italic.woff2") format("woff2"),url("../fonts/woff/Adobe Garamond Pro/AdobeGaramondPro-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Adobe Garamond Pro";src:url("../fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro-Bold.woff2") format("woff2"),url("../fonts/woff/Adobe Garamond Pro/AdobeGaramondPro-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna/Calluna.woff2") format("woff2"),url("../fonts/woff/Calluna/Calluna.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna/Calluna-Italic.woff2") format("woff2"),url("../fonts/woff/Calluna/Calluna-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna/Calluna-Bold.woff2") format("woff2"),url("../fonts/woff/Calluna/Calluna-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna/Calluna-BoldItalic.woff2") format("woff2"),url("../fonts/woff/Calluna/Calluna-BoldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna Blck/CallunaBlck.woff2") format("woff2"),url("../fonts/woff/Calluna Blck/CallunaBlck.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Calluna";src:url("../fonts/woff2/Calluna Lght/CallunaLght.woff2") format("woff2"),url("../fonts/woff/Calluna Lght/CallunaLght.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Charcuterie Block";src:url("../fonts/woff2/Charcuterie Block/CharcuterieBlock.woff2") format("woff2"),url("../fonts/woff/Charcuterie Block/CharcuterieBlock.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Charcuterie Block";src:url("../fonts/woff2/Charcuterie Block/CharcuterieBlock-Bold.woff2") format("woff2"),url("../fonts/woff/Charcuterie Block/CharcuterieBlock-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-Regular.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-Italic.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-Semibold.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-Semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-SemiboldIt.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-SemiboldIt.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-Bold.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cronos Pro";src:url("../fonts/woff2/Cronos Pro/CronosPro-BoldIt.woff2") format("woff2"),url("../fonts/woff/Cronos Pro/CronosPro-BoldIt.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Atlantis Grunge";src:url("../fonts/woff2/Atlantis grunge/AtlantisGrunge.woff2") format("woff2"),url("../fonts/woff/Atlantis grunge/AtlantisGrunge.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Atlantis";src:url("../fonts/woff2/Atlantis/AtlantisRegular.woff2") format("woff2"),url("../fonts/woff/Atlantis/AtlantisRegular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Glorantha Core Runes";src:url("../fonts/woff2/Glorantha Core Runes/GloranthaCoreRunes15.woff2") format("woff2"),url("../fonts/woff/Glorantha Core Runes/GloranthaCoreRunes15.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--rq-h1: "Atlantis Grunge", "Times New Roman", serif;--rq-h2: "Charcuterie Block", "Times New Roman", serif;--rq-heading: "Calluna", "Times New Roman", serif;--rq-text: "Adobe Garamond Pro", Garamond, "Times New Roman", serif;--rq-sans: "Cronos Pro", "Helvetica Neue", Arial, sans-serif;--rq-atlantis: "Atlantis", serif;--rq-runes: "Glorantha Core Runes", serif;--rq-serif: "Adobe Garamond Pro", "Times New Roman", serif}:root{--rq-bg-image: url("../backgrounds/background.jpg");--rq-paper: #f3ede0;--rq-paper-elevated: #ffffff;--rq-paper-tint: rgba(243, 237, 224, .9);--rq-ink: #1c1813;--rq-ink-muted: rgba(28, 24, 19, 0.7);--rq-color-h1: rgb(60, 135, 125);--rq-color-h2: rgb(133, 18, 20);--rq-color-h3: rgb(180, 114, 42);--rq-color-h4: rgb(180, 114, 42);--rq-color-h5: rgb(180, 114, 42);--rq-color-h6: rgb(180, 114, 42);--rq-color-brand: rgb(60, 135, 125);--rq-color-accent-a: rgb(133, 18, 20);--rq-color-accent-b: rgb(180, 114, 42);--rq-color-brand-rgb: 60, 135, 125;--rq-color-accent-a-rgb: 133, 18, 20;--rq-color-accent-b-rgb: 180, 114, 42;--rq-link: rgb(60, 135, 125);--rq-link-hover: rgb(44.3076923077, 99.6923076923, 92.3076923077);--rq-btn-primary-hover: rgb(24, 86, 78);--rq-btn-secondary-hover: rgb(82, 10, 12);--rq-btn-accent-hover: rgb(132, 80, 22);--rq-btn-text-hover: #fff;--rq-card-bg: rgba(255, 255, 255, .92);--rq-card-bg-outlined: rgba(255, 255, 255, .88);--rq-card-border: rgba(0, 0, 0, .06);--rq-card-border-strong: rgba(0, 0, 0, .12);--rq-table-row-alt: rgba(60, 135, 125, 0.07);--rq-table-thead-bg: #1c1813;--rq-table-thead-fg: #f3ede0;--rq-table-border: rgba(60, 135, 125, 0.25);--rq-frame-bg: #f3ede0;color-scheme:light}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--rq-bg-image: url("../backgrounds/background-dark.jpg");--rq-paper: #1a1410;--rq-paper-elevated: #251f18;--rq-paper-tint: rgba(37, 31, 24, .85);--rq-ink: #ecdfc4;--rq-ink-muted: rgba(236, 223, 196, .72);--rq-color-h1: rgb(86, 178, 165);--rq-color-h2: rgb(208, 86, 88);--rq-color-h3: rgb(214, 152, 78);--rq-color-h4: rgb(214, 152, 78);--rq-color-h5: rgb(214, 152, 78);--rq-color-h6: rgb(214, 152, 78);--rq-color-brand: rgb(86, 178, 165);--rq-color-accent-a: rgb(208, 86, 88);--rq-color-accent-b: rgb(214, 152, 78);--rq-color-brand-rgb: 86, 178, 165;--rq-color-accent-a-rgb: 208, 86, 88;--rq-color-accent-b-rgb: 214, 152, 78;--rq-link: rgb(86, 178, 165);--rq-link-hover: rgb(150, 210, 200);--rq-btn-primary-hover: rgb(150, 220, 210);--rq-btn-secondary-hover: rgb(240, 140, 142);--rq-btn-accent-hover: rgb(240, 190, 124);--rq-btn-text-hover: #14100c;--rq-card-bg: rgba(37, 31, 24, .85);--rq-card-bg-outlined: rgba(37, 31, 24, .72);--rq-card-border: rgba(236, 223, 196, .12);--rq-card-border-strong: rgba(236, 223, 196, .22);--rq-table-row-alt: rgba(86, 178, 165, .08);--rq-table-thead-bg: #000;--rq-table-thead-fg: #ecdfc4;--rq-table-border: rgba(86, 178, 165, .28);--rq-frame-bg: #1a1410;color-scheme:dark}}[data-theme=dark]{--rq-bg-image: url("../backgrounds/background-dark.jpg");--rq-paper: #1a1410;--rq-paper-elevated: #251f18;--rq-paper-tint: rgba(37, 31, 24, .85);--rq-ink: #ecdfc4;--rq-ink-muted: rgba(236, 223, 196, .72);--rq-color-h1: rgb(86, 178, 165);--rq-color-h2: rgb(208, 86, 88);--rq-color-h3: rgb(214, 152, 78);--rq-color-h4: rgb(214, 152, 78);--rq-color-h5: rgb(214, 152, 78);--rq-color-h6: rgb(214, 152, 78);--rq-color-brand: rgb(86, 178, 165);--rq-color-accent-a: rgb(208, 86, 88);--rq-color-accent-b: rgb(214, 152, 78);--rq-color-brand-rgb: 86, 178, 165;--rq-color-accent-a-rgb: 208, 86, 88;--rq-color-accent-b-rgb: 214, 152, 78;--rq-link: rgb(86, 178, 165);--rq-link-hover: rgb(150, 210, 200);--rq-btn-primary-hover: rgb(150, 220, 210);--rq-btn-secondary-hover: rgb(240, 140, 142);--rq-btn-accent-hover: rgb(240, 190, 124);--rq-btn-text-hover: #14100c;--rq-card-bg: rgba(37, 31, 24, .85);--rq-card-bg-outlined: rgba(37, 31, 24, .72);--rq-card-border: rgba(236, 223, 196, .12);--rq-card-border-strong: rgba(236, 223, 196, .22);--rq-table-row-alt: rgba(86, 178, 165, .08);--rq-table-thead-bg: #000;--rq-table-thead-fg: #ecdfc4;--rq-table-border: rgba(86, 178, 165, .28);--rq-frame-bg: #1a1410;color-scheme:dark}[data-theme=light]{--rq-bg-image: url("../backgrounds/background.jpg");--rq-paper: #f3ede0;--rq-paper-elevated: #ffffff;--rq-paper-tint: rgba(243, 237, 224, .9);--rq-ink: #1c1813;--rq-ink-muted: rgba(28, 24, 19, 0.7);--rq-color-h1: rgb(60, 135, 125);--rq-color-h2: rgb(133, 18, 20);--rq-color-h3: rgb(180, 114, 42);--rq-color-h4: rgb(180, 114, 42);--rq-color-h5: rgb(180, 114, 42);--rq-color-h6: rgb(180, 114, 42);--rq-color-brand: rgb(60, 135, 125);--rq-color-accent-a: rgb(133, 18, 20);--rq-color-accent-b: rgb(180, 114, 42);--rq-color-brand-rgb: 60, 135, 125;--rq-color-accent-a-rgb: 133, 18, 20;--rq-color-accent-b-rgb: 180, 114, 42;--rq-link: rgb(60, 135, 125);--rq-link-hover: rgb(44.3076923077, 99.6923076923, 92.3076923077);--rq-btn-primary-hover: rgb(24, 86, 78);--rq-btn-secondary-hover: rgb(82, 10, 12);--rq-btn-accent-hover: rgb(132, 80, 22);--rq-btn-text-hover: #fff;--rq-card-bg: rgba(255, 255, 255, .92);--rq-card-bg-outlined: rgba(255, 255, 255, .88);--rq-card-border: rgba(0, 0, 0, .06);--rq-card-border-strong: rgba(0, 0, 0, .12);--rq-table-row-alt: rgba(60, 135, 125, 0.07);--rq-table-thead-bg: #1c1813;--rq-table-thead-fg: #f3ede0;--rq-table-border: rgba(60, 135, 125, 0.25);--rq-frame-bg: #f3ede0;color-scheme:light}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--rq-paper) var(--rq-bg-image) center/cover fixed no-repeat;color:var(--rq-ink);font-family:var(--rq-text),serif;line-height:1.6;transition:background-color 200ms ease,color 200ms ease}.container{max-width:72rem;margin-inline:auto}*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--rq-link);outline-offset:2px}h1,h2,h3,h4,h5,h6{line-height:1.15;margin:2rem 0 .75rem}h1{font-family:var(--rq-h1);font-size:3.75rem;color:var(--rq-color-h1);text-transform:uppercase;letter-spacing:.04em;font-weight:400}h2{font-family:var(--rq-h2);font-size:3rem;color:var(--rq-color-h2);text-transform:uppercase;letter-spacing:.03em;font-weight:400}h3{font-family:var(--rq-heading);font-size:1.875rem;color:var(--rq-color-h3);font-variant:small-caps;text-transform:lowercase;letter-spacing:.05em;font-weight:700}h4{font-family:var(--rq-heading);font-size:1.5rem;color:var(--rq-color-h4);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:700}h5{font-family:var(--rq-heading);font-size:1.25rem;color:var(--rq-color-h5);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:700}h6{font-family:var(--rq-heading);font-size:1.125rem;color:var(--rq-color-h6);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:700}p,ul,ol{font-size:1rem}small{font-size:.75rem}p{margin:0 0 1rem}.lead{font-size:1.125rem}.rune-text{font-family:var(--rq-runes);font-size:1.5rem;color:var(--rq-color-h3);letter-spacing:.1em}.font-atlantis{font-family:var(--rq-atlantis);text-transform:uppercase;letter-spacing:.04em}.body-example{color:var(--rq-color-accent-a);font-family:var(--rq-sans),sans-serif}.body-rule{color:var(--rq-color-brand);font-family:var(--rq-sans),sans-serif}a{color:var(--rq-link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--rq-link-hover)}.image-credit,p.image-credit{text-align:left;font-size:.75em;font-style:italic;margin-top:0;color:var(--rq-ink-muted)}.button{--btn-bg: var(--rq-color-brand);--btn-bg-hover: var(--rq-btn-primary-hover);--btn-fg: #fff;--btn-fg-hover: var(--rq-btn-text-hover);display:inline-block;padding:.75rem 1.5rem;border-radius:8px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid rgba(0,0,0,0);box-shadow:0 4px 16px rgba(0,0,0,.08);text-decoration:none;font-family:var(--rq-h2);font-weight:400;text-transform:uppercase;letter-spacing:.04em;transition:background-color 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 150ms ease}.button:hover,.button:focus-visible{background:var(--btn-bg-hover);color:var(--btn-fg-hover);box-shadow:0 6px 18px rgba(0,0,0,.18);transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:0 4px 16px rgba(0,0,0,.08)}.button--secondary{--btn-bg: var(--rq-color-accent-a);--btn-bg-hover: var(--rq-btn-secondary-hover)}.button--accent{--btn-bg: var(--rq-color-accent-b);--btn-bg-hover: var(--rq-btn-accent-hover)}.button--disabled{background:#c9c9c9;color:#6b6b6b;cursor:not-allowed}.button--disabled:hover,.button--disabled:focus-visible{background:#c9c9c9;color:#6b6b6b;box-shadow:0 4px 16px rgba(0,0,0,.08);transform:none}.card{background:var(--rq-card-bg);border:1px solid var(--rq-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--rq-ink)}.card--outlined{background:var(--rq-card-bg-outlined);border:1px solid var(--rq-card-border-strong)}.card--tinted{background:var(--rq-paper-tint)}.card--framed{--frame-color: var(--rq-color-brand);--frame-bg: var(--rq-frame-bg);--frame-stroke: 2px;--frame-step-x: 0.6rem;--frame-step-y: 0.85rem;position:relative;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none;padding:1.5rem 2rem;isolation:isolate}.card--framed::before,.card--framed::after{content:"";position:absolute;pointer-events:none;clip-path:polygon(var(--frame-step-x) 0, calc(100% - var(--frame-step-x)) 0, calc(100% - var(--frame-step-x)) var(--frame-step-y), 100% var(--frame-step-y), 100% calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) 100%, var(--frame-step-x) 100%, var(--frame-step-x) calc(100% - var(--frame-step-y)), 0 calc(100% - var(--frame-step-y)), 0 var(--frame-step-y), var(--frame-step-x) var(--frame-step-y))}.card--framed::before{inset:0;background:var(--frame-color);z-index:-2}.card--framed::after{inset:var(--frame-stroke);background:var(--frame-bg);z-index:-1}.card--framed.card--green{--frame-color: var(--rq-color-brand)}.card--framed.card--red{--frame-color: var(--rq-color-accent-a)}.card--framed.card--gold{--frame-color: var(--rq-color-accent-b)}.cards{display:grid;gap:1rem}.cards--1{grid-template-columns:1fr}.cards--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cards--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cards--4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 1024px){.cards--4{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.cards--4,.cards--3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.cards--4,.cards--3,.cards--2{grid-template-columns:1fr}}.callout{padding:1rem 1.5rem;border-left:6px solid var(--rq-color-brand);background:rgba(var(--rq-color-brand-rgb), 0.12);font-family:var(--rq-sans);color:var(--rq-ink)}.callout--example{border-left-color:var(--rq-color-accent-a);background:rgba(var(--rq-color-accent-a-rgb), 0.12)}.callout--rule{border-left-color:var(--rq-color-brand);background:rgba(var(--rq-color-brand-rgb), 0.12)}.callout--framed h4{text-align:center;margin-top:0;color:var(--rq-color-brand)}.callout p,.callout ul,.callout ol{font-family:var(--rq-sans)}.callout h3,.callout h4,.callout h5,.callout h6{font-family:var(--rq-heading)}.callout h4{color:var(--rq-color-h4)}.callout--example h4{color:var(--rq-color-accent-a)}.callout--rule h4{color:var(--rq-color-brand)}.example{color:var(--rq-color-accent-a)}.rule{color:var(--rq-color-brand)}table{font-family:var(--rq-sans);border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:1rem;color:var(--rq-ink)}table caption{font-family:var(--rq-heading);font-variant:small-caps;text-transform:lowercase;letter-spacing:.05em;font-weight:700;color:var(--rq-color-h3);text-align:left;padding:.5rem 0}thead{background:var(--rq-table-thead-bg)}thead th{font-family:var(--rq-sans);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--rq-table-thead-fg)}th,td{padding:.5rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--rq-table-border)}tbody tr:nth-child(even){background:var(--rq-table-row-alt)}.hr-green,.rule01-green{margin:3rem auto;height:24px;background:url("../decoratives/rule01-green.svg") center/auto no-repeat}.hr-red,.rule01-red{margin:3rem auto;height:24px;background:url("../decoratives/rule01-red.svg") center/auto no-repeat}.hr-black,.rule01-black{margin:3rem auto;height:24px;background:url("../decoratives/rule01-black.svg") center/auto no-repeat}@media(max-width: 480px){.hr-green,.rule01-green,.hr-red,.rule01-red,.hr-black,.rule01-black{height:16px}}.frame-green{background:url("../decoratives/frame-green.svg") center/contain no-repeat}.frame-red{background:url("../decoratives/frame-red.svg") center/contain no-repeat}.rq-frame{--frame-color: var(--rq-color-brand);--frame-bg: var(--rq-frame-bg);--frame-stroke: 2px;--frame-step-x: 0.6rem;--frame-step-y: 0.85rem;position:relative;padding:1.5rem 2rem;background:rgba(0,0,0,0);color:var(--rq-ink);isolation:isolate}.rq-frame::before,.rq-frame::after{content:"";position:absolute;pointer-events:none;clip-path:polygon(var(--frame-step-x) 0, calc(100% - var(--frame-step-x)) 0, calc(100% - var(--frame-step-x)) var(--frame-step-y), 100% var(--frame-step-y), 100% calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) 100%, var(--frame-step-x) 100%, var(--frame-step-x) calc(100% - var(--frame-step-y)), 0 calc(100% - var(--frame-step-y)), 0 var(--frame-step-y), var(--frame-step-x) var(--frame-step-y))}.rq-frame::before{inset:0;background:var(--frame-color);z-index:-2}.rq-frame::after{inset:var(--frame-stroke);background:var(--frame-bg);z-index:-1}.rq-frame--green{--frame-color: var(--rq-color-brand)}.rq-frame--red{--frame-color: var(--rq-color-accent-a)}.rq-frame--gold{--frame-color: var(--rq-color-accent-b)}.callout--framed{--frame-color: var(--rq-color-brand);--frame-bg: var(--rq-frame-bg);--frame-stroke: 2px;--frame-step-x: 0.6rem;--frame-step-y: 0.85rem;position:relative;padding:1.5rem 2rem;background:rgba(0,0,0,0);border:0;box-shadow:none;isolation:isolate}.callout--framed::before,.callout--framed::after{content:"";position:absolute;pointer-events:none;clip-path:polygon(var(--frame-step-x) 0, calc(100% - var(--frame-step-x)) 0, calc(100% - var(--frame-step-x)) var(--frame-step-y), 100% var(--frame-step-y), 100% calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) calc(100% - var(--frame-step-y)), calc(100% - var(--frame-step-x)) 100%, var(--frame-step-x) 100%, var(--frame-step-x) calc(100% - var(--frame-step-y)), 0 calc(100% - var(--frame-step-y)), 0 var(--frame-step-y), var(--frame-step-x) var(--frame-step-y))}.callout--framed::before{inset:0;background:var(--frame-color);z-index:-2}.callout--framed::after{inset:var(--frame-stroke);background:var(--frame-bg);z-index:-1}.edge--green{background-image:url("../decoratives/edge01-green.svg");background-repeat:repeat-y}.edge--red{background-image:url("../decoratives/edge01-red.svg");background-repeat:repeat-y}.quote,.div-quote{margin:1.5rem auto;padding:.75rem 0}.quote__text,p.quote-text{text-align:center;margin:0 10%;font-style:italic;font-family:var(--rq-text);color:var(--rq-ink)}.quote__credit,p.quote-credit{text-align:right;margin:.25rem 10% 0;font-style:italic;font-size:.875em;color:var(--rq-ink-muted)}.sidebar-box,.div-sidebar{padding:1rem 1.5rem;background:rgba(var(--rq-color-brand-rgb), 0.08);border-left:4px solid var(--rq-color-brand);margin:1.5rem 0;color:var(--rq-ink)}.table--90,.div-table-90{font-size:.9em}.table--80,.div-table-80{font-size:.8em}.table--tight th,.table--tight td,.narrowtablediv th,.narrowtablediv td{padding:.25rem .5rem}.table--top td,table.top-align td{vertical-align:top}.product-card{display:grid;grid-template-columns:minmax(160px, 240px) 1fr;grid-template-areas:"media body" "media footer";gap:1rem 1.5rem;background:var(--rq-card-bg);border:1px solid var(--rq-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--rq-ink);margin:1.5rem 0}.product-card__media{grid-area:media;display:block;align-self:start;line-height:0}.product-card__media img{width:100%;height:auto;border-radius:8px;display:block}.product-card__body{grid-area:body;display:flex;flex-direction:column;gap:.5rem;align-self:start}.product-card__name{font-family:var(--rq-heading);color:var(--rq-color-h3);margin:0;font-size:1.5rem;line-height:1.2}.product-card__price{font-family:var(--rq-sans);color:var(--rq-color-brand);font-weight:700;margin:0;font-size:1.125rem}.product-card__description{font-family:var(--rq-text);color:var(--rq-ink);margin:0}.product-card__footer{grid-area:footer;align-self:end}@media(max-width: 540px){.product-card{grid-template-columns:1fr;grid-template-areas:"media" "body" "footer"}}.callout.div-example,.div-example{padding:1rem 1.5rem;border-left:6px solid var(--rq-color-accent-a);background:rgba(var(--rq-color-accent-a-rgb), 0.12);font-family:var(--rq-sans);color:var(--rq-ink)}.callout.div-note,.div-note{padding:1rem 1.5rem;border-left:6px solid var(--rq-color-brand);background:rgba(var(--rq-color-brand-rgb), 0.1);font-family:var(--rq-sans);color:var(--rq-ink)}.grid{display:grid;gap:1rem}.stack>*+*{margin-block-start:1rem}.two-col{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem}@media(max-width: 480px){.two-col{grid-template-columns:1fr}}.container{padding-inline:1rem}.layout--with-sidebar{display:flex;align-items:flex-start;gap:var(--sidebar-gap, 1.5rem)}.layout--with-sidebar>.sidebar{flex:0 0 var(--sidebar-width, 18rem)}.layout--with-sidebar>.content{flex:1 1 40ch;min-width:0}@media(max-width: 768px){.layout--with-sidebar{flex-wrap:wrap}.layout--with-sidebar>.sidebar{flex-basis:100%}}