@font-face{font-family:"Gothicus";src:url("/pendragon-styling/fonts/woff2/Gothicus/Gothicus.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Gothicus/Gothicus.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gothicus Roman";src:url("/pendragon-styling/fonts/woff2/Gothicus Roman/GothicusRoman.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Gothicus Roman/GothicusRoman.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Herb";src:url("/pendragon-styling/fonts/woff2/Herb/Herb.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Herb/Herb.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Herb";src:url("/pendragon-styling/fonts/woff2/Herb/Herb-Bold.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Herb/Herb-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Garamond Pro";src:url("/pendragon-styling/fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro.woff2") format("woff2"),url("/pendragon-styling/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("/pendragon-styling/fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro-Italic.woff2") format("woff2"),url("/pendragon-styling/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("/pendragon-styling/fonts/woff2/Adobe Garamond Pro/AdobeGaramondPro-Bold.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Adobe Garamond Pro/AdobeGaramondPro-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Garamond Pro Bold";src:url("/pendragon-styling/fonts/woff2/Adobe Garamond Pro Bold/AdobeGaramondProBold.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Adobe Garamond Pro Bold/AdobeGaramondProBold.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Adobe Garamond Pro Bold";src:url("/pendragon-styling/fonts/woff2/Adobe Garamond Pro Bold/AdobeGaramondProBold-Italic.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/Adobe Garamond Pro Bold/AdobeGaramondProBold-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"IM FELL Great Primer";src:url("/pendragon-styling/fonts/woff2/IM FELL Great Primer/IMFELLGreatPrimer.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/IM FELL Great Primer/IMFELLGreatPrimer.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"IM FELL Great Primer";src:url("/pendragon-styling/fonts/woff2/IM FELL Great Primer/IMFELLGreatPrimer-Italic.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/IM FELL Great Primer/IMFELLGreatPrimer-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"IM FELL Great Primer SC";src:url("/pendragon-styling/fonts/woff2/IM FELL Great Primer SC/IMFELLGreatPrimerSC.woff2") format("woff2"),url("/pendragon-styling/fonts/woff/IM FELL Great Primer SC/IMFELLGreatPrimerSC.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--pdg-h1: "Gothicus Roman", "Gothicus", "Times New Roman", serif;--pdg-gothicus: "Gothicus", "Gothicus Roman", "Times New Roman", serif;--pdg-h2: "Herb", "Times New Roman", serif;--pdg-h3: "Adobe Garamond Pro Bold", "Adobe Garamond Pro", Garamond, "Times New Roman", serif;--pdg-heading: "Adobe Garamond Pro Bold", "Adobe Garamond Pro", Garamond, "Times New Roman", serif;--pdg-text: "IM FELL Great Primer", "Adobe Garamond Pro", Garamond, "Times New Roman", serif;--pdg-text-sc: "IM FELL Great Primer SC", "IM FELL Great Primer", Garamond, "Times New Roman", serif;--pdg-serif: "IM FELL Great Primer", "Adobe Garamond Pro", Garamond, "Times New Roman", serif;--pdg-gothicus-roman: "Gothicus Roman", "Gothicus", serif}:root{--pdg-bg-image: url("/pendragon-styling/backgrounds/background.jpg");--pdg-paper: #f3ede0;--pdg-paper-elevated: #ffffff;--pdg-paper-tint: rgba(243, 237, 224, .9);--pdg-ink: rgb(26, 25, 25);--pdg-ink-muted: rgba(26, 25, 25, 0.7);--pdg-color-h1: rgb(68, 102, 125);--pdg-color-h1-black: rgb(26, 25, 25);--pdg-color-h2: rgb(171, 16, 20);--pdg-color-h3: rgb(68, 102, 125);--pdg-color-h4: rgb(68, 102, 125);--pdg-color-h5: rgb(68, 102, 125);--pdg-color-h6: rgb(68, 102, 125);--pdg-color-brand: rgb(68, 102, 125);--pdg-color-accent-a: rgb(171, 16, 20);--pdg-color-accent-b: rgb(98, 126, 80);--pdg-color-red: rgb(171, 16, 20);--pdg-color-green: rgb(98, 126, 80);--pdg-color-blue: rgb(68, 102, 125);--pdg-color-black: rgb(26, 25, 25);--pdg-color-brand-rgb: 68, 102, 125;--pdg-color-red-rgb: 171, 16, 20;--pdg-color-green-rgb: 98, 126, 80;--pdg-color-blue-rgb: 68, 102, 125;--pdg-link: rgb(68, 102, 125);--pdg-link-hover: rgb(50.0310880829, 75.0466321244, 91.9689119171);--pdg-btn-primary-hover: rgb(40, 70, 92);--pdg-btn-secondary-hover: rgb(120, 10, 14);--pdg-btn-accent-hover: rgb(70, 96, 56);--pdg-btn-text-hover: #fff;--pdg-card-bg: rgba(255, 255, 255, .92);--pdg-card-bg-outlined: rgba(255, 255, 255, .88);--pdg-card-border: rgba(0, 0, 0, .06);--pdg-card-border-strong: rgba(0, 0, 0, .12);--pdg-table-row-alt: rgba(68, 102, 125, 0.07);--pdg-table-thead-bg: rgba(68, 102, 125, 0.18);--pdg-table-border: rgba(68, 102, 125, 0.25);--pdg-table-thead-bg-green: rgba(98, 126, 80, 0.22);--pdg-table-border-green: rgba(98, 126, 80, 0.28);--pdg-table-row-alt-green: rgba(98, 126, 80, 0.08);--pdg-frame-bg: #f3ede0;color-scheme:light}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--pdg-bg-image: url("/pendragon-styling/backgrounds/background-dark.jpg");--pdg-paper: #1a1410;--pdg-paper-elevated: #251f18;--pdg-paper-tint: rgba(37, 31, 24, .85);--pdg-ink: #ecdfc4;--pdg-ink-muted: rgba(236, 223, 196, .72);--pdg-color-h1: rgb(126, 168, 196);--pdg-color-h1-black: #ecdfc4;--pdg-color-h2: rgb(220, 90, 92);--pdg-color-h3: rgb(126, 168, 196);--pdg-color-h4: rgb(126, 168, 196);--pdg-color-h5: rgb(126, 168, 196);--pdg-color-h6: rgb(126, 168, 196);--pdg-color-brand: rgb(126, 168, 196);--pdg-color-accent-a: rgb(220, 90, 92);--pdg-color-accent-b: rgb(150, 184, 124);--pdg-color-red: rgb(220, 90, 92);--pdg-color-green: rgb(150, 184, 124);--pdg-color-blue: rgb(126, 168, 196);--pdg-color-black: #ecdfc4;--pdg-color-brand-rgb: 126, 168, 196;--pdg-color-red-rgb: 220, 90, 92;--pdg-color-green-rgb: 150, 184, 124;--pdg-color-blue-rgb: 126, 168, 196;--pdg-link: rgb(126, 168, 196);--pdg-link-hover: rgb(184, 212, 232);--pdg-btn-primary-hover: rgb(184, 212, 232);--pdg-btn-secondary-hover: rgb(240, 140, 142);--pdg-btn-accent-hover: rgb(196, 224, 168);--pdg-btn-text-hover: #14100c;--pdg-card-bg: rgba(37, 31, 24, .85);--pdg-card-bg-outlined: rgba(37, 31, 24, .72);--pdg-card-border: rgba(236, 223, 196, .12);--pdg-card-border-strong: rgba(236, 223, 196, .22);--pdg-table-row-alt: rgba(126, 168, 196, .08);--pdg-table-thead-bg: rgba(126, 168, 196, .18);--pdg-table-border: rgba(126, 168, 196, .28);--pdg-table-thead-bg-green: rgba(150, 184, 124, .22);--pdg-table-border-green: rgba(150, 184, 124, .3);--pdg-table-row-alt-green: rgba(150, 184, 124, .1);--pdg-frame-bg: #1a1410;color-scheme:dark}}[data-theme=dark]{--pdg-bg-image: url("/pendragon-styling/backgrounds/background-dark.jpg");--pdg-paper: #1a1410;--pdg-paper-elevated: #251f18;--pdg-paper-tint: rgba(37, 31, 24, .85);--pdg-ink: #ecdfc4;--pdg-ink-muted: rgba(236, 223, 196, .72);--pdg-color-h1: rgb(126, 168, 196);--pdg-color-h1-black: #ecdfc4;--pdg-color-h2: rgb(220, 90, 92);--pdg-color-h3: rgb(126, 168, 196);--pdg-color-h4: rgb(126, 168, 196);--pdg-color-h5: rgb(126, 168, 196);--pdg-color-h6: rgb(126, 168, 196);--pdg-color-brand: rgb(126, 168, 196);--pdg-color-accent-a: rgb(220, 90, 92);--pdg-color-accent-b: rgb(150, 184, 124);--pdg-color-red: rgb(220, 90, 92);--pdg-color-green: rgb(150, 184, 124);--pdg-color-blue: rgb(126, 168, 196);--pdg-color-black: #ecdfc4;--pdg-color-brand-rgb: 126, 168, 196;--pdg-color-red-rgb: 220, 90, 92;--pdg-color-green-rgb: 150, 184, 124;--pdg-color-blue-rgb: 126, 168, 196;--pdg-link: rgb(126, 168, 196);--pdg-link-hover: rgb(184, 212, 232);--pdg-btn-primary-hover: rgb(184, 212, 232);--pdg-btn-secondary-hover: rgb(240, 140, 142);--pdg-btn-accent-hover: rgb(196, 224, 168);--pdg-btn-text-hover: #14100c;--pdg-card-bg: rgba(37, 31, 24, .85);--pdg-card-bg-outlined: rgba(37, 31, 24, .72);--pdg-card-border: rgba(236, 223, 196, .12);--pdg-card-border-strong: rgba(236, 223, 196, .22);--pdg-table-row-alt: rgba(126, 168, 196, .08);--pdg-table-thead-bg: rgba(126, 168, 196, .18);--pdg-table-border: rgba(126, 168, 196, .28);--pdg-table-thead-bg-green: rgba(150, 184, 124, .22);--pdg-table-border-green: rgba(150, 184, 124, .3);--pdg-table-row-alt-green: rgba(150, 184, 124, .1);--pdg-frame-bg: #1a1410;color-scheme:dark}[data-theme=light]{--pdg-bg-image: url("/pendragon-styling/backgrounds/background.jpg");--pdg-paper: #f3ede0;--pdg-paper-elevated: #ffffff;--pdg-paper-tint: rgba(243, 237, 224, .9);--pdg-ink: rgb(26, 25, 25);--pdg-ink-muted: rgba(26, 25, 25, 0.7);--pdg-color-h1: rgb(68, 102, 125);--pdg-color-h1-black: rgb(26, 25, 25);--pdg-color-h2: rgb(171, 16, 20);--pdg-color-h3: rgb(68, 102, 125);--pdg-color-h4: rgb(68, 102, 125);--pdg-color-h5: rgb(68, 102, 125);--pdg-color-h6: rgb(68, 102, 125);--pdg-color-brand: rgb(68, 102, 125);--pdg-color-accent-a: rgb(171, 16, 20);--pdg-color-accent-b: rgb(98, 126, 80);--pdg-color-red: rgb(171, 16, 20);--pdg-color-green: rgb(98, 126, 80);--pdg-color-blue: rgb(68, 102, 125);--pdg-color-black: rgb(26, 25, 25);--pdg-color-brand-rgb: 68, 102, 125;--pdg-color-red-rgb: 171, 16, 20;--pdg-color-green-rgb: 98, 126, 80;--pdg-color-blue-rgb: 68, 102, 125;--pdg-link: rgb(68, 102, 125);--pdg-link-hover: rgb(50.0310880829, 75.0466321244, 91.9689119171);--pdg-btn-primary-hover: rgb(40, 70, 92);--pdg-btn-secondary-hover: rgb(120, 10, 14);--pdg-btn-accent-hover: rgb(70, 96, 56);--pdg-btn-text-hover: #fff;--pdg-card-bg: rgba(255, 255, 255, .92);--pdg-card-bg-outlined: rgba(255, 255, 255, .88);--pdg-card-border: rgba(0, 0, 0, .06);--pdg-card-border-strong: rgba(0, 0, 0, .12);--pdg-table-row-alt: rgba(68, 102, 125, 0.07);--pdg-table-thead-bg: rgba(68, 102, 125, 0.18);--pdg-table-border: rgba(68, 102, 125, 0.25);--pdg-table-thead-bg-green: rgba(98, 126, 80, 0.22);--pdg-table-border-green: rgba(98, 126, 80, 0.28);--pdg-table-row-alt-green: rgba(98, 126, 80, 0.08);--pdg-frame-bg: #f3ede0;color-scheme:light}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--pdg-paper) var(--pdg-bg-image) center/cover fixed no-repeat;color:var(--pdg-ink);font-family:var(--pdg-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(--pdg-link);outline-offset:2px}h1,h2,h3,h4,h5,h6{line-height:1.15;margin:2rem 0 .75rem}h1{font-family:var(--pdg-h1);font-size:3.75rem;color:var(--pdg-color-h1);letter-spacing:.02em;font-weight:400}h1.h1--black{color:var(--pdg-color-h1-black)}h2{font-family:var(--pdg-h2);font-size:3rem;color:var(--pdg-color-h2);text-transform:uppercase;letter-spacing:.03em;font-weight:400}h3{font-family:var(--pdg-h3);font-size:1.875rem;color:var(--pdg-color-h3);font-variant:small-caps;text-transform:lowercase;letter-spacing:.05em;font-weight:400}h4{font-family:var(--pdg-heading);font-size:1.5rem;color:var(--pdg-color-h4);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:400}h5{font-family:var(--pdg-heading);font-size:1.25rem;color:var(--pdg-color-h5);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:400}h6{font-family:var(--pdg-heading);font-size:1.125rem;color:var(--pdg-color-h6);font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;font-weight:400}p,ul,ol{font-size:1rem}small{font-size:.75rem}p{margin:0 0 1rem}.lead{font-size:1.125rem}.body-example{color:var(--pdg-color-accent-a);font-family:var(--pdg-serif)}.body-rule{color:var(--pdg-color-accent-b);font-family:var(--pdg-serif)}.body-sc{font-family:var(--pdg-text-sc)}a{color:var(--pdg-link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--pdg-link-hover)}.image-credit,p.image-credit{text-align:left;font-size:.75em;font-style:italic;margin-top:0;color:var(--pdg-ink-muted)}.button{--btn-bg: var(--pdg-color-brand);--btn-bg-hover: var(--pdg-btn-primary-hover);--btn-fg: #fff;--btn-fg-hover: var(--pdg-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(--pdg-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(--pdg-color-accent-a);--btn-bg-hover: var(--pdg-btn-secondary-hover)}.button--accent{--btn-bg: var(--pdg-color-accent-b);--btn-bg-hover: var(--pdg-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(--pdg-card-bg);border:1px solid var(--pdg-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--pdg-ink)}.card--outlined{background:var(--pdg-card-bg-outlined);border:1px solid var(--pdg-card-border-strong)}.card--tinted{background:var(--pdg-paper-tint)}.card--framed{--frame-color: var(--pdg-color-brand);--frame-bg: var(--pdg-frame-bg);--frame-stroke: 2px;--frame-corner-size: 0.6rem;--frame-corner-outset: 0.25rem;position:relative;background:var(--frame-bg);border:var(--frame-stroke) solid var(--frame-color);border-radius:0;box-shadow:none;padding:.75rem 1rem;isolation:isolate;margin:var(--frame-corner-outset)}.card--framed::before{content:"";position:absolute;inset:calc(-1*(var(--frame-corner-outset) + var(--frame-stroke)));pointer-events:none;background:linear-gradient(var(--frame-color), var(--frame-color)) top left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) top right/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom right/var(--frame-corner-size) var(--frame-corner-size) no-repeat}.card--framed.card--blue{--frame-color: var(--pdg-color-blue)}.card--framed.card--green{--frame-color: var(--pdg-color-green)}.card--framed.card--red{--frame-color: var(--pdg-color-red)}.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(--pdg-color-brand);background:rgba(var(--pdg-color-brand-rgb), 0.12);font-family:var(--pdg-serif);color:var(--pdg-ink)}.callout--blue{border-left-color:var(--pdg-color-blue);background:rgba(var(--pdg-color-blue-rgb), 0.12)}.callout--green{border-left-color:var(--pdg-color-green);background:rgba(var(--pdg-color-green-rgb), 0.12)}.callout--red,.callout--example{border-left-color:var(--pdg-color-red);background:rgba(var(--pdg-color-red-rgb), 0.12)}.callout--rule{border-left-color:var(--pdg-color-green);background:rgba(var(--pdg-color-green-rgb), 0.12)}.callout p,.callout ul,.callout ol{font-family:var(--pdg-serif)}.callout h3,.callout h4,.callout h5,.callout h6{font-family:var(--pdg-heading)}.callout h4{color:var(--pdg-color-h4)}.callout--green h4{color:var(--pdg-color-green)}.callout--red h4,.callout--example h4{color:var(--pdg-color-red)}.callout--rule h4{color:var(--pdg-color-green)}.example{color:var(--pdg-color-accent-a)}.rule{color:var(--pdg-color-accent-b)}table{font-family:var(--pdg-serif);border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:1rem;color:var(--pdg-ink)}table caption{font-family:var(--pdg-heading);font-variant:small-caps;text-transform:lowercase;letter-spacing:.05em;font-weight:400;color:var(--pdg-color-h3);text-align:left;padding:.5rem 0}thead{background:var(--pdg-table-thead-bg)}thead th{font-family:var(--pdg-heading);font-weight:400;font-variant:small-caps;text-transform:lowercase;letter-spacing:.04em;color:var(--pdg-color-h3)}th,td{padding:.5rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--pdg-table-border)}tbody tr:nth-child(even){background:var(--pdg-table-row-alt)}.table--green thead{background:var(--pdg-table-thead-bg-green)}.table--green thead th{color:var(--pdg-color-green)}.table--green th,.table--green td{border-bottom-color:var(--pdg-table-border-green)}.table--green tbody tr:nth-child(even){background:var(--pdg-table-row-alt-green)}.table--blue thead{background:var(--pdg-table-thead-bg)}.table--blue thead th{color:var(--pdg-color-blue)}.table--blue th,.table--blue td{border-bottom-color:var(--pdg-table-border)}.table--blue tbody tr:nth-child(even){background:var(--pdg-table-row-alt)}.hr,.rule01{margin:3rem auto;height:24px;background:url("/pendragon-styling/decoratives/rule01.svg") center/auto no-repeat}.rule02{margin:3rem auto;height:24px;background:url("/pendragon-styling/decoratives/rule02.svg") center/auto no-repeat}.rule03{margin:3rem auto;height:24px;background:url("/pendragon-styling/decoratives/rule03.svg") center/auto no-repeat}@media(max-width: 480px){.hr,.rule01,.rule02,.rule03{height:16px}}.frame{background:url("/pendragon-styling/decoratives/frame.svg") center/100% 100% no-repeat;padding:.75rem 1rem;color:var(--pdg-ink)}.pdg-frame{--frame-color: var(--pdg-color-brand);--frame-bg: var(--pdg-frame-bg);--frame-stroke: 2px;--frame-corner-size: 0.6rem;--frame-corner-outset: 0.25rem;position:relative;padding:.75rem 1rem;background:var(--frame-bg);border:var(--frame-stroke) solid var(--frame-color);color:var(--pdg-ink);isolation:isolate}.pdg-frame::before{content:"";position:absolute;inset:calc(-1*(var(--frame-corner-outset) + var(--frame-stroke)));pointer-events:none;background:linear-gradient(var(--frame-color), var(--frame-color)) top left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) top right/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom right/var(--frame-corner-size) var(--frame-corner-size) no-repeat}.pdg-frame--blue{--frame-color: var(--pdg-color-blue)}.pdg-frame--green{--frame-color: var(--pdg-color-green)}.pdg-frame--red{--frame-color: var(--pdg-color-red)}.callout--framed{--frame-color: var(--pdg-color-brand);--frame-bg: var(--pdg-frame-bg);--frame-stroke: 2px;--frame-corner-size: 0.6rem;--frame-corner-outset: 0.25rem;position:relative;padding:.75rem 1rem;background:var(--frame-bg);border:var(--frame-stroke) solid var(--frame-color);box-shadow:none;isolation:isolate;margin:var(--frame-corner-outset)}.callout--framed::before{content:"";position:absolute;inset:calc(-1*(var(--frame-corner-outset) + var(--frame-stroke)));pointer-events:none;background:linear-gradient(var(--frame-color), var(--frame-color)) top left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) top right/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom left/var(--frame-corner-size) var(--frame-corner-size) no-repeat,linear-gradient(var(--frame-color), var(--frame-color)) bottom right/var(--frame-corner-size) var(--frame-corner-size) no-repeat}.edge--blue{background-image:url("/pendragon-styling/decoratives/edge01-blue.svg");background-repeat:repeat-y}.edge--green{background-image:url("/pendragon-styling/decoratives/edge01-green.svg");background-repeat:repeat-y}.edge--red{background-image:url("/pendragon-styling/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(--pdg-text);color:var(--pdg-ink)}.quote__credit,p.quote-credit{text-align:right;margin:.25rem 10% 0;font-style:italic;font-size:.875em;color:var(--pdg-ink-muted)}.sidebar-box,.div-sidebar{padding:1rem 1.5rem;background:rgba(var(--pdg-color-brand-rgb), 0.08);border-left:4px solid var(--pdg-color-brand);margin:1.5rem 0;color:var(--pdg-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(--pdg-card-bg);border:1px solid var(--pdg-card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.08);color:var(--pdg-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(--pdg-h1);color:var(--pdg-color-h3);margin:0;font-size:1.5rem;line-height:1.2}.product-card__price{font-family:var(--pdg-text);color:var(--pdg-color-brand);font-weight:700;margin:0;font-size:1.125rem}.product-card__description{font-family:var(--pdg-text);color:var(--pdg-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(--pdg-color-accent-a);background:rgba(var(--pdg-color-red-rgb), 0.12);font-family:var(--pdg-text);color:var(--pdg-ink)}.callout.div-note,.div-note{padding:1rem 1.5rem;border-left:6px solid var(--pdg-color-brand);background:rgba(var(--pdg-color-brand-rgb), 0.1);font-family:var(--pdg-text);color:var(--pdg-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%}}html{background:var(--pdg-paper) var(--pdg-bg-image) center/cover fixed no-repeat;min-height:100vh}html body,.theme-container,.theme-container>.page,.page>.content__default{background:rgba(0,0,0,0);min-height:100vh}.theme-default-content,.theme-default-content p,.theme-default-content li,.theme-default-content td,.theme-default-content blockquote,.theme-default-content dd,.theme-default-content dt{font-family:var(--pdg-text);color:var(--pdg-ink)}.navbar{background:var(--pdg-paper) var(--pdg-bg-image) center/cover fixed no-repeat !important;border-bottom:1px solid rgba(var(--pdg-color-brand-rgb), 0.4);box-shadow:0 1px 0 rgba(0,0,0,.02)}.navbar .links{background:rgba(0,0,0,0) !important}.navbar .site-name{font-family:var(--pdg-h1);color:var(--pdg-color-brand);font-weight:400;letter-spacing:.03em;font-size:1.5rem}.navbar .nav-link{font-family:var(--pdg-text);color:var(--pdg-ink);font-weight:600}.navbar .nav-link:hover,.navbar .nav-link.router-link-active{color:var(--pdg-color-brand);border-bottom-color:var(--pdg-color-brand)}.navbar .dropdown-wrapper .dropdown-title{font-family:var(--pdg-text);color:var(--pdg-ink)}.navbar .dropdown-wrapper .dropdown-title:hover{color:var(--pdg-color-brand)}.navbar .repo-link{font-family:var(--pdg-text);color:var(--pdg-color-brand)}.sidebar{background:rgba(0,0,0,0) !important;border-right:1px solid rgba(var(--pdg-color-brand-rgb), 0.35)}.sidebar .sidebar-heading{font-family:var(--pdg-h1);color:var(--pdg-color-brand);font-weight:400;letter-spacing:.04em}.sidebar .sidebar-heading.open,.sidebar .sidebar-heading:hover{color:var(--pdg-color-red)}.sidebar .sidebar-link{font-family:var(--pdg-text);color:var(--pdg-ink);font-weight:500}.sidebar .sidebar-link:hover{color:var(--pdg-color-brand)}.sidebar .sidebar-link.active{color:var(--pdg-color-brand);border-left-color:var(--pdg-color-brand);background:rgba(var(--pdg-color-brand-rgb), 0.1);font-weight:700}.sidebar a.sidebar-link.heading{font-family:var(--pdg-h1);color:var(--pdg-color-brand);font-weight:400;letter-spacing:.03em}.search-box input{background:var(--pdg-paper);border:1px solid rgba(var(--pdg-color-brand-rgb), 0.4);color:var(--pdg-ink);font-family:var(--pdg-text)}.search-box input:focus{border-color:var(--pdg-color-brand)}.search-box .suggestions{background:var(--pdg-paper);border:1px solid rgba(var(--pdg-color-brand-rgb), 0.25)}.search-box .suggestion{font-family:var(--pdg-text)}.search-box .suggestion a{color:var(--pdg-ink)}.search-box .suggestion.focused{background:rgba(var(--pdg-color-brand-rgb), 0.12)}.search-box .suggestion.focused a{color:var(--pdg-color-brand)}.page-nav .inner{border-top:1px solid rgba(var(--pdg-color-brand-rgb), 0.25)}.page-nav .prev-link,.page-nav .next-link{color:var(--pdg-color-brand);font-family:var(--pdg-text);font-weight:600}.page-edit .edit-link a{color:var(--pdg-color-brand);font-family:var(--pdg-text)}.page-edit .last-updated .prefix,.page-edit .last-updated .time{font-family:var(--pdg-text)}.theme-default-content{max-width:1080px;margin-left:auto;margin-right:auto}.theme-default-content .full-width{max-width:none;margin-inline:0}.theme-default-content .hero img,.home .hero img{max-width:450px}