body[data-member-content-cards="v1"] .ph-content-card{position:relative;display:grid;min-width:0;overflow:hidden;border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border);border-radius:var(--ph-radius-lg);background:var(--ph-color-surface);color:var(--ph-color-text);box-shadow:var(--ph-shadow-raised)}
body[data-member-content-cards="v1"] .ph-content-card:focus-within{border-color:var(--ph-color-focus)}
body[data-member-content-cards="v1"] .ph-content-card a:focus-visible,body[data-member-content-cards="v1"] .ph-content-card button:focus-visible{outline:var(--ph-focus-width) solid var(--ph-color-focus);outline-offset:var(--ph-focus-offset)}
.ph-content-card__media-shell{position:relative;min-width:0;background:var(--ph-color-canvas-subtle)}
.ph-content-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;color:var(--ph-color-text)}
.ph-content-card__media img{display:block;width:100%;height:100%;object-fit:cover;background:var(--ph-color-canvas-subtle)}
.ph-content-card__duration,.ph-content-card__new{position:absolute;z-index:var(--ph-z-base);padding:var(--ph-space-1) var(--ph-space-2);border-radius:var(--ph-radius-sm);background:var(--ph-color-overlay);color:var(--ph-color-on-accent);font-size:var(--ph-font-size-xs);font-weight:var(--ph-font-weight-bold)}
.ph-content-card__duration{right:var(--ph-space-2);bottom:var(--ph-space-3)}.ph-content-card__new{top:var(--ph-space-2);left:var(--ph-space-2);background:var(--ph-color-accent-emphasis)}
.ph-content-card__progress-slot{position:absolute;right:var(--ph-space-0);bottom:var(--ph-space-0);left:var(--ph-space-0);display:block;min-height:var(--ph-space-1)}
.ph-content-card__progress{display:block;width:100%;height:var(--ph-space-1);border:var(--ph-space-0);background:var(--ph-color-surface-raised);accent-color:var(--ph-color-accent-emphasis)}
.ph-content-card__preview{position:absolute;right:var(--ph-space-2);top:var(--ph-space-2);z-index:var(--ph-z-base);min-width:var(--ph-size-touch-min);min-height:var(--ph-size-touch-min);padding:var(--ph-space-2);border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border-strong);border-radius:var(--ph-radius-pill);background:var(--ph-color-overlay);color:var(--ph-color-on-accent);font-weight:var(--ph-font-weight-bold)}
.ph-content-card__preview-media{position:absolute;inset:var(--ph-space-0);width:100%;height:100%;object-fit:cover;background:var(--ph-color-canvas);pointer-events:none}
.ph-content-card__body{display:grid;align-content:start;gap:var(--ph-space-3);min-width:0;padding:var(--ph-space-4)}
.ph-content-card__body h3,.ph-creator-card__body h3{margin:var(--ph-space-0);font-family:var(--ph-font-display);font-size:var(--ph-font-size-lg);line-height:var(--ph-line-tight)}
.ph-content-card__body h3 a,.ph-creator-card__body h3 a{display:-webkit-box;overflow:hidden;color:var(--ph-color-text);text-decoration:none;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ph-content-card__reason{min-height:var(--ph-size-control-sm);margin:var(--ph-space-0);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-xs)}
.ph-content-card__creator{width:max-content;max-width:100%;overflow:hidden;color:var(--ph-color-accent-emphasis);font-weight:var(--ph-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.ph-content-card__creator span,.ph-creator-card__body h3>span{margin-left:var(--ph-space-1)}
.ph-content-concepts{display:flex;min-height:var(--ph-size-control-sm);align-items:center;gap:var(--ph-space-2);overflow:hidden}.ph-content-concepts a,.ph-content-concepts>span{max-width:100%;padding:var(--ph-space-1) var(--ph-space-2);overflow:hidden;border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border);border-radius:var(--ph-radius-pill);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-xs);text-overflow:ellipsis;white-space:nowrap}
.ph-content-card__metadata{display:flex;min-height:var(--ph-size-control-sm);align-items:center;gap:var(--ph-space-2);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-xs)}.ph-content-card__metadata span+span::before{content:"·";margin-right:var(--ph-space-2)}
.ph-content-card__access{min-height:var(--ph-size-control-md);margin:var(--ph-space-0);padding:var(--ph-space-3);border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-warning);border-radius:var(--ph-radius-md);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-sm)}
.ph-content-card__actions{display:flex;min-height:var(--ph-size-control-md);align-items:center;flex-wrap:wrap;gap:var(--ph-space-3);margin-top:auto}.ph-content-card__actions .ph-mutation-control{flex:1 1 auto}.ph-content-card__actions .ph-link{min-height:var(--ph-size-touch-min);display:inline-flex;align-items:center}
.ph-content-card__state-feedback{min-height:var(--ph-size-control-sm);margin:var(--ph-space-0);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-xs)}
.ph-video-card--compact-row,.ph-video-card--continue-watching{grid-template-columns:minmax(var(--ph-size-thumbnail-width),2fr) minmax(0,3fr)}.ph-video-card--featured{grid-column:span 2;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.ph-video-card--compact-row .ph-content-card__body,.ph-video-card--continue-watching .ph-content-card__body{padding:var(--ph-space-3)}.ph-video-card--compact-row .ph-content-card__reason{display:none}.ph-video-card--compact-row .ph-content-concepts{display:none}
.ph-content-card__skeleton,.ph-content-card__error{min-height:calc(var(--ph-size-thumbnail-width) * 2);display:grid;align-content:center;gap:var(--ph-space-4);padding:var(--ph-space-5)}.ph-content-card__skeleton span{display:block;min-height:var(--ph-size-control-sm);border-radius:var(--ph-radius-md);background:var(--ph-color-surface-raised);animation:ph-content-pulse var(--ph-motion-standard) var(--ph-motion-ease) infinite alternate}.ph-content-card__skeleton span:first-child{min-height:var(--ph-size-thumbnail-width)}
.ph-content-card__error{border-color:var(--ph-color-danger)}.ph-content-card__error p{margin:var(--ph-space-0);color:var(--ph-color-text-muted)}
.ph-creator-card{grid-template-columns:auto minmax(0,1fr);gap:var(--ph-space-4);align-items:start;padding:var(--ph-space-4)}.ph-creator-card--card{grid-template-columns:1fr}.ph-creator-card__image{display:grid;width:var(--ph-size-thumbnail-width);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:var(--ph-radius-lg);background:var(--ph-color-surface-raised);color:var(--ph-color-text);font-size:var(--ph-font-size-display);text-decoration:none}.ph-creator-card--card .ph-creator-card__image{width:100%}.ph-creator-card__image img{width:100%;height:100%;object-fit:cover}.ph-creator-card__body{display:grid;min-width:0;gap:var(--ph-space-3)}.ph-creator-card__body>p{min-height:var(--ph-size-control-sm);margin:var(--ph-space-0);color:var(--ph-color-text-muted)}.ph-creator-card__body h3{display:flex;gap:var(--ph-space-2);align-items:start}.ph-creator-card__count{font-size:var(--ph-font-size-xs)}
.ph-load-more{display:grid;justify-items:center;gap:var(--ph-space-2);padding:var(--ph-space-5)}.ph-load-more p{min-height:var(--ph-size-control-sm);margin:var(--ph-space-0);color:var(--ph-color-text-muted)}
.ph-content-catalogue{min-height:100vh;background:var(--ph-color-canvas);color:var(--ph-color-text)}.ph-content-policy,.ph-content-catalogue__section{width:min(calc(100% - (var(--ph-layout-gutter) * 2)),var(--ph-size-content-max));margin-inline:auto}.ph-content-policy{display:flex;align-items:start;justify-content:space-between;gap:var(--ph-space-5);padding:var(--ph-space-5);border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border-strong);border-radius:var(--ph-radius-lg);background:var(--ph-color-surface)}.ph-content-policy h2,.ph-content-catalogue__section h2,.ph-content-variant h3{margin:var(--ph-space-1) 0}.ph-content-policy p,.ph-content-catalogue__section header p{max-width:var(--ph-size-reading-max);color:var(--ph-color-text-muted)}
.ph-content-catalogue__section{padding-block:var(--ph-space-7)}.ph-content-variant{padding-block:var(--ph-space-5);border-bottom:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border)}.ph-content-state-grid,.ph-content-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ph-layout-grid-min),1fr));gap:var(--ph-layout-stack-gap)}.ph-content-state-grid>section,.ph-content-theme-grid>section{display:grid;align-content:start;gap:var(--ph-space-2);min-width:0}.ph-content-state-grid h4,.ph-content-theme-grid h3{margin:var(--ph-space-0);color:var(--ph-color-text-muted);font-size:var(--ph-font-size-xs);text-transform:uppercase}.ph-content-theme-grid>section{padding:var(--ph-space-4);background:var(--ph-color-canvas);color:var(--ph-color-text)}
.ph-virtual-spacer{grid-column:1/-1;pointer-events:none}
.ph-content-viewport-frame{display:block;max-width:100%;border:var(--ph-border-width) var(--ph-border-style) var(--ph-color-border-strong);border-radius:var(--ph-radius-lg);background:var(--ph-color-canvas)}
.ph-content-catalogue--viewport-fixture .ph-content-catalogue__section{width:100%;padding:var(--ph-space-4)}
.ph-content-catalogue--zoom-fixture{zoom:2}
@keyframes ph-content-pulse{from{opacity:var(--ph-opacity-disabled)}to{opacity:1}}
@media(max-width:56.25rem){.ph-video-card--featured,.ph-video-card--compact-row,.ph-video-card--continue-watching{grid-column:auto;grid-template-columns:1fr}.ph-video-card--standard-grid .ph-content-card__metadata span:nth-child(2){display:none}.ph-content-policy{flex-direction:column}.ph-creator-card{grid-template-columns:1fr}.ph-creator-card__image{width:100%}}
@media(max-width:22.5rem){.ph-video-card--standard-grid .ph-content-card__reason{display:none}.ph-content-card__actions{align-items:stretch;flex-direction:column}.ph-content-card__actions .ph-link{justify-content:center}.ph-content-concepts{align-items:stretch;flex-direction:column}.ph-content-concepts a,.ph-content-concepts>span{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){body[data-member-content-cards="v1"] *,body[data-member-content-cards="v1"] *::before,body[data-member-content-cards="v1"] *::after{animation-duration:var(--ph-motion-instant)!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:var(--ph-motion-instant)!important}}
@media(forced-colors:active){.ph-content-card,.ph-content-card__preview,.ph-content-card__access{border-color:CanvasText}.ph-content-card__duration,.ph-content-card__new,.ph-content-card__preview{background:Canvas;color:CanvasText}.ph-content-card:focus-within{border-color:Highlight}.ph-content-card__progress{accent-color:Highlight}}