.d1f-shell{--d1f-bg:var(--b16-page-light,#f7f8ff);--d1f-surface:#fff;--d1f-text:#17223b;--d1f-muted:#57647b;--d1f-line:var(--b16-line-light,#e0e5f2);--d1f-accent:var(--b16-action-light,#5b3ee4);--d1f-on-accent:var(--b16-on-action-light,#fff);--d1f-soft:var(--b16-soft-light,#efedff);background:var(--d1f-bg);color:var(--d1f-text);padding:22px 0 64px;line-height:1.7}
.dark .d1f-shell{--d1f-bg:var(--b16-page-dark,#0b1120);--d1f-surface:#111b2c;--d1f-text:#edf2ff;--d1f-muted:#b3bfd4;--d1f-line:var(--b16-line-dark,#2d3a52);--d1f-accent:var(--b16-action-dark,#b1a3ff);--d1f-on-accent:var(--b16-on-action-dark,#151c2f);--d1f-soft:var(--b16-soft-dark,#252342);color-scheme:dark}
.d1f-shell *{box-sizing:border-box;min-width:0}.d1f-shell a{color:inherit;text-decoration:none}.d1f-shell button,.d1f-shell input,.d1f-shell select{font:inherit}.d1f-shell :focus-visible{outline:3px solid var(--d1f-accent);outline-offset:4px}.d1f-container{width:min(1336px,100% - 40px);margin:auto}.d1f-breadcrumb{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--d1f-muted);margin-bottom:18px}.d1f-breadcrumb a:hover{color:var(--d1f-accent)}
.d1f-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;padding:42px 48px;margin-bottom:32px;border:1px solid #e0dbfc;border-radius:30px;background:linear-gradient(125deg,#f9f8ff,#f0edff 62%,#eef7ff);box-shadow:0 18px 50px #303a6b09}.dark .d1f-hero{border-color:#3b3760;background:linear-gradient(125deg,#211b3b,#171c34 62%,#17283a)}.d1f-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8370ef14 1px,transparent 1px),linear-gradient(90deg,#8370ef14 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to left,transparent,#000)}.d1f-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--d1f-accent);font-size:.78rem;font-weight:800;letter-spacing:.03em}.d1f-hero h1{font-size:clamp(2rem,4.1vw,3.6rem);line-height:1.35;font-weight:900;letter-spacing:-.035em;margin:12px 0 14px}.d1f-hero h1 em{font-style:normal;color:var(--d1f-accent)}.d1f-hero-copy>p{font-size:1rem;line-height:1.95;max-width:610px;color:var(--d1f-muted);margin:0 0 22px}.d1f-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:10px 19px;background:#5b3ee4;border:1px solid transparent;border-radius:13px;color:#fff!important;font-weight:800;font-size:.86rem;cursor:pointer;box-shadow:0 7px 18px #5b3ee424}.d1f-button:hover{background:#4831ba}.d1f-hero-side{align-self:center;border:1px solid #ffffff86;background:#ffffff9c;padding:26px;border-radius:23px;box-shadow:0 15px 45px #4542700a}.dark .d1f-hero-side{background:#10182cb5;border-color:#494368}.d1f-hero-icon{display:flex;width:53px;height:53px;align-items:center;justify-content:center;border-radius:15px;background:var(--d1f-soft);color:var(--d1f-accent);font-size:1.4rem;margin-bottom:14px}.d1f-hero-side strong{display:block;font-size:1.45rem;font-weight:900;line-height:1.65}.d1f-hero-side p{color:var(--d1f-muted);font-size:.82rem;margin:9px 0 17px}.d1f-hero-tags{display:flex;flex-wrap:wrap;gap:7px}.d1f-hero-tags span{border:1px solid var(--d1f-line);background:var(--d1f-surface);padding:4px 9px;border-radius:9px;color:var(--d1f-muted);font-size:.7rem}
.d1f-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.d1f-filter-panel{background:var(--d1f-surface);border:1px solid var(--d1f-line);border-radius:21px;overflow:hidden}.d1f-filter-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 19px;font-size:.94rem;font-weight:900;list-style:none;border-bottom:1px solid var(--d1f-line)}.d1f-filter-details>summary::-webkit-details-marker{display:none}.d1f-filter-details>summary>span:first-child{display:flex;align-items:center;gap:9px}.d1f-filter-details>summary i{color:var(--d1f-accent)}.d1f-details-hint{font-size:.67rem;font-weight:600;color:var(--d1f-muted)}.d1f-form{display:grid;gap:15px;padding:20px}.d1f-field{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700}.d1f-field>span{color:var(--d1f-muted)}.d1f-field input,.d1f-field select{width:100%;min-height:45px;background:var(--d1f-bg);border:1px solid var(--d1f-line);border-radius:10px;padding:9px 11px;color:var(--d1f-text);font-size:.8rem;font-weight:500}.d1f-field select{padding-inline-end:6px}.d1f-field input::placeholder{color:var(--d1f-muted)}.d1f-form-actions{display:flex;flex-direction:column;gap:13px;text-align:center;padding-top:7px}.d1f-clear{font-size:.78rem;color:var(--d1f-muted)!important;text-decoration:underline!important;text-underline-offset:4px}.d1f-filter-note{font-size:.74rem;line-height:1.9;color:var(--d1f-muted);border-top:1px solid var(--d1f-line);padding:17px 20px;margin:0}.d1f-filter-note i{color:var(--d1f-accent);margin-inline-end:4px}
.d1f-results{scroll-margin-top:90px}.d1f-results-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:2px 0 20px}.d1f-results-heading h2{font-size:1.45rem;font-weight:900;line-height:1.5;margin:3px 0}.d1f-result-count{background:var(--d1f-surface);border:1px solid var(--d1f-line);padding:8px 13px;border-radius:12px;font-weight:800;font-size:.82rem;white-space:nowrap}.d1f-active{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.d1f-active a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--d1f-line);background:var(--d1f-soft);padding:6px 11px;font-size:.7rem;border-radius:9px;max-width:100%;overflow-wrap:anywhere}.d1f-active a>span:last-child{font-size:1.2rem;line-height:1}.d1f-active a:hover{border-color:var(--d1f-accent)}.d1f-result-note{font-size:.76rem;color:var(--d1f-muted);margin:0 0 16px}.d1f-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.d1f-card{display:flex;flex-direction:column;border:1px solid var(--d1f-line);border-radius:19px;overflow:hidden;background:var(--d1f-surface);box-shadow:0 4px 15px #1a294707;transition:border-color .2s ease,box-shadow .2s ease}.d1f-card:hover{border-color:var(--d1f-accent);box-shadow:0 12px 28px #352b6514}.d1f-card-media{position:relative;display:block;aspect-ratio:1200/630;background:var(--d1f-soft);overflow:hidden}.d1f-card-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.d1f-media-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--d1f-accent);background:radial-gradient(circle at 25% 10%,#c0b7ff55,transparent 70%)}.d1f-media-art svg{width:60%;height:80%;opacity:.45}.d1f-file-kind{position:absolute;bottom:11px;inset-inline-start:11px;background:#5b3ee4;color:#fff;border:1px solid #ffffff45;border-radius:8px;padding:4px 8px;font-size:.65rem;font-weight:800;backdrop-filter:blur(8px)}.d1f-kind-collection{background:#845c10}.d1f-card-body{display:flex;flex-direction:column;flex:1;padding:17px}.d1f-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.d1f-card-chips span{background:var(--d1f-soft);color:var(--d1f-accent);font-size:.61rem;line-height:1.5;font-weight:700;padding:4px 7px;border-radius:7px;overflow-wrap:anywhere}.d1f-card h3{font-size:.96rem;line-height:1.8;font-weight:850;margin:0 0 11px;overflow-wrap:anywhere}.d1f-card h3 a:hover{color:var(--d1f-accent)}.d1f-card-context{display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--d1f-muted);font-size:.65rem;margin:0 0 14px;overflow-wrap:anywhere}.d1f-card-foot{margin-top:auto;padding-top:10px;font-size:.63rem;color:var(--d1f-muted)}.d1f-card-foot time{display:block;line-height:1.8;margin-bottom:9px}.d1f-card-counts{display:flex;flex-wrap:wrap;gap:8px 12px;line-height:1.8}.d1f-card-counts>span{display:inline-flex;align-items:center;gap:5px}.d1f-rating i{color:#b37708}.dark .d1f-rating i{color:#f9ca60}.d1f-card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--d1f-line);margin-top:14px;padding-top:12px;font-size:.73rem;font-weight:800;color:var(--d1f-accent)!important}.d1f-card-action>span{font-size:1.15rem}
.d1f-state{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--d1f-surface);border:1px solid var(--d1f-line);border-radius:21px;padding:48px 25px}.d1f-state>i{font-size:2.5rem;color:var(--d1f-accent);margin-bottom:16px}.d1f-state h3{font-weight:850;font-size:1.25rem;margin:0 0 8px}.d1f-state p{font-size:.88rem;color:var(--d1f-muted);max-width:500px;line-height:1.9;margin:0 0 23px}.d1f-error{border-color:#dfa454}.d1f-error>i{color:#9d620d}.dark .d1f-error{border-color:#94692d}.dark .d1f-error>i{color:#f0bb6e}.d1f-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:29px}.d1f-pagination>a,.d1f-pagination>span{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:43px;border:1px solid var(--d1f-line);border-radius:10px;background:var(--d1f-surface);padding:7px 12px;font-size:.79rem;font-weight:700}.d1f-pagination>a:hover{border-color:var(--d1f-accent);color:var(--d1f-accent)}.d1f-pagination>.d1f-current{background:#5b3ee4;border-color:#5b3ee4;color:#fff}
@media(min-width:1500px){.d1f-grid{gap:21px}.d1f-card h3{font-size:1rem}}
@media(max-width:1160px){.d1f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.d1f-hero{gap:25px;padding:32px}.d1f-layout{grid-template-columns:245px minmax(0,1fr);gap:22px}}
@media(max-width:780px){.d1f-container{width:calc(100% - 28px)}.d1f-shell{padding-top:17px}.d1f-hero{grid-template-columns:1fr;padding:28px;border-radius:23px;gap:22px;margin-bottom:22px}.d1f-hero-side{display:none}.d1f-hero-copy>p{font-size:.9rem}.d1f-layout{grid-template-columns:1fr;gap:25px}.d1f-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.d1f-search,.d1f-form-actions{grid-column:1/-1}.d1f-form-actions{flex-direction:row;align-items:center;justify-content:space-between}.d1f-form-actions .d1f-button{flex:1}.d1f-filter-note{display:none}.d1f-filter-details>summary{font-size:.91rem}.d1f-details-hint{font-size:.75rem}.d1f-results-heading h2{font-size:1.3rem}.d1f-result-count{font-size:.73rem;padding:7px 9px}.d1f-results-heading{gap:10px}.d1f-grid{gap:14px}.d1f-card-body{padding:14px}.d1f-card h3{font-size:.9rem}.d1f-card-chips span{font-size:.58rem}.d1f-field input,.d1f-field select{font-size:16px}.d1f-field>span{font-size:.72rem}}
@media(max-width:440px){.d1f-hero{padding:24px 21px}.d1f-hero h1{font-size:2.2rem}.d1f-hero-copy>p{font-size:.85rem}.d1f-grid{grid-template-columns:1fr}.d1f-card{border-radius:18px}.d1f-card-media{aspect-ratio:1.9}.d1f-card-body{padding:17px}.d1f-card h3{font-size:1rem}.d1f-card-chips span{font-size:.65rem}.d1f-card-foot,.d1f-card-context{font-size:.71rem}.d1f-form{padding:16px;gap:13px}.d1f-form-actions{gap:14px}.d1f-state{padding:35px 20px}.d1f-state h3{font-size:1.05rem}.d1f-pagination{gap:6px}.d1f-pagination>a,.d1f-pagination>span{min-width:37px;padding:6px 9px}.d1f-results-heading .d1f-eyebrow{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.d1f-card{transition:none}}
/* The validated class inherits its stage's configured public palette. */
.d1f-hero,.dark .d1f-hero{border-color:var(--d1f-line);background:linear-gradient(125deg,var(--d1f-surface),var(--d1f-soft) 62%,var(--d1f-bg))}.d1f-hero:before{background-image:linear-gradient(var(--d1f-line) 1px,transparent 1px),linear-gradient(90deg,var(--d1f-line) 1px,transparent 1px);opacity:.25}.d1f-hero-side,.dark .d1f-hero-side{border-color:var(--d1f-line)}.d1f-button,.d1f-pagination>.d1f-current,.d1f-file-kind{background:var(--d1f-accent);color:var(--d1f-on-accent)!important}.d1f-pagination>.d1f-current{border-color:var(--d1f-accent)}.d1f-button:hover{background:var(--d1f-accent);filter:brightness(.92)}.d1f-kind-collection{background:#845c10;color:#fff!important}
