/* ===== RESET & BASE ===== */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 html { font-size: 16px; scroll-behavior: smooth; }
 body {
   font-family: 'Segoe UI', Arial, sans-serif;
   background: #1a1200;
   color: #b8940b;
   line-height: 1.65;
 }
 a { color: #f5c842; text-decoration: none; }
 a:hover { text-decoration: underline; }
 img { max-width: 100%; }
 
 /* ===== LAYOUT ===== */
 .container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
 
 /* ===== HEADER ===== */
 .site-header {
   background: #0f0c00;
   border-bottom: 2px solid #c9a227;
   padding: 18px 0;
 }
 .site-header .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
 }
 .site-logo {
   font-size: 1.5rem;
   font-weight: 700;
   color: #f5c842;
   letter-spacing: 1px;
 }
 .site-tagline {
   font-size: 0.82rem;
   color: #b89b3a;
 }
 
 /* ===== PAGE TITLE ===== */
 .page-title-wrap {
   background: #120e00;
   padding: 28px 0 20px;
   border-bottom: 1px solid #2e2400;
 }
 .page-title-wrap h1 {
   font-size: 1.75rem;
   color: #f5c842;
   font-weight: 700;
   line-height: 1.25;
 }
 
 /* ===== SHOWCASE ===== */
 .showcase {
   padding: 30px 0 20px;
 }
 .showcase-title {
   font-size: 1.1rem;
   color: #c9a227;
   font-weight: 600;
   margin-bottom: 16px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
 .offers-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 14px;
 }
 .offer-card {
   background: #211900;
   border: 1px solid #3a2e00;
   border-radius: 8px;
   padding: 16px 18px;
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 .offer-card__name {
   font-size: 1.05rem;
   font-weight: 700;
   color: #f5c842;
 }
 .offer-card__bonus {
   font-size: 0.88rem;
   color: #e8d9a0;
 }
 .offer-card__badge {
   display: inline-block;
   font-size: 0.72rem;
   font-weight: 600;
   padding: 2px 8px;
   border-radius: 20px;
   width: fit-content;
 }
 .badge-yes     { background: #1a3a00; color: #6dcc3a; border: 1px solid #3a6600; }
 .badge-no      { background: #3a1000; color: #cc5a2a; border: 1px solid #662200; }
 .badge-partial { background: #2e2000; color: #d4a800; border: 1px solid #5a4000; }
 .offer-card__cta { margin-top: 4px; }
 .btn-claim {
   display: inline-block;
   background: #c9a227;
   color: #0f0c00;
   font-size: 0.82rem;
   font-weight: 700;
   padding: 7px 18px;
   border-radius: 5px;
   letter-spacing: 0.3px;
 }
 .btn-claim:hover { background: #f5c842; text-decoration: none; }
 
 /* ===== DIVIDER ===== */
 .section-divider {
   border: none;
   border-top: 1px solid #2e2400;
   margin: 32px 0;
 }
 
 /* ===== ARTICLE CONTENT ===== */
 .article-wrap { padding: 0 0 40px; }
 
 .disclaimer-content-box {
   background: #1f1800;
   border-left: 3px solid #c9a227;
   padding: 12px 16px;
   font-size: 0.8rem;
   color: #b89b3a;
   margin-bottom: 24px;
   border-radius: 0 4px 4px 0;
 }
 
 /* TOC */
 .payid-toc {
   background: #1a1200;
   border: 1px solid #3a2e00;
   border-radius: 6px;
   padding: 18px 20px;
   margin-bottom: 28px;
 }
 .payid-toc__title {
   font-size: 1rem;
   color: #c9a227;
   margin-bottom: 10px;
   font-weight: 700;
 }
 .payid-toc__list { padding-left: 18px; }
 .payid-toc__list li { margin-bottom: 4px; font-size: 0.88rem; }
 .payid-toc__list ol { padding-left: 16px; margin-top: 4px; }
 
 /* Headings */
 .article-wrap h2.wp-block-heading {
   font-size: 1.3rem;
   color: #f5c842;
   margin: 28px 0 10px;
   padding-bottom: 4px;
   border-bottom: 1px solid #3a2e00;
 }
 .article-wrap h3.wp-block-heading {
   font-size: 1.08rem;
   color: #e8c96a;
   margin: 20px 0 8px;
 }
 
 /* Paragraphs */
 .article-wrap p { margin-bottom: 12px; font-size: 0.93rem; }
 
 /* Details / summary */
 .article-wrap details {
   border: 1px solid #3a2e00;
   border-radius: 5px;
   padding: 10px 14px;
   margin-bottom: 10px;
 }
 .article-wrap summary {
   cursor: pointer;
   font-size: 0.93rem;
   color: #f0d060;
   list-style: none;
 }
 .article-wrap summary::-webkit-details-marker { display: none; }
 .article-wrap summary::before { content: '▶ '; font-size: 0.7rem; }
 .article-wrap details[open] summary::before { content: '▼ '; }
 
 /* Lists */
 .article-wrap ul, .article-wrap ol {
   padding-left: 20px;
   margin-bottom: 12px;
   font-size: 0.93rem;
 }
 .article-wrap li { margin-bottom: 6px; }
 
 /* Table */
 .article-wrap .wp-block-table {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   display: block;
   width: 100%;
   margin-bottom: 16px;
 }
 .article-wrap table {
   width: 100%;
   min-width: 480px;
   border-collapse: collapse;
   font-size: 0.82rem;
 }
 .article-wrap th {
   background: #2e2400;
   color: #f5c842;
   padding: 8px 10px;
   text-align: left;
   border: 1px solid #3a2e00;
 }
 .article-wrap td {
   padding: 7px 10px;
   border: 1px solid #2e2400;
   vertical-align: top;
 }
 .article-wrap tr:nth-child(even) td { background: #1a1200; }
 .article-wrap tr:nth-child(odd)  td { background: #211900; }
 
 /* HR */
 .article-wrap hr { border: none; border-top: 1px solid #2e2400; margin: 24px 0; }
 
 /* has-background tip boxes */
 .article-wrap .has-background {
   border-radius: 4px;
   padding: 10px 14px;
   font-size: 0.87rem;
 }
 
 /* FAQ */
 .schema-faq { margin-top: 8px; }
 .schema-faq-section {
   border: 1px solid #3a2e00;
   border-radius: 5px;
   padding: 12px 14px;
   margin-bottom: 10px;
   background: #1a1200;
 }
 .schema-faq-question {
   display: block;
   color: #f5c842;
   font-size: 0.93rem;
   margin-bottom: 6px;
 }
 .schema-faq-answer { font-size: 0.87rem; color: #d4c07a; }
 
 /* Author */
 .author-right { margin-top: 28px; border-top: 1px solid #2e2400; padding-top: 14px; }
 .author-right .fullname a { color: #f5c842; font-weight: 700; }
 .author-expertise { font-size: 0.8rem; color: #b89b3a; margin-top: 2px; }
 .author-social-info { margin-top: 6px; }
 .author-social-info ul { list-style: none; padding: 0; }
 .author-description .bio {
   font-size: 0.83rem;
   color: #a89060;
   margin-top: 10px;
   padding: 12px 14px;
   background: #1a1200;
   border-radius: 4px;
 }
 
 /* ===== FOOTER ===== */
 .site-footer {
   background: #0f0c00;
   border-top: 2px solid #c9a227;
   padding: 20px 0;
   text-align: center;
   font-size: 0.78rem;
   color: #6b5a1a;
 }
 
 /* ===== RESPONSIVE ===== */
 @media (max-width: 600px) {
   .page-title-wrap h1 { font-size: 1.3rem; }
   .offers-grid { grid-template-columns: 1fr; }
   .article-wrap table { font-size: 0.75rem; min-width: 400px; }
   .article-wrap th, .article-wrap td { padding: 6px 8px; }
 }