:root{--d:#0D2137;--dm:#132D4A;--g:#75B437;--gd:#5E9A2B;--w:#fff;--ow:#F5F7FA;--gr:#607D8B;--bd:#E0E4E8;--t:#1E293B}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--t);background:var(--ow);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}
.nav-ph{background:var(--d);padding:14px 20px;text-align:center;font-size:11px;color:rgba(255,255,255,.4)}
.bread{max-width:1240px;margin:0 auto;padding:12px 24px;font-size:12px;color:#94A3B8}.bread a{color:var(--g);text-decoration:none;font-weight:500}

/* Hero */
.hero{background:var(--d);padding:30px 24px 22px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-50%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(117,180,55,.04) 0%,transparent 70%);border-radius:50%}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g) 0%,var(--g) 30%,transparent 100%)}
.h-in{max-width:1240px;margin:0 auto;position:relative;z-index:2}
.h-badge{display:inline-block;background:rgba(117,180,55,.15);color:var(--g);font-size:9px;font-weight:700;padding:3px 10px;border-radius:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.hero h1{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--w);line-height:1.25;margin-bottom:8px;max-width:700px}
.hero h1 em{color:var(--g);font-style:normal}
.hero p{font-size:13.5px;color:rgba(255,255,255,.45);line-height:1.65;max-width:640px}
.h-stats{display:flex;gap:20px;margin-top:16px}
.h-st{padding:0 14px;border-right:1px solid rgba(255,255,255,.08)}.h-st:first-child{padding-left:0}.h-st:last-child{border:none}
.h-st .sn{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--w)}.h-st .sn em{color:var(--g);font-style:normal}
.h-st .sl{font-size:8px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.3px}

/* Main grid */
.main{max-width:1330px;margin:0 auto;padding:14px 24px 48px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;contain:layout style}

/* SEO Content intro */
.seo-intro{background:var(--w);border-radius:10px;border:1.5px solid var(--bd);padding:22px 22px 18px;margin-bottom:16px}
.seo-intro h2{font-size:17px;font-weight:700;color:var(--d);margin-bottom:8px}
.seo-intro p{font-size:13px;color:var(--gr);line-height:1.7;margin-bottom:14px}
.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cov{background:var(--ow);border:1px solid var(--bd);border-radius:8px;padding:10px 12px;transition:all .15s}
.cov:hover{border-color:var(--g);background:#FAFFF5}
.cov strong{font-size:11.5px;color:var(--d);display:block;margin-bottom:2px}
.cov span{font-size:9.5px;color:var(--gr);line-height:1.3}

/* Report cards */
.rp-list{display:flex;flex-direction:column;gap:10px}
.rc{background:var(--w);border-radius:10px;border:1.5px solid var(--bd);padding:16px 18px;transition:all .2s;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;contain:content}
.rc:hover{border-color:var(--g);box-shadow:0 3px 14px rgba(117,180,55,.08);transform:translateY(-1px)}
.rc::before{content:'';width:3px;align-self:stretch;background:var(--g);border-radius:3px;flex-shrink:0;opacity:.4;transition:opacity .2s}.rc:hover::before{opacity:1}
.rc-info{flex:1;min-width:0}
.rc-info h3{font-size:14px;font-weight:700;color:var(--d);line-height:1.35;margin-bottom:5px}
.rc-excerpt{font-size:11.5px;color:var(--gr);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:7px}
.rc-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:#94A3B8}
.rc-meta .dot{width:3px;height:3px;background:#CBD5E1;border-radius:50%}
.rc-cta{flex-shrink:0}
.rc-sample{display:block;padding:10px 18px;background:var(--g);color:var(--w);border-radius:7px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;white-space:nowrap}
.rc-sample:hover{background:var(--gd)}

/* SEO bottom content */
.seo-bottom{background:var(--w);border-radius:10px;border:1.5px solid var(--bd);padding:22px;margin-top:16px}
.seo-bottom h2{font-size:16px;font-weight:700;color:var(--d);margin-top:20px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid var(--g)}
.seo-bottom h2:first-child{margin-top:0}
.seo-bottom h3{font-size:13.5px;font-weight:700;color:var(--d);margin-top:14px;margin-bottom:5px}
.seo-bottom p{font-size:13px;color:var(--gr);line-height:1.7;margin-bottom:10px}
.seo-bottom ul{list-style:none;margin-bottom:12px}
.seo-bottom li{font-size:12.5px;color:var(--gr);padding:3px 0 3px 16px;position:relative;line-height:1.5}
.seo-bottom li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--g);border-radius:50%}

/* FAQ */
.faq-item{border:1px solid var(--bd);border-radius:8px;margin-bottom:6px;overflow:hidden}
.faq-q{padding:12px 16px;font-size:13px;font-weight:600;color:var(--d);cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:var(--ow);transition:all .15s;user-select:none}
.faq-q:hover{background:#EFF6FF}.faq-q .arr{font-size:13px;color:var(--gr);transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-q{background:#EFF6FF}.faq-item.open .arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 16px}
.faq-item.open .faq-a{max-height:200px;padding:10px 16px 14px}
.faq-a p{font-size:12.5px;color:var(--gr);line-height:1.6;margin:0}

/* Pagination */
.pag{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px}
.pag a,.pag span{width:auto;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-decoration:none;border:1.5px solid var(--bd);background:var(--w);color:#475569;transition:all .15s}
.pag a:hover{border-color:var(--g);color:var(--g)}.pag .act{background:var(--d);color:var(--w);border-color:var(--d)}
.pag .nxt{padding:0 14px;width:auto;font-size:11px;color:var(--g);font-weight:700}.pag .nxt:hover{background:#F0FDF4}

/* Sidebar */
.sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;will-change:transform}
.rq{background:var(--w);border:1.5px solid var(--bd);border-radius:10px;padding:14px 16px;border-top:3px solid var(--g)}
.rq-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F1F5F9}.rq-row:last-child{border:none}
.rq-ico{width:32px;height:32px;border-radius:8px;background:var(--d);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rq-txt strong{font-size:12.5px;color:var(--d);display:block;line-height:1.2}.rq-txt span{font-size:10px;color:var(--gr)}
.inq{background:var(--d);border-radius:10px;padding:18px;position:relative;overflow:hidden}
.inq::before{content:'';position:absolute;top:-30%;right:-15%;width:180px;height:180px;background:radial-gradient(circle,rgba(117,180,55,.08) 0%,transparent 70%);border-radius:50%}
.inq h4{font-size:14px;font-weight:700;color:var(--w);margin-bottom:4px;position:relative;z-index:2}
.inq p{font-size:11px;color:rgba(255,255,255,.4);line-height:1.45;margin-bottom:12px;position:relative;z-index:2}
.inq-btn{display:block;text-align:center;padding:10px;background:var(--g);color:var(--w);border-radius:7px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;position:relative;z-index:2}.inq-btn:hover{background:var(--gd)}
.inq-note{display:block;text-align:center;font-size:8.5px;color:rgba(255,255,255,.3);margin-top:6px;position:relative;z-index:2}
.side-cats{background:var(--w);border:1.5px solid var(--bd);border-radius:10px;padding:14px 16px}
.side-cats h4{font-size:11px;font-weight:700;color:var(--d);margin-bottom:8px}
.sc-lk{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#475569;padding:5px 0;border-bottom:1px solid #F1F5F9;text-decoration:none;font-weight:500;transition:color .15s}
.sc-lk:last-child{border:none}.sc-lk:hover{color:var(--g)}.sc-lk.act{color:var(--g);font-weight:700}
.sc-lk .cnt{font-size:9px;background:var(--ow);color:var(--gr);padding:2px 7px;border-radius:10px;font-weight:600}

.def{content-visibility:auto;contain-intrinsic-size:auto 400px}

@media(max-width:960px){.main{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.hero h1{font-size:22px}.rc{flex-direction:column;align-items:stretch}.rc::before{width:auto;height:3px;align-self:auto}.rc-cta{align-self:flex-start}.h-stats{flex-wrap:wrap;gap:12px}.coverage-grid{grid-template-columns:repeat(2,1fr)}}