/*! Digiro archive — generated 2026-07-11 */@layer tokens,base,layout,components,patterns,utilities;@layer components{.category-banner{position:relative;padding-block:var(--space-lg) var(--space-md);background:linear-gradient(135deg,color-mix(in oklab,var(--color-cat, var(--color-brand)) 9%,transparent) 0%,var(--color-bg) 72%);border-block-end:1px solid var(--color-divider);isolation:isolate}.category-banner__bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.category-banner__icon{flex:0 0 auto;inline-size:48px;block-size:48px;border-radius:var(--radius-lg);background:var(--color-cat, var(--color-brand));color:#fff;display:inline-grid;place-items:center;box-shadow:0 4px 14px color-mix(in oklab,var(--color-cat, var(--color-brand)) 28%,transparent)}.category-banner__icon .icon{inline-size:24px;block-size:24px}.category-banner__headings{flex:1 1 200px;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.category-banner__title{font-size:var(--fs-2xl);font-weight:var(--fw-extra);color:var(--color-ink);margin:0;line-height:1.2}@media (min-width: 48em){.category-banner__title{font-size:var(--fs-3xl)}}.category-banner__count{font-size:var(--fs-sm);color:var(--color-ink-muted)}.category-banner__count-value{font-family:var(--font-latin);font-weight:var(--fw-bold);color:var(--color-ink)}.category-banner__count-sep{margin-inline:var(--space-3xs);opacity:.55}.category-banner__desc{margin-block:var(--space-sm) 0;font-size:var(--fs-sm);color:var(--color-ink-muted);line-height:var(--lh-relaxed);max-inline-size:72ch}.category-banner__follow{flex:0 0 auto;margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-md);background:var(--color-cat, var(--color-brand));color:#fff;text-decoration:none;border-radius:var(--radius-full);font-weight:var(--fw-bold);font-size:var(--fs-sm);border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard)}.category-banner__follow:hover{transform:translateY(-1px)}.category-banner__follow .icon{inline-size:16px;block-size:16px}.subcat-row{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center;margin-block-end:var(--space-lg)}.category-banner .subcat-row{margin-block:var(--space-md) 0}.subcat-row__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-ink-muted);margin-inline-end:var(--space-2xs)}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding-block:var(--space-md);border-block-end:1px solid var(--color-divider);margin-block-end:var(--space-lg)}.filter-bar__sort{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.filter-bar__count{font-size:var(--fs-sm);color:var(--color-ink-muted)}.top-authors{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.top-authors__title{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-block-end:var(--space-md);padding-block-end:var(--space-2xs);border-block-end:1px solid var(--color-divider)}.top-authors__list{list-style:none;padding:0;display:grid;gap:var(--space-sm)}.top-authors__item{display:flex;align-items:center;gap:var(--space-xs)}.top-authors__link{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-inline-size:0;color:inherit;text-decoration:none}.top-authors__link:hover .top-authors__name{color:var(--color-brand)}.top-authors__badge-wrap{flex:0 0 auto;inline-size:var(--avatar-size, 36px);block-size:var(--avatar-size, 36px)}.top-authors__badge{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;border-radius:var(--radius-full);box-shadow:0 1px 3px color-mix(in oklab,var(--color-ink) 12%,transparent),inset 0 -2px color-mix(in oklab,#000 14%,transparent)}.top-authors__badge-letter{display:block;font-size:calc(var(--avatar-size, 36px) * .5);font-weight:800;line-height:1;letter-spacing:-.03em}.top-authors__info{display:grid;gap:2px;min-inline-size:0}.top-authors__name{display:block;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--color-ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-authors__meta{display:block;font-size:var(--fs-xs);color:var(--color-ink-muted);line-height:1.25}.top-authors__follow{padding:4px var(--space-sm);background:var(--color-brand-soft);color:var(--color-brand);border:0;border-radius:var(--radius-full);font-weight:var(--fw-bold);font-size:var(--fs-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.top-authors__follow:hover{background:var(--color-brand);color:#fff}.top-authors__follow.is-followed{background:var(--color-surface-sunken);color:var(--color-ink-muted)}}@layer components{.tag-banner{padding-block:var(--space-lg) var(--space-md);background:linear-gradient(135deg,color-mix(in oklab,var(--color-brand) 8%,transparent) 0%,var(--color-bg) 72%);border-block-end:1px solid var(--color-divider)}.tag-banner__bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.tag-banner__icon{flex:0 0 auto;inline-size:48px;block-size:48px;border-radius:var(--radius-lg);background:var(--color-brand);color:#fff;display:inline-grid;place-items:center;font-family:var(--font-latin);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:1;box-shadow:0 4px 14px color-mix(in oklab,var(--color-brand) 28%,transparent)}.tag-banner__headings{flex:1 1 200px;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.tag-banner__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-ink-muted);letter-spacing:var(--ls-wide);text-transform:uppercase}.tag-banner__title{font-size:var(--fs-2xl);font-weight:var(--fw-extra);color:var(--color-ink);margin:0;line-height:1.2;text-wrap:balance}@media (min-width: 48em){.tag-banner__title{font-size:var(--fs-3xl)}}.tag-banner__count{font-size:var(--fs-sm);color:var(--color-ink-muted)}.tag-banner__count-value{font-family:var(--font-latin);font-weight:var(--fw-bold);color:var(--color-ink)}.tag-banner__desc{margin-block:var(--space-sm) 0;font-size:var(--fs-sm);color:var(--color-ink-muted);line-height:var(--lh-relaxed);text-align:start}.page-tag .section--tag-list{padding-block-start:var(--space-lg)}}@layer components{.brand-archive__hero{background:linear-gradient(180deg,var(--color-brand-soft) 0%,transparent 100%);padding-block:var(--space-xl) var(--space-lg);border-block-end:1px solid var(--color-divider)}.brand-archive__hero-inner{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center}@media (max-width: 47.99em){.brand-archive__hero-inner{grid-template-columns:1fr;text-align:center}}.brand-archive__logo{inline-size:120px;block-size:120px;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 4px 12px -4px #00000026;overflow:hidden;margin:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.brand-archive__logo img{inline-size:100%;block-size:100%;object-fit:contain;padding:12px}.brand-archive__logo--placeholder{background:var(--color-brand);color:#fff}.brand-archive__logo--placeholder span{font-family:var(--font-latin);font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-.02em}.brand-archive__heading{display:grid;gap:6px}.brand-archive__eyebrow{font-size:.75rem;font-weight:700;color:var(--color-brand);letter-spacing:.06em;text-transform:uppercase}.brand-archive__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:var(--color-ink);line-height:1.1;margin:0}.brand-archive__desc{font-size:var(--fs-base);color:var(--color-ink-muted);line-height:1.7;max-inline-size:50ch;margin:0}@media (max-width: 47.99em){.brand-archive__desc{margin-inline:auto}}.brand-archive__stats{display:flex;gap:var(--space-md);margin-block-start:var(--space-xs)}@media (max-width: 47.99em){.brand-archive__stats{justify-content:center}}.brand-archive__stat{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-ink-muted)}.brand-archive__stat .icon{inline-size:16px;block-size:16px}}@layer components{.ai-hub__hero{position:relative;padding-block:var(--space-xl) var(--space-lg);background:radial-gradient(ellipse 60% 50% at 20% 30%,color-mix(in oklab,var(--color-brand) 18%,transparent) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,color-mix(in oklab,var(--c-accent-review) 14%,transparent) 0%,transparent 60%),var(--color-bg);overflow:hidden;border-block-end:1px solid var(--color-divider)}.ai-hub__hero-inner{text-align:center;max-inline-size:56rem;margin-inline:auto;display:grid;gap:var(--space-md)}.ai-hub__robot{justify-self:center;inline-size:3.25rem;block-size:4.25rem;color:var(--color-brand);margin-block-end:calc(var(--space-2xs) * -1)}.ai-hub__badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:4px var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-brand);justify-self:center}.ai-hub__title{font-size:var(--fs-2xl);font-weight:var(--fw-black);line-height:var(--lh-snug);color:var(--color-ink);margin:0}@media (min-width: 48em){.ai-hub__title{font-size:var(--fs-3xl)}}@media (min-width: 64em){.ai-hub__title{font-size:var(--fs-4xl)}}.ai-hub__title em{font-style:normal;color:var(--color-brand)}.ai-hub__subtitle{font-size:var(--fs-sm);color:var(--color-ink-muted);line-height:var(--lh-normal);margin:0;max-inline-size:40rem;margin-inline:auto}.ai-prompt{background:var(--color-surface);border:1px solid color-mix(in oklab,var(--color-brand) 22%,var(--color-border));border-radius:var(--radius-lg);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);display:grid;grid-template-columns:1fr auto;gap:var(--space-2xs);align-items:center;box-shadow:0 6px 20px color-mix(in oklab,var(--color-brand) 8%,transparent);margin-block-start:var(--space-sm)}.ai-prompt__textarea{min-block-size:2.5rem;max-block-size:6rem;padding:var(--space-xs) 0;background:transparent;border:0;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--color-ink);resize:none;font-family:inherit}.ai-prompt__textarea:focus{box-shadow:none;outline:none}.ai-prompt__send{inline-size:40px;block-size:40px;border-radius:var(--radius-full);background:var(--color-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.ai-prompt__send:hover{background:var(--color-brand-hover)}.ai-prompt__send .icon{inline-size:20px;block-size:20px}.ai-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (min-width: 36em){.ai-tools{grid-template-columns:repeat(3,1fr)}}@media (min-width: 48em){.ai-tools{grid-template-columns:repeat(4,1fr)}}.ai-tool{display:grid;grid-template-rows:auto 1fr;gap:var(--space-2xs);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:start;transition:transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.ai-tool:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--color-brand) 35%,transparent)}.ai-tool__icon{inline-size:40px;block-size:40px;border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-brand);display:inline-grid;place-items:center}.ai-tool__icon .icon{inline-size:20px;block-size:20px}.ai-tool__title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-ink);margin:0}.ai-tool__sub{font-size:var(--fs-xs);color:var(--color-ink-muted);margin:0}.ai-conversations{display:grid;gap:var(--space-2xs);list-style:none;padding:0}.ai-conversation{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-standard)}.ai-conversation:hover{background:var(--color-surface-sunken)}.ai-conversation__icon{inline-size:32px;block-size:32px;border-radius:var(--radius-full);background:var(--color-brand-soft);color:var(--color-brand);display:inline-grid;place-items:center}.ai-conversation__icon .icon{inline-size:16px;block-size:16px}.ai-conversation__title{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-ink)}.ai-conversation__preview{display:block;font-size:var(--fs-xs);color:var(--color-ink-muted);margin-block-start:2px}.ai-conversation__time{font-size:var(--fs-xs);color:var(--color-ink-subtle);font-family:var(--font-latin)}.library__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding-block:var(--space-lg);border-block-end:1px solid var(--color-divider);margin-block-end:var(--space-xl)}.library__title{font-size:var(--fs-3xl);font-weight:var(--fw-black);margin:0}.library__intro{margin-block-start:var(--space-2xs);font-size:var(--fs-base);color:var(--color-ink-muted);line-height:var(--lh-relaxed)}.library__count{margin-inline-start:var(--space-2xs);font-size:var(--fs-base);color:var(--color-ink-muted);font-family:var(--font-latin)}.library__actions{display:flex;gap:var(--space-2xs)}.library__action{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer}.library__action:hover{background:var(--color-surface-sunken)}.library__collections{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-end:var(--space-md)}.library__collection{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-md);background:var(--color-surface-sunken);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--color-ink);border:1px solid transparent}.library__collection.is-active{background:var(--color-brand-soft);color:var(--color-brand);border-color:color-mix(in oklab,var(--color-brand) 20%,transparent);font-weight:var(--fw-bold)}.library__collection-count{margin-inline-start:var(--space-3xs);font-family:var(--font-latin);font-size:var(--fs-xs);color:var(--color-ink-muted)}.library-card-meta{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--fs-xs);color:var(--color-ink-muted);margin-block-start:var(--space-2xs)}.library-card-meta .icon{inline-size:14px;block-size:14px}.notif-list{display:grid;gap:var(--space-2xs);list-style:none;padding:0;margin:0}.notif{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:start;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background var(--dur-fast) var(--ease-standard)}.notif.is-unread{background:color-mix(in oklab,var(--color-brand) 5%,var(--color-surface));border-color:color-mix(in oklab,var(--color-brand) 20%,transparent)}.notif:hover{background:var(--color-surface-sunken)}.notif.is-unread:hover{background:color-mix(in oklab,var(--color-brand) 8%,var(--color-surface))}.notif__icon{inline-size:40px;block-size:40px;border-radius:var(--radius-full);display:inline-grid;place-items:center;flex:0 0 auto}.notif__icon .icon{inline-size:18px;block-size:18px}.notif__icon--reply{background:color-mix(in oklab,var(--c-accent-news) 12%,transparent);color:var(--c-accent-news)}.notif__icon--ai{background:var(--color-brand-soft);color:var(--color-brand)}.notif__icon--mention{background:color-mix(in oklab,var(--c-accent-review) 12%,transparent);color:var(--c-accent-review)}.notif__icon--system{background:color-mix(in oklab,var(--c-accent-guide) 12%,transparent);color:var(--c-accent-guide)}.notif__avatar{inline-size:40px;block-size:40px;border-radius:var(--radius-full);overflow:hidden;flex:0 0 auto}.notif__avatar img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.notif__body{min-inline-size:0}.notif__title{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-ink);margin:0}.notif__title strong{font-weight:var(--fw-bold)}.notif__preview{display:block;margin-block-start:var(--space-3xs);font-size:var(--fs-xs);color:var(--color-ink-muted);line-height:var(--lh-relaxed)}.notif__time{font-size:var(--fs-xs);color:var(--color-ink-subtle);font-family:var(--font-latin);flex:0 0 auto}.notif__dot{inline-size:8px;block-size:8px;border-radius:var(--radius-full);background:var(--color-brand);margin-block-start:var(--space-2xs)}.author-hero{position:relative;padding-block-start:var(--space-md);margin-block-end:var(--space-lg)}.author-hero__cover{position:absolute;inset-block-start:0;inset-inline:0;block-size:6rem;overflow:hidden;background:linear-gradient(135deg,var(--color-brand),var(--c-accent-review));border-radius:var(--radius-lg);margin-inline:var(--space-md);opacity:.85}.author-hero__cover img{inline-size:100%;block-size:100%;object-fit:cover}.author-hero:has(.author-hero__cover){padding-block-start:7rem}.author-hero__bar{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.author-hero__header{display:flex;align-items:center;gap:var(--space-md);min-inline-size:0}@media (max-width: 47.99em){.author-hero__header{flex-wrap:wrap}}.author-hero__identity{display:flex;align-items:center;gap:var(--space-md);flex:1 1 auto;min-inline-size:0}@media (max-width: 36em){.author-hero__identity{flex-wrap:wrap;gap:var(--space-sm)}}.author-hero__avatar{flex:0 0 auto;inline-size:80px;block-size:80px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-sunken);box-shadow:0 2px 6px -2px #0000001f}.author-hero__avatar :is(img,.author-hero__avatar-img){inline-size:100%;block-size:100%;object-fit:cover;display:block}.author-hero__avatar-initial{display:grid;place-items:center;inline-size:100%;block-size:100%;font-size:2.25rem;font-weight:var(--fw-black);line-height:1;text-transform:uppercase}.author-hero__text{min-inline-size:0;display:grid;gap:2px;flex:1 1 12rem}.author-hero__name{font-size:var(--fs-2xl);font-weight:var(--fw-extra);color:var(--color-ink);margin:0;line-height:1.2}.author-hero__role{font-size:var(--fs-sm);color:var(--color-ink-muted);margin:0}.author-hero__bio{margin:0;padding-block-start:var(--space-md);border-block-start:1px solid var(--color-divider);inline-size:100%;font-size:var(--fs-sm);color:var(--color-ink-muted);line-height:1.75;text-align:start}.author-hero__stats{display:flex;gap:var(--space-md);flex-wrap:wrap;padding-inline-start:var(--space-md);border-inline-start:1px solid var(--color-divider)}@media (max-width: 36em){.author-hero__stats{padding-inline-start:0;border:0}}.author-hero__stat{display:grid;gap:2px;text-align:center;min-inline-size:3.5rem}.author-hero__stat-value{font-family:var(--font-latin);font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--color-ink);line-height:1}.author-hero__stat-label{font-size:var(--fs-2xs);color:var(--color-ink-muted)}.author-hero__actions{display:flex;align-items:center;gap:var(--space-2xs);flex:0 0 auto}.author-hero__follow{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1.2;white-space:nowrap;background:var(--color-brand);color:#fff;border:0;border-radius:var(--radius-full);cursor:pointer}.author-hero__follow:hover{background:var(--color-brand-hover)}.author-hero__follow.is-followed{background:var(--color-surface-sunken);color:var(--color-ink-muted);border:1px solid var(--color-border)}.author-hero__follow .icon{inline-size:14px;block-size:14px;vertical-align:-2px;margin-inline-end:4px}.author-hero__icon-btn{inline-size:40px;block-size:40px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);display:inline-grid;place-items:center;cursor:pointer}.author-hero__icon-btn:hover{background:var(--color-surface-sunken)}.author-hero__notice{margin:0;padding:var(--space-sm) 0 0;border-block-start:1px solid var(--color-divider);font-size:var(--fs-sm);color:var(--color-ink-muted)}.author-activity__title{margin:0 0 var(--space-sm);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.author-activity__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.author-activity__item{padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.author-activity__meta{margin:0 0 var(--space-3xs);font-size:var(--fs-xs);color:var(--color-ink-muted)}.author-activity__meta a{font-weight:var(--fw-semibold);color:var(--color-brand);text-decoration:none}.author-activity__meta a:hover{text-decoration:underline}.author-activity__excerpt{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-ink)}.video-hero{position:relative;padding-block:var(--space-xl)}.video-hero__featured{position:relative;aspect-ratio:21 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--c-neutral-900);isolation:isolate}.video-hero__featured img{inline-size:100%;block-size:100%;object-fit:cover}.video-hero__featured:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85) 100%)}.video-hero__overlay{position:absolute;inset-block-end:0;inset-inline:0;padding:var(--space-lg);color:#fff;display:grid;gap:var(--space-2xs);z-index:1}@media (min-width: 64em){.video-hero__overlay{padding:var(--space-2xl)}}.video-hero__category{display:inline-flex;align-self:flex-start;padding:4px var(--space-sm);background:var(--color-brand);color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.video-hero__title{font-size:var(--fs-2xl);font-weight:var(--fw-black);color:#fff;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.4)}@media (min-width: 64em){.video-hero__title{font-size:var(--fs-4xl)}}.video-hero__meta{display:flex;gap:var(--space-md);color:#ffffffd9;font-size:var(--fs-sm);flex-wrap:wrap}.video-hero__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);inline-size:80px;block-size:80px;border-radius:var(--radius-full);background:#fffffff2;color:var(--c-neutral-900);display:inline-grid;place-items:center;box-shadow:0 12px 32px #0006;z-index:1}.video-hero__play .icon{inline-size:32px;block-size:32px}}@layer components{.period-tabs{display:inline-flex;gap:2px;padding:4px;background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.period-tabs__item{padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast)}.period-tabs__item:hover{color:var(--color-text)}.period-tabs__item.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.trending-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm);counter-reset:trend}.trending-list__item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-md);padding:var(--space-sm);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);transition:transform var(--motion-fast),border-color var(--motion-fast)}.trending-list__item:hover{transform:translateY(-1px);border-color:var(--color-brand)}.trending-list__rank{font-family:var(--font-display, inherit);font-size:clamp(2rem,4vw,3rem);font-weight:var(--fw-black);color:color-mix(in oklab,var(--color-brand) 70%,transparent);line-height:1;min-inline-size:2.5ch;text-align:center}.trending-list__item:nth-child(1) .trending-list__rank,.trending-list__item:nth-child(2) .trending-list__rank,.trending-list__item:nth-child(3) .trending-list__rank{color:var(--color-brand)}.trending-list__link{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:center;text-decoration:none;color:inherit;min-inline-size:0}.trending-list__thumb{display:block;inline-size:5rem;aspect-ratio:16 / 10;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-sunken)}.trending-list__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.trending-list__body{display:grid;gap:4px;min-inline-size:0}.trending-list__cat{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-brand);text-transform:uppercase;letter-spacing:.04em}.trending-list__title{font-size:var(--fs-md);font-weight:var(--fw-bold);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-list__meta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--color-text-muted)}.trending-list__meta .icon{inline-size:12px;block-size:12px}}@layer components{.shorts-page .short__media-placeholder{display:block;inline-size:100%;block-size:100%;background:var(--color-surface-sunken)}}@layer patterns{.page-category .subcat-row+.card-article--hero{margin-block-start:var(--space-md)}.page-category .card-article--hero .card-article__title{max-inline-size:28ch}@media (min-width: 48em){.page-category .card-article--hero .card-article__title{max-inline-size:22ch}}.page-category__head{padding-block:var(--space-lg);border-inline-start:4px solid var(--color-cat, var(--color-brand));padding-inline-start:var(--space-md)}.page-category__eyebrow{font-size:var(--fs-xs);color:var(--color-cat, var(--color-brand));text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-bold)}.page-category__title{font-size:var(--fs-4xl);font-weight:var(--fw-black);margin-block:var(--space-2xs)}.page-category__desc{color:var(--color-ink-muted);max-inline-size:60ch}}