.resource-body[data-astro-cid-3kblmlr2] .plg-items-grid{display:flex;flex-direction:column;gap:var(--space-6);margin-block:var(--space-6)}.resource-body[data-astro-cid-3kblmlr2] .plg-item{display:flex;gap:var(--space-4);align-items:center}.resource-body[data-astro-cid-3kblmlr2] .plg-item-icon{flex-shrink:0;width:80px}.resource-body[data-astro-cid-3kblmlr2] .plg-item-icon figure{margin:0}.resource-body[data-astro-cid-3kblmlr2] .plg-item-icon img{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-md);display:block}.resource-body[data-astro-cid-3kblmlr2] .plg-item-icon>p{font-size:3rem;line-height:1;margin:0;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.resource-body[data-astro-cid-3kblmlr2] .plg-item-text{flex:1;min-width:0}.resource-body[data-astro-cid-3kblmlr2] .plg-item-text h3{margin-block-start:0;margin-block-end:var(--space-1)}.resource-body[data-astro-cid-3kblmlr2] .plg-item-text p{margin-block-end:var(--space-2);color:var(--color-text-muted)}.resource-body[data-astro-cid-3kblmlr2] .plg-item-text p:last-child{margin-block-end:0}.resource-body[data-astro-cid-3kblmlr2] .plg-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-block:var(--space-8)}.resource-body[data-astro-cid-3kblmlr2] .plg-comparison-panel{padding:var(--space-6);border-radius:var(--radius-md)}.resource-body[data-astro-cid-3kblmlr2] .plg-comparison-panel h2{font-size:var(--font-size-lg);margin-block:0 var(--space-4)}.resource-body[data-astro-cid-3kblmlr2] .plg-works{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.resource-body[data-astro-cid-3kblmlr2] .plg-doesnt{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.resource-body[data-astro-cid-3kblmlr2] .plg-checklist{list-style:none;padding:0;margin:0}.resource-body[data-astro-cid-3kblmlr2] .plg-checklist li{padding-block:var(--space-1);line-height:var(--line-height-relaxed)}.resource-body[data-astro-cid-3kblmlr2] .plg-callout{text-align:center;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-block:var(--space-8);background:var(--color-surface)}.resource-body[data-astro-cid-3kblmlr2] .plg-callout h2{margin-block:0 var(--space-2)}.resource-body[data-astro-cid-3kblmlr2] .plg-callout p{color:var(--color-text-muted)}.resource-body[data-astro-cid-3kblmlr2] .plg-callout ol{text-align:start;max-width:40ch;margin-inline:auto;margin-block-start:var(--space-4);padding-inline-start:var(--space-6)}.resource-body[data-astro-cid-3kblmlr2] .plg-callout li{margin-block-end:var(--space-2);line-height:var(--line-height-relaxed)}@media(max-width:480px){.resource-body[data-astro-cid-3kblmlr2] .plg-comparison{grid-template-columns:1fr}.resource-body[data-astro-cid-3kblmlr2] .plg-item{flex-direction:column;align-items:flex-start;text-align:start}}@media(prefers-reduced-motion:reduce){.resource-body[data-astro-cid-3kblmlr2] .plg-item-icon img[src$=".gif"]{animation-play-state:paused}}.resource-body[data-astro-cid-3kblmlr2] .principles-version-banner{padding:var(--space-4) var(--space-6);background:var(--color-surface);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-block:var(--space-6)}.resource-body[data-astro-cid-3kblmlr2] .principles-version-banner p{margin:0}.resource-body[data-astro-cid-3kblmlr2] .principles-version-banner a{color:var(--color-primary-text);text-decoration:underline}.resource-body[data-astro-cid-3kblmlr2] .principles-version-banner a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.resource-body[data-astro-cid-3kblmlr2] figure:has(table){margin:0;margin-block:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.resource-body[data-astro-cid-3kblmlr2] table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.resource-body[data-astro-cid-3kblmlr2] thead{border-block-end:2px solid var(--color-primary)}.resource-body[data-astro-cid-3kblmlr2] th{font-family:var(--font-heading);font-weight:700;text-align:start;padding:var(--space-3) var(--space-4);color:var(--color-text);white-space:nowrap}.resource-body[data-astro-cid-3kblmlr2] th[data-align=right]{text-align:end;width:2.5rem}.resource-body[data-astro-cid-3kblmlr2] td{padding:var(--space-3) var(--space-4);vertical-align:baseline;border-block-end:1px solid var(--color-border)}.resource-body[data-astro-cid-3kblmlr2] td[data-align=right]{text-align:end;color:var(--color-text-muted);font-variant-numeric:lining-nums}.resource-body[data-astro-cid-3kblmlr2] tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-surface) 50%,transparent)}.resource-body[data-astro-cid-3kblmlr2] td strong{color:var(--color-text);font-weight:700}.resource-body[data-astro-cid-3kblmlr2] .principles-accordion{margin-block:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.resource-body[data-astro-cid-3kblmlr2] .principles-details{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.resource-body[data-astro-cid-3kblmlr2] .principles-details summary{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:700;padding:var(--space-4) var(--space-6);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--color-text)}.resource-body[data-astro-cid-3kblmlr2] .principles-details summary::-webkit-details-marker{display:none}.resource-body[data-astro-cid-3kblmlr2] .principles-details summary:after{content:"+";font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-muted);transition:transform .2s ease}@media(prefers-reduced-motion:no-preference){.resource-body[data-astro-cid-3kblmlr2] .principles-details summary:after{transition:transform .2s ease}}.resource-body[data-astro-cid-3kblmlr2] .principles-details[open] summary:after{content:"−"}.resource-body[data-astro-cid-3kblmlr2] .principles-details summary:hover{background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.resource-body[data-astro-cid-3kblmlr2] .principles-details summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-md)}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body{padding:0 var(--space-6) var(--space-6)}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body p{line-height:var(--line-height-relaxed);margin-block-end:var(--space-4)}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body p:last-child{margin-block-end:0}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body ul{padding-inline-start:var(--space-6);margin:0}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body li{margin-block-end:var(--space-2);line-height:var(--line-height-relaxed)}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body a{color:var(--color-primary-text);text-decoration:underline}.resource-body[data-astro-cid-3kblmlr2] .principles-details-body a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}