.ph-layout{--ph-card-w:450px;--ph-grid-gap:16px;--ph-sidebar-w:280px;--ph-gutter:24px;--ph-layout-pad-x:clamp(64px, 10vw, 220px);--ph-cards-max:calc(4 * var(--ph-card-w) + 3 * var(--ph-grid-gap));--ph-layout-max:calc(var(--ph-cards-max) + var(--ph-gutter) + var(--ph-sidebar-w) + 2 * var(--ph-layout-pad-x));width:100%;max-width:var(--ph-layout-max);padding:20px var(--ph-layout-pad-x) 48px;box-sizing:border-box;margin:0 auto;container:ph-hub/inline-size}.ph-layout-pack{grid-template-columns:minmax(0, max-content) var(--ph-sidebar-w);column-gap:var(--ph-gutter);grid-template-areas:"top top""main side";align-items:start;row-gap:0;width:max-content;max-width:100%;margin:0 auto;display:grid}.ph-top-area{box-sizing:border-box;grid-area:top;width:0;min-width:100%;max-width:100%;margin-bottom:14px}.ph-main-col{min-width:0;width:calc(2 * var(--ph-card-w) + var(--ph-grid-gap));grid-area:main;max-width:100%}.ph-grid-area{width:100%;min-width:0}.ph-side-area{width:var(--ph-sidebar-w);grid-area:side;align-self:start;min-height:1px}.ph-sidebar-panel[data-ph-pinned]{z-index:20;box-sizing:border-box;flex-direction:column;display:flex;position:fixed;overflow:hidden}.ph-sidebar-panel[data-ph-pinned]>*{flex-shrink:1;min-height:0}.ph-card-grid{grid-template-columns:repeat(2, minmax(0, var(--ph-card-w)));gap:var(--ph-grid-gap);width:100%;display:grid}@container ph-hub (width>=1686px){.ph-main-col{width:calc(3 * var(--ph-card-w) + 2 * var(--ph-grid-gap))}.ph-card-grid{grid-template-columns:repeat(3, minmax(0, var(--ph-card-w)))}}@container ph-hub (width>=2152px){.ph-main-col{width:calc(4 * var(--ph-card-w) + 3 * var(--ph-grid-gap))}.ph-card-grid{grid-template-columns:repeat(4, minmax(0, var(--ph-card-w)))}}.ph-card-cell{box-sizing:border-box;width:100%;min-width:0}.ph-helper-row{align-items:center;gap:6px;margin-bottom:0;display:flex}.ph-helper-dot{opacity:.6;border-radius:2.5px;width:5px;height:5px}.ph-helper-text{letter-spacing:.4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.ph-grid-footer{text-align:center;padding:40px 0;font-size:12px}.ph-grid-empty{text-align:center;padding:80px 0;font-size:14px}.ph-selected-row{opacity:0;min-width:0;max-width:100%;height:0;margin-top:0;display:block;overflow:hidden}.ph-selected-row-inner{min-height:0}.ph-selected-bar{box-sizing:border-box;border:1px solid;border-left-width:3px;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;min-width:0;max-width:100%;padding:10px 12px;display:flex}.ph-selected-meta{flex-shrink:0;align-items:baseline;gap:6px;padding-top:3px;display:flex}.ph-selected-label{letter-spacing:.8px;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600}.ph-selected-count{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600}.ph-selected-chips{flex-wrap:wrap;flex:160px;gap:6px;min-width:0;display:flex}.ph-sel-chip{border:1px solid;border-radius:9999px;align-items:center;gap:5px;padding:4px 4px 4px 10px;font-size:12px;font-weight:500;animation:.28s cubic-bezier(.22,1,.36,1) both phSelChipIn;display:inline-flex}.ph-sel-chip button{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s,color .15s;display:flex}.ph-sel-chip button svg{width:11px;height:11px}.ph-sel-chip:hover{border-color:var(--ph-accent-soft-border);color:var(--ph-accent)}.ph-sel-chip button:hover{background:var(--ph-accent-soft);color:var(--ph-accent)}.ph-clear-all-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s,background .15s}.ph-clear-all-btn:hover{color:var(--ph-accent);background:var(--ph-accent-soft)}@keyframes phSelChipIn{0%{opacity:0;transform:translateY(5px)scale(.94)}to{opacity:1;transform:none}}@media (width<=959px){.ph-layout{max-width:none;padding:16px clamp(20px,5vw,48px) 48px}.ph-layout-pack{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""side""main";width:100%}.ph-main-col{width:100%}.ph-side-area{width:100%;margin-bottom:16px}.ph-sidebar-panel[data-ph-pinned]{width:auto!important;max-height:none!important;position:static!important;top:auto!important;left:auto!important}.ph-card-grid{gap:12px}.ph-side-area #tag-sidebar-list{max-height:320px}}@media (width<=767px){.ph-layout{padding:8px 4px 16px}.ph-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}