:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-display: "Cabinet Grotesk", "Arial Black", sans-serif;--font-body: "Satoshi", "Inter", sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 480px;--content-default: 680px;--content-wide: 1100px;--nav-height: 3.5rem;--bottom-nav-height: 4rem}:root,[data-theme=light]{--color-bg: #f5f0e6;--color-surface: #faf8f3;--color-surface-2: #ffffff;--color-surface-offset: #ede8dc;--color-surface-dynamic: #e4ddd0;--color-divider: #d8d2c5;--color-border: #cdc7b8;--color-text: #1e1b16;--color-text-muted: #6b6558;--color-text-faint: #a8a098;--color-text-inverse: #faf8f3;--color-primary: #c23b2a;--color-primary-hover: #a02d1f;--color-primary-active: #7e2018;--color-primary-highlight: #f0dbd8;--shadow-sm: 0 1px 2px oklch(.2 .03 50 / .06);--shadow-md: 0 4px 12px oklch(.2 .03 50 / .09);--shadow-lg: 0 12px 32px oklch(.2 .03 50 / .13);--color-card-bg: #dedad2;--color-card-border: oklch(from var(--color-text) l c h / .08);--color-nav-bg: #ffffff;--color-nav-border: #e8e4da}[data-theme=dark]{--color-bg: #181612;--color-surface: #1e1c18;--color-surface-2: #242118;--color-surface-offset: #1b1916;--color-surface-dynamic: #2c2920;--color-divider: #2e2b24;--color-border: #3a372e;--color-text: #e8e3d8;--color-text-muted: #8a8478;--color-text-faint: #5a5650;--color-text-inverse: #1e1b16;--color-primary: #e05a48;--color-primary-hover: #d04035;--color-primary-active: #b83025;--color-primary-highlight: #4a2820;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45);--color-card-bg: #272420;--color-card-border: oklch(from var(--color-text) l c h / .1);--color-nav-bg: #1e1c18;--color-nav-border: #2e2b24}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #181612;--color-surface: #1e1c18;--color-surface-2: #242118;--color-surface-offset: #1b1916;--color-surface-dynamic: #2c2920;--color-divider: #2e2b24;--color-border: #3a372e;--color-text: #e8e3d8;--color-text-muted: #8a8478;--color-text-faint: #5a5650;--color-text-inverse: #1e1b16;--color-primary: #e05a48;--color-primary-hover: #d04035;--color-primary-active: #b83025;--color-primary-highlight: #4a2820;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45);--color-card-bg: #272420;--color-card-border: oklch(from var(--color-text) l c h / .1);--color-nav-bg: #1e1c18;--color-nav-border: #2e2b24}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none;padding:0}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2;font-family:var(--font-display, sans-serif)}p,li{text-wrap:pretty}a{color:inherit;text-decoration:none}::selection{background:oklch(from var(--color-primary) l c h / .2);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}a,button,[role=button]{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),opacity var(--transition-interactive)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-dynamic) 50%,var(--color-surface-offset) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;gap:var(--space-8);padding-inline:var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-nav-border);box-shadow:var(--shadow-sm)}.navbar__brand{display:flex;align-items:center;flex-shrink:0}.navbar__logo-svg{height:40px;width:auto}.navbar__links{display:flex;gap:var(--space-1);flex:1}.navbar__link{font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted)}.navbar__link:hover{color:var(--color-text);background:var(--color-surface-offset)}.navbar__link--active{color:var(--color-primary);font-weight:600}.navbar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.navbar__theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-muted)}.navbar__theme-btn:hover{color:var(--color-text);background:var(--color-surface-offset)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--bottom-nav-height);background:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);box-shadow:0 -4px 16px #1e130e0f;flex-direction:row;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);min-width:64px;color:var(--color-text-muted);border-radius:var(--radius-lg)}.bottom-nav__item:active{background:var(--color-surface-offset)}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__label{font-size:var(--text-xs);font-weight:500}.bottom-nav__theme{background:none}.app-main{min-height:calc(100dvh - var(--nav-height));padding-bottom:0}@media (max-width: 640px){.navbar{display:none}.bottom-nav{display:flex}.app-main{padding-bottom:var(--bottom-nav-height)}}.event-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5);background:var(--color-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);cursor:default;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.event-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.event-card__join-col{flex-shrink:0;display:flex;align-items:center;padding-top:var(--space-1)}.event-card__join-btn{font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);white-space:nowrap;min-width:68px;text-align:center;box-shadow:var(--shadow-sm);transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive)}.event-card__join-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.event-card__join-btn:active{background:var(--color-primary-active);border-color:var(--color-primary-active);transform:scale(.97)}.event-card__content{flex:1;min-width:0}.event-card__header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.event-card__icon{font-size:1.1rem;line-height:1;flex-shrink:0}.event-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text);line-height:1.2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card__badge{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-offset);border-radius:var(--radius-full);padding:2px var(--space-3);flex-shrink:0;white-space:nowrap}.event-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.event-card__detail{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.event-card__detail-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--color-text-faint);position:relative;top:1px}.event-card__detail-sub{color:var(--color-text-faint);font-size:var(--text-xs)}.event-card__detail--desc{align-items:flex-start}.event-card__body-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:48ch}.join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0503028c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);animation:overlay-in .18s ease}.join-modal{position:relative;background:var(--color-surface-2);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-xl) var(--radius-xl);padding:var(--space-8) var(--space-6) var(--space-6);width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-lg);animation:modal-in .24s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.join-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted)}.join-modal__close:hover{background:var(--color-surface-offset);color:var(--color-text)}.join-modal__icon{font-size:2.5rem;margin-bottom:var(--space-3)}.join-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.join-modal__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);max-width:34ch;margin:0 auto var(--space-6);line-height:1.5}.join-modal__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.join-modal__note{font-size:var(--text-xs);color:var(--color-text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);text-align:center}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border:1.5px solid var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.event-card__badges{display:flex;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0}.event-card__badge--diff{color:var(--diff-color);background:color-mix(in oklch,var(--diff-color) 12%,var(--color-surface));border:1px solid color-mix(in oklch,var(--diff-color) 25%,transparent)}.event-card__footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider);display:flex;align-items:center;gap:var(--space-3)}.event-card__strava-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:#fc4c02;text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1.5px solid color-mix(in oklch,#fc4c02 40%,transparent);background:color-mix(in oklch,#fc4c02 8%,var(--color-surface));transition:background var(--transition-interactive),border-color var(--transition-interactive)}.event-card__strava-link:hover{background:color-mix(in oklch,#fc4c02 16%,var(--color-surface));border-color:#fc4c02}.event-skeleton{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-card-border);opacity:.7}.event-skeleton__join{flex-shrink:0;width:68px;height:34px;border-radius:var(--radius-full);margin-top:var(--space-1)}.event-skeleton__content{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.event-skeleton__title{height:1.4rem;width:55%;border-radius:var(--radius-sm)}.event-skeleton__line{height:.85rem;width:80%;border-radius:var(--radius-sm)}.filter-bar{position:sticky;top:var(--nav-height);z-index:90;background:var(--color-bg);border-bottom:1px solid var(--color-divider);margin-bottom:10px}@media (max-width: 640px){.filter-bar{top:0}}.filter-bar__scroll{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-6);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-bar__scroll::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;font-size:var(--text-xs);font-weight:500;font-family:var(--font-body);padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--color-text-faint);transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive);white-space:nowrap}.filter-chip:hover{background:var(--color-surface-offset);color:var(--color-text-muted);border-color:var(--color-border)}.filter-chip--active{background:color-mix(in oklch,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);border-color:color-mix(in oklch,var(--color-primary) 30%,transparent);font-weight:600}.filter-chip--active:hover{background:color-mix(in oklch,var(--color-primary) 18%,var(--color-surface));border-color:color-mix(in oklch,var(--color-primary) 45%,transparent);color:var(--color-primary)}.filter-chip--diff.filter-chip--active{background:color-mix(in oklch,var(--chip-accent, var(--color-primary)) 12%,var(--color-surface));color:var(--chip-accent, var(--color-primary));border-color:color-mix(in oklch,var(--chip-accent, var(--color-primary)) 30%,transparent)}.filter-chip__count{background:color-mix(in oklch,var(--color-primary) 20%,transparent);border-radius:var(--radius-full);font-size:10px;font-weight:700;padding:0 5px;line-height:1.6}.filter-bar__sep{display:block;width:1px;height:14px;background:var(--color-divider);flex-shrink:0;margin-inline:var(--space-1)}.filter-bar__results{font-size:11px;color:var(--color-text-faint);flex-shrink:0;padding-left:var(--space-2);white-space:nowrap}.feed-page{display:flex;flex-direction:column;min-height:calc(100dvh - var(--nav-height))}.feed-header{padding:var(--space-6) var(--space-6) var(--space-4);max-width:var(--content-default);width:100%;margin-inline:auto}.feed-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-text)}.feed-header__count{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.feed-list{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-6) var(--space-4);max-width:var(--content-default);width:100%;margin-inline:auto;padding-bottom:calc(var(--space-16) + var(--space-4))}.feed-empty,.feed-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted);gap:var(--space-3)}.feed-empty__icon,.feed-error__icon{font-size:2.5rem;line-height:1}.feed-empty__title,.feed-error__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.feed-empty__text,.feed-error__text{font-size:var(--text-sm);max-width:34ch;line-height:1.5}.feed-load-more{align-self:center;font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--color-text-muted);padding:var(--space-3) var(--space-6);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:transparent}.feed-load-more:hover{color:var(--color-text);border-color:var(--color-text-muted);background:var(--color-surface-offset)}.feed-cta-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:color-mix(in oklch,var(--color-primary) 90%,transparent);display:flex;justify-content:center;z-index:50}.feed-cta-btn{font-size:var(--text-sm);font-weight:700;font-family:var(--font-body);color:var(--color-text-inverse);background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-3) var(--space-8);box-shadow:var(--shadow-md);white-space:nowrap}.feed-cta-btn:hover{background:var(--color-surface-offset);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.feed-header{padding:var(--space-5) var(--space-4) var(--space-3)}.feed-list{padding-inline:var(--space-4)}.feed-cta-bar{bottom:var(--bottom-nav-height)}}.news-card{background:var(--color-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.news-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.news-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.news-card:active{transform:translateY(0)}.news-card--featured .news-card__photo{height:220px}.news-card--featured .news-card__title{font-size:var(--text-xl)}.news-card__photo-wrap{width:100%;overflow:hidden;background:var(--color-surface-offset)}.news-card__photo{width:100%;height:180px;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.news-card:hover .news-card__photo{transform:scale(1.03)}.news-card__stripe{height:4px;background:var(--color-primary);width:100%}.news-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.news-card__tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.news-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text);line-height:1.25}.news-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.news-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.news-card__date{font-size:var(--text-xs);color:var(--color-text-faint)}.news-card__read-more{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);transition:gap var(--transition-interactive)}.news-card:hover .news-card__read-more{gap:var(--space-2)}.article-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;animation:overlay-in .2s ease}.article-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0503028c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.article-drawer{position:relative;z-index:1;width:100%;max-width:680px;margin-inline:auto;height:90dvh;background:var(--color-surface-2);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:drawer-in .28s cubic-bezier(.16,1,.3,1)}@keyframes drawer-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.article-drawer__handle{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:var(--space-3) auto 0;flex-shrink:0}.article-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-divider);flex-shrink:0}.article-drawer__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.article-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted)}.article-drawer__close:hover{background:var(--color-surface-offset);color:var(--color-text)}.article-drawer__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-5) var(--space-6) var(--space-12)}.article-drawer__photo{width:calc(100% + var(--space-12));margin-inline:calc(-1 * var(--space-6));height:260px;object-fit:cover;margin-bottom:var(--space-5)}.article-drawer__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-text);line-height:1.2;margin-bottom:var(--space-2)}.article-drawer__date{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-5)}.article-drawer__content{display:flex;flex-direction:column;gap:var(--space-4)}.article-drawer__content p{font-size:var(--text-base);color:var(--color-text);line-height:1.7;max-width:68ch}.article-drawer__empty-body{font-size:var(--text-sm);color:var(--color-text-faint);font-style:italic}.article-drawer__loading{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.article-drawer__skel-line{height:1rem;border-radius:var(--radius-sm)}.article-drawer__error{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-8);text-align:center}.article-drawer__comments{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.article-drawer__comments-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-5)}.article-drawer__comments-list{display:flex;flex-direction:column;gap:var(--space-5)}.article-drawer__no-comments{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-faint);font-style:italic;text-align:center;padding:var(--space-6) 0}.article-comment{display:flex;gap:var(--space-3);align-items:flex-start}.article-comment__avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--color-primary-highlight);color:var(--color-primary);font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display)}.article-comment__body{flex:1;min-width:0}.article-comment__author{font-size:var(--text-xs);font-weight:700;color:var(--color-text);display:block;margin-bottom:var(--space-1)}.article-comment__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.article-comment__date{font-size:var(--text-xs);color:var(--color-text-faint);display:block;margin-top:var(--space-1)}.news-skeleton{background:var(--color-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-card-border);overflow:hidden;opacity:.7}.news-skeleton--featured .news-skeleton__photo{height:200px;width:100%;border-radius:0}.news-skeleton__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.news-skeleton__tag{height:.7rem;width:60px;border-radius:var(--radius-full)}.news-skeleton__title{height:1.3rem;width:85%;border-radius:var(--radius-sm)}.news-skeleton__line{height:.85rem;width:100%;border-radius:var(--radius-sm)}.news-skeleton__meta{height:.75rem;width:40%;border-radius:var(--radius-sm);margin-top:var(--space-1)}.news-page{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-6);padding-bottom:var(--space-16)}.news-header{padding-block:var(--space-6) var(--space-4);display:flex;align-items:baseline;gap:var(--space-4)}.news-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-text)}.news-header__count{font-size:var(--text-sm);color:var(--color-text-muted)}.news-content{display:flex;flex-direction:column;gap:var(--space-5)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-5)}.news-load-more-wrap{display:flex;justify-content:center;padding-top:var(--space-4)}.news-load-more-wrap .feed-load-more{align-self:center;font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--color-text-muted);padding:var(--space-3) var(--space-6);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive)}.news-load-more-wrap .feed-load-more:hover{color:var(--color-text);border-color:var(--color-text-muted);background:var(--color-surface-offset)}.news-empty,.news-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted);gap:var(--space-3)}.news-empty__icon,.news-error__icon{font-size:2.5rem;line-height:1}.news-empty__title,.news-error__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.news-empty__text,.news-error__text{font-size:var(--text-sm);max-width:38ch;line-height:1.5}@media (max-width: 640px){.news-page{padding-inline:var(--space-4)}.news-grid{grid-template-columns:1fr}}