/* Основни стилове */ 
body {
    font-family: Arial, sans-serif;
    background-color: #F2F2F2;
}

/* Контейнер */
.container {
    
    flex-wrap: nowrap;
    align-items: flex-start;
    max-width: 100%; /* Разпъва контейнера на цялата ширина на екрана */
    margin: auto;
}

/* Лява навигационна лента */
.sidebar {
    background-color: #5B5E61;
    color: white;
    padding: 15px;
    border-radius: 5px;
    width: 280px; /* Фиксирана ширина за sidebar */
    flex-shrink: 0;
}

.sidebar a {
    color: #5B5E61;
    text-decoration: none;
    font-weight: bold;
}

.sidebar a:hover {
    text-decoration: underline;
}

.sidebar .logo {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin: 0 auto 15px;
}

/* Бутон за добавяне на изповед и публикуване */
.btn-primary {
    background-color: white;
    color: #5B5E61;
    border: 2px solid #5B5E61;
    font-weight: bold;
    padding: 15px 20px; /* Увеличена височина */
    font-size: 18px;
    width: 100%;
}

.btn-primary:hover {
    background-color: #5B5E61;
    color: white;
    border: 2px solid white;
}

/* Основно съдържание */
.main-content {
    flex-grow: 1;
    
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

/* Формата за добавяне на изповед */
.confession-box {
    width: 100%; /* Формата запълва цялото пространство */
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Карти за изповеди */
.confession-card {
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}

.confession-card:hover {
    transform: scale(1.02);
}

.confession-card .card-body {
    padding: 15px;
}

.confession-card h5 {
    font-size: 18px;
    font-weight: bold;
    color: #5B5E61; /* Промяна на цвета на заглавията */
}

.confession-card p {
    font-size: 14px;
    color: #555;
}



/* Коментари */
.comment {
    background: #f1f1f1;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.comment a {
    font-weight: bold;
}

/* Footer */
.footer {
    background-color: #5B5E61;
    color: white;
    text-align: center;
    padding: 15px;
    margin-top: 30px;
}

.footer a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
    font-weight: bold;
}

.footer a:hover {
    text-decoration: underline;
}

/* Мобилна версия */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        text-align: center;
    }
    .sidebar ul {
        padding: 0;
    }
    .confession-card {
        margin-bottom: 15px;
    }
}
/* Общ стил за изповедите */
.confession-card {
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    background-color: white;
    padding: 15px;
    margin-bottom: 15px;
    display: block; /* Целият контейнер става кликваем */
}

/* При ховър изповедта се увеличава леко */
.confession-card:hover {
    transform: scale(1.02);
    background-color: #f9f9f9;
}

/* Стил на заглавията на изповедите */
.confession-card h5 {
    font-size: 18px;
    font-weight: bold;
    color: #5B5E61; /* Същият цвят като в index.php */
    margin-bottom: 5px;
}

/* Текст на изповедта */
.confession-card p {
    font-size: 16px;
    color: #555;
}

/* Линкът трябва да обхваща целия контейнер */
.confession-card a {
    text-decoration: none;
    color: inherit; /* Запазва цвета на текста */
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
}

/* Ховър ефект за линка */
.confession-card a:hover {
    text-decoration: none;
}
.viewed {
    border: 3px solid #81B372 !important;
}

/* Стил за прочетени изповеди */
/* Стил за прочетени изповеди */
.viewed {
    border: 3px solid #81B372 !important; /* Само рамката в зелено */
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination a {
    background-color: #5B5E61;
    color: white;
    padding: 10px 15px;
    margin: 5px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.pagination a:hover {
    background-color: white;
    color: #5B5E61;
    border: 2px solid #5B5E61;
}

.pagination .active {
    background-color: white;
    color: #5B5E61;
    border: 2px solid #5B5E61;
}

.vote-btn {
    min-width: 60px; /* Минимална ширина на бутоните */
    font-weight: bold;
}

.vote-btn span {
    margin-left: 5px; /* Малко разстояние между иконата и броя */
}
.list-group-item {
    margin-bottom: 8px; /* Разстояние между категориите */
    padding: 10px; /* Малко повече пространство вътре в елемента */
    border-radius: 5px; /* За по-мек външен вид */
}

.btn-add-confession {
    font-size: 1.2rem; /* По-голям шрифт */
    padding: 15px; /* Увеличаване на вътрешното пространство */
    font-weight: bold; /* Удебелен текст */
    border-radius: 8px; /* По-заоблени ръбове */
}
.card-text {
    font-size: 18px;
    line-height: 1.6;
}

.comment-body blockquote {
    background-color: #f8f9fa;
    border-left: 4px solid #ccc;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    font-style: italic;
    color: #555;
    white-space: pre-line;
}
.active-category {
    background: #d32f2f !important;
    border-color: #d32f2f !important;
}

.active-category a {
    color: #fff !important;
    font-weight: 700;
}

.active-category .badge {
    background: #fff !important;
    color: #d32f2f !important;
}
/* Pagination */
.pagination-btn {
    min-width: 38px;
    border: 1px solid #d6d6d6;
    background: #ffffff;
    color: #666;
    transition: all 0.2s ease;
}

.pagination-btn:hover {
    background: #f3f3f3;
    color: #444;
}

.pagination-active {
    background: #dcdcdc !important; /* светло сиво */
    border-color: #c8c8c8 !important;
    color: #333 !important;
    font-weight: 600;
}

.related-confessions-box h3 {
    color: #5B5E61;
    font-weight: 700;
}

.related-confession-link {
    padding: 14px 16px;
}

.related-confession-link strong {
    color: #4d4f52;
}

.related-confession-link:hover {
    background: #f3f3f3;
}

.next-story-btn {
    font-weight: 700;
    padding: 14px;
    font-size: 17px;
}
.ranking-card {
    transition: all .2s ease;
    border-radius: 8px;
    color: #5B5E61 !important;
}

.ranking-card:hover {
    background: #f5f5f5;
    transform: translateY(-2px);
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.ranking-card span:first-child {
    font-weight: 700;
}

.admin-category-row {
    display: flex;
    gap: 8px;
    align-items: center;
}

.admin-category-row .category-name-input {
    flex: 1;
    min-width: 0;
}

@media (max-width: 768px) {
    .admin-category-list-item {
        display: block !important;
    }

    .admin-category-row {
        display: block;
    }

    .admin-category-row .category-name-input {
        width: 100%;
        margin-bottom: 8px;
    }

    .admin-category-row label {
        display: block;
        margin-bottom: 8px;
    }

    .admin-category-row button,
    .admin-category-delete {
        width: 100%;
        margin-bottom: 8px;
    }
}
/* === IZPOVED.BG VISUAL REFRESH 2026 === */
:root{--iz-bg:#f8f3f5;--iz-surface:#fff;--iz-text:#291e24;--iz-muted:#75666e;--iz-brand:#7b2348;--iz-brand-2:#a63865;--iz-brand-dark:#4d1831;--iz-border:#eadde3;--iz-shadow:0 10px 30px rgba(76,27,49,.09);--iz-radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(166,56,101,.08),transparent 32rem),var(--iz-bg);color:var(--iz-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body>.container,.container{max-width:1440px}a{color:var(--iz-brand);text-underline-offset:3px}a:hover{color:var(--iz-brand-2)}img{max-width:100%;height:auto}::selection{background:#e9bfd0;color:var(--iz-brand-dark)}.row{align-items:flex-start}
.sidebar{position:sticky;top:16px;min-height:calc(100vh - 32px);margin:16px 0;padding:24px 18px!important;border-radius:24px;background:linear-gradient(165deg,#421629 0%,#6c2041 58%,#8b2c53 100%)!important;color:#fff;box-shadow:0 18px 50px rgba(65,20,39,.22);overflow:hidden}.sidebar:before{content:"";position:absolute;width:220px;height:220px;right:-110px;top:-90px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}.logo{display:block;margin:0 auto 18px!important;max-width:170px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}.sidebar h5,.sidebar .h5{margin:22px 6px 10px;color:#f7dce7;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebar .list-group{gap:5px}.sidebar .list-group-item{min-height:44px;padding:10px 12px;border:0!important;border-radius:11px!important;background:transparent!important;color:rgba(255,255,255,.84)!important;font-size:.93rem;transition:background .18s ease,transform .18s ease,color .18s ease}.sidebar .list-group-item:hover,.sidebar .list-group-item.active{background:rgba(255,255,255,.13)!important;color:#fff!important;transform:translateX(2px)}.sidebar .badge{background:rgba(255,255,255,.13)!important;color:#fff!important;font-weight:600}
.btn-add-confession,.sidebar .btn-primary{display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid rgba(255,255,255,.25)!important;border-radius:14px!important;background:#fff!important;color:var(--iz-brand-dark)!important;font-weight:850;letter-spacing:.02em;box-shadow:0 8px 24px rgba(0,0,0,.13)}.btn-add-confession:hover,.sidebar .btn-primary:hover{background:#fff0f6!important;color:var(--iz-brand)!important;transform:translateY(-1px)}.main-content{padding:28px 28px 50px!important;min-width:0}.main-content>h1,.main-content>h2,h1,h2,h3{color:var(--iz-text);letter-spacing:-.025em}h1{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15;font-weight:850}h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.25;font-weight:800}.main-content>h1:first-child,.main-content>h2:first-child{margin-top:5px}
.card,.confession-card{border:1px solid var(--iz-border)!important;border-radius:var(--iz-radius)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--iz-shadow)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.confession-card:hover{border-color:#dec5d0!important;box-shadow:0 15px 38px rgba(76,27,49,.13)!important}.confession-card:hover{transform:translateY(-2px)}.card-body,.confession-card{padding:clamp(18px,2.2vw,28px)!important}.card-title,.confession-card h2,.confession-card h3{font-weight:800;line-height:1.28}.card-text,.confession-content,p{overflow-wrap:anywhere}.text-muted{color:var(--iz-muted)!important}.badge{border-radius:999px!important;padding:.48em .75em!important;font-weight:700;letter-spacing:.01em}.badge.bg-secondary,.badge.bg-primary{background:#f2dfe7!important;color:var(--iz-brand-dark)!important}
.form-control,.form-select{min-height:48px;border:1px solid #d9cbd1;border-radius:12px;background:#fff;color:var(--iz-text);font-size:16px;box-shadow:0 1px 2px rgba(40,20,28,.02)}textarea.form-control{min-height:180px;line-height:1.6;padding:14px}.form-control:focus,.form-select:focus{border-color:var(--iz-brand-2);box-shadow:0 0 0 .24rem rgba(166,56,101,.13)}.form-label{font-weight:750;color:#4a3841}.btn{min-height:44px;border-radius:12px;font-weight:750;padding:.65rem 1rem;transition:all .18s ease}.btn-primary{border-color:var(--iz-brand)!important;background:linear-gradient(135deg,var(--iz-brand),var(--iz-brand-2))!important;color:#fff!important;box-shadow:0 7px 18px rgba(123,35,72,.2)}.btn-primary:hover{border-color:var(--iz-brand-dark)!important;background:linear-gradient(135deg,var(--iz-brand-dark),var(--iz-brand))!important;transform:translateY(-1px)}.btn-outline-primary{border-color:#c48aa3!important;color:var(--iz-brand)!important}.btn-outline-primary:hover{background:var(--iz-brand)!important;color:#fff!important}.btn-outline-success,.btn-outline-danger{background:#fff}
.input-group .form-control{border-radius:13px 0 0 13px}.input-group .btn{border-radius:0 13px 13px 0}.pagination{gap:6px;flex-wrap:wrap}.pagination a,.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0!important;padding:8px 13px!important;border:1px solid var(--iz-border)!important;border-radius:11px!important;background:#fff!important;color:var(--iz-brand)!important}.pagination a:hover,.pagination .active,.page-item.active .page-link{background:var(--iz-brand)!important;color:#fff!important;border-color:var(--iz-brand)!important}.alert{border:0;border-radius:14px}footer,.footer{color:var(--iz-muted)!important;padding:24px 12px!important}hr{border-color:var(--iz-border);opacity:1}:focus-visible{outline:3px solid rgba(166,56,101,.35)!important;outline-offset:3px}
@media (min-width:768px){.sidebar{width:260px;flex:0 0 260px}.main-content{width:calc(100% - 260px);flex:0 0 calc(100% - 260px)}.main-content .row.g-4{--bs-gutter-x:1.15rem;--bs-gutter-y:1.15rem}}
@media (max-width:767.98px){body{background:var(--iz-bg);font-size:15.5px}body>.container,.container{width:100%;max-width:none;padding:0!important}.container>.row{margin:0!important;display:block}.sidebar{position:relative;top:auto;width:auto;min-height:0;margin:0;padding:14px 14px 12px!important;border-radius:0 0 22px 22px;box-shadow:0 10px 28px rgba(65,20,39,.18)}.logo{max-width:122px;margin:0 auto 10px!important}.sidebar .btn-add-confession,.sidebar .btn-primary{min-height:46px;margin:8px 0 10px!important}.sidebar h5,.sidebar .h5{margin:12px 3px 7px}.sidebar .list-group{display:flex;flex-direction:row;overflow-x:auto;gap:7px;padding:0 0 7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar .list-group::-webkit-scrollbar{display:none}.sidebar .list-group-item{flex:0 0 auto;min-height:40px;padding:8px 11px!important;background:rgba(255,255,255,.09)!important;scroll-snap-align:start;white-space:nowrap}.sidebar .list-group-item:hover{transform:none}.main-content{width:100%;padding:20px 14px 36px!important}h1{font-size:1.72rem}h2{font-size:1.35rem}.card-body,.confession-card{padding:18px!important}.row.g-4{--bs-gutter-y:.85rem}.btn{min-height:46px}.input-group{display:flex;flex-wrap:nowrap}footer,.footer{padding:20px 14px!important;text-align:center}}
@media (max-width:390px){.main-content{padding-left:11px!important;padding-right:11px!important}.card-body,.confession-card{padding:16px!important}.btn{padding-left:.72rem;padding-right:.72rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readability correction */
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}

/* Logo and footer cohesion */
.logo{content:url("/public/logo-transparent.png?v=20260914-1");background:transparent!important;padding:4px!important}
footer,.footer{background:linear-gradient(135deg,#421629,#6c2041 60%,#8b2c53)!important;color:rgba(255,255,255,.76)!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -8px 28px rgba(65,20,39,.08)!important}
footer a,.footer a{color:#fff!important;font-weight:700;text-decoration:none}
footer a:hover,.footer a:hover{color:#f7dce7!important;text-decoration:underline}

/* Unified sidebar component */
.sidebar-brand{display:block;text-decoration:none}
.sidebar-title{margin:22px 6px 10px!important;color:#f7dce7!important;font-size:.8rem!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:0;padding:0}
.sidebar .category-link,.sidebar .category-link span:first-child{color:rgba(255,255,255,.88)!important}
.sidebar .category-link:hover,.sidebar .category-link:hover span:first-child,.sidebar .category-link.active,.sidebar .category-link.active span:first-child{color:#fff!important}
.sidebar a,.sidebar a:hover,.sidebar a:focus,.sidebar a:active,.sidebar a:visited,.sidebar .category-link,.sidebar .category-link:hover,.sidebar .category-link:focus,.sidebar .category-link:active,.sidebar .category-link:visited{text-decoration:none!important}
.sidebar-rankings{display:flex!important;align-items:center;justify-content:center;min-height:48px;border-radius:14px!important;background:rgba(255,255,255,.96)!important;color:#4d1831!important;border-color:rgba(255,255,255,.3)!important;font-weight:800!important}
.sidebar-rankings:hover{background:#fff0f6!important;color:#7b2348!important}.sidebar-empty{color:rgba(255,255,255,.72);padding:10px 12px}
@media(max-width:767.98px){.sidebar-title{margin:12px 3px 7px!important}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebar-actions .btn{margin:6px 0!important;font-size:.88rem}.sidebar-nav .list-group{margin-top:6px}}

/* Compact mobile header correction */
@media(max-width:767.98px){
 .sidebar{padding:10px 12px 11px!important;border-radius:0 0 20px 20px!important}
 .sidebar:before{width:140px!important;height:140px!important;right:-65px!important;top:-60px!important}
 .sidebar-brand{display:flex!important;align-items:center!important;justify-content:center!important;height:82px!important;overflow:hidden!important}
 .sidebar .logo{display:block!important;width:150px!important;max-width:150px!important;height:auto!important;margin:0 auto!important;padding:0!important;object-fit:contain!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.14))!important}
 .sidebar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0!important}
 .sidebar-actions .btn{min-height:44px!important;margin:0!important;padding:8px 7px!important;border-radius:12px!important;font-size:.82rem!important;line-height:1.2!important}
 .sidebar-title{margin:9px 3px 6px!important;font-size:.7rem!important;text-align:left!important}
 .sidebar-nav .list-group{margin:0!important;padding:0 0 3px!important;gap:6px!important}
 .sidebar .category-link{min-height:38px!important;padding:7px 10px!important;font-size:.83rem!important;border-radius:10px!important}
 .main-content{padding-top:14px!important}
 .main-content>.input-group,.main-content form>.input-group{width:100%!important}
 .input-group .form-control{min-width:0!important;flex:1 1 auto!important}
 .input-group .btn{flex:0 0 92px!important;width:92px!important;padding-left:8px!important;padding-right:8px!important}
 .main-content h1{margin-top:12px!important;font-size:1.58rem!important;line-height:1.18!important}
}
@media(max-width:390px){.sidebar-brand{height:74px!important}.sidebar .logo{width:138px!important;max-width:138px!important}.sidebar-actions .btn{font-size:.78rem!important}.main-content h1{font-size:1.46rem!important}}

/* Proper mobile navigation */
.mobile-site-header{display:none}
@media(max-width:767.98px){
 .container>.row{position:relative!important}
 .sidebar{display:none!important}
 .mobile-site-header{display:grid!important;grid-template-columns:104px 1fr auto;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px 12px;background:linear-gradient(135deg,#421629,#7b2348);box-shadow:0 6px 20px rgba(65,20,39,.18);position:sticky;top:0;z-index:1000}
 .mobile-brand{display:flex;align-items:center;width:104px;height:48px;overflow:hidden;border-radius:8px;text-decoration:none}
 .mobile-brand img{display:block;width:100px!important;max-width:100px!important;height:auto!important;margin:0!important;padding:0!important;object-fit:contain!important}
 .mobile-confess{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:11px;background:#fff;color:#5a1937!important;text-decoration:none;font-size:.88rem;font-weight:850;white-space:nowrap}
 .mobile-menu{position:relative;margin:0}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:5px;min-width:70px;min-height:44px;padding:7px 9px;border:1px solid rgba(255,255,255,.3);border-radius:11px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:800;list-style:none}
 .mobile-menu summary::-webkit-details-marker{display:none}.menu-icon{font-size:1.1rem;line-height:1}
 .mobile-menu[open] summary{background:rgba(255,255,255,.14)}
 .mobile-menu-panel{position:absolute;top:calc(100% + 10px);right:-12px;width:min(330px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow-y:auto;padding:14px;background:#fff;border:1px solid #eadde3;border-radius:16px;box-shadow:0 18px 45px rgba(65,20,39,.24)}
 .mobile-menu-heading{margin:0 4px 9px;color:#75666e;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
 .mobile-menu-panel nav{display:grid;gap:4px}
 .mobile-menu-panel nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 11px;border-radius:10px;color:#291e24!important;text-decoration:none;font-size:.9rem;font-weight:700}
 .mobile-menu-panel nav a:hover,.mobile-menu-panel nav a:focus{background:#f8edf2;color:#7b2348!important}
 .mobile-rankings{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;border-top:1px solid #eadde3;border-radius:10px;background:#f8edf2;color:#7b2348!important;text-decoration:none;font-weight:800}
 .main-content{padding:18px 14px 36px!important}
 .main-content>.input-group,.main-content form>.input-group{margin-top:0!important;margin-bottom:22px!important}
 .main-content h1{margin-top:4px!important;margin-bottom:20px!important}
}
@media(max-width:370px){.mobile-site-header{grid-template-columns:84px 1fr auto;gap:6px;padding-left:8px;padding-right:8px}.mobile-brand{width:84px}.mobile-brand img{width:82px!important;max-width:82px!important}.mobile-confess{padding-left:8px;padding-right:8px;font-size:.8rem}.mobile-menu summary{min-width:60px;padding-left:7px;padding-right:7px}.mobile-menu summary span:last-child{display:none}}

/* Mobile section spacing */
@media(max-width:767.98px){.mobile-site-header{margin-bottom:16px!important}.mobile-site-header~.main-content{padding-top:0!important}.main-content>.input-group,.main-content form>.input-group{margin-top:0!important;margin-bottom:24px!important}}

/* Compact confession cards */
@media(max-width:767.98px){
 .main-content .row.g-4{--bs-gutter-y:.7rem!important}
 .main-content .card,.main-content .confession-card{border-radius:15px!important}
 .main-content .card-body,.main-content .confession-card{padding:15px 16px!important}
 .main-content .card-title,.main-content .confession-card h2,.main-content .confession-card h3,.main-content .confession-card h5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:8px!important;font-size:1.06rem!important;line-height:1.28!important}
 .main-content .card-text,.main-content .confession-card .card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px!important;font-size:.94rem!important;line-height:1.45!important}
 .main-content .text-muted.small,.main-content p.text-muted{margin:0!important;font-size:.78rem!important;line-height:1.35!important}
}

/* Sticky mobile header anchor offset */
#confession-content,[id^="comment-"],#comment-form,#first-confession{scroll-margin-top:24px}
@media(max-width:767.98px){html{scroll-padding-top:88px!important}#confession-content,[id^="comment-"],#comment-form,#first-confession{scroll-margin-top:88px!important}}


/* Left-side mobile drawer and Safari-safe footer action */
@media(max-width:767.98px){
  .mobile-site-header{grid-template-columns:104px 1fr auto!important}
  .mobile-menu{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  .mobile-confess{grid-column:2!important;grid-row:1!important}
  .mobile-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .mobile-menu-panel{position:fixed!important;top:64px!important;left:auto!important;right:0!important;bottom:0!important;width:min(88vw,370px)!important;height:calc(100dvh - 64px)!important;max-height:none!important;border-radius:18px 0 0 0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;padding:14px 14px calc(96px + env(safe-area-inset-bottom,0px))!important}
  .mobile-menu-panel nav a{min-height:48px!important}
  .mobile-rankings{display:flex!important;min-height:52px!important;margin-top:10px!important;position:relative!important;z-index:2!important}
}
@media(max-width:370px){.mobile-site-header{grid-template-columns:84px 1fr auto!important}}