/* Svelte interaction and preview-only additions; geometry comes from original CSS. */
html{scroll-behavior:smooth}.portal{min-height:100vh;background:var(--solid-white,#fff);color:var(--body-fcolor,#282828)}
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000}.portal button.icon-holder,.portal button.more-trigger{border:0;background:transparent;color:inherit;cursor:pointer;padding:0}.portal button.dark-mode-toggle-wrap{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.portal .logo-wrap img[hidden]{display:none!important}
.preview-notice{font-family:system-ui,sans-serif;font-size:11px;line-height:1.6;color:#777;margin:-20px 0 24px;scroll-margin-top:115px}.portal section[id]{scroll-margin-top:115px}
.preview-back-top{position:fixed;bottom:20px;right:20px;z-index:20;background:#222;color:#fff;border-radius:4px;padding:8px 15px}
.portal .svelte-mobile-menu{padding:20px;background:var(--nav-bg);max-height:70vh;overflow:auto}.svelte-mobile-menu li{padding:8px 0}.portal .more-section-outer.preview-more-open .more-section{opacity:1;visibility:visible;pointer-events:auto;display:block;transform:none}
@media(max-width:1129px){.preview-search{top:84px}.preview-notice{margin-top:0}.portal .site-wrap{margin-top:84px}}

/* Give the headline grid breathing room below the navigation. */
.portal .site-wrap{padding-top:42px}
@media(max-width:700px){.portal .site-wrap{padding-top:30px}}
.portal.home-page > #site-header{position:sticky}
.portal.home-page > .site-wrap{margin-top:0}
.portal.home-page > .site-wrap > .container-grid{max-width:var(--rb-width,1280px);padding-inline:20px}
.portal button.preview-back-top{border:0;cursor:pointer}
/* A consistent divider rhythm around the new editorial sections. */
.portal .container .category-box.home-page{padding-top:32px;padding-bottom:32px;border-top:0;border-bottom:1px solid #8883}
.portal .container .category-box.home-page.section-magazine{padding-top:32px;padding-bottom:32px;border-bottom:1px solid #8883}

/* Give the most-read band its own breathing room between the headline grid and reels. */
.portal .category-wrapper-most-read{margin-top:30px;margin-bottom:36px;padding:32px 0;background-color:#f2f3f4;border:0}
.portal[data-theme=dark] .category-wrapper-most-read{background-color:#16181c}
@media(max-width:700px){.portal .category-wrapper-most-read{margin-top:22px;margin-bottom:26px;padding:24px 0}}

/* Shared typography and section headings across the homepage. */
.portal .site-wrap,.portal .site-wrap button{font-family:var(--body-family,'Oxygen',sans-serif)}
.portal .site-wrap h1{font-family:var(--h1-family);font-weight:var(--h1-fweight,700);letter-spacing:var(--h1-fspace,normal)}
.portal .site-wrap h2{font-family:var(--h2-family);font-weight:var(--h2-fweight,700);letter-spacing:var(--h2-fspace,normal)}
.portal .site-wrap h3,.portal .site-wrap .reel-title{font-family:var(--h3-family);font-weight:var(--h3-fweight,700);letter-spacing:var(--h3-fspace,normal)}
.portal .portal-section-heading{display:flex;align-items:center;gap:11px;margin:0 0 23px;color:inherit}
.portal .portal-section-heading>span{display:block;width:4px;height:21px;border-radius:1px;background:#db5949;flex-shrink:0}
.portal .portal-section-heading h2{font-family:var(--h2-family);font-size:var(--h2-fsize,28px);line-height:1.2;font-weight:var(--h2-fweight,700);letter-spacing:var(--h2-fspace,normal);color:inherit;margin:0}
.portal .--sport .portal-section-heading>span{background:#287aa3}
.portal .--drustvo .portal-section-heading>span{background:#8b6d9f}
.portal .reels-head .portal-section-heading{margin-bottom:0}
@media(max-width:480px){.portal .portal-section-heading{margin-bottom:20px}.portal .portal-section-heading h2{font-size:25px}.portal .container .category-box.home-page{padding-top:26px;padding-bottom:26px}}