:root{--brand:#3e4e60;--brand-dark:#265b64;--card-title-bg:#2f6f7a}
body{background:#c9d0df}
.site-header{background:#eee;border-bottom:1px solid #ccc;width:100%;max-width:1000px;margin:0 auto}
.flex-container{width:100%;max-width:1000px;background:#fff;margin:0 auto}
.brand-title{
letter-spacing: -1px;
  font-weight: 400;
  color: #030303;
  font-size: 24px;
}
.card-cat .card-header{background:var(--card-title-bg);color:#fff;font-weight:700;padding:.55rem .75rem}
.card-cat .list-group-item{padding:.35rem .75rem;font-size:.95rem;line-height:1.2}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto;padding:.5rem .75rem;background:#111827;color:#fff;border-radius:.5rem;display:inline-block;margin:.75rem}
.search-wrap .form-control{border-radius:999px}
.search-wrap .btn{border-radius:999px}
.padding-top-25{padding-top:25px}
.muted-note{color:#ffffffbf}
.masonry{column-gap:1rem;column-count:1}
.m-item{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 1rem;display:inline-block;width:100%}
@media (min-width: 576px) {
.masonry{column-count:2}
}
@media (min-width: 992px) {
.masonry{column-count:3}
}
@media (min-width: 1200px) {
.masonry{column-count:5}
}
p{color:#242424;margin:0 0 20px}
form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
input[type=text]{flex:1;padding:14px 16px;border-radius:0;background:#ececec;color:#020202;outline:none;border:1px solid #b5b5b5}
button{padding:14px 18px;border:none;border-radius:10px;background:linear-gradient(to right,#ff7a00,#ff4500);color:#fff;font-weight:600;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,2fr));gap:10px}
.item{background:#f5f5f5;padding:12px;border-radius:0;display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc}
.nick{font-size:18px;word-break:break-all;color:#1a1a1a}
.site-footer{width:100%;background:#eee;border-top:1px solid #ccc;color:#222;max-width:1000px;margin:0 auto}
.copy{background:#424242;border:none;color:#fff;padding:6px 10px;border-radius:0;cursor:pointer;font-size:14px}
.navbar-dark .navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg)}
.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:focus-visible{outline:none;box-shadow:none}
.tepemarka{margin:0;color:#ff7800;font-weight:700;font-size:15px}
.textfeat-header-padding{padding:10px 20px}
.accordion-button.sss-toggle-btn{background:#fff!important;color:#111827!important;font-weight:500!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important}
.accordion-button.sss-toggle-btn:not(.collapsed){background-color:#fff!important;color:#2563eb!important;box-shadow:none!important}
.accordion-button.sss-toggle-btn:hover{background-color:#f9fafb!important;color:#111827!important}
.accordion-button.sss-toggle-btn:focus,.accordion-button.sss-toggle-btn:focus-visible,.accordion-button.sss-toggle-btn:active{outline:none!important;box-shadow:none!important}
.accordion-button.sss-toggle-btn::after{filter:none!important;transform:scale(0.9)!important}
.space-copy-btn{width:100%;background-color:#3e4748;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}
.space-copy-btn:hover{background-color:#323a3b}
.space-copy-btn:active{transform:scale(0.97)}
.space-copy-btn:focus,.space-copy-btn:focus-visible{outline:none;box-shadow:none}
.custom-dropdown{background-color:#f3f4f6;border-radius:0;border:1px solid #ffffff14;padding:8px;min-width:240px;box-shadow:0 10px 30px #00000059}
.custom-dropdown .dropdown-item{color: #090909;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: 14px;
  transition: background-color .15s ease,color .15s ease;}
.custom-dropdown .dropdown-divider{border-color:#ffffff14;margin:6px 0}
.share-buttons .btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;border:none}
.share-buttons .btn:hover{filter:brightness(0.9)}
.share-buttons{gap:1px}
.grid{counter-reset:item-counter}
.item{counter-increment:item-counter;position:relative;padding-left:48px}
.item::before{content:counter(item-counter);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#797979;border:0}
.comment-item{display:flex;gap:12px;padding:14px 16px;border:1px solid #1118271a;border-radius:16px;background:#fff}
.comment-avatar{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex:0 0 44px;user-select:none}
.comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.comment-name{font-weight:700;color:#111827}
.comment-date{font-size:.85rem;color:#6b7280;white-space:nowrap}
.comment-msg{margin-top:6px;color:#111827;line-height:1.5}
.comment-form-wrap{max-width:720px}
.btn-comment{background:#ff7a00;border-color:#ff7a00;color:#fff;font-weight:700}
.btn-comment:hover{background:#ff8a1a;border-color:#ff8a1a}
#cMsg{resize:vertical}
.nav-link{color:#222;font-size:15px;}
.nav-link:focus,.nav-link:hover{color:#000}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#000}
.main-title{font-weight:700;padding-top:10px;color:#424242;font-size:24px}
.modified-time{padding:25px 0;font-size:13px;text-align:center}
.btn-warning{--bs-btn-color:#fff}
.btn:hover{color:#fff}
.mini-note{font-size:.9rem;color:#6c757d}
.preview-chip{display:inline-flex;align-items:center;justify-content:center;width:56px;height:24px;border:1px dashed #cfd4da;border-radius:10px;background:#f8f9fa;font-size:12px;color:#6c757d;user-select:none}
.card h3{margin:0}
.partial{height:30px}
.sec-partial{margin-top:30px}
.bottom-go{padding-bottom:30px}
h2.fancy-title {
font-weight: 700;
  font-size: 24px;
}
h3.fancy-title {
font-weight: 700;
font-size: 20px;
}
.fancy-padding {
padding-top: 20px;
}
.accordion-body {
padding-left: 0;
}
.faq-bold {
font-weight: 700;
}
.dropdown-item.active, .dropdown-item:active {
  text-decoration: none;
  background-color: #fff;
}