/* Presentation overrides: keep existing templates and routes. */
.ccb-categories{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.ccb-categories a{display:inline-block;padding:10px 14px;border:1px solid #087a9e;border-radius:22px;background:#fff;color:#075b78;font-weight:600;text-decoration:none}
.ccb-categories a:hover,.ccb-categories a:focus{background:#e3f6ff;outline-offset:3px}
.ccb-section-title{font:700 23px/1.35 Arial,sans-serif;margin:26px 0 12px;color:#254459}
.ccb-intro{color:#52616c;margin-bottom:16px}
.ccb-card{background:#fff;border:1px solid #d5e4ed;border-radius:10px;padding:20px;margin:0 0 16px;box-shadow:0 2px 5px #243c4c08}
.ccb-card h3,.post h3{font:600 15px/1.4 Arial,sans-serif;margin:0 0 12px}
.ccb-card h3 a,.post h3 a{color:#17617b}
.post>p,.post>a>p,.ccb-joke{font-size:18px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:#26343d}
.post{border-radius:10px}
.ccb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.ccb-action{font:600 14px/1.4 Arial,sans-serif;border:1px solid #97b8c6;border-radius:6px;background:#fff;color:#164e63;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.ccb-action:hover,.ccb-action:focus{background:#e8f6fc;outline-offset:3px}


.ccb-book{padding:12px!important;text-align:center;margin-top:28px}
.ccb-book br{display:none}.ccb-book img{width:270px!important;height:auto!important;max-width:100%}
@media(max-width:767px){.container-main{padding-left:10px;padding-right:10px}.ccb-card{padding:16px}.ccb-categories{gap:7px}.ccb-categories a{padding:9px 11px}.post>p,.post>a>p,.ccb-joke{font-size:18px}.ccb-action{min-height:44px}.ccb-section-title{font-size:21px}}

/* Clear legacy floated metadata before the new action row. */
.post .post-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;clear:both;width:100%;padding-top:8px}
.post .post-bottom .post-info{float:none;width:auto;max-width:100%;padding-top:0!important;overflow-wrap:anywhere}
.post .post-bottom .info-left{flex:1 1 240px}
.post .post-bottom .info-right{flex:0 1 auto;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.post>.ccb-actions,.ccb-card>.ccb-actions{clear:both;float:none;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:16px 0 4px}
.ccb-actions>.ccb-action{flex:0 1 auto;width:auto;max-width:100%;white-space:normal;text-align:center;box-sizing:border-box}
.ccb-actions>a.ccb-action:link,.ccb-actions>a.ccb-action:visited{color:#164e63}
#page-nav:not(.ccb-pagination){display:none}

.post h3 a:link,.post h3 a:visited{color:#17617b!important}
@media(max-width:480px){.post .post-bottom{gap:10px}.post .post-bottom .info-left{flex-basis:100%}.post>.ccb-actions,.ccb-card>.ccb-actions{gap:8px}.ccb-actions>.ccb-action{padding:10px 12px}}

/* Shared numbered pagination stays inside the content column. */
nav.ccb-pagination{display:flex!important;clear:both;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0;padding:0;background:transparent}
nav.ccb-pagination>a,nav.ccb-pagination>.ccb-current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #096c90;border-radius:7px;font:600 15px/1.4 Arial,sans-serif;text-decoration:none;background:#fff;box-sizing:border-box}
nav.ccb-pagination>a:link,nav.ccb-pagination>a:visited{color:#075775}
nav.ccb-pagination>a:hover,nav.ccb-pagination>a:focus{background:#e0f3fc}
nav.ccb-pagination>.ccb-current{background:#096c90;color:#fff}
nav.ccb-pagination>.ccb-gap{padding:4px;color:#345}
.post>.ccb-actions:before,.ccb-card>.ccb-actions:before{content:none}

/* Compact actions share the existing icon row. */
.ccb-copy.social-icons{display:inline-flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;padding:0;margin:0;border:1px solid #537485;border-radius:3px;background:#fff;color:#355a6c;font-size:14px;line-height:1;vertical-align:middle;cursor:pointer}
.ccb-copy.social-icons:hover,.ccb-copy.social-icons:focus-visible{background:#e7f5fb;outline:2px solid #147494;outline-offset:2px}
.ccb-copy.fa-check{color:#16752e;border-color:#16752e}
.ccb-share-icons{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.ccb-card>.ccb-actions{justify-content:space-between}

.ccb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;font-size:14px}.ccb-breadcrumb a{color:#17617b}
/* Uniform thumb votes in every list and individual entry. */
.col-vote>ul{display:flex;flex-wrap:wrap;gap:8px;float:none;max-width:100%}
.col-vote>ul>li{display:inline-flex;align-items:stretch;float:none;width:auto;margin:0;border:1px solid #cbdce6;border-radius:7px;overflow:hidden;background:#fff}
.col-vote>ul>li>a.vote{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:40px;min-height:36px;padding:6px 10px;border-right:1px solid #d8e5ec;background:#f4f9fc;line-height:1;text-decoration:none}
.col-vote .vote-up-text{font-family:Arial,sans-serif;font-size:18px;line-height:1}
.col-vote .vote-up-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:5px 9px;color:#425b6a;font-size:13px}
.col-vote>ul>li>a.vote.up.vote-clicked,.col-vote>ul>li>a.vote.up.vote-clicked:hover{background:#dcefff;color:#075fa1;box-shadow:inset 0 0 0 1px #70b5ed;cursor:default}
.col-vote>ul>li>a.vote.down.vote-clicked,.col-vote>ul>li>a.vote.down.vote-clicked:hover{background:#fde4e4;color:#a63737;box-shadow:inset 0 0 0 1px #e7a3a3;cursor:default}
.col-vote .vote[aria-disabled="true"]{cursor:default}
.col-vote .vote:focus-visible{outline:2px solid #147494;outline-offset:-3px}
.ccb-vote-status{display:block;clear:both;min-height:0;margin-top:6px;font-size:12px;color:#23733b}
.ccb-vote-status:empty{display:none}

.ccb-card>.ccb-actions>.col-vote{flex:1 1 auto;width:auto;padding-top:0;overflow:visible}.ccb-card>.ccb-actions>.ccb-share-icons{flex:0 0 auto}

/* Error message is deliberately separate from joke cards and their actions. */
.ccb-error-panel{background:#fff;border:1px solid #d5e4ed;border-radius:10px;padding:28px;margin:16px 0 24px;color:#26343d}
.ccb-error-code{display:block;font:700 48px/1 Arial,sans-serif;color:#17617b;margin-bottom:12px}
.ccb-error-panel h1{font:700 26px/1.3 Arial,sans-serif;color:#254459;margin:0 0 14px}
.ccb-error-panel p{font-size:17px;line-height:1.6;margin-bottom:18px}
.ccb-error-search{margin-top:20px}.ccb-error-search label{display:block;margin-bottom:8px}.ccb-error-search>div{display:flex;gap:8px;flex-wrap:wrap}
.ccb-error-search input{flex:1 1 160px;min-width:0;border:1px solid #97b8c6;border-radius:6px;padding:10px 12px;font-size:16px}
@media(max-width:480px){.ccb-error-panel{padding:20px}.ccb-error-panel h1{font-size:23px}.ccb-error-panel .ccb-action{min-height:44px}}

/* Same shared action structure as the featured cards. */
.post.ccb-list-post{display:block}
.post.ccb-list-post>.ccb-list-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:12px 0 0}
.post.ccb-list-post .ccb-list-actions>.col-vote{flex:0 1 auto;float:none;clear:none;width:auto;min-width:0;padding:0;overflow:visible}
.post.ccb-list-post .ccb-list-actions>.col-vote>ul{display:flex;flex-wrap:nowrap;margin:0;padding:0;max-width:none}
.post.ccb-list-post .ccb-list-actions>.post-bottom{display:flex;flex:0 0 auto;clear:none;float:none;width:auto;margin:0;padding:0}
.post.ccb-list-post .info-right{flex-wrap:nowrap;white-space:nowrap}
.post.ccb-list-post .info-right>.social-icons{margin:0;flex-shrink:0}
.post.ccb-list-post .info-right>.fav-icon{margin:0!important;float:none!important}
@media(max-width:480px){
 .post.ccb-list-post>.ccb-list-actions{gap:8px}
 .post.ccb-list-post .col-vote>ul{gap:6px}
 .post.ccb-list-post .col-vote>ul>li>a.vote{min-width:30px;padding:6px}
 .post.ccb-list-post .col-vote .vote-up-number{min-width:24px;padding:5px}
 .post.ccb-list-post .post-bottom .info-right{gap:4px}
}

/* Featured cards use the same non-wrapping action row as all other lists. */
.ccb-card>.ccb-actions{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}
.ccb-card>.ccb-actions>.col-vote{flex:0 1 auto;min-width:0;float:none;clear:none;width:auto;padding:0;overflow:visible}
.ccb-card>.ccb-actions>.col-vote>ul{display:flex;flex-wrap:nowrap;margin:0;padding:0;max-width:none}
.ccb-card>.ccb-actions>.ccb-share-icons{flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap}
.ccb-card>.ccb-actions>.ccb-share-icons>.social-icons{margin:0;flex-shrink:0}
@media(max-width:480px){
 .ccb-card>.ccb-actions{gap:8px}
 .ccb-card>.ccb-actions>.col-vote>ul{gap:6px}
 .ccb-card>.ccb-actions .col-vote>ul>li>a.vote{min-width:30px;padding:6px}
 .ccb-card>.ccb-actions .col-vote .vote-up-number{min-width:24px;padding:5px}
 .ccb-card>.ccb-actions>.ccb-share-icons{gap:4px}
}

/* Keep the logo entirely inside the navigation bar. */
@media(min-width:768px){
 .navbar-desktop .navbar-brand{position:static;float:left;display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0!important;padding:0}
 .navbar-desktop .navbar-brand>.logo{display:block;width:56px;height:56px;max-width:56px;object-fit:contain;margin:0}
}
@media(max-width:767px){
 .navbar-fixed-top .navbar-header{position:relative;min-height:64px;height:64px}
 .navbar-fixed-top .navbar-header .navbar-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;float:none;width:48px;height:48px;margin:0!important;padding:0}
 .navbar-fixed-top .navbar-header .navbar-brand>.logo{display:block;width:48px;height:48px;max-width:48px;margin:0;object-fit:contain}
 .navbar-fixed-top .navbar-header .navbar-menu{position:absolute;left:15px;top:50%;transform:translateY(-50%);float:none;margin:0}
}

/* Unified site palette; social network and voting colors stay independent. */
.navbar-desktop,.navbar-fixed-top.navbar-default,.navbar-fixed-top .navbar-header.navbar-default{background-color:#176b91;border-color:#125675}
.nav-pills-title,.btn-site,.btn-site:link,.btn-site:visited{background-color:#176b91;color:#fff}
.btn-site:hover,.btn-site:focus{background-color:#125675;color:#fff}
.btn-info,.btn-info:link,.btn-info:visited{background-color:#176b91;border-color:#125675;color:#fff}
.btn-info:hover,.btn-info:focus{background-color:#125675;border-color:#104b66;color:#fff}
.navbar-default .navbar-toggle{border-color:#ffffff80;background-color:transparent}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#125675}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.sidebar-box h2,.sidebar-box h3,.sidebar-box h4,.front-row>span.numbers,a.side-bar-link{color:#17617b}
.ccb-card h3 a,.ccb-card h3 a:link,.ccb-card h3 a:visited{color:#17617b!important}

/* The search band spans the viewport; its inner containers have no fill. */
.navbar-fixed-top .navbar-collapse.navbar-default{background-color:transparent;border-color:transparent}
@media(min-width:768px){.navbar-fixed-top.navbar-default{background-color:#125675;border-color:#125675}}
@media(max-width:767px){.navbar-fixed-top .navbar-collapse.navbar-default{background-color:#125675}}

/* Warm title palette against the white cards and pale blue background. */
.post h3 a,.post h3 a:link,.post h3 a:visited,
.ccb-card h3 a,.ccb-card h3 a:link,.ccb-card h3 a:visited{color:#df6500!important}
.post h3 a:hover,.post h3 a:focus,.ccb-card h3 a:hover,.ccb-card h3 a:focus{color:#c45200!important;text-decoration:underline}
.sidebar-box h1,.sidebar-box h2,.sidebar-box h3,.sidebar-box h4,.ccb-section-title{color:#e87500}
.sidebar-box h1 a,.sidebar-box h2 a,.sidebar-box h3 a,.sidebar-box h4 a{color:inherit!important}
.sidebar-box [itemprop="name"]{color:#df6500}
.sidebar-box .side-bar-icon{color:#e87500}
.front-row .col-side-text>a,.front-row .col-side-text>a:link,.front-row .col-side-text>a:visited{color:#df6500}
.front-row .col-side-text>a:hover,.front-row .col-side-text>a:focus{color:#c45200;text-decoration:underline}

/* Plain section headings; keep only the functional action icons. */
.s-text{font-family:Arial,sans-serif;font-style:normal}
.sidebar-box h1,.sidebar-box h2,.sidebar-box h3,.sidebar-box h4{font-family:Arial,sans-serif;font-weight:700;line-height:1.35;font-style:normal}
.sidebar-box h1 .s-text,.sidebar-box h2 .s-text,.sidebar-box h3 .s-text,.sidebar-box h4 .s-text{font-size:inherit;font-weight:inherit}