:root {
            --sb-ink: #111827;
            --sb-muted: #687386;
            --sb-line: #e7ebf0;
            --sb-bg: #f7f8fa;
            --sb-card: #ffffff;
            --sb-accent: #1769ff;
            --sb-accent-dark: #0f4fd1;
            --sb-accent-soft: #edf4ff;
            --sb-green: #1b8a5a;
            --sb-red: #e45555;
            --sb-radius: 18px;
            --sb-shadow: 0 10px 35px rgba(17, 24, 39, .07);
            --sb-max: 1240px;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            color: var(--sb-ink);
            background: var(--sb-bg);
            font-family:
                Inter,
                ui-sans-serif,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Arial,
                sans-serif;
            line-height: 1.55;
        }

        body.sb-dark {
            --sb-ink: #f4f7fb;
            --sb-muted: #9ba7b7;
            --sb-line: #273142;
            --sb-bg: #0d131c;
            --sb-card: #121a26;
            --sb-accent: #5d9cff;
            --sb-accent-dark: #7cadff;
            --sb-accent-soft: #17243a;
            --sb-shadow: 0 16px 45px rgba(0, 0, 0, .24);
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            display: block;
            max-width: 100%;
        }

        button,
        input {
            font: inherit;
        }

        button {
            cursor: pointer;
        }

        .sb-container {
            width: min(calc(100% - 36px), var(--sb-max));
            margin-inline: auto;
        }

        .sb-topline {
            background: #c1e9d5;
            color: #13251f;
            font-size: 12px;
        }

        .sb-topline-inner {
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .sb-toplinks {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .sb-toplinks a {
            opacity: .9;
        }

        .sb-toplinks a:hover {
            opacity: 1;
            color: #fff;
        }

        .sb-brand-row {
            background: var(--sb-card);
            border-bottom: 1px solid var(--sb-line);
        }

        .sb-brand-inner {
            min-height: 92px;
            display: grid;
            grid-template-columns: 270px 1fr auto;
            align-items: center;
            gap: 34px;
        }

        .sb-brand {
            display: inline-flex;
            align-items: center;
            gap: 13px;
        }

        .sb-brand-mark {
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            border-radius: 14px;
            color: #fff;
            background: linear-gradient(145deg, #1769ff, #0b3fba);
            box-shadow: 0 8px 20px rgba(23, 105, 255, .22);
        }

        .sb-brand-mark svg {
            width: 25px;
            height: 25px;
        }

        .sb-brand-name {
            font-size: 28px;
            line-height: 1;
            font-weight: 850;
            letter-spacing: -1.2px;
        }

        .sb-brand-tag {
            margin-top: 5px;
            color: var(--sb-muted);
            font-size: 11px;
            font-weight: 600;
        }

        .sb-search {
            position: relative;
            width: min(100%, 620px);
            justify-self: center;
        }

        .sb-search input {
            width: 100%;
            height: 48px;
            border: 1px solid var(--sb-line);
            border-radius: 12px;
            outline: none;
            padding: 0 54px 0 16px;
            background: var(--sb-bg);
            color: var(--sb-ink);
        }

        .sb-search input:focus {
            border-color: var(--sb-accent);
            box-shadow: 0 0 0 4px color-mix(in srgb, var(--sb-accent) 12%, transparent);
        }

        .sb-search button {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 38px;
            height: 38px;
            border: 0;
            border-radius: 9px;
            color: #fff;
            background: var(--sb-accent);
        }

        .sb-account {
            display: flex;
            align-items: center;
            gap: 14px;
            white-space: nowrap;
        }

        .sb-login {
            font-size: 14px;
            font-weight: 700;
        }

        .sb-join {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 16px;
            border-radius: 11px;
            color: #fff;
            background: var(--sb-accent);
            font-weight: 800;
            font-size: 13px;
        }

        .sb-join:hover {
            background: var(--sb-accent-dark);
        }

        .sb-nav {
            background: var(--sb-card);
            border-bottom: 1px solid var(--sb-line);
        }

        .sb-nav-inner {
            min-height: 54px;
            display: flex;
            align-items: center;
            gap: 5px;
            overflow-x: auto;
            scrollbar-width: none;
        }

        .sb-nav-inner::-webkit-scrollbar {
            display: none;
        }

        .sb-nav a {
            flex: 0 0 auto;
            padding: 8px 13px;
            border-radius: 9px;
            color: var(--sb-muted);
            font-size: 13px;
            font-weight: 750;
        }

        .sb-nav a:hover,
        .sb-nav a.active {
            color: var(--sb-accent);
            background: var(--sb-accent-soft);
        }

        .sb-trending {
            margin-left: auto;
            color: var(--sb-red) !important;
        }

        .sb-main {
            padding: 44px 0 70px;
        }

        .sb-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--sb-accent);
            font-size: 11px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: 1.6px;
        }

        .sb-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
            gap: 24px;
            align-items: stretch;
        }

        .sb-hero {
            position: relative;
            min-height: 500px;
            overflow: hidden;
            border-radius: 22px;
            background: #111827;
            box-shadow: var(--sb-shadow);
        }

        .sb-hero-media {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sb-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(
                    90deg,
                    rgba(8, 15, 28, .92) 0%,
                    rgba(8, 15, 28, .65) 45%,
                    rgba(8, 15, 28, .12) 100%
                );
        }

        .sb-hero-content {
            position: relative;
            z-index: 2;
            min-height: 500px;
            max-width: 700px;
            padding: 62px 58px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            color: #fff;
        }

        .sb-hero-content .sb-kicker {
            color: #a9c9ff;
            margin-bottom: 13px;
        }

        .sb-hero h1 {
            margin: 0;
            max-width: 680px;
            font-size: clamp(38px, 5vw, 66px);
            line-height: .98;
            letter-spacing: -2.8px;
        }

        .sb-hero-excerpt {
            max-width: 620px;
            margin: 18px 0 24px;
            color: #dce5f2;
            font-size: 16px;
        }

        .sb-read {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            align-self: flex-start;
            padding: 12px 17px;
            border-radius: 10px;
            background: #fff;
            color: #111827;
            font-size: 13px;
            font-weight: 850;
        }

        .sb-read:hover {
            background: #eaf2ff;
            color: #0f4fd1;
        }

        .sb-hero-meta {
            margin-top: 22px;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #b9c6d8;
            font-size: 12px;
        }

        .sb-hero-empty {
            position: absolute;
            inset: 0;
            z-index: 1;
            display: grid;
            place-items: center;
            color: #b8c3d4;
            background:
                radial-gradient(circle at 20% 20%, #29446d, transparent 35%),
                linear-gradient(135deg, #111827, #1c2d48);
        }

        .sb-popular {
            border: 1px solid var(--sb-line);
            border-radius: 22px;
            background: var(--sb-card);
            box-shadow: var(--sb-shadow);
            padding: 25px;
        }

        .sb-panel-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 16px;
        }

        .sb-panel-head h2 {
            margin: 0;
            font-size: 20px;
            letter-spacing: -.6px;
        }

        .sb-panel-head a {
            color: var(--sb-accent);
            font-size: 12px;
            font-weight: 800;
        }

        .sb-popular-item {
            display: grid;
            grid-template-columns: 78px 1fr;
            gap: 13px;
            padding: 14px 0;
            border-bottom: 1px solid var(--sb-line);
        }

        .sb-popular-item:last-child {
            border-bottom: 0;
        }

        .sb-thumb {
            width: 78px;
            height: 70px;
            border-radius: 10px;
            overflow: hidden;
            background: var(--sb-accent-soft);
            display: grid;
            place-items: center;
            color: var(--sb-accent);
        }

        .sb-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sb-popular-title {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 14px;
            line-height: 1.35;
            font-weight: 800;
        }

        .sb-date {
            display: block;
            margin-top: 7px;
            color: var(--sb-muted);
            font-size: 11px;
        }

        .sb-category-strip {
            margin-top: 24px;
            display: grid;
            grid-template-columns: repeat(10, minmax(100px, 1fr));
            gap: 9px;
        }

        .sb-cat-card {
            min-height: 88px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 7px;
            border: 1px solid var(--sb-line);
            border-radius: 14px;
            background: var(--sb-card);
            color: var(--sb-muted);
            font-size: 12px;
            font-weight: 800;
            transition: transform .18s ease, border-color .18s ease;
        }

        .sb-cat-card:hover {
            transform: translateY(-3px);
            border-color: var(--sb-accent);
            color: var(--sb-accent);
        }

        .sb-cat-icon {
            width: 30px;
            height: 30px;
            display: grid;
            place-items: center;
            border-radius: 9px;
            background: var(--sb-accent-soft);
            color: var(--sb-accent);
            font-size: 13px;
            font-weight: 900;
        }

        .sb-section {
            margin-top: 58px;
        }

        .sb-section-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 19px;
        }

        .sb-section-title {
            margin: 0;
            font-size: 30px;
            line-height: 1.05;
            letter-spacing: -1.2px;
        }

        .sb-section-sub {
            margin: 7px 0 0;
            color: var(--sb-muted);
            font-size: 13px;
        }

        .sb-view-all {
            color: var(--sb-accent);
            font-size: 13px;
            font-weight: 850;
        }

        .sb-content-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 300px;
            gap: 26px;
            align-items: start;
        }

        .sb-articles {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 17px;
        }

        .sb-card {
            overflow: hidden;
            border: 1px solid var(--sb-line);
            border-radius: 16px;
            background: var(--sb-card);
            box-shadow: 0 5px 18px rgba(17, 24, 39, .035);
            transition: transform .18s ease, box-shadow .18s ease;
        }

        .sb-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--sb-shadow);
        }

        .sb-card-image {
            width: 100%;
            aspect-ratio: 1.65 / 1;
            object-fit: cover;
            background: var(--sb-accent-soft);
        }

        .sb-card-placeholder {
            aspect-ratio: 1.65 / 1;
            display: grid;
            place-items: center;
            background:
                linear-gradient(135deg, var(--sb-accent-soft), var(--sb-bg));
            color: var(--sb-accent);
        }

        .sb-card-body {
            padding: 17px;
        }

        .sb-card-cat {
            display: inline-flex;
            margin-bottom: 8px;
            color: var(--sb-accent);
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 1.1px;
        }

        .sb-card h3 {
            margin: 0;
            font-size: 17px;
            line-height: 1.25;
            letter-spacing: -.35px;
        }

        .sb-card-excerpt {
            margin: 9px 0 13px;
            color: var(--sb-muted);
            font-size: 12px;
            line-height: 1.55;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .sb-card-meta {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            color: var(--sb-muted);
            font-size: 10px;
        }

        .sb-sidebar {
            display: grid;
            gap: 18px;
        }

        .sb-side-card {
            border: 1px solid var(--sb-line);
            border-radius: 17px;
            background: var(--sb-card);
            padding: 22px;
        }

        .sb-side-card h3 {
            margin: 0 0 7px;
            font-size: 19px;
            letter-spacing: -.5px;
        }

        .sb-side-card p {
            margin: 0 0 16px;
            color: var(--sb-muted);
            font-size: 12px;
        }

        .sb-newsletter {
            background:
                linear-gradient(
                    145deg,
                    var(--sb-accent-soft),
                    var(--sb-card)
                );
        }

        .sb-newsletter input {
            width: 100%;
            height: 42px;
            border: 1px solid var(--sb-line);
            border-radius: 9px;
            padding: 0 12px;
            background: var(--sb-card);
            color: var(--sb-ink);
            outline: none;
        }

        .sb-newsletter button {
            width: 100%;
            height: 42px;
            margin-top: 8px;
            border: 0;
            border-radius: 9px;
            color: #fff;
            background: var(--sb-accent);
            font-size: 12px;
            font-weight: 850;
        }

        .sb-newsletter small {
            display: block;
            margin-top: 10px;
            color: var(--sb-muted);
            font-size: 10px;
        }

        .sb-follow-links {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

        .sb-social {
            width: 34px;
            height: 34px;
            display: grid;
            place-items: center;
            border: 1px solid var(--sb-line);
            border-radius: 9px;
            color: var(--sb-muted);
            font-size: 11px;
            font-weight: 850;
        }

        .sb-social:hover {
            color: var(--sb-accent);
            border-color: var(--sb-accent);
        }

        .sb-empty {
            grid-column: 1 / -1;
            padding: 55px 25px;
            border: 1px dashed var(--sb-line);
            border-radius: 16px;
            text-align: center;
            background: var(--sb-card);
        }

        .sb-empty h3 {
            margin: 0 0 5px;
            font-size: 21px;
        }

        .sb-empty p {
            margin: 0;
            color: var(--sb-muted);
            font-size: 13px;
        }

        .sb-footer {
            margin-top: 40px;
            padding: 54px 0 22px;
            color: #29443a;
            background: #c1e9d5;
        }

        .sb-footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            gap: 40px;
        }

        .sb-footer .sb-brand-name {
            color: #13251f;
        }

        .sb-footer .sb-brand-tag {
            color: #4b6b5d;
        }

        .sb-footer-copy {
            max-width: 390px;
            margin: 18px 0 0;
            font-size: 12px;
            line-height: 1.75;
        }

        .sb-footer h4 {
            margin: 0 0 14px;
            color: #13251f;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .sb-footer-links {
            display: grid;
            gap: 8px;
            font-size: 12px;
        }

        .sb-footer-links a:hover {
            color: #1769ff;
        }

        .sb-footer-bottom {
            margin-top: 42px;
            padding-top: 17px;
            border-top: 1px solid rgba(19,37,31,.16);
            display: flex;
            justify-content: space-between;
            gap: 20px;
            font-size: 10px;
        }

        .sb-mobile-menu {
            display: none;
        }

        @media (max-width: 1120px) {
            .sb-brand-inner {
                grid-template-columns: 235px 1fr auto;
                gap: 18px;
            }

            .sb-category-strip {
                overflow-x: auto;
                grid-template-columns: repeat(10, 100px);
                padding-bottom: 4px;
            }

            .sb-articles {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 900px) {
            .sb-brand-inner {
                grid-template-columns: 1fr auto;
            }

            .sb-search {
                grid-column: 1 / -1;
                grid-row: 2;
                width: 100%;
                padding-bottom: 15px;
            }

            .sb-account {
                justify-self: end;
            }

            .sb-hero-grid,
            .sb-content-grid {
                grid-template-columns: 1fr;
            }

            .sb-popular {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0 20px;
            }

            .sb-popular .sb-panel-head {
                grid-column: 1 / -1;
            }

            .sb-sidebar {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .sb-footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 650px) {
            .sb-container {
                width: min(calc(100% - 24px), var(--sb-max));
            }

            .sb-topline-inner {
                justify-content: center;
            }

            .sb-topline .sb-toplinks {
                display: none;
            }

            .sb-brand-inner {
                min-height: 76px;
            }

            .sb-brand-name {
                font-size: 24px;
            }

            .sb-account .sb-login {
                display: none;
            }

            .sb-join {
                padding: 10px 12px;
            }

            .sb-nav-inner {
                min-height: 48px;
            }

            .sb-nav a {
                font-size: 12px;
                padding: 7px 10px;
            }

            .sb-main {
                padding-top: 24px;
            }

            .sb-hero {
                min-height: 430px;
                border-radius: 17px;
            }

            .sb-hero-content {
                min-height: 430px;
                padding: 30px 24px;
            }

            .sb-hero h1 {
                font-size: 38px;
                letter-spacing: -1.8px;
            }

            .sb-hero-excerpt {
                font-size: 14px;
            }

            .sb-popular {
                display: block;
            }

            .sb-category-strip {
                margin-top: 14px;
            }

            .sb-section {
                margin-top: 40px;
            }

            .sb-section-title {
                font-size: 25px;
            }

            .sb-articles,
            .sb-sidebar {
                grid-template-columns: 1fr;
            }

            .sb-card h3 {
                font-size: 18px;
            }

            .sb-footer-grid {
                grid-template-columns: 1fr;
                gap: 28px;
            }

            .sb-footer-bottom {
                flex-direction: column;
            }
        }

.sb-article-page{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:40px;box-shadow:var(--sb-shadow)}
.sb-back{color:var(--sb-accent);font-weight:800}
.sb-article-page h1{font-size:clamp(38px,5.5vw,68px);line-height:1.04;letter-spacing:-2.5px;margin:16px 0}
.sb-article-lead{font-size:20px;color:var(--sb-muted);max-width:820px}
.sb-article-meta{display:flex;gap:18px;color:var(--sb-muted);font-size:13px;margin:22px 0}
.sb-article-hero{width:100%;max-height:600px;object-fit:cover;border-radius:18px;margin:20px 0 34px}
.sb-article-body{font-size:18px;line-height:1.85}
.sb-article-body h2{font-size:32px;line-height:1.2;margin-top:42px}
.sb-article-body h3{font-size:24px}
.sb-article-body img{max-width:100%;height:auto;border-radius:16px;margin:22px 0}
.sb-article-body a{color:var(--sb-accent);text-decoration:underline}
.sb-article-body table{width:100%;border-collapse:collapse;margin:30px 0;font-size:16px;line-height:1.55;overflow:hidden}
.sb-article-body caption{caption-side:top;text-align:left;font-weight:800;color:var(--sb-ink);padding:0 0 10px}
.sb-article-body th,.sb-article-body td{border:1px solid var(--sb-line);padding:12px 14px;text-align:left;vertical-align:top}
.sb-article-body th{background:#f4f8fd;color:var(--sb-ink);font-weight:800}
.sb-article-body tbody tr:nth-child(even) td{background:#fafcff}
.sb-article-body table a{word-break:break-word}
.sb-author-box{display:flex;gap:16px;border-top:1px solid var(--sb-line);margin-top:42px;padding-top:28px}
.sb-author-box img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.sb-author-box p{color:var(--sb-muted)}
@media(max-width:850px){.sb-article-page{padding:24px}.sb-article-meta{flex-direction:column;gap:4px}}


.sb-admin-wrap{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:24px;box-shadow:var(--sb-shadow)}
.sb-admin-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.sb-admin-filter{padding:9px 12px;border:1px solid var(--sb-line);border-radius:9px;color:var(--sb-muted);font-weight:750;font-size:13px}
.sb-admin-toolbar form{margin-left:auto;display:flex;gap:8px}
.sb-admin-toolbar input{padding:10px;border:1px solid var(--sb-line);border-radius:9px}
.sb-admin-toolbar button{padding:10px 14px;border:0;border-radius:9px;background:var(--sb-accent);color:#fff}
.sb-admin-table-wrap{overflow:auto}.sb-admin-table{width:100%;border-collapse:collapse}.sb-admin-table th,.sb-admin-table td{padding:12px;border-bottom:1px solid var(--sb-line);text-align:left;vertical-align:top;font-size:13px}.sb-admin-table th{color:var(--sb-muted)}
.sb-admin-table a{color:var(--sb-accent);font-weight:700}


.sb-author-link{color:var(--sb-ink);font-weight:800;text-decoration:none}.sb-author-link:hover{color:var(--sb-accent);text-decoration:underline}.sb-profile-button{display:inline-flex;margin-top:8px;color:var(--sb-accent);font-weight:800;font-size:13px}.sb-profile-card{display:flex;align-items:center;gap:22px;background:var(--sb-card);border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:28px 32px;margin-bottom:24px;box-shadow:var(--sb-shadow)}.sb-profile-card h1{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-2px;margin:7px 0 10px}.sb-profile-avatar{width:92px;height:92px;flex:0 0 92px;border-radius:50%;overflow:hidden;background:var(--sb-accent-soft);display:flex;align-items:center;justify-content:center;color:var(--sb-accent);font-size:34px;font-weight:900}.sb-profile-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:650px){.sb-profile-card{align-items:flex-start;padding:22px;gap:16px}.sb-profile-avatar{width:68px;height:68px;flex-basis:68px;font-size:26px}}

/* Profile editing */
.sb-profile-edit-card{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:30px 34px;box-shadow:var(--sb-shadow);max-width:980px;margin:0 auto}.sb-profile-form{margin-top:10px}.sb-profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sb-profile-form-grid>div{display:flex;flex-direction:column}.sb-profile-form label{font-size:13px;font-weight:800;margin-bottom:7px}.sb-profile-form input,.sb-profile-form textarea{width:100%;border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-ink);border-radius:11px;padding:12px 13px;font:inherit;outline:none}.sb-profile-form input:focus,.sb-profile-form textarea:focus{border-color:var(--sb-accent);box-shadow:0 0 0 3px var(--sb-accent-soft)}.sb-profile-form input:disabled{opacity:.7;cursor:not-allowed}.sb-profile-form small{font-size:11px;color:var(--sb-muted);margin-top:6px}.sb-profile-about{grid-column:1/-1}.sb-profile-photo-field{grid-column:1/-1}.sb-photo-row{display:flex;align-items:center;gap:18px}.sb-profile-avatar-edit{width:86px;height:86px;flex-basis:86px}.sb-profile-message{padding:12px 14px;border-radius:10px;margin:0 0 20px;font-size:13px;font-weight:700}.sb-profile-message.success{background:#e5f8ef;color:#087b50}.sb-profile-message.error{background:#ffe9ed;color:#c9283c}.sb-photo-size.ok{color:var(--sb-green)}.sb-photo-size.bad{color:var(--sb-red);font-weight:800}.sb-profile-form-actions{display:flex;align-items:center;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--sb-line)}.sb-secondary-link{color:var(--sb-accent);font-size:13px;font-weight:800}.sb-public-website{display:inline-flex;margin-top:4px;color:var(--sb-accent);font-weight:800;font-size:13px}.sb-profile-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:7px;color:var(--sb-muted);font-size:13px}.sb-profile-edit-link{display:inline-flex;margin-top:12px;background:var(--sb-accent-soft);color:var(--sb-accent);border-radius:9px;padding:9px 13px;font-size:12px;font-weight:800}
@media(max-width:700px){.sb-profile-edit-card{padding:22px}.sb-profile-form-grid{grid-template-columns:1fr}.sb-profile-about,.sb-profile-photo-field{grid-column:auto}.sb-photo-row{align-items:flex-start;flex-direction:column}}

/* Refined profile editor */
.sb-profile-settings-page{padding-top:34px;padding-bottom:56px}
.sb-profile-settings{max-width:1120px;margin:0 auto}
.sb-profile-settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px;padding:0 4px}
.sb-profile-settings-heading .sb-kicker{display:inline-block;margin-bottom:8px}
.sb-profile-settings-heading h1{font-size:clamp(34px,4.5vw,52px);line-height:1.05;letter-spacing:-2.4px;margin:0 0 10px}
.sb-profile-settings-heading p{margin:0;color:var(--sb-muted);font-size:15px;max-width:650px}
.sb-profile-public-btn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid var(--sb-line);background:var(--sb-card);color:var(--sb-ink);padding:12px 16px;border-radius:12px;font-size:13px;font-weight:800;box-shadow:0 5px 18px rgba(17,24,39,.04)}
.sb-profile-public-btn:hover{border-color:var(--sb-accent);color:var(--sb-accent)}
.sb-profile-settings-form{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:22px;box-shadow:0 16px 45px rgba(17,24,39,.07);overflow:hidden}
.sb-profile-settings-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:0}
.sb-profile-side-card{padding:32px 28px;background:linear-gradient(180deg,#f3fbf7 0%,#f8fafc 100%);border-right:1px solid var(--sb-line);display:flex;flex-direction:column;align-items:center;text-align:center}
body.sb-dark .sb-profile-side-card{background:linear-gradient(180deg,#15251f 0%,#121a26 100%)}
.sb-profile-side-title{align-self:flex-start;font-size:14px;font-weight:900;margin-bottom:24px}
.sb-profile-avatar-xl{width:150px;height:150px;border-radius:50%;overflow:hidden;background:var(--sb-accent-soft);border:6px solid var(--sb-card);box-shadow:0 10px 30px rgba(17,24,39,.12);display:flex;align-items:center;justify-content:center;color:var(--sb-accent);font-size:52px;font-weight:900;margin-bottom:18px}
.sb-profile-avatar-xl img{width:100%;height:100%;object-fit:cover}
.sb-hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sb-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:10px 16px;border-radius:10px;background:var(--sb-accent);color:#fff;font-size:13px;font-weight:850;cursor:pointer;transition:.18s ease}
.sb-upload-btn:hover{background:var(--sb-accent-dark);transform:translateY(-1px)}
.sb-profile-photo-help{font-size:12px;line-height:1.55;color:var(--sb-muted);margin:13px 0 18px;max-width:205px}
.sb-profile-photo-limit{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--sb-card);border:1px solid var(--sb-line);border-radius:12px;padding:12px 13px;font-size:11px;color:var(--sb-muted)}
.sb-profile-photo-limit strong{color:var(--sb-ink);font-size:12px}
.sb-photo-size{font-size:11px;font-weight:800;margin-top:8px;min-height:16px}
.sb-profile-details-card{padding:32px 36px}
.sb-profile-card-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--sb-line);padding-bottom:20px;margin-bottom:24px}
.sb-profile-card-heading h2{margin:0 0 5px;font-size:22px;letter-spacing:-.6px}
.sb-profile-card-heading p{margin:0;color:var(--sb-muted);font-size:13px}
.sb-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.sb-profile-field{display:flex;flex-direction:column}
.sb-profile-field label,.sb-profile-about-heading label{font-size:13px;font-weight:850;margin-bottom:8px}
.sb-profile-field input,.sb-profile-about-field textarea{width:100%;border:1px solid #dfe5ec;background:#fff;color:var(--sb-ink);border-radius:11px;padding:12px 14px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
body.sb-dark .sb-profile-field input,body.sb-dark .sb-profile-about-field textarea{background:var(--sb-bg);border-color:var(--sb-line)}
.sb-profile-field input:focus,.sb-profile-about-field textarea:focus{border-color:var(--sb-accent);box-shadow:0 0 0 3px var(--sb-accent-soft)}
.sb-profile-field input:disabled{background:#f3f5f7;color:#7a8491;cursor:not-allowed}
body.sb-dark .sb-profile-field input:disabled{background:#18212d;color:#6f7b8b}
.sb-profile-field small{font-size:11px;color:var(--sb-muted);margin-top:6px}
.sb-profile-about-field{margin-top:24px;padding-top:24px;border-top:1px solid var(--sb-line)}
.sb-profile-about-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px}
.sb-profile-about-heading span{font-size:11px;color:var(--sb-muted);font-weight:700}
.sb-profile-about-field textarea{resize:vertical;min-height:150px;line-height:1.65}
.sb-profile-char-count{display:flex;justify-content:space-between;gap:15px;margin-top:7px;color:var(--sb-muted);font-size:11px}
.sb-profile-char-count strong{font-size:11px;color:var(--sb-ink)}
.sb-profile-save-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-top:1px solid var(--sb-line);background:#fbfcfd}
body.sb-dark .sb-profile-save-bar{background:#101721}
.sb-profile-save-bar>div:first-child{display:flex;flex-direction:column;gap:3px}
.sb-profile-save-bar>div:first-child strong{font-size:13px}
.sb-profile-save-bar>div:first-child span{font-size:11px;color:var(--sb-muted)}
.sb-profile-form-actions{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0}
.sb-profile-cancel{font-size:13px;font-weight:800;color:var(--sb-muted);padding:10px 12px}
.sb-profile-cancel:hover{color:var(--sb-ink)}
.sb-profile-message{max-width:1120px;margin:0 auto 18px;padding:13px 16px;border-radius:11px;font-size:13px;font-weight:750}
@media(max-width:800px){.sb-profile-settings-hero{align-items:flex-start;flex-direction:column}.sb-profile-public-btn{align-self:flex-start}.sb-profile-settings-grid{grid-template-columns:1fr}.sb-profile-side-card{border-right:0;border-bottom:1px solid var(--sb-line);padding:28px 24px}.sb-profile-details-card{padding:28px 24px}.sb-profile-save-bar{align-items:flex-start;flex-direction:column;padding:20px 24px}.sb-profile-form-actions{width:100%;justify-content:flex-end}}
@media(max-width:600px){.sb-profile-settings-page{padding-top:22px}.sb-profile-settings-heading h1{font-size:36px}.sb-profile-fields{grid-template-columns:1fr}.sb-profile-details-card{padding:24px 18px}.sb-profile-side-card{padding:24px 18px}.sb-profile-save-bar{padding:18px}.sb-profile-form-actions{justify-content:stretch}.sb-profile-form-actions>*{flex:1;text-align:center}.sb-profile-about-heading{align-items:flex-start;flex-direction:column;gap:3px}}
/* =========================================================
   PageHire Template 6 — clean knowledge hub theme
   ========================================================= */
:root{--ph-blue:#1769ff;--ph-navy:#10213f;--ph-soft:#eef5ff;--ph-bg:#f6f9fd;--ph-line:#e4ebf4;--ph-muted:#71809a;--ph-radius:18px}
body{background:var(--ph-bg)}
.sb-topline{background:#eaf3ff;color:#243957;border-bottom:1px solid #e0eaf7}
.sb-brand-row{background:#fff}
.sb-brand-inner{min-height:82px;grid-template-columns:250px minmax(280px,1fr) auto;gap:24px}
.sb-brand{width:250px}.sb-brand img{width:210px;max-height:66px}
.sb-search input{background:#f7f9fc;border-color:#e3eaf3;height:46px;border-radius:11px}
.sb-search button{background:var(--ph-blue)}
.sb-nav{background:#fff}.sb-nav-inner{min-height:50px}.sb-nav a{color:#273752}.sb-nav a:hover,.sb-nav a.active{color:var(--ph-blue);background:#edf4ff}
.sb-main{padding:26px 0 60px}
.ph-hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch}
.ph-hero-slider{position:relative;min-width:0}.ph-slide{display:none;min-height:385px;background:#edf5ff;border:1px solid #e0eaf6;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(21,54,99,.07);grid-template-columns:1.02fr .98fr}.ph-slide.is-active{display:grid}.ph-slide-copy{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}.ph-label{display:inline-flex;color:var(--ph-blue);font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.ph-slide-copy h1{font-size:44px;line-height:1.08;letter-spacing:-1.8px;color:var(--ph-navy);margin:12px 0 15px;max-width:590px}.ph-slide-copy p{font-size:15px;color:#53637b;line-height:1.7;max-width:550px;margin:0}.ph-slide-media{position:relative;min-height:385px;background:#dceaff;overflow:hidden}.ph-slide-media img{width:100%;height:100%;object-fit:cover}.ph-slide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,245,255,.08),rgba(237,245,255,0) 30%)}.ph-image-placeholder,.ph-placeholder-photo{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#dceaff,#f5f9ff)}.ph-image-placeholder span,.ph-placeholder-photo strong{font-size:44px;font-weight:900;color:#1769ff}.ph-placeholder-photo div{text-align:center}.ph-placeholder-photo span{display:block;color:#61718a;margin-top:4px}.ph-hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:10px;font-size:12px;font-weight:900;border:1px solid transparent}.ph-btn.primary{background:var(--ph-blue);color:#fff}.ph-btn.primary:hover{background:#0f53d5}.ph-btn.ghost{background:#fff;border-color:#cbd9ec;color:#244060}.ph-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:1px solid #d8e4f3;background:rgba(255,255,255,.95);border-radius:50%;font-size:25px;color:#31506f;box-shadow:0 6px 18px rgba(17,40,74,.1)}.ph-arrow.prev{left:14px}.ph-arrow.next{right:14px}.ph-dots{position:absolute;left:48px;bottom:18px;display:flex;gap:6px;z-index:3}.ph-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#b8c7da;padding:0}.ph-dots button.active{width:22px;border-radius:8px;background:var(--ph-blue)}
.ph-hero-side{display:grid;grid-template-rows:auto 1fr;gap:16px}.ph-side-card{background:#fff;border:1px solid var(--ph-line);border-radius:16px;padding:18px;box-shadow:0 8px 25px rgba(25,50,90,.045)}.ph-newsletter-card{background:linear-gradient(145deg,#f0f6ff,#fff)}.ph-side-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e5efff;color:var(--ph-blue);font-weight:900;float:left;margin-right:10px}.ph-side-card h3{margin:0;font-size:17px;color:#172844}.ph-side-card p{color:var(--ph-muted);font-size:12px;line-height:1.6}.ph-subscribe-row{display:flex;gap:6px}.ph-subscribe-row input{min-width:0;flex:1;height:38px;border:1px solid #dbe4ef;border-radius:9px;padding:0 10px}.ph-subscribe-row button{border:0;border-radius:9px;background:var(--ph-blue);color:#fff;padding:0 12px;font-size:11px;font-weight:900}.ph-side-card small{color:#8a97aa;font-size:10px}.ph-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ph-side-head h3{margin:0}.ph-side-head a{font-size:10px;color:var(--ph-blue);font-weight:900}.ph-pop-item{display:grid;grid-template-columns:27px 52px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}.ph-pop-item:last-child{border-bottom:0}.ph-pop-item>b{color:var(--ph-blue);font-size:12px}.ph-pop-thumb{width:52px;height:42px;border-radius:7px;overflow:hidden;background:#edf3fb}.ph-pop-thumb img{width:100%;height:100%;object-fit:cover}.ph-pop-item strong{display:block;font-size:11px;line-height:1.3;color:#1b2b46}.ph-pop-item small{display:block;color:#8b97a8;font-size:9px;margin-top:3px}.ph-muted{color:var(--ph-muted);font-size:12px}
.ph-category-row{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin:18px 0 30px}.ph-category-row a{background:#fff;border:1px solid var(--ph-line);border-radius:12px;padding:11px 8px;text-align:center;box-shadow:0 5px 18px rgba(30,54,90,.035)}.ph-category-row a span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf4ff;color:var(--ph-blue);font-size:9px;font-weight:900;margin:0 auto 6px}.ph-category-row a strong{font-size:9px;color:#33445f}.ph-section{margin-top:28px}.ph-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.ph-section-head h2{font-size:25px;letter-spacing:-.7px;margin:4px 0 0;color:#172844}.ph-section-head p{font-size:12px;color:var(--ph-muted);margin:4px 0 0}.ph-section-head>a{font-size:11px;font-weight:900;color:var(--ph-blue);white-space:nowrap}.ph-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ph-feature-card,.ph-latest-card{background:#fff;border:1px solid var(--ph-line);border-radius:16px;overflow:hidden;box-shadow:0 7px 22px rgba(30,54,90,.04)}.ph-card-image,.ph-latest-image{display:block;position:relative;height:190px;background:#edf3fb;overflow:hidden}.ph-card-image img,.ph-latest-image img{width:100%;height:100%;object-fit:cover}.ph-card-image span,.ph-latest-image span{position:absolute;left:10px;bottom:10px;background:#fff;color:var(--ph-blue);padding:5px 7px;border-radius:6px;font-size:9px;font-weight:900;text-transform:uppercase}.ph-card-body{padding:15px}.ph-card-body h3,.ph-latest-body h3{font-size:16px;line-height:1.25;margin:0 0 7px;color:#172844}.ph-card-body h3 a:hover,.ph-latest-body h3 a:hover{color:var(--ph-blue)}.ph-card-body p,.ph-latest-body p{font-size:11px;line-height:1.6;color:var(--ph-muted);margin:0 0 10px}.ph-meta{display:flex;gap:7px;align-items:center;color:#8a96a8;font-size:9px}.ph-meta a{color:#4c5f7b;font-weight:800}.ph-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.ph-latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ph-latest-image{height:160px}.ph-latest-body{padding:13px}.ph-sidebar{display:grid;align-content:start;gap:16px}.ph-category-link{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f6;font-size:11px;color:#4c5f7b}.ph-category-link:last-child{border-bottom:0}.ph-category-link b{color:#8190a4}.ph-write-card{background:linear-gradient(145deg,#eef6ff,#fff)}.ph-write-card h3{font-size:23px;margin:8px 0}.ph-write-card .ph-btn{margin-top:5px}.ph-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe8f7;border:1px solid #dbe8f7;border-radius:14px;overflow:hidden;margin-top:30px}.ph-benefits>div{background:#eef6ff;padding:17px 15px;display:grid;grid-template-columns:34px 1fr;column-gap:9px}.ph-benefits span{grid-row:1/3;color:var(--ph-blue);font-size:22px}.ph-benefits strong{font-size:11px;color:#1e3454}.ph-benefits small{font-size:9px;color:#71809a}.ph-empty-wide{grid-column:1/-1;background:#fff;border:1px dashed #ccd9e9;border-radius:15px;padding:40px;text-align:center;color:var(--ph-muted)}.ph-empty-wide h3{margin:0 0 5px;color:#243957}.ph-results-head{padding:15px 0 20px}.ph-results-head h1{font-size:32px;letter-spacing:-1px;margin:4px 0}.ph-results-head p{color:var(--ph-muted);font-size:13px}
.sb-footer{background:#fff;color:#50627c;border-top:1px solid #e0e8f2;padding-top:42px}.sb-footer h4{color:#1c2e49}.sb-footer .sb-brand img{width:220px}.sb-footer-bottom{border-top:1px solid #e5ebf3;color:#8190a3}.sb-footer-links a:hover{color:var(--ph-blue)}
@media(max-width:1100px){.ph-hero-wrap{grid-template-columns:1fr}.ph-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ph-category-row{grid-template-columns:repeat(5,1fr)}.ph-content-layout{grid-template-columns:1fr}.ph-sidebar{grid-template-columns:1fr 1fr}.ph-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sb-brand-inner{grid-template-columns:1fr auto}.ph-slide{grid-template-columns:1fr;min-height:500px}.ph-slide-copy{padding:32px 25px}.ph-slide-copy h1{font-size:34px}.ph-slide-media{min-height:230px;order:-1}.ph-hero-side,.ph-sidebar{grid-template-columns:1fr}.ph-category-row{grid-template-columns:repeat(2,1fr)}.ph-feature-grid,.ph-latest-grid{grid-template-columns:1fr}.ph-benefits{grid-template-columns:1fr}.ph-benefits>div{padding:13px}.ph-dots{left:25px}.sb-brand img{width:180px}.sb-account{gap:7px}.sb-login{font-size:11px}}
/* Template 6 exact layout refinements */
.ph-hero-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.ph-hero-side{grid-template-rows:auto auto auto;gap:14px}
.ph-category-row{display:none!important}
.ph-category-card{padding-bottom:12px}
.ph-category-card .ph-category-link{padding:7px 0}
.ph-feature-section{margin-top:26px}
.ph-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ph-content-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.ph-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ph-latest-card{min-width:0}
.ph-latest-image{height:115px}
.ph-latest-body{padding:11px}
.ph-latest-body h3{font-size:13px;line-height:1.28}
.ph-latest-body p{font-size:10px;line-height:1.45}
.ph-write-card{min-height:205px;padding:22px;background:linear-gradient(145deg,#edf6ff,#fff)}
.ph-write-card h3{font-size:24px;line-height:1.1}
.ph-write-card p{font-size:11px}
.sb-brand img{width:205px;max-height:58px;object-fit:contain;object-position:left center}
.sb-footer .sb-brand img{width:205px}
@media(max-width:1100px){
 .ph-hero-wrap{grid-template-columns:1fr}
 .ph-hero-side{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
 .ph-content-layout{grid-template-columns:1fr}
 .ph-latest-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .ph-hero-side{grid-template-columns:1fr}
 .ph-feature-grid,.ph-latest-grid{grid-template-columns:1fr}
 .sb-brand img{width:180px}
}
/* =========================================================
   PageHire Template 6 — reference layout
   ========================================================= */
.ph6-home{padding:26px 0 0;background:#f5f8fc}
.ph6-home .sb-container{max-width:1240px}
.ph6-results-head{padding:28px 0}.ph6-results-head h1{font-size:42px;line-height:1.08;margin:8px 0}.ph6-results-head p{color:#65758d}
.ph6-kicker{display:inline-block;color:#1769ff;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ph6-hero-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:20px;align-items:start}
.ph6-slider{position:relative;min-height:360px;border-radius:18px;overflow:hidden;background:#eaf2ff;border:1px solid #dce7f7;box-shadow:0 8px 25px rgba(24,60,110,.05)}
.ph6-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.02fr 1fr;opacity:0;visibility:hidden;transition:opacity .35s ease}.ph6-slide.is-active{opacity:1;visibility:visible}
.ph6-hero-copy{position:relative;padding:46px 48px 86px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#e8f2ff,#edf5ff)}
.ph6-hero-copy h1{font-size:39px;line-height:1.08;letter-spacing:-.035em;margin:12px 0 14px;color:#0b2144;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:126.4px;min-height:126.4px;max-height:126.4px}
.ph6-hero-copy p{font-size:14px;line-height:1.65;color:#58708e;max-width:510px;margin:0 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:46.2px;min-height:46.2px;max-height:46.2px}
.ph6-hero-copy .ph6-actions{position:absolute;left:48px;bottom:28px;min-height:48px;flex-wrap:nowrap}
.ph6-hero-copy .ph6-actions .ph6-btn{flex:0 0 auto}
.ph6-actions{display:flex;gap:10px;flex-wrap:wrap}.ph6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap}.ph6-btn.primary{background:#1769ff;color:#fff;box-shadow:0 7px 16px rgba(23,105,255,.18)}.ph6-btn.primary:hover{background:#0f56d8}.ph6-btn.light{background:#fff;border:1px solid #c9d9ef;color:#173a69}
.ph6-hero-image{min-height:360px;overflow:hidden;background:#dcecff}.ph6-hero-image img{width:100%;height:100%;object-fit:cover}.ph6-image-placeholder,.ph6-placeholder-photo{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dcecff,#edf5ff)}.ph6-image-placeholder span,.ph6-placeholder-photo span{font-size:42px;font-weight:900;color:#1769ff}.ph6-image-placeholder small,.ph6-placeholder-photo small{display:block;color:#6a7d96;margin-top:7px}.ph6-image-placeholder{flex-direction:column}
.ph6-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #dbe5f2;background:#fff;color:#1769ff;font-size:28px;line-height:1;box-shadow:0 5px 15px rgba(20,50,90,.1);z-index:4}.ph6-arrow.prev{left:12px}.ph6-arrow.next{right:12px}.ph6-dots{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:7px;z-index:5}.ph6-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#b6c6da}.ph6-dots button.active{width:22px;border-radius:8px;background:#1769ff}
.ph6-right-rail{display:flex;flex-direction:column;gap:16px}.ph6-panel{background:#fff;border:1px solid #e0e8f2;border-radius:16px;padding:18px;box-shadow:0 6px 22px rgba(24,60,110,.035)}.ph6-panel h3{font-size:17px;margin:0;color:#0b2144}.ph6-panel p{font-size:11px;line-height:1.55;color:#70829b;margin:8px 0 14px}.ph6-panel small{font-size:9px;color:#91a0b2}.ph6-icon{float:left;width:30px;height:30px;border-radius:8px;background:#edf4ff;color:#1769ff;display:flex;align-items:center;justify-content:center;margin-right:10px}.ph6-sub-row{display:flex;gap:7px}.ph6-sub-row input{min-width:0;flex:1;height:34px;border:1px solid #dbe4ef;border-radius:8px;padding:0 10px;font-size:11px;background:#fff}.ph6-sub-row button{height:34px;border:0;border-radius:8px;background:#1769ff;color:#fff;padding:0 13px;font-size:10px;font-weight:800}
.ph6-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.ph6-panel-head a{font-size:9px;font-weight:800;color:#1769ff}.ph6-pop{display:grid;grid-template-columns:24px 58px 1fr;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #eef2f7}.ph6-pop:first-of-type{border-top:0}.ph6-pop>b{color:#1769ff;font-size:13px}.ph6-pop-img{width:58px;height:44px;border-radius:7px;overflow:hidden;background:#edf3fa}.ph6-pop-img img{width:100%;height:100%;object-fit:cover}.ph6-pop-text strong{display:block;font-size:10px;line-height:1.25;color:#172b49}.ph6-pop-text small{display:block;margin-top:4px;font-size:8px;color:#8796a9}.ph6-muted{font-size:10px!important;color:#8796a9!important}
.ph6-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.ph6-category-grid a{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:10px 0;border-top:1px solid #edf1f6;font-size:10px;color:#304b70}.ph6-category-grid a:nth-child(-n+2){border-top:0}.ph6-category-grid b{font-size:9px;color:#7f91a7}.ph6-cat-icon{width:18px;height:18px;border-radius:5px;background:#eef4ff !important;color:#1769ff !important;display:flex;align-items:center;justify-content:center;font-size:9px}.ph6-cat-icon svg{color:#1769ff !important;stroke:#1769ff !important;fill:none !important}
.ph6-section{margin-top:30px}.ph6-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.ph6-section-head h2{margin:0;font-size:22px;letter-spacing:-.025em;color:#0b2144}.ph6-section-head p{margin:5px 0 0;color:#71839a;font-size:11px}.ph6-section-head>a{color:#1769ff;font-size:10px;font-weight:800}
.ph6-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ph6-feature-card{background:#fff;border:1px solid #e1e8f0;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(24,60,110,.035)}.ph6-card-img{height:150px;display:block;position:relative;background:#e8eff7;overflow:hidden}.ph6-card-img img{width:100%;height:100%;object-fit:cover}.ph6-card-img span,.ph6-latest-img span{position:absolute;left:10px;bottom:9px;background:#edf4ff;color:#1769ff;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase}.ph6-card-body{padding:14px}.ph6-card-body h3{font-size:16px;line-height:1.25;margin:0 0 7px;color:#102743}.ph6-card-body p{font-size:10px;line-height:1.55;color:#72839a;margin:0 0 12px}.ph6-meta{display:flex;gap:6px;align-items:center;font-size:8px;color:#7e8da1}.ph6-empty{background:#fff;border:1px dashed #cad8e8;border-radius:14px;padding:45px;text-align:center;color:#7890ad;grid-column:1/-1}
.ph6-latest-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:20px}.ph6-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ph6-latest-card{background:#fff;border:1px solid #e1e8f0;border-radius:12px;overflow:hidden}.ph6-latest-img{height:112px;display:block;position:relative;background:#e8eff7}.ph6-latest-img img{width:100%;height:100%;object-fit:cover}.ph6-latest-body{padding:11px}.ph6-latest-body h3{font-size:12px;line-height:1.3;margin:0 0 8px;color:#102743}.ph6-latest-body h3 a:hover,.ph6-card-body h3 a:hover{color:#1769ff}.ph6-write{height:100%;min-height:205px;border-radius:14px;background:linear-gradient(135deg,#e7f1ff,#dcecff);border:1px solid #d7e4f5;padding:24px;display:flex;flex-direction:column;justify-content:center}.ph6-write h3{font-size:24px;line-height:1.1;margin:7px 0 8px;color:#0b2144}.ph6-write p{font-size:11px;line-height:1.55;color:#607792;margin:0 0 18px}.ph6-write .ph6-btn{align-self:flex-start}
.ph6-benefits{margin:28px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce7f4;border:1px solid #dce7f4;border-radius:12px;overflow:hidden}.ph6-benefits>div{background:#eaf3ff;padding:16px 18px;display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center}.ph6-benefits span{grid-row:1/3;color:#1769ff;font-size:23px}.ph6-benefits strong{font-size:11px;color:#173252}.ph6-benefits small{font-size:8px;color:#71839a}
.ph6-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dbe8f8,#edf4fc)}
@media(max-width:1000px){.ph6-hero-layout,.ph6-latest-layout{grid-template-columns:1fr}.ph6-right-rail{display:grid;grid-template-columns:1fr 1fr}.ph6-category-grid{grid-template-columns:1fr 1fr}.ph6-latest-grid{grid-template-columns:repeat(2,1fr)}.ph6-latest-side{grid-column:1/-1}.ph6-feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ph6-hero-copy .ph6-actions{position:static;margin-top:18px}.ph6-home{padding-top:15px}.ph6-slide{grid-template-columns:1fr}.ph6-hero-image{display:none}.ph6-hero-copy{min-height:350px;padding:35px 28px 88px}.ph6-hero-copy h1{font-size:31px;height:100.4px;min-height:100.4px;max-height:100.4px}.ph6-hero-copy .ph6-actions{flex-wrap:wrap}.ph6-right-rail{display:flex}.ph6-feature-grid{grid-template-columns:1fr}.ph6-latest-grid{grid-template-columns:1fr 1fr}.ph6-benefits{grid-template-columns:1fr 1fr}.ph6-section-head{align-items:start}.ph6-sub-row{flex-direction:column}.ph6-sub-row button{width:100%}}
@media(max-width:480px){.ph6-latest-grid,.ph6-benefits{grid-template-columns:1fr}.ph6-category-grid{grid-template-columns:1fr}.ph6-hero-copy h1{font-size:28px;height:90.7px;min-height:90.7px;max-height:90.7px}.ph6-panel{padding:15px}}

/* PageHire Template 6 visual corrections - logo, category icons and section sizing */
.ph6-cat-icon{width:18px;height:18px;border-radius:5px;background:#eef4ff !important;color:#1769ff !important;display:flex;align-items:center;justify-content:center;font-size:9px;flex:0 0 18px}.ph6-cat-icon svg{color:#1769ff !important;stroke:#1769ff !important;fill:none !important}
.ph6-cat-icon svg{width:12px;height:12px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ph6-feature-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:20px;align-items:stretch}
.ph6-feature-grid{min-width:0}
.ph6-feature-side{display:none}

@media(max-width:1000px){.ph6-feature-layout{grid-template-columns:1fr}.ph6-feature-side{display:none}}

/* =========================================================
   PageHire Template 6 — final home layout correction
   Keep the reference design: the right rail stays beside the
   hero/feature/latest column instead of increasing its height.
   ========================================================= */
.ph6-home-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:20px;align-items:start}
.ph6-home-main{min-width:0}
.ph6-home-rail{min-width:0}
.ph6-home-main .ph6-hero-layout{display:block}
.ph6-home-main .ph6-slider{width:100%}
.ph6-home-main .ph6-feature-section{margin-top:30px}
.ph6-home-main .ph6-latest-section{margin-top:30px}
.ph6-home-main .ph6-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ph6-home-rail .ph6-right-rail{gap:16px}
.ph6-home-rail .ph6-write{min-height:205px}

@media(max-width:1000px){
  .ph6-home-layout{grid-template-columns:1fr}
  .ph6-home-rail{order:2}
  .ph6-home-main{order:1}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ph6-home-rail .ph6-right-rail{display:grid;grid-template-columns:1fr 1fr}
  .ph6-home-rail .ph6-write{grid-column:1/-1}
}
@media(max-width:700px){
  .ph6-home-layout{gap:0}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr 1fr}
  .ph6-home-rail .ph6-right-rail{display:flex}
}
@media(max-width:480px){
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr}
}


/* FINAL TEMPLATE 6 HOMEPAGE FIX
   Keep the right sidebar beside the hero on desktop/tablet-sized
   layouts so the main column remains the same width as Template 6.
   The three Featured Articles cards therefore retain the reference
   proportions and do not stretch across the full page.
*/
.ph6-home-layout{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(300px,1fr);
  gap:20px;
  align-items:start;
}
.ph6-home-main{min-width:0;}
.ph6-home-rail{min-width:0;}
.ph6-home-rail .ph6-right-rail{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ph6-home-main .ph6-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.ph6-home-main .ph6-latest-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}

/* Only stack the rail on genuinely narrow screens. */
@media (max-width:700px){
  .ph6-home-layout{grid-template-columns:1fr;gap:0;}
  .ph6-home-rail{order:2;}
  .ph6-home-main{order:1;}
  .ph6-home-rail .ph6-right-rail{display:flex;}
  .ph6-home-main .ph6-feature-grid{grid-template-columns:1fr;}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr;}
}

/* =========================================================
   FINAL DESKTOP / ZOOM-SAFE HOMEPAGE LAYOUT
   Keep Template 6's right rail beside the hero, Featured
   Articles and Latest Articles on desktop-sized layouts.
   The previous 1000px breakpoint caused the rail to drop
   below the content when browser zoom was increased.
   ========================================================= */
.ph6-home-layout{
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(260px,1fr) !important;
  gap:20px !important;
  align-items:start !important;
}
.ph6-home-main{min-width:0 !important;}
.ph6-home-rail{
  display:block !important;
  min-width:0 !important;
  visibility:visible !important;
}
.ph6-home-rail .ph6-right-rail{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}
.ph6-home-main .ph6-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.ph6-home-main .ph6-feature-card{min-width:0;}
.ph6-home-main .ph6-card-img{height:130px;}
.ph6-home-main .ph6-card-body{padding:12px;}
.ph6-home-main .ph6-card-body h3{
  font-size:15px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:37.5px;
}
.ph6-home-main .ph6-card-body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:31px;
}
.ph6-home-main .ph6-latest-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* Only stack the homepage columns on genuinely narrow screens. */
@media (max-width:700px){
  .ph6-home-layout{grid-template-columns:1fr !important;gap:0 !important;}
  .ph6-home-rail{order:2 !important;}
  .ph6-home-main{order:1 !important;}
  .ph6-home-rail .ph6-right-rail{display:flex !important;}
  .ph6-home-main .ph6-feature-grid{grid-template-columns:1fr !important;}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:480px){
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr !important;}
}


/* =========================================================
   V13 FINAL HOMEPAGE FIX — match Template 6 screenshot
   ========================================================= */
.ph6-home-layout{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 260px !important;
  gap:20px !important;
  align-items:start !important;
}
.ph6-home-main{width:100% !important;min-width:0 !important;}
.ph6-home-rail{display:block !important;width:260px !important;min-width:260px !important;visibility:visible !important;}
.ph6-home-rail .ph6-right-rail{display:flex !important;flex-direction:column !important;gap:16px !important;}

/* Hero: fixed height, two-line title, buttons never move. */
.ph6-hero-layout{display:block !important;width:100% !important;}
.ph6-slider{width:100% !important;height:310px !important;min-height:310px !important;}
.ph6-slide{height:100% !important;grid-template-columns:1fr 1fr !important;}
.ph6-hero-copy{height:100% !important;min-height:0 !important;padding:38px 42px 82px !important;box-sizing:border-box !important;}
.ph6-hero-copy h1{
  font-size:38px !important;
  line-height:1.08 !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  -webkit-line-clamp:2 !important;
  margin:10px 0 12px !important;
}
.ph6-hero-copy p{
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  -webkit-line-clamp:2 !important;
}
.ph6-hero-copy .ph6-actions{left:42px !important;bottom:22px !important;}
.ph6-hero-image{height:100% !important;min-height:0 !important;}
.ph6-hero-image img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;}

/* Featured cards: compact like Latest Cards while keeping 3 columns. */
.ph6-home-main .ph6-feature-section{margin-top:28px !important;}
.ph6-home-main .ph6-feature-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.ph6-home-main .ph6-feature-card{min-width:0 !important;height:300px !important;}
.ph6-home-main .ph6-card-img{height:112px !important;min-height:112px !important;}
.ph6-home-main .ph6-card-body{padding:11px !important;}
.ph6-home-main .ph6-card-body h3{
  font-size:13px !important;
  line-height:1.28 !important;
  height:33.3px !important;
  min-height:33.3px !important;
  max-height:33.3px !important;
  -webkit-line-clamp:2 !important;
  margin:0 0 6px !important;
}
.ph6-home-main .ph6-card-body p{
  font-size:9px !important;
  line-height:1.45 !important;
  height:26px !important;
  min-height:26px !important;
  max-height:26px !important;
  -webkit-line-clamp:2 !important;
  margin:0 0 8px !important;
}

/* Latest keeps the same main-column width as Featured. */
.ph6-home-main .ph6-latest-section{margin-top:28px !important;}
.ph6-home-main .ph6-latest-grid{width:100% !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;}

/* Never let long card text change the grid height. */
.ph6-feature-card h3,.ph6-feature-card p,.ph6-latest-card h3{overflow:hidden !important;}

@media(max-width:700px){
  .ph6-home-layout{grid-template-columns:1fr !important;gap:0 !important;}
  .ph6-home-rail{width:100% !important;min-width:0 !important;}
}
@media(max-width:700px){
  .ph6-slider{height:350px !important;min-height:350px !important;}
  .ph6-slide{grid-template-columns:1fr !important;}
  .ph6-hero-image{display:none !important;}
  .ph6-hero-copy{padding:32px 28px 82px !important;}
  .ph6-hero-copy h1{font-size:31px !important;height:67px !important;min-height:67px !important;max-height:67px !important;}
  .ph6-hero-copy .ph6-actions{left:28px !important;bottom:22px !important;}
  .ph6-home-main .ph6-feature-grid{grid-template-columns:1fr !important;}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:480px){
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr !important;}
}


/* V14: Template 6 desktop layout — sidebar stays beside content until true mobile width. */
@media (min-width:701px){
  .ph6-home-layout{display:grid !important;grid-template-columns:minmax(0,1fr) 260px !important;gap:20px !important;align-items:start !important;}
  .ph6-home-main{width:auto !important;min-width:0 !important;}
  .ph6-home-rail{display:block !important;width:260px !important;min-width:260px !important;}
  .ph6-home-main .ph6-feature-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;}
  .ph6-home-main .ph6-latest-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;}
  .ph6-home-main .ph6-feature-card{height:280px !important;min-height:280px !important;}
  .ph6-home-main .ph6-card-img{height:112px !important;min-height:112px !important;}
  .ph6-home-main .ph6-card-body h3{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;height:34px !important;max-height:34px !important;}
  .ph6-home-main .ph6-card-body p{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;height:26px !important;max-height:26px !important;}
}

/* V14: hero text is always two lines max and the buttons stay fixed. */
.ph6-hero-copy h1{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;height:82px !important;min-height:82px !important;max-height:82px !important;}
.ph6-hero-copy p{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;overflow:hidden !important;height:46px !important;min-height:46px !important;max-height:46px !important;}
@media(max-width:700px){.ph6-hero-copy h1{height:67px !important;min-height:67px !important;max-height:67px !important;} .ph6-hero-copy p{height:42px !important;min-height:42px !important;max-height:42px !important;}}


/* =========================================================
   PAGEHIRE V15 — HOMEPAGE REFERENCE DESIGN
   Rebuild the homepage sizing/layout to match the approved
   PageHire reference: main content + right rail, compact
   three-card Featured row, four-card Latest row, and fixed
   two-line card copy.
   ========================================================= */
:root{--sb-max:1080px;}
.ph6-home{background:#f5f8fc;padding:24px 0 0;}
.ph6-home .sb-container{width:min(calc(100% - 36px),1080px);max-width:1080px;}

.ph6-home-layout{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 260px !important;
  gap:20px !important;
  align-items:start !important;
}
.ph6-home-main{min-width:0 !important;width:auto !important;}
.ph6-home-rail{display:block !important;width:260px !important;min-width:260px !important;}
.ph6-home-rail .ph6-right-rail{display:flex !important;flex-direction:column !important;gap:12px !important;}

/* Hero: same compact 2-column proportion as the reference. */
.ph6-hero-layout{display:block !important;width:100% !important;}
.ph6-slider{width:100% !important;height:296px !important;min-height:296px !important;border-radius:14px !important;}
.ph6-slide{height:100% !important;grid-template-columns:1fr 1fr !important;}
.ph6-hero-copy{height:100% !important;padding:34px 42px 70px !important;box-sizing:border-box !important;justify-content:center !important;}
.ph6-hero-copy h1{font-size:36px !important;line-height:1.06 !important;height:76px !important;min-height:76px !important;max-height:76px !important;-webkit-line-clamp:2 !important;margin:10px 0 12px !important;}
.ph6-hero-copy p{font-size:13px !important;line-height:1.55 !important;height:40px !important;min-height:40px !important;max-height:40px !important;-webkit-line-clamp:2 !important;}
.ph6-hero-copy .ph6-actions{left:42px !important;bottom:20px !important;}
.ph6-hero-image{height:100% !important;min-height:0 !important;}
.ph6-hero-image img{width:100% !important;height:100% !important;object-fit:cover !important;}

/* Sidebar cards align with hero and remain visually compact. */
.ph6-panel{border-radius:12px !important;padding:15px !important;}
.ph6-panel h3{font-size:15px !important;}
.ph6-panel p{font-size:10px !important;line-height:1.45 !important;}
.ph6-write{min-height:160px !important;padding:18px !important;border-radius:12px !important;}
.ph6-write h3{font-size:21px !important;}

/* Featured: exactly 3 equal cards, same width family as Latest. */
.ph6-home-main .ph6-feature-section{margin-top:24px !important;}
.ph6-home-main .ph6-feature-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.ph6-home-main .ph6-feature-card{
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  overflow:hidden !important;
  border-radius:11px !important;
}
.ph6-home-main .ph6-card-img{
  width:100% !important;
  height:120px !important;
  min-height:120px !important;
  max-height:120px !important;
}
.ph6-home-main .ph6-card-img img{width:100% !important;height:100% !important;object-fit:cover !important;}
.ph6-home-main .ph6-card-body{height:125px !important;padding:10px 11px !important;overflow:hidden !important;}
.ph6-home-main .ph6-card-body h3{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  margin:0 0 5px !important;
  font-size:13px !important;
  line-height:1.3 !important;
}
.ph6-home-main .ph6-card-body p{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  margin:0 0 7px !important;
  font-size:9px !important;
  line-height:1.4 !important;
}
.ph6-home-main .ph6-meta{font-size:8px !important;white-space:nowrap;overflow:hidden;}

/* Latest: four equal cards in exactly the same main-column width. */
.ph6-home-main .ph6-latest-section{margin-top:24px !important;}
.ph6-home-main .ph6-latest-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.ph6-home-main .ph6-latest-card{width:100% !important;min-width:0 !important;}
.ph6-home-main .ph6-latest-img{height:96px !important;min-height:96px !important;}
.ph6-home-main .ph6-latest-body{padding:9px !important;}
.ph6-home-main .ph6-latest-body h3{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  height:31px !important;
  min-height:31px !important;
  max-height:31px !important;
  font-size:11px !important;
  line-height:1.4 !important;
  margin:0 0 6px !important;
}

/* Benefits/footer content remains below both columns. */
.ph6-benefits{margin-top:22px !important;}

/* Keep the right rail beside the main content at desktop/tablet widths. */
@media (min-width:821px){
  .ph6-home-layout{grid-template-columns:minmax(0,1fr) 260px !important;}
  .ph6-home-rail{display:block !important;}
}
@media (max-width:820px){
  .ph6-home-layout{grid-template-columns:1fr !important;gap:0 !important;}
  .ph6-home-rail{width:100% !important;min-width:0 !important;margin-top:20px !important;}
  .ph6-home-main .ph6-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:700px){
  .ph6-home .sb-container{width:min(calc(100% - 24px),1080px);}
  .ph6-slider{height:350px !important;min-height:350px !important;}
  .ph6-slide{grid-template-columns:1fr !important;}
  .ph6-hero-image{display:none !important;}
  .ph6-hero-copy{padding:30px 28px 78px !important;}
  .ph6-hero-copy h1{font-size:31px !important;height:67px !important;min-height:67px !important;max-height:67px !important;}
  .ph6-hero-copy .ph6-actions{left:28px !important;bottom:20px !important;}
  .ph6-home-main .ph6-feature-grid{grid-template-columns:1fr !important;}
  .ph6-home-main .ph6-feature-card{height:245px !important;}
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:480px){
  .ph6-home-main .ph6-latest-grid{grid-template-columns:1fr !important;}
}