:root{--pf-band:#f1f7fc;--pf-band-alt:#e7f0f8;--pf-card:#e2effa;--pf-card-hover:#d6e8f7;--pf-card-border:#b9d9f0}@supports (background:color-mix(in srgb, red 10%, blue)){:root{--pf-band:color-mix(in srgb, var(--primary) 5%, var(--bg));--pf-band-alt:color-mix(in srgb, var(--primary) 9%, var(--bg));--pf-card:color-mix(in srgb, var(--primary) 12%, var(--surface));--pf-card-hover:color-mix(in srgb, var(--primary) 18%, var(--surface));--pf-card-border:color-mix(in srgb, var(--primary) 28%, var(--surface))}}.pf-band{background:var(--pf-band)}.pf-band-alt{background:var(--pf-band-alt)}.pf-hero{background:radial-gradient(720px 320px at 88% -10%, var(--hero-tint), transparent 70%), radial-gradient(560px 280px at 5% 110%, var(--eyebrow-bg), transparent 70%), var(--pf-band-alt);border-bottom:1px solid var(--pf-card-border);position:relative;overflow:hidden}.pf-hero-badge{color:var(--eyebrow-text);background:var(--eyebrow-bg);border:1px solid var(--eyebrow-border);border-radius:999px;margin-bottom:14px;padding:4px 14px;font-size:.9rem;font-weight:700;display:inline-block}.pf-hero-title{color:var(--text);margin:0 0 16px;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;line-height:1.5}.pf-hero-text{max-width:820px;color:var(--text-2);margin:0 0 10px;font-size:1.05rem;line-height:2}.pf-hero-text a{color:var(--primary-text)}.pf-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.pf-section-title{color:var(--text);margin:0;padding-inline-start:16px;font-size:1.5rem;font-weight:800;position:relative}.pf-section-title:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-hover));border-radius:4px;width:5px;position:absolute;inset-block:.25em;inset-inline-start:0}.pf-section-blurb{color:var(--text-muted);margin:4px 0 0;padding-inline-start:16px;font-size:1rem}.pf-more{color:var(--primary-text);white-space:nowrap;background:var(--pf-card);border:1px solid var(--pf-card-border);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.pf-more:hover{background:var(--pf-card-hover);transform:translateY(-1px)}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:1100px){.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pf-card{text-align:start;width:100%;height:100%;color:inherit;cursor:pointer;background:var(--pf-card);border:1px solid var(--pf-card-border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:8px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.pf-card:hover{background:var(--pf-card-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pf-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pf-card-img{aspect-ratio:1;background:var(--surface-raised);border-radius:14px;display:block;position:relative;overflow:hidden}.pf-card-img img{transition:transform .4s}.pf-card:hover .pf-card-img img{transform:scale(1.05)}.pf-card-zoom{color:#fff;opacity:0;background:#0f172a9e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;inset-block-end:10px;inset-inline-end:10px;transform:translateY(6px)}.pf-card:hover .pf-card-zoom,.pf-card:focus-visible .pf-card-zoom{opacity:1;transform:none}@media (hover:none){.pf-card-zoom{opacity:1;transform:none}}.pf-card-body{flex-direction:column;flex:1;gap:6px;padding:12px 8px 8px;display:flex}.pf-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:700;line-height:1.7;display:-webkit-box;overflow:hidden}.pf-card-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.8;display:-webkit-box;overflow:hidden}.pf-empty{text-align:center;color:var(--text-2);background:var(--pf-card);border:1px dashed var(--pf-card-border);border-radius:16px;padding:32px 16px;font-size:1rem}.pf-lightbox-img{aspect-ratio:1;background:var(--pf-card);border-radius:14px;width:100%;max-height:70vh;position:relative;overflow:hidden}.pf-lightbox-title{color:var(--text);margin:16px 0 6px;font-size:1.25rem;font-weight:800}.pf-lightbox-desc{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:1rem;line-height:2}.pf-lightbox-nav{width:40px;height:40px;color:var(--text);cursor:pointer;background:var(--pf-card);border:1px solid var(--pf-card-border);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pf-lightbox-nav:disabled{opacity:.4;cursor:not-allowed}.pf-cta-card{background:radial-gradient(420px 160px at 0% 0%, var(--hero-tint), transparent 70%), var(--pf-card);border:1px solid var(--pf-card-border);border-radius:20px;padding:24px}.pf-cats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pf-cat{height:100%;color:var(--text);background:var(--pf-card);border:1px solid var(--pf-card-border);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.pf-cat:hover{background:var(--pf-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pf-cat-icon{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.pf-cat-label{font-size:1.02rem;font-weight:700;display:block}.pf-cat-sub{color:var(--text-muted);font-size:.85rem;line-height:1.7;display:block}.pf-text{color:var(--text-2);margin:0 0 12px;font-size:1.05rem;line-height:2.1}.pf-list{color:var(--text-2);gap:8px;margin:0;padding:0 22px 0 0;font-size:1.05rem;line-height:2;display:grid}.pf-list li::marker{color:var(--primary)}.pf-list strong{color:var(--text)}.pf-links{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pf-panel{background:var(--pf-card);border:1px solid var(--pf-card-border);border-radius:20px;padding:24px}@media (max-width:575.98px){.pf-panel{padding:18px}}.pf-faq .content-section-gray{background:var(--pf-band-alt)}.pf-faq .faq-item{border:1px solid var(--pf-card-border);background-color:var(--pf-card)!important}
