/* MinecraftFan home: real community and catalog content, azure visual system. */
body.mcf-azure #main-content { min-width: 0; }
body.mcf-azure .hp-home { --hp-gap: 12px; min-width: 0; container-type: inline-size; color: var(--azure-ink, #071745); }
body.mcf-azure .hp-home *, body.mcf-azure .hp-home *::before, body.mcf-azure .hp-home *::after { box-sizing: border-box; }
body.mcf-azure .hp-home a { color: inherit; text-decoration: none; }
body.mcf-azure .hp-home a:focus-visible, body.mcf-azure .hp-home button:focus-visible { outline: 3px solid #ffcf32; outline-offset: 3px; }
body.mcf-azure .hp-home svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
body.mcf-azure .hp-hero { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; min-height: clamp(345px, 48.2cqw, 446px); margin: -8px -8px 12px; padding: 72px 34px 32px; background: #d7efff url('/assets/azure/azure-home-hero.webp') center center / cover no-repeat; border-radius: 4px; overflow: hidden; }
body.mcf-azure .hp-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(232,247,255,.27), transparent 72%); pointer-events: none; }
body.mcf-azure .hp-hero-content { width: 100%; position: relative; }
body.mcf-azure .hp-hero h1 { margin: 0 0 8px; font-family: var(--azure-hero-font, 'Rubik'), Arial, sans-serif !important; font-size: clamp(44px, 8.4cqw, 76px); line-height: .94; font-weight: var(--azure-hero-weight, 900); letter-spacing: -.045em; color: var(--azure-ink, #071745); text-shadow: 0 2px 0 rgba(255,255,255,.65); max-width: 90%; }
body.mcf-azure .hp-hero h1 span { color: var(--azure-blue, #0954ff); }
body.mcf-azure .hp-hero-tagline { display: table; margin: 0 0 17px; background: #ffe445; padding: 5px 13px 6px; border-radius: 2px; color: #101938; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: clamp(16px, 2.55cqw, 23px); font-weight: 850; line-height: 1.05; transform: rotate(-1.3deg); box-shadow: 0 2px 0 rgba(207,160,0,.12); }
body.mcf-azure .hp-hero-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
body.mcf-azure .hp-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 40px; padding: 10px 15px; border: 1px solid #aecfff; border-radius: 6px; line-height: 1; font-weight: 750; font-size: 13px; transition: transform .15s, box-shadow .15s; }
body.mcf-azure .hp-button:hover { transform: translateY(-1px); box-shadow: 0 5px 14px #0954ff20; }
body.mcf-azure .hp-home .hp-button-primary { background: var(--azure-blue, #0954ff); color: #fff; border-color: var(--azure-blue, #0954ff); box-shadow: 0 3px 10px #0954ff25; }
body.mcf-azure .hp-home .hp-button-white { background: #fffffff2; color: var(--azure-ink, #071745); }
body.mcf-azure .hp-hero-stats { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-self: center; width: 78%; gap: 7px; margin-top: 19px; padding: 0; border-radius: 0; background: transparent; }
body.mcf-azure .hp-stat { min-width: 0; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 9px 8px; border: 0; border-radius: 6px; background: rgba(255,255,255,.95); box-shadow: 0 2px 8px #327fc508; }
body.mcf-azure .hp-stat:last-child { border-right: 0; }
body.mcf-azure .hp-stat strong { display: block; font-size: 17px; line-height: 1.15; font-weight: 850; font-variant-numeric: tabular-nums; }
body.mcf-azure .hp-stat small { display: block; color: #536c9e; font-size: 10px; line-height: 1.4; }
body.mcf-azure .hp-stat-icon { display: block; width: 38px; height: 38px; flex-shrink: 0; line-height: 1; filter: drop-shadow(0 2px 0 #123c3812); }
body.mcf-azure .hp-stat-icon--channels { color: #8c29d6; }
body.mcf-azure .hp-stat-icon--followers { color: #df831f; }
body.mcf-azure .hp-stat-icon--materials { color: #d39400; }
body.mcf-azure .hp-stat-icon svg { width: 100%; height: 100%; }
body.mcf-azure .hp-home svg.hp-voxel-icon { display: block; width: 100%; height: 100%; fill: none; stroke: none; }
body.mcf-azure .hp-section { min-width: 0; margin: 0 0 20px; }
body.mcf-azure .hp-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
body.mcf-azure .hp-section-head h2 { margin: 0; color: var(--azure-ink, #071745); font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif !important; font-size: 26px; font-weight: 900; line-height: 1.12; letter-spacing: -.025em; }
body.mcf-azure .hp-section-head > a { color: var(--azure-blue, #0954ff); font-size: 12px; font-weight: 500; white-space: nowrap; }
body.mcf-azure .hp-section-head > a:hover { text-decoration: underline; }
body.mcf-azure .hp-section-head > a span { margin-left: 3px; }
body.mcf-azure .hp-post-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hp-gap); min-width: 0; }
body.mcf-azure .hp-post-grid--builds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.mcf-azure .hp-post-card { display: block; min-width: 0; background: #fff; border-radius: 8px; overflow: hidden; transition: box-shadow .18s, transform .18s; }
body.mcf-azure .hp-post-card:hover, body.mcf-azure .hp-modpack-card:hover, body.mcf-azure .hp-update-card:hover { transform: translateY(-2px); box-shadow: 0 7px 22px #25498012; }
body.mcf-azure .hp-post-image { display: block; position: relative; width: 100%; aspect-ratio: 1.65; overflow: hidden; background: #d8edff; }
body.mcf-azure .hp-post-image :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mcf-azure .hp-post-card--guide .hp-post-image { aspect-ratio: 2.9; }
body.mcf-azure .hp-post-card--build .hp-post-image { aspect-ratio: 1.88; }
body.mcf-azure .hp-post-image--empty { background: linear-gradient(135deg, #d5efff, #accfff); display: grid; place-items: center; }
body.mcf-azure .hp-post-placeholder { font-size: 38px; opacity: .85; }
body.mcf-azure .hp-play { display: grid; place-items: center; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 34px; height: 34px; border: 2px solid #fff; border-radius: 50%; color: white; background: #0954ffed; box-shadow: 0 2px 10px #06183f42; }
body.mcf-azure .hp-play svg { width: 23px; height: 23px; fill: #fff; stroke-width: 1; }
body.mcf-azure .hp-video-duration { position: absolute; right: 5px; bottom: 5px; padding: 2px 4px; border-radius: 3px; color: #fff; background: #071220df; font-size: 10px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
body.mcf-azure .hp-post-body { display: block; padding: 8px 9px 9px; }
body.mcf-azure .hp-post-title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--azure-ink, #071745); font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 14px; line-height: 1.15; font-weight: 800; min-height: 32px; }
body.mcf-azure .hp-post-card--build .hp-post-title { min-height: 0; font-size: 16px; }
body.mcf-azure .hp-post-footer { margin-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.mcf-azure .hp-post-author { display: flex; align-items: center; gap: 5px; min-width: 0; color: #536891; font-size: 10px; line-height: 1.3; }
body.mcf-azure .hp-post-author > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mcf-azure .hp-post-author img { width: 17px; height: 17px; border-radius: 5px; object-fit: cover; flex-shrink: 0; }
body.mcf-azure .hp-post-counts { display: flex; gap: 10px; flex-shrink: 0; color: #1553d6; font-size: 10px; }
body.mcf-azure .hp-post-likes { color: #f33e75; }
body.mcf-azure .hp-cover-label { position: absolute; bottom: 5px; left: 7px; border-radius: 3px; padding: 3px 6px; font-size: 9px; font-weight: 750; line-height: 1; color: #fff; background: #0954ff; box-shadow: 0 1px 4px #00174921; }
body.mcf-azure .hp-channel-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hp-gap); }
body.mcf-azure .hp-channel-card { min-width: 0; display: flex; gap: 10px; align-items: center; background: #fff; border: 1px solid transparent; border-radius: 7px; padding: 10px 11px; transition: border-color .18s; }
body.mcf-azure .hp-channel-card:first-child { border-color: #e7cf74; }
body.mcf-azure .hp-channel-card:hover { border-color: #8ebaff; }
body.mcf-azure .hp-channel-avatar { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
body.mcf-azure .hp-avatar-placeholder { display: grid; place-items: center; background: #d3e7ff; color: #0954ff; font-weight: 800; }
body.mcf-azure .hp-channel-info { min-width: 0; }
body.mcf-azure .hp-channel-info strong { display: block; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 14px; font-weight: 800; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mcf-azure .hp-channel-info small { display: block; font-size: 11px; color: #63759e; margin-top: 3px; line-height: 1.2; }
body.mcf-azure .hp-channel-verified { color: #0954ff; padding-left: 3px; }
body.mcf-azure .hp-mod-list { overflow: hidden; border-radius: 8px; background: white; }
body.mcf-azure .hp-mod-row { display: flex; align-items: center; gap: 12px; padding: 9px 12px; min-height: 73px; border-bottom: 1px solid #e4edfa; }
body.mcf-azure .hp-mod-row:last-child { border-bottom: 0; }
body.mcf-azure .hp-mod-row:hover { background: #f6faff; }
body.mcf-azure .hp-mod-cover { display: block; flex: 0 0 57px; height: 57px; overflow: hidden; border-radius: 5px; background: #d5ebff; }
body.mcf-azure .hp-mod-cover picture, body.mcf-azure .hp-mod-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mcf-azure .hp-mod-copy { flex: 1; min-width: 0; }
body.mcf-azure .hp-mod-copy strong { display: block; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 17px; line-height: 1.2; margin-bottom: 4px; font-weight: 800; color: var(--azure-ink, #071745); }
body.mcf-azure .hp-mod-copy > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #4e648f; font-size: 11px; line-height: 1.35; }
body.mcf-azure .hp-mod-versions { display: flex; gap: 4px; flex: 0 0 auto; max-width: 130px; }
body.mcf-azure .hp-mod-versions > span { display: inline-block; border-radius: 4px; padding: 4px 5px; background: #edf4ff; color: #25466f; font-size: 9px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mcf-azure .hp-mod-downloads { display: inline-flex; align-items: center; gap: 4px; width: 56px; justify-content: flex-end; flex-shrink: 0; font-size: 11px; color: #284b86; font-variant-numeric: tabular-nums; }
body.mcf-azure .hp-mod-downloads svg { width: 13px; height: 13px; }
body.mcf-azure .hp-download-button { display: flex; justify-content: center; align-items: center; gap: 6px; padding: 9px 13px; border-radius: 5px; flex-shrink: 0; color: #fff; background: var(--azure-blue, #0954ff); font-size: 11px; font-weight: 650; }
body.mcf-azure .hp-modpack-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.mcf-azure .hp-modpack-card { display: block; min-width: 0; overflow: hidden; border-radius: 8px; background: #fff; transition: transform .18s, box-shadow .18s; }
body.mcf-azure .hp-modpack-cover { position: relative; display: block; aspect-ratio: 2.95; background: #d5eaff; }
body.mcf-azure .hp-modpack-cover picture, body.mcf-azure .hp-modpack-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mcf-azure .hp-modpack-body { display: block; padding: 8px 9px 9px; }
body.mcf-azure .hp-modpack-body > strong { display: block; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 15px; line-height: 1.15; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mcf-azure .hp-card-details { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 4px; color: #61739b; font-size: 10px; }
body.mcf-azure .hp-card-details > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.mcf-azure .hp-card-details > span:last-child { flex-shrink: 0; }
body.mcf-azure .hp-rank-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.mcf-azure .hp-rank-panel { border-radius: 8px; padding: 12px 14px 7px; background: #fff; min-width: 0; }
body.mcf-azure .hp-rank-panel h3 { margin: 0 0 6px; font-size: 13px; font-weight: 800; color: var(--azure-ink, #071745); }
body.mcf-azure .hp-rank-row { display: flex; align-items: center; gap: 9px; min-height: 32px; border-bottom: 1px solid #eaf0fa; }
body.mcf-azure .hp-rank-row:last-child { border-bottom: 0; }
body.mcf-azure .hp-rank-number { width: 16px; height: 19px; flex-shrink: 0; text-align: center; font-weight: 700; font-size: 10px; line-height: 19px; color: #426697; background: #edf3fb; border-radius: 5px; }
body.mcf-azure .hp-rank-number--1 { background: #ffe05e; color: #8a5800; }
body.mcf-azure .hp-rank-number--2 { background: #e4ebf4; color: #55647a; }
body.mcf-azure .hp-rank-number--3 { background: #f4ddc0; color: #956832; }
body.mcf-azure .hp-rank-cover { display: block; width: 23px; height: 23px; border-radius: 5px; overflow: hidden; flex-shrink: 0; }
body.mcf-azure .hp-rank-cover picture, body.mcf-azure .hp-rank-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mcf-azure .hp-rank-row > strong { font-size: 11px; font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mcf-azure .hp-rank-count { font-size: 11px; font-weight: 550; color: var(--azure-blue, #0954ff); flex-shrink: 0; font-variant-numeric: tabular-nums; }
body.mcf-azure .hp-carousel-shell { position: relative; min-width: 0; }
body.mcf-azure .hp-carousel { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * var(--hp-gap)) / 4); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; padding-bottom: 4px; }
body.mcf-azure .hp-carousel::-webkit-scrollbar { display: none; }
body.mcf-azure .hp-carousel > * { scroll-snap-align: start; }
body.mcf-azure .hp-carousel-arrow { position: absolute; z-index: 2; top: 35%; display: grid; place-items: center; width: 29px; height: 29px; padding: 0 0 2px; border: 1px solid #bdd6fc; border-radius: 50%; background: #fff; color: #0954ff; font-size: 27px; line-height: 1; cursor: pointer; box-shadow: 0 2px 9px #1e4d9719; }
body.mcf-azure .hp-carousel-arrow[hidden] { display: none; }
body.mcf-azure .hp-carousel-arrow:disabled { opacity: 0; pointer-events: none; }
body.mcf-azure .hp-carousel-prev { left: -13px; }
body.mcf-azure .hp-carousel-next { right: -13px; }
body.mcf-azure .hp-update-grid { gap: var(--hp-gap); }
body.mcf-azure .hp-update-card { min-width: 0; display: block; background: white; border-radius: 8px; overflow: hidden; transition: transform .18s, box-shadow .18s; }
body.mcf-azure .hp-update-cover { display: block; background: #dceeff; aspect-ratio: 2.45; overflow: hidden; }
body.mcf-azure .hp-update-cover picture, body.mcf-azure .hp-update-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mcf-azure .hp-update-card > strong { display: block; margin: 7px 9px 3px; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 13px; font-weight: 800; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
body.mcf-azure .hp-update-card > span:last-child { display: block; margin: 0 9px 9px; font-size: 9px; color: #61769d; }
body.mcf-azure .hp-news-list { background: white; border-radius: 6px; overflow: hidden; }
body.mcf-azure .hp-news-row { display: flex; align-items: center; gap: 15px; min-height: 30px; padding: 6px 10px; border-bottom: 1px solid #e9f0fb; font-size: 12px; line-height: 1.4; }
body.mcf-azure .hp-news-row:last-child { border-bottom: 0; }
body.mcf-azure .hp-news-row:hover { background: #f8fbff; }
body.mcf-azure .hp-news-row time { width: 51px; color: #637ba3; font-size: 11px; flex-shrink: 0; }
body.mcf-azure .hp-news-row > span:nth-child(2) { flex: 1; min-width: 0; }
body.mcf-azure .hp-news-row > span:last-child { color: #0954ff; }
body.mcf-azure .hp-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.mcf-azure .hp-directory-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; background: #fff; min-width: 0; transition: box-shadow .18s; }
body.mcf-azure .hp-directory-card:hover { box-shadow: 0 5px 18px #244e8314; }
body.mcf-azure .hp-directory-card > span:nth-child(2) { flex: 1; min-width: 0; }
body.mcf-azure .hp-directory-card strong { display: block; font-family: var(--azure-heading-font, 'Rubik'), Arial, sans-serif; font-size: 16px; font-weight: 800; margin-bottom: 3px; line-height: 1.2; }
body.mcf-azure .hp-directory-card > span > span { display: block; font-size: 10px; color: #536c95; line-height: 1.3; }
body.mcf-azure .hp-directory-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 0; background: transparent !important; flex-shrink: 0; }
body.mcf-azure .hp-directory-icon svg { width: 100%; height: 100%; filter: drop-shadow(0 3px 0 #0b20460d); }
body.mcf-azure .hp-directory-icon--sun { color: #b254c4; background: #f6e9ff; }
body.mcf-azure .hp-directory-icon--cube { color: #b2742e; background: #fff1d5; }
body.mcf-azure .hp-directory-icon--book { color: #c87905; background: #fff0c6; }
body.mcf-azure .hp-directory-icon--game { color: #0954ff; background: #e5efff; }
body.mcf-azure .hp-directory-icon--user { color: #148eb3; background: #e1f6fc; }
body.mcf-azure .hp-directory-chevron { color: #0954ff; font-size: 21px; }
body.mcf-azure .hp-image-placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: #0954ff; font-size: 26px; }

@media (min-width: 1500px) {
    body.mcf-azure .hp-hero { min-height: 446px; }
}
@media (max-width: 1180px) and (min-width: 851px) {
    body.mcf-azure .hp-hero { padding: 54px 24px 26px; min-height: 335px; }
    body.mcf-azure .hp-hero h1 { font-size: clamp(44px, 8.4cqw, 68px); }
    body.mcf-azure .hp-hero-stats { width: 93%; gap: 5px; }
    body.mcf-azure .hp-stat { gap: 5px; padding: 7px 5px; }
    body.mcf-azure .hp-stat-icon { width: 31px; height: 31px; }
    body.mcf-azure .hp-stat strong { font-size: 14px; }
    body.mcf-azure .hp-channel-card { gap: 6px; padding: 9px 6px; }
    body.mcf-azure .hp-channel-avatar { width: 29px; height: 29px; }
    body.mcf-azure .hp-channel-info strong { font-size: 12px; }
    body.mcf-azure .hp-channel-info small { font-size: 9px; }
    body.mcf-azure .hp-mod-versions { display: none; }
    body.mcf-azure .hp-directory-card { padding: 11px 9px; gap: 8px; }
    body.mcf-azure .hp-directory-icon { width: 43px; height: 48px; }
}
@media (max-width: 850px) {
    body.mcf-azure .hp-hero { min-height: 350px; margin-left: 0; margin-right: 0; }
    body.mcf-azure .hp-hero h1 { font-size: clamp(38px, 8.4cqw, 68px); }
    body.mcf-azure .hp-section-head h2 { font-size: 23px; }
}
@media (max-width: 620px) {
    body.mcf-azure .hp-home { --hp-gap: 10px; }
    body.mcf-azure .hp-hero { min-height: 350px; margin-top: 0; padding: 36px 16px 20px; background-position: 61% top; }
    body.mcf-azure .hp-hero::before { background: linear-gradient(90deg, #eaf7ffad, #eaf7ff0d); }
    body.mcf-azure .hp-hero h1 { max-width: 100%; font-size: clamp(35px, 9.9vw, 57px); letter-spacing: -.055em; }
    body.mcf-azure .hp-hero-tagline { font-size: 16px; margin-bottom: 17px; }
    body.mcf-azure .hp-hero-actions { gap: 6px; }
    body.mcf-azure .hp-button { font-size: 11px; min-height: 39px; padding: 10px 11px; gap: 5px; }
    body.mcf-azure .hp-button svg { width: 14px; height: 14px; }
    body.mcf-azure .hp-hero-stats { margin-top: 22px; width: 100%; gap: 6px; padding: 0; }
    body.mcf-azure .hp-stat { flex-direction: column; gap: 4px; padding: 8px 3px; text-align: center; }
    body.mcf-azure .hp-stat strong { font-size: 14px; }
    body.mcf-azure .hp-stat small { font-size: 9px; }
    body.mcf-azure .hp-stat-icon { width: 29px; height: 29px; }
    body.mcf-azure .hp-section { margin-bottom: 21px; }
    body.mcf-azure .hp-section-head { margin-bottom: 9px; gap: 9px; }
    body.mcf-azure .hp-section-head h2 { font-size: 23px; }
    body.mcf-azure .hp-section-head > a { font-size: 10px; }
    body.mcf-azure .hp-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mcf-azure .hp-carousel { grid-template-columns: none; grid-auto-columns: calc((100% - var(--hp-gap)) / 2); }
    body.mcf-azure .hp-post-card--guide .hp-post-image { aspect-ratio: 2.35; }
    body.mcf-azure .hp-post-card--build .hp-post-image { aspect-ratio: 1.4; }
    body.mcf-azure .hp-post-card--build .hp-post-title { font-size: 12px; min-height: 31px; }
    body.mcf-azure .hp-post-card--build .hp-post-footer { flex-wrap: wrap; gap: 6px; }
    body.mcf-azure .hp-post-title { font-size: 14px; }
    body.mcf-azure .hp-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mcf-azure .hp-channel-info strong { font-size: 12px; }
    body.mcf-azure .hp-channel-info small { font-size: 10px; }
    body.mcf-azure .hp-mod-row { position: relative; padding: 10px; gap: 9px; min-height: 87px; align-items: flex-start; }
    body.mcf-azure .hp-mod-cover { flex-basis: 54px; height: 59px; }
    body.mcf-azure .hp-mod-copy { padding-right: 1px; }
    body.mcf-azure .hp-mod-copy strong { font-size: 13px; }
    body.mcf-azure .hp-mod-copy > span { font-size: 10px; -webkit-line-clamp: 3; }
    body.mcf-azure .hp-mod-versions { display: none; }
    body.mcf-azure .hp-download-button { font-size: 10px; padding: 8px 9px; align-self: center; }
    body.mcf-azure .hp-mod-downloads { display: none; }
    body.mcf-azure .hp-modpack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    body.mcf-azure .hp-modpack-cover { aspect-ratio: 2.35; }
    body.mcf-azure .hp-modpack-body > strong { font-size: 12px; }
    body.mcf-azure .hp-card-details { font-size: 9px; }
    body.mcf-azure .hp-rank-grid { gap: 10px; }
    body.mcf-azure .hp-rank-panel { padding: 11px 8px 6px; }
    body.mcf-azure .hp-rank-row { gap: 5px; }
    body.mcf-azure .hp-rank-cover { width: 20px; height: 20px; }
    body.mcf-azure .hp-rank-number { width: 12px; }
    body.mcf-azure .hp-rank-row > strong { font-size: 9px; }
    body.mcf-azure .hp-rank-count { font-size: 9px; }
    body.mcf-azure .hp-news-row { align-items: flex-start; gap: 8px; font-size: 11px; padding: 8px; }
    body.mcf-azure .hp-news-row time { width: 44px; font-size: 10px; }
    body.mcf-azure .hp-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    body.mcf-azure .hp-directory-card { gap: 8px; padding: 11px 8px; }
    body.mcf-azure .hp-directory-icon { width: 39px; height: 43px; }
    body.mcf-azure .hp-directory-card strong { font-size: 13px; }
    body.mcf-azure .hp-directory-card > span > span { font-size: 9px; }
    body.mcf-azure .hp-carousel-prev { left: -5px; }
    body.mcf-azure .hp-carousel-next { right: -5px; }
}
@media (max-width: 360px) {
    body.mcf-azure .hp-hero { padding-left: 12px; padding-right: 12px; }
    body.mcf-azure .hp-hero h1 { font-size: 33px; }
    body.mcf-azure .hp-button { padding-left: 8px; padding-right: 8px; font-size: 10px; }
    body.mcf-azure .hp-section-head h2 { font-size: 18px; }
    body.mcf-azure .hp-rank-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    body.mcf-azure .hp-home *, body.mcf-azure .hp-home *::before, body.mcf-azure .hp-home *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}