
/* pages */
.one-page{background-color:rgba(18,22,26) !important;}
.one-page-breadcrumb{color:#bbb;}
.one-page-breadcrumb ol{margin-bottom:5px;background-color:transparent !important;padding:8px 0 !important;}
.one-page-breadcrumb-item a{color:#eee !important;}
.one-page-title{font-family:'Covered By Your Grace';font-display:optional;font-size:2.75rem;color:#fff;font-weight:bolder;}
.one-page-body{background-color:rgba(24,28,33,0.9) !important;padding:50px;color:#eee;border-radius:8px;max-width:1360px;}
.one-page-body h2{font-size:1.6rem;color:#fff;}
.one-page-body h3{font-size:1.1rem;color:#fff;}
.one-page-body a{color:#fc5a5c;}
.one-page-body a:hover{color:#ff0003;}
@media (max-width:991.98px){
    .one-page-title{font-size:2rem;}
    .one-page-body{background-color:rgba(24,28,33,0.9) !important;padding:50px 20px;color:#eee;border-radius:2px;}
}


/* faqs */
.one-faqs{background-color:rgba(18,22,26) !important;}
.one-faqs-container{padding-top:40px;padding-bottom:50px;max-width:1360px;}
.one-faqs-header{color:#ddd;text-align:center;background-color:rgba(24,28,33,0.9) !important;padding-top:50px !important;padding-bottom:50px !important;}
.one-faqs-nav-title{font-family:'Covered By Your Grace';font-display:optional;}
.one-faqs-nav-subtitle{font-size:1em;}
.one-faqs-nav-subtitle a{text-decoration:underline;color: #fff}

.one-faqs-section{margin:auto;background-color:rgba(24,28,33,0.9) !important;padding:20px;border-radius:5px;margin-bottom:30px;}
.one-faqs-section ul{padding-left:20px;}
.one-faqs-h3{color:#ddd;font-weight:bolder;font-size:2em;text-align:center;margin-bottom:25px;}
.one-faqs-item{padding-top:8px;padding-bottom:8px;border-bottom:1px dashed #2b2b2b}
.one-faqs-title{color:#ccc;font-weight:500;font-size:1.15em;;}
.one-faqs-title:hover{color:#fff;}
.one-faqs-content{color:#ccc;text-align:center;max-width:80%;margin:auto;}
.one-faqs-content p{color:#ccc;margin-bottom:5px;}
.one-faqs-content a{color:#ccc;}
.one-faqs-content a:hover{color:#fc5a5c;}
.one-faqs-link{color:#eee;text-decoration:underline;}
.one-faqs-link:hover{color:#fff;}
.one-faqs-content-list{text-align:left;max-width:100%;}
@media (max-width:991.98px){
   .one-faqs-content{max-width:100%;}
}


:root{
    --bg-deep: #0D1117;
    --bg-card: #161B22;
    --bg-surface: #1C2333;
    --bg-elevated: #22293A;
    --bg-hover: #2A3345;
    --bg-header: #161b28;
    --gold: #C9A84C;
    --gold-light: #E2C873;
    --gold-dim: #8B7433;
    --red-accent: #C0392B;
    --text-primary: #E6EDF3;
    --text-secondary: #8B949E;
    --text-muted: #6E7681;
    --border: #30363D;
    --border-light: #3D444D;
    --link: #C9A84C;
    --link-hover: #E2C873;
    --green: #2EA043;
    --blue-soft: #58A6FF;
    --radius: 8px;
    --radius-lg: 12px;
    --shadow: 0 2px 12px rgba(0,0,0,.4);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.5);
}


.one-fadein{opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}
.one-fadein.is-visible{opacity: 1;transform: translateY(0);}

/* faqs */
.one-base{background-color:#0D1117 !important;}
.one-base-container{padding-top:40px;max-width:1120px}
.one-base-breadcrumb .breadcrumb-item a{font-size:13px;color:#6E7681}
.one-base-breadcrumb .breadcrumb-item a:hover{color:#C9A84C}
.one-base-section{margin:auto;background-color:var(--bg-card);padding:30px;border-radius:10px;margin-bottom:40px;max-width:1120px}
.one-base-section hr{color:#7a8ea2!important}
.one-base-h1{font-size:36px;color:#fff}
.one-base-toolsbar{color:#6E7681}
.one-base-toolsbar span{margin-right:15px;font-size:12px;}
.one-base-section ul{padding-left:20px;}
.one-base-item{padding-top:8px;padding-bottom:8px;border-bottom:1px dashed #2b2b2b}
.one-base-content{color:#ddd;text-align:left;max-width:90%;min-height:300px;font-size:16px}
.one-base-content p{color:#ccc;margin-bottom:5px;}
.one-base-content li{margin-bottom:10px;}
.one-base-content a{color:var(--gold)}
.one-base-content a:hover{color:var(--gold-light);}
.one-base-link{color:#eee;text-decoration:underline;}
.one-base-link:hover{color:#fff;}
.one-base-content-list{text-align:left;max-width:100%;}
.one-base-nav{margin-bottom:20px}

.one-base-header{padding:80px 40px;background-color:var(--bg-header);}
.one-base-header-container{text-align:center;justify-content:center;}
.one-base-header-container h1{color:var(--text-primary);font-size:48px;font-weight:700;line-height:1.3;margin-bottom:8px}

/* Search */
.one-base-search {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}
.one-base-search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}
.one-base-search input {
    width: 100%;
    padding: 16px 90px 16px 46px;
    background: var(--bg-card);
    border: 2px solid var(--border);
    border-radius: 12px;
    color: var(--text-primary);
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.one-base-search input::placeholder { color: var(--text-muted); }
.one-base-search input:focus {
    border-color: var(--gold-dim);
    box-shadow: 0 0 0 3px rgba(201,168,76,0.08), 0 4px 20px rgba(0,0,0,0.3);
}
.one-base-search-btn {
    position: absolute;
    right:10px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--gold);
    color: var(--bg-deep);
    border: none;
    border-radius: 8px;
    padding: 9px 30px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.2s;
}
.one-base-search-btn:hover { background: var(--gold-light); }
.one-base-hero-stats{
    font-size: 16px;
    color: var(--gold);
    margin-bottom: 28px;
}
.one-base-tag-groups{margin-bottom:30px;}
.one-base-tag-group-label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:18px 0 8px 0;
}

.one-base-tag-groups .one-base-tag-pill{font-size:15px;padding:5px 20px;}

@media (max-width:991.98px){
    .one-base-header-container h1{font-size:42px;}
    .one-base-search-btn{padding: 7px 10px;}
}




.one-base-collections-fluid{}
.one-base-collections{color:#E6EDF3;background-color:var(--bg-card) !important;padding:30px;text-align:center;color:#E6EDF3;border-radius:10px;margin-bottom:80px;}
.one-base-collections-h2{font-family:'Covered By Your Grace';text-align:center;font-size:34px;color:#fff;margin-bottom:20px}
.one-base-collections-list{list-style:none;padding:0;margin:0;gap:10px;display:flex;flex-wrap:wrap;justify-content:center;}
.one-base-collections-list li{display:inline-flex;align-items:center;background:var(--gold-dim);font-weight:700;font-size:15px;padding:10px 28px;border-radius:50px;text-decoration:none;transition:all .25s;letter-spacing:0.3px;}
.one-base-collections-list li a{color:var(--text-primary)}
.one-base-collections-list li:hover{background:var(--gold);transform:translateX(3px);}
.one-base-collections-list li::after{content:'→';transition:transform.2s;padding-left:5px}
.one-base-collections-list li:hover::after{transform:translateX(3px);}
@media (max-width:991.98px){
    .one-base-collections{padding:30px 15px;}
    .one-base-collections-list li{font-weight:500;font-size:14px;padding:10px 20px;}
}


/* module: marquee (mobile only) */
.one-marquee-container-fluid{padding:30px 0;margin-bottom:30px;}
.one-marquee-container{overflow:hidden;position:relative;text-align:center;}
.one-marquee-title{text-align:center;margin-bottom:20px;font-size:34px;color:#fff;font-family:'Covered By Your Grace';}
.one-marquee-track{display:flex;gap:14px;will-change:transform;cursor:grab;user-select:none;}
.one-marquee-track.is-dragging{cursor:grabbing;}
.one-marquee-card{flex-shrink:0;width:200px;border:0;background-color: var(--bg-card)}
.one-marquee-figure{margin-bottom:0}
.one-marquee-body{padding-top:6px;}
.one-marquee-item-title a{color:var(--text-primary);font-size:1em}
.one-marquee-item-price{font-size:1.2em;font-weight:bolder;color:var(--gold)}
.one-marquee-item-price-was{color:var(--text-muted);;font-size:12px;}
.one-marquee-badge{background-color:#931717;letter-spacing:1px;padding:3px 12px;border-radius:20px;color:#f9d7d7;font-size:10px;width:-moz-fit-content;width:fit-content;position:absolute;top:15px;left:15px;}
.one-marquee-fade-l{position:absolute;left:0;top:0;bottom:0;width:30px;}
.one-marquee-fade-r{position:absolute;right:0;top:0;bottom:0;width:30px;}



.one-base-related-articles {margin-top:32px;margin-bottom:30px;}
.one-base-related-articles h2 {font-size:34px;color:#fff;font-family:'Covered By Your Grace';text-align:center;margin-bottom:15px;}
.one-base-articles-link{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);margin-bottom: 8px;text-decoration: none;color: var(--text-primary);font-size: 16px;font-weight:700;transition: all .2s;}
.one-base-articles-link:hover{border-color:var(--gold-dim);background: var(--bg-elevated);transform: translateX(4px);color:var(--text-primary);}
.one-base-articles-link .arrow {color: var(--gold);flex-shrink: 0;margin-left: auto;transition: transform .2s;}
.one-base-articles-link:hover .arrow { transform: translateX(3px); }
@media (max-width:991.98px){
   .one-base-content{max-width:100%;}
}



/* Knowledge Base Tag page */
.one-base-tag-item,.one-base-tag-pill{background:var(--bg-card);transition:.15s;text-decoration:none}
.one-base-tag-header{padding:18px 0 24px;border-bottom:1px solid var(--border);margin-bottom:24px}
.one-base-tag-header h1{color:var(--text-primary);font-size:48px;font-weight:700;line-height:1.3;margin-bottom:8px}
.one-base-tag-header h1 .highlight,.one-base-tag-meta strong{color:var(--gold)}
.one-base-tag-meta{font-size:18px;line-height:1.8;color:var(--text-primary)}
.one-base-tag-nav{margin-bottom:45px}
.one-base-tag-nav-label{font-size:16px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.one-base-tag-pills{display:flex;flex-wrap:wrap;gap:6px}
.one-base-tag-pill{display:inline-block;padding:5px 12px;border:1px solid var(--border);border-radius:20px;font-size:14px;font-weight:500;color:var(--text-secondary)}
.one-base-tag-pill:hover{border-color:var(--gold-dim);color:var(--gold-light);text-decoration:none}
.one-base-tag-pill.active{background:rgba(201,168,76,.15);border-color:var(--gold-dim);color:var(--gold);font-weight:600}
.one-base-tag-pill .count{font-size:11px;color:var(--text-muted);margin-left:5px}
.one-base-tag-item-meta .viewed,.one-base-tag-pill.active .count{color:var(--gold-dim)}
.one-base-tag-article-list{margin-bottom:32px}
.one-base-tag-item{display:block;padding:22px 18px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;color:inherit}
.one-base-tag-item:hover{border-color:var(--gold-dim);padding-left:22px;text-decoration:none;color:inherit}
.one-base-tag-item-title{font-size:18px;font-weight:600;line-height:1.7;color:var(--text-primary);margin-bottom:4px}
.one-base-tag-item:hover .one-base-tag-item-title{color:var(--gold-light)}
.one-base-tag-item-excerpt{font-size:14px;color:var(--text-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.one-base-tag-item-meta{display:flex;gap:12px;margin-top:6px;font-size:12px;color:var(--text-muted)}
.one-base-page-nav{padding:20px 10px}
.one-base-page-nav .page-item.active .page-link{background:var(--gold)!important;color:#000!important;}
.one-base-page-nav .page-item .page-link, .page-item.disabled .page-link{margin:2px!important;background:var(--bg-card)!important;color:var(--text-secondary)!important;border-color:var(--bg-card)!important;border:1px solid!important}
.one-base-page-nav .page-link:hover{border-color:var(--gold)!important;border:1px solid}
@media (max-width:991.98px){
   .one-base-tag-header h1{font-size:30px;}
   .one-base-tag-meta{font-size:16px;}
}

