/* =========================================================
   ACCURATEGOODS — COMPLETE ADDITIONAL CSS
   Includes GeneratePress defaults + global article styling
   + scoped Craftsman conversion design.
   Replace the current Additional CSS with this complete file.
========================================================= */

/* GeneratePress Site CSS */
.auto-width.gb-query-loop-wrapper {
  flex: 1;
}

@media (min-width: 768px) {
  .sticky-container > .gb-inside-container,
  .sticky-container {
    position: sticky;
    top: 80px;
  }

  #right-sidebar .inside-right-sidebar {
    height: 100%;
  }
}

select#wp-block-categories-1 {
  width: 100%;
}

/* Global image styling */
.post-content img,
.entry-content img,
.wp-block-image img,
figure img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
  border: 2px solid #000;
  border-radius: 8px;
  box-sizing: border-box;
}

/* Global H2 styling */
.post-content h2,
.entry-content h2 {
  margin-top: 45px;
  margin-bottom: 20px;
  padding: 12px 18px;
  border-left: 5px solid #d60000;
  border-radius: 0 8px 8px 0;
  background: #f8f9fa;
  color: #111;
  font-weight: 700;
  line-height: 1.4;
  scroll-margin-top: 100px;
}

/* Global H3 styling */
.post-content h3,
.entry-content h3 {
  margin-top: 35px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 2px solid #d60000;
  color: #222;
  font-weight: 700;
  line-height: 1.5;
}

/* Global paragraph and list readability */
.post-content p,
.entry-content p {
  margin-bottom: 18px;
  line-height: 1.8;
}

.post-content ul,
.post-content ol,
.entry-content ul,
.entry-content ol {
  margin-bottom: 20px;
  line-height: 1.8;
}

.post-content li,
.entry-content li {
  margin-bottom: 8px;
}

/* Global table styling */
.post-content table,
.entry-content table {
  width: 100%;
  margin: 25px 0;
  border-collapse: collapse;
}

.post-content th,
.post-content td,
.entry-content th,
.entry-content td {
  padding: 12px;
  border: 1px solid #ddd;
}

.post-content th,
.entry-content th {
  background: #f5f5f5;
  font-weight: 700;
}

/* Global SEO and UX */
html {
  scroll-behavior: smooth;
}

.post-content a,
.entry-content a {
  text-decoration: none;
}

.post-content a:hover,
.entry-content a:hover {
  text-decoration: underline;
}

/* Always hide Contents / Table of Contents */
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.lwptoc_i,
.wp-block-rank-math-toc-block,
.rank-math-toc-block,
.ag-toc,
.toc_widget {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 768px) {
  .post-content h2,
  .entry-content h2 {
    margin-top: 35px;
    margin-bottom: 18px;
    padding: 10px 14px;
  }

  .post-content h3,
  .entry-content h3 {
    margin-top: 28px;
    margin-bottom: 12px;
  }

  .post-content p,
  .entry-content p {
    line-height: 1.75;
  }

  .post-content table,
  .entry-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .post-content img,
  .entry-content img {
    margin: 15px auto;
  }
}

/* =========================================================
   CRAFTSMAN ARTICLE — PREMIUM CONVERSION DESIGN
   Scoped to .ag-laser so other posts are not changed.
========================================================= */

.ag-laser{
  --navy:#071b3a;
  --blue:#1769e0;
  --blue2:#0b4db8;
  --orange:#f47b20;
  --orange2:#dc5e08;
  --green:#168a55;
  --red:#c83b3b;
  --ink:#203047;
  --muted:#5e6d80;
  --line:#dbe4ef;
  --soft:#f5f8fc;
  --white:#fff;
  max-width:920px;
  margin:0 auto;
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:18px;
  line-height:1.75;
}
.ag-laser *{box-sizing:border-box}
.ag-laser p{margin:0 0 20px}
.ag-laser a{color:var(--blue)}
.ag-laser img{max-width:100%;height:auto}
.ag-laser h1,.ag-laser h2,.ag-laser h3{
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.25;
  letter-spacing:-.02em;
}
.ag-laser h2{
  margin:46px 0 18px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:3px solid var(--blue)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--navy)!important;
  font-size:30px!important;
  text-transform:none!important;
}
.ag-laser h2:before,.ag-laser h2:after{display:none!important;content:none!important}
.ag-laser h3{margin:28px 0 10px;color:var(--navy);font-size:22px}
.ag-laser ul,.ag-laser ol{margin:0 0 22px;padding-left:25px}
.ag-laser li{margin:8px 0}

/* Hide every common auto-TOC implementation */
#toc_container,.toc_container,#ez-toc-container,.ez-toc-container,.lwptoc,
.wp-block-rank-math-toc-block,.rank-math-toc-block,.ag-toc{display:none!important}

.ag-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 26px;
  padding:48px 42px;
  border:1px solid #cfe0f7;
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 15%,rgba(244,123,32,.22),transparent 26%),
    linear-gradient(135deg,#eef6ff 0%,#fff 55%,#edf9f3 100%);
  box-shadow:0 18px 50px rgba(7,27,58,.10);
}
.ag-eyebrow{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 12px;
  border-radius:999px;
  background:#e3efff;
  color:var(--blue2);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ag-hero h1{
  max-width:760px;
  margin:0 0 16px;
  color:var(--navy);
  font-size:clamp(34px,5vw,52px);
}
.ag-hero p{max-width:760px;margin-bottom:22px;color:#405168;font-size:19px}
.ag-hero-note{display:block;margin-top:12px;color:var(--muted);font-size:13px}

.ag-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 22px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
  box-shadow:0 8px 18px rgba(220,94,8,.22);
  color:#fff!important;
  font-size:16px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ag-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(220,94,8,.30)}
.ag-btn.ag-secondary{background:linear-gradient(135deg,var(--blue),var(--blue2))!important;box-shadow:0 8px 18px rgba(23,105,224,.20)}

.ag-disclosure{
  margin:0 0 26px;
  padding:13px 16px;
  border-left:4px solid var(--orange);
  border-radius:8px;
  background:#fff8ef;
  color:#5c4938;
  font-size:14px;
}
.ag-quick{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  margin:26px 0;
}
.ag-verdict,.ag-score{
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(7,27,58,.07);
}
.ag-verdict{border-top:5px solid var(--green)}
.ag-verdict strong,.ag-score strong{display:block;margin-bottom:8px;color:var(--navy);font-size:22px}
.ag-score{text-align:center}
.ag-score-number{display:block;color:var(--blue);font-size:48px;font-weight:900;line-height:1}
.ag-score small{color:var(--muted)}
.ag-status{
  display:inline-flex;
  margin-top:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#fff0ee;
  color:#a62c2c;
  font-size:13px;
  font-weight:800;
}
.ag-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:26px 0 34px;
}
.ag-fact{
  padding:18px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
  text-align:center;
}
.ag-fact b{display:block;color:var(--navy);font-size:16px}
.ag-fact span{color:var(--muted);font-size:13px}
.ag-alert{
  margin:24px 0;
  padding:20px 22px;
  border:1px solid #f1d19d;
  border-left:5px solid var(--orange);
  border-radius:12px;
  background:#fff9ef;
}
.ag-alert strong{display:block;margin-bottom:6px;color:#79400f;font-size:18px}

.ag-check-grid,.ag-procon{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:24px 0;
}
.ag-check,.ag-pro,.ag-con{
  padding:22px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}
.ag-check h3,.ag-pro h3,.ag-con h3{margin:0 0 12px}
.ag-check ul,.ag-pro ul,.ag-con ul{margin-bottom:0}
.ag-buy{border-top:4px solid var(--green)}
.ag-skip{border-top:4px solid var(--red)}
.ag-pro{border-left:5px solid var(--green);background:#f3fbf7}
.ag-con{border-left:5px solid var(--red);background:#fff6f5}

.ag-table-wrap{
  overflow-x:auto;
  margin:24px 0 30px;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(7,27,58,.06);
}
.ag-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}
.ag-table th{padding:15px;background:var(--navy);color:#fff;text-align:left;font-size:15px}
.ag-table td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
.ag-table tr:last-child td{border-bottom:0}
.ag-table tr:nth-child(even) td{background:#f8fafc}
.ag-table a{font-weight:800}

.ag-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:26px 0 34px;
}
.ag-product{
  display:flex;
  flex-direction:column;
  position:relative;
  padding:24px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 30px rgba(7,27,58,.07);
}
.ag-product.ag-featured{border:2px solid var(--blue);transform:translateY(-4px)}
.ag-badge{
  align-self:flex-start;
  margin-bottom:14px;
  padding:6px 9px;
  border-radius:7px;
  background:#e8f1ff;
  color:var(--blue2);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.ag-product h3{margin:0 0 10px;font-size:21px}
.ag-product p{font-size:15px}
.ag-product ul{margin-bottom:20px;padding-left:20px;font-size:14px}
.ag-product .ag-btn{width:100%;margin-top:auto}
.ag-micro{display:block;margin-top:10px;color:var(--muted);font-size:11px;text-align:center}

.ag-steps{counter-reset:agstep;margin:25px 0}
.ag-step{
  position:relative;
  margin:0 0 14px;
  padding:18px 18px 18px 66px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.ag-step:before{
  counter-increment:agstep;
  content:counter(agstep);
  position:absolute;
  top:17px;
  left:18px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:50%;
  background:var(--blue);
  color:#fff;
  font-weight:900;
}
.ag-step strong{display:block;color:var(--navy)}

.ag-faq details{
  margin:0 0 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.ag-faq summary{
  position:relative;
  padding:17px 50px 17px 18px;
  color:var(--navy);
  cursor:pointer;
  font-weight:800;
  list-style:none;
}
.ag-faq summary::-webkit-details-marker{display:none}
.ag-faq summary:after{
  content:"+";
  position:absolute;
  top:10px;
  right:16px;
  color:var(--blue);
  font-size:28px;
}
.ag-faq details[open] summary:after{content:"–"}
.ag-faq details p{padding:0 18px 18px;margin:0;color:#4d5d71}

.ag-final{
  margin:44px 0 20px;
  padding:34px;
  border-radius:20px;
  background:linear-gradient(135deg,var(--navy),#0b376f);
  box-shadow:0 16px 38px rgba(7,27,58,.20);
  color:#fff;
  text-align:center;
}
.ag-laser .ag-final>h2{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  text-align:center!important;
  text-transform:none!important;
}
.ag-laser .ag-final>h2:before,.ag-laser .ag-final>h2:after{display:none!important;content:none!important}
.ag-final p{max-width:720px;margin:0 auto 20px;color:#dce9fa}
.ag-research{margin-top:28px;color:var(--muted);font-size:13px}

@media(max-width:760px){
  .ag-laser{font-size:17px}
  .ag-hero{padding:34px 24px;border-radius:18px}
  .ag-hero h1{font-size:35px}
  .ag-quick,.ag-check-grid,.ag-procon{grid-template-columns:1fr}
  .ag-facts{grid-template-columns:1fr 1fr}
  .ag-products{grid-template-columns:1fr}
  .ag-product.ag-featured{transform:none}
  .ag-laser h2{font-size:26px!important}
}
@media(max-width:420px){
  .ag-facts{grid-template-columns:1fr}
  .ag-btn{width:100%}
}

/*
 * WordPress/theme compatibility guard
 * Keeps the conversion blocks intact when a theme or article-style plugin
 * applies generic section, heading, paragraph, or link backgrounds.
 */
.entry-content .ag-laser .ag-hero,
.site-main .ag-laser .ag-hero,
.ag-laser .ag-hero{
  padding:48px 42px!important;
  border:1px solid #cfe0f7!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(244,123,32,.22),transparent 26%),
    linear-gradient(135deg,#eef6ff 0%,#fff 55%,#edf9f3 100%)!important;
  box-shadow:0 18px 50px rgba(7,27,58,.10)!important;
}
.ag-laser .ag-hero>h1{
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#071b3a!important;
}
.ag-laser .ag-hero>p{
  margin:0 0 22px!important;
  color:#405168!important;
}
.entry-content .ag-laser .ag-final,
.site-main .ag-laser .ag-final,
.ag-laser .ag-final{
  display:block!important;
  margin:44px 0 20px!important;
  padding:34px!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#071b3a,#0b376f)!important;
  box-shadow:0 16px 38px rgba(7,27,58,.20)!important;
  color:#fff!important;
  text-align:center!important;
}
.ag-laser .ag-final>h2{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.25!important;
  text-align:center!important;
  text-transform:none!important;
}
.ag-laser .ag-final>p{
  max-width:720px!important;
  margin:0 auto 20px!important;
  color:#dce9fa!important;
}
.ag-laser .ag-final>.ag-hero-note{
  display:block!important;
  margin-top:12px!important;
  color:#bcd0e9!important;
}
.ag-laser .ag-final>.ag-btn{
  display:inline-flex!important;
  background:linear-gradient(135deg,#f47b20,#dc5e08)!important;
  color:#fff!important;
}

@media(max-width:760px){
  .entry-content .ag-laser .ag-hero,
  .site-main .ag-laser .ag-hero,
  .ag-laser .ag-hero{
    padding:34px 24px!important;
    border-radius:18px!important;
  }
  .entry-content .ag-laser .ag-final,
  .site-main .ag-laser .ag-final,
  .ag-laser .ag-final{
    padding:28px 20px!important;
    border-radius:16px!important;
  }
  .ag-laser .ag-final>h2{font-size:26px!important}
}

/* WordPress-safe hero title: keeps a single H1 from the theme */
.ag-laser .ag-hero .ag-hero-title{
  display:block!important;
  max-width:760px!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#071b3a!important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(34px,5vw,52px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
@media(max-width:760px){
  .ag-laser .ag-hero .ag-hero-title{font-size:35px!important}
}
