.seo-tool-content,.guide-list-section{padding:clamp(56px,8vw,104px) 0;background:#f6f8fc}
.barcode-discovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.1fr);align-items:center;gap:28px;margin-top:44px;padding:28px 32px;border:1px solid #dce5f8;border-radius:20px;background:linear-gradient(120deg,#f7f9ff,#eef4ff)}
.barcode-discovery h3{margin:8px 0;color:#142044;font-size:24px;letter-spacing:-.03em}
.barcode-discovery p{margin:0;color:#63718e;line-height:1.65}
.barcode-discovery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.barcode-discovery-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid #dce4f3;border-radius:12px;background:#fff;color:#174bff;font-weight:750;text-decoration:none}
.barcode-discovery-links a:hover{border-color:#174bff;box-shadow:0 7px 20px rgba(23,75,255,.1)}
.seo-tool-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,7vw,96px);max-width:1160px}
.seo-tool-intro h2,.seo-faq h2{margin:10px 0 18px;color:#101a3c;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
.seo-tool-intro>p,.seo-tool-intro li,.seo-faq p{color:#566585;font-size:16px;line-height:1.8}
.seo-tool-intro ol{display:grid;gap:10px;padding-left:24px;margin:22px 0 0}
.seo-faq details{padding:18px 0;border-bottom:1px solid #dce3f2}
.seo-faq summary{color:#152044;font-size:16px;font-weight:700;line-height:1.55;cursor:pointer}
.seo-faq details p{margin:12px 0 0}
.guide-list-section{background:#fff}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px}
.guide-card{display:flex;min-height:290px;flex-direction:column;padding:clamp(24px,4vw,38px);border:1px solid #e1e7f3;border-radius:22px;background:linear-gradient(150deg,#fff 0%,#f8faff 100%);box-shadow:0 18px 48px rgba(24,48,98,.06)}
.guide-card-index{color:#5272d8;font-size:11px;font-weight:800;letter-spacing:.14em}
.guide-card h2{margin:18px 0 12px;color:#121c40;font-size:clamp(21px,2.5vw,28px);line-height:1.25;letter-spacing:-.03em}
.guide-card h2 a{color:inherit;text-decoration:none}.guide-card h2 a:hover{color:#174bff}
.guide-card p{margin:0 0 22px;color:#657391;font-size:15px;line-height:1.75}
.guide-card-link{display:inline-flex;gap:9px;align-items:center;margin-top:auto;color:#174bff;font-size:14px;font-weight:800;text-decoration:none}
.guide-article-hero{padding:clamp(55px,8vw,96px) 0 54px;background:radial-gradient(ellipse at 84% 5%,rgba(132,157,255,.2),transparent 42%),linear-gradient(180deg,#f2f6ff,#fff)}
.guide-article-width{max-width:850px}
.guide-article-hero h1{max-width:800px;margin:28px 0 18px;color:#101a3b;font-size:clamp(36px,6vw,62px);line-height:1.08;letter-spacing:-.055em}
.guide-article-hero>div>p{max-width:760px;color:#5d6b8b;font-size:clamp(17px,2vw,20px);line-height:1.7}
.guide-article-body{padding-top:30px;padding-bottom:90px}
.guide-tools-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 52px;padding:25px 28px;border:1px solid #dbe5ff;border-radius:18px;background:#f4f7ff}
.guide-tools-callout strong{color:#152044;font-size:17px}.guide-tools-callout p{margin:6px 0 0;color:#5e6c89;line-height:1.6}
.guide-section{max-width:760px;margin:0 auto 42px}
.guide-section h2{margin:0 0 15px;color:#142044;font-size:clamp(23px,3vw,31px);line-height:1.3;letter-spacing:-.025em}
.guide-section p{margin:0 0 16px;color:#465573;font-size:17px;line-height:1.85}
.guide-article-footer{display:flex;justify-content:space-between;gap:16px;margin:56px auto 0;padding-top:22px;border-top:1px solid #e2e7f1}
.guide-article-footer a{color:#174bff;font-weight:700;text-decoration:none}
@media(max-width:760px){.seo-tool-inner,.guide-grid{grid-template-columns:1fr}.barcode-discovery{grid-template-columns:1fr;padding:22px}.guide-card{min-height:0}.guide-tools-callout{align-items:flex-start;flex-direction:column}.guide-article-footer{flex-direction:column}.guide-article-body{padding-bottom:62px}}