.content-card{list-style:none}.content-card--wide{grid-column:1 / -1}@media(min-width:1024px){.content-card--wide .content-card__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-rows:min-content;align-content:center;column-gap:var(--space-8);row-gap:var(--space-3);padding:var(--space-4)}.content-card--wide .content-card__media{grid-column:1;grid-row:1 / span 8;margin-bottom:0}.content-card--wide .content-card__body>:not(.content-card__media){grid-column:2;padding-inline:0 var(--space-6)}}.content-card__body{position:relative;padding:var(--space-4) var(--space-4) var(--space-6);transition:var(--transition-surface),transform var(--duration-slow) var(--ease-standard)}.content-card__body:hover,.content-card__body:focus-within{border-color:var(--accent-a-ink, var(--color-line-strong));transform:translateY(-2px)}.content-card__body>:not(.content-card__media){padding-inline:var(--space-2)}.content-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-a-ink, var(--color-fg)) 22%,var(--color-surface)),color-mix(in srgb,var(--accent-b-ink, var(--color-fg)) 18%,var(--color-surface)));margin-bottom:var(--space-2)}.content-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}.content-card__body:hover .content-card__media img{transform:scale(1.03)}.content-card__placeholder{position:absolute;inset:auto var(--space-4) var(--space-4);color:var(--color-fg)}.content-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-fg)}.content-card__title--wide{font-size:clamp(1.4rem,2.6vw,2rem)}.content-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.content-card__link:focus-visible{outline:none}.content-card__body:has(.content-card__link:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.content-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-4);padding-block:var(--space-3);border-block:var(--border-width-hairline) solid var(--color-line)}.content-card__metric-value{font-size:var(--font-size-2xl);font-weight:800;line-height:1;color:var(--accent-a-ink, var(--color-fg))}.content-card__metric-label{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.content-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-fg-secondary)}.content-empty{position:relative;overflow:hidden;padding:var(--space-10) var(--space-6)}@media(min-width:768px){.content-empty{padding:var(--space-16) var(--space-12)}}.content-empty__label{color:var(--accent-a-ink, var(--color-fg-secondary))}.content-empty__mark{position:relative;width:4.5rem;height:3.5rem;margin-bottom:var(--space-6)}.content-empty__mark span{position:absolute;inset:0;border:var(--border-width-hairline) dashed var(--color-line-strong);border-radius:var(--radius-lg)}.content-empty__mark span:nth-child(2){transform:translate(.5rem,-.5rem);border-color:var(--accent-a-ink, var(--color-line-strong));opacity:.6}.content-empty__mark span:nth-child(3){transform:translate(1rem,-1rem);border-style:solid;border-color:var(--accent-b-ink, var(--color-line-strong));opacity:.45}.content-author{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.content-author__mark{display:grid;place-items:center;flex:none;width:3.5rem;height:3.5rem;border-radius:var(--radius-circle);background:var(--color-fg);color:var(--color-page);font-weight:800}.content-share__row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.content-share__button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:var(--border-width-hairline) solid var(--color-line-strong);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg);cursor:pointer;transition:var(--transition-surface)}.content-share__button:hover{border-color:var(--accent-a-ink, var(--color-fg))}.content-share__button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.content-share__status{min-height:1.5rem;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.content-snapshot{padding:var(--space-5) var(--space-6)}.content-snapshot>summary{min-height:2.75rem;display:flex;align-items:center;cursor:pointer;color:var(--accent-a-ink, var(--color-fg))}.content-snapshot dl{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.content-snapshot dt{color:var(--color-fg-secondary)}.content-snapshot dd{margin-top:var(--space-1);color:var(--color-fg);font-weight:600}.content-study{display:grid;gap:var(--space-8)}@media(min-width:1024px){.content-study{grid-template-columns:17rem minmax(0,68ch);justify-content:center;gap:var(--space-16)}.content-study__aside{position:sticky;top:var(--inner-sticky-top);align-self:start;display:grid;gap:var(--space-6)}.content-snapshot>summary{pointer-events:none;list-style:none}.content-snapshot>summary::-webkit-details-marker{display:none}}.content-tool{--tool-ink: var(--tool-tint, var(--accent-a-ink, var(--color-fg)))}.content-tool:hover,.content-tool:focus-within{border-color:var(--accent-a-ink, var(--color-line-strong))}.content-tool__head{display:flex;align-items:center;gap:var(--space-3)}.content-tool__head .inner-index{flex:1}.content-tool__mark{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:var(--radius-xl);border:var(--border-width-hairline) solid color-mix(in srgb,var(--tool-ink) 45%,transparent);background:color-mix(in srgb,var(--tool-ink) 14%,var(--color-surface));color:var(--color-fg);font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;letter-spacing:.04em}.content-tool__name{color:var(--color-fg)}.content-tool__name:hover{text-decoration:underline;text-underline-offset:.2em}.content-tool__actions{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:auto;padding-top:var(--space-2)}.content-tool__link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;font-weight:600;color:var(--accent-a-ink, var(--color-fg))}.content-tool__link:hover{text-decoration:underline;text-underline-offset:.2em}.content-tool__link--open{color:var(--color-fg)}:is(.content-tool__name,.content-tool__link):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.content-device{overflow:hidden;border:var(--border-width-hairline) solid var(--color-line-strong);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:0 30px 80px -40px color-mix(in srgb,var(--accent-a-ink, var(--color-fg)) 55%,transparent)}.content-device__bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-hairline) solid var(--color-line);background:var(--color-page)}.content-device__dots{display:inline-flex;gap:var(--space-2);flex:none}.content-device__dots span{width:.65rem;height:.65rem;border-radius:var(--radius-circle);background:var(--color-line-strong)}.content-device__address{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-width-hairline) solid var(--color-line);color:var(--color-fg-secondary);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-size-xs)}.content-device__screen{display:grid;gap:var(--space-6);padding:var(--space-6);background:radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--accent-b-ink, var(--color-fg)) 12%,transparent),transparent),var(--color-surface)}@media(min-width:768px){.content-device__screen{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding:var(--space-12)}}.content-checks{display:grid;gap:var(--space-3)}.content-checks li{display:flex;gap:var(--space-3);color:var(--color-fg-secondary)}.content-checks li:before{content:"";flex:none;width:.5rem;height:.5rem;margin-top:.55em;border-radius:var(--radius-circle);background:var(--accent-a-ink, var(--color-fg))}.content-sitemap{column-gap:var(--space-6)}@media(min-width:768px){.content-sitemap{columns:2}}@media(min-width:1280px){.content-sitemap{columns:3}}.content-sitemap__section{break-inside:avoid;margin-bottom:var(--space-6);padding:var(--space-6);border:var(--border-width-hairline) solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-surface)}.content-sitemap__section:not(:has([data-filter-item]:not([hidden]))){display:none}.content-sitemap__links{display:grid;margin-top:var(--space-4);border-top:var(--border-width-hairline) solid var(--color-line)}.content-sitemap__links li[hidden]{display:none}.content-sitemap__link{display:grid;gap:var(--space-1);min-height:2.75rem;align-content:center;padding-block:var(--space-2);border-bottom:var(--border-width-hairline) solid var(--color-line);font-weight:600;color:var(--color-fg)}.content-sitemap__link:hover{color:var(--accent-a-ink, var(--color-fg))}.content-sitemap__link:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.content-sitemap__description{font-size:var(--font-size-sm);font-weight:400;color:var(--color-fg-secondary)}