:root{--emerald:#1B4332;--emerald-mid:#2D6A4F;--emerald-light:#40916C;--emerald-pale:#D8F3DC;--gold:#C9A84C;--gold-light:#E9C46A;--gold-pale:#FFF8E7;--cream:#F8F5F0;--white:#FFFFFF;--dark:#0D1F17;--gray:#6B7280;--gray-light:#F3F4F6;--border:#E5E7EB;--red:#DC2626;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'DM Sans',sans-serif;background:#fff;color:#0D1F17;overflow-x:hidden;}
.topbar{background:#0D1F17;padding:9px 48px;display:flex;justify-content:space-between;align-items:center;}
.topbar-left{font-size:12px;color:rgba(255,255,255,0.45);}
.topbar-left strong{color:#E9C46A;}
.topbar-store{background:rgba(201,168,76,0.15);border:1px solid rgba(201,168,76,0.3);color:#E9C46A;font-size:12px;font-weight:600;padding:5px 16px;border-radius:100px;text-decoration:none;transition:all 0.2s;}
.topbar-store:hover{background:rgba(201,168,76,0.28);}
nav{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid #E5E7EB;padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:68px;box-shadow:0 2px 20px rgba(0,0,0,0.05);}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;}
.logo-icon{width:40px;height:40px;background:#1B4332;border-radius:11px;display:flex;align-items:center;justify-content:center;}
.logo-icon svg{width:22px;height:22px;fill:#C9A84C;}
.logo-text{font-family:'Fraunces',serif;font-size:21px;font-weight:700;color:#1B4332;line-height:1;}
.logo-sub{font-size:10px;color:#6B7280;letter-spacing:1.2px;text-transform:uppercase;margin-top:3px;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{text-decoration:none;color:#0D1F17;font-size:14px;font-weight:500;transition:color 0.2s;position:relative;padding-bottom:2px;}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#C9A84C;transition:width 0.3s;}
.nav-links a:hover{color:#1B4332;}
.nav-links a:hover::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-search{display:flex;align-items:center;gap:8px;background:#F3F4F6;border-radius:8px;padding:9px 14px;border:1px solid transparent;transition:all 0.2s;width:210px;}
.nav-search:focus-within{background:#fff;border-color:#40916C;}
.nav-search svg{width:15px;height:15px;color:#6B7280;flex-shrink:0;}
.nav-search input{border:none;background:transparent;font-size:13px;outline:none;width:100%;font-family:'DM Sans',sans-serif;}
.nav-cta{background:#1B4332;color:#fff;padding:9px 20px;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;transition:all 0.2s;}
.nav-cta:hover{background:#2D6A4F;transform:translateY(-1px);}
.hero{background:#1B4332;padding:80px 48px 0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 60%,rgba(64,145,108,0.35) 0%,transparent 55%);pointer-events:none;}
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:end;}
.hero-left{padding-bottom:64px;}
.hero-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.3);color:#E9C46A;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:22px;}
.hero-pill span{width:6px;height:6px;background:#C9A84C;border-radius:50%;}
.hero h1{font-family:'Fraunces',serif;font-size:52px;font-weight:700;color:#fff;line-height:1.08;margin-bottom:18px;}
.hero h1 em{color:#E9C46A;font-style:italic;}
.hero-desc{color:rgba(255,255,255,0.68);font-size:16px;line-height:1.75;margin-bottom:36px;max-width:460px;}
.hero-search-wrap{background:rgba(255,255,255,0.07);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.13);border-radius:14px;padding:20px;}
.hs-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:10px;}
.hs-row{display:flex;gap:8px;}
.hs-select{background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.18);color:#fff;border-radius:8px;padding:11px 14px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;flex:1;cursor:pointer;}
.hs-select option{background:#0D1F17;}
.hs-input{background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.18);color:#fff;border-radius:8px;padding:11px 14px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;flex:2;}
.hs-input::placeholder{color:rgba(255,255,255,0.38);}
.hs-input:focus,.hs-select:focus{border-color:#C9A84C;}
.hs-btn{background:#C9A84C;color:#0D1F17;border:none;border-radius:8px;padding:11px 20px;font-weight:700;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;white-space:nowrap;}
.hs-btn:hover{background:#E9C46A;}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.hero-tag{font-size:11px;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.07);padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:all 0.2s;text-decoration:none;}
.hero-tag:hover{background:rgba(255,255,255,0.14);color:#fff;}
.hero-right{display:flex;flex-direction:column;justify-content:flex-end;}
.hero-featured-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;}
.hero-article-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:18px;overflow:hidden;cursor:pointer;transition:all 0.3s;display:block;text-decoration:none;}
.hero-article-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px);}
.hac-thumb{height:200px;background:linear-gradient(135deg,rgba(201,168,76,0.2),rgba(64,145,108,0.3));display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;overflow:hidden;}
.hac-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,0.4) 100%);}
.hac-category{position:absolute;top:14px;left:14px;z-index:1;background:#C9A84C;color:#0D1F17;font-size:10px;font-weight:700;padding:4px 12px;border-radius:100px;}
.hac-body{padding:20px;}
.hac-title{font-family:'Fraunces',serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3;}
.hac-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.hac-meta-item{font-size:11px;color:rgba(255,255,255,0.45);}
.hac-excerpt{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.65;margin-bottom:14px;}
.hac-read{font-size:13px;font-weight:600;color:#E9C46A;display:flex;align-items:center;gap:5px;}
.hero-stats-strip{position:relative;z-index:1;max-width:1200px;margin:48px auto 0;display:flex;border-top:1px solid rgba(255,255,255,0.08);}
.hss-item{flex:1;padding:22px 32px;border-right:1px solid rgba(255,255,255,0.08);}
.hss-item:last-child{border-right:none;}
.hss-num{font-family:'Fraunces',serif;font-size:28px;font-weight:700;color:#E9C46A;line-height:1;}
.hss-label{font-size:12px;color:rgba(255,255,255,0.45);margin-top:3px;}
.section{padding:80px 48px;}
.section.alt{background:#F8F5F0;}
.section-header{text-align:center;margin-bottom:52px;}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#40916C;margin-bottom:10px;}
.section-title{font-family:'Fraunces',serif;font-size:36px;font-weight:700;color:#0D1F17;line-height:1.2;}
.section-sub{color:#6B7280;font-size:15px;margin-top:12px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.65;}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:0 auto;}
.tool-card{background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:28px 22px;text-align:center;cursor:pointer;transition:all 0.3s;text-decoration:none;position:relative;overflow:hidden;}
.tool-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1B4332,#C9A84C);transform:scaleX(0);transition:transform 0.3s;transform-origin:left;}
.tool-card:hover{border-color:#40916C;transform:translateY(-5px);box-shadow:0 14px 36px rgba(27,67,50,0.12);}
.tool-card:hover::after{transform:scaleX(1);}
.tool-emoji{font-size:32px;margin-bottom:14px;display:block;}
.tool-name{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#0D1F17;margin-bottom:7px;}
.tool-desc{font-size:12px;color:#6B7280;line-height:1.6;margin-bottom:14px;}
.tool-count{font-size:11px;font-weight:600;color:#40916C;letter-spacing:1px;text-transform:uppercase;}
.blog-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;}
.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.cat-tab{padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid #E5E7EB;background:#fff;color:#6B7280;transition:all 0.2s;text-decoration:none;}
.cat-tab:hover,.cat-tab.active{border-color:#1B4332;background:#1B4332;color:#fff;}
.blog-featured{border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;cursor:pointer;transition:all 0.3s;margin-bottom:24px;}
.blog-featured:hover{box-shadow:0 16px 40px rgba(0,0,0,0.1);transform:translateY(-3px);}
.bf-thumb{height:280px;display:flex;align-items:center;justify-content:center;font-size:80px;position:relative;overflow:hidden;}
.bf-thumb.g1{background:linear-gradient(135deg,#1B4332,#2D6A4F);}
.bf-thumb.g2{background:linear-gradient(135deg,#1e3a5f,#2563EB);}
.bf-thumb.g3{background:linear-gradient(135deg,#7C2D12,#DC2626);}
.bf-thumb.g4{background:linear-gradient(135deg,#4A1D96,#7C3AED);}
.bf-thumb.g5{background:linear-gradient(135deg,#14532D,#16A34A);}
.bf-thumb.g6{background:linear-gradient(135deg,#7C5D10,#C9A84C);}
.bf-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,0.5) 100%);}
.bf-tag{position:absolute;top:18px;left:18px;z-index:1;background:#C9A84C;color:#0D1F17;font-size:10px;font-weight:700;padding:5px 14px;border-radius:100px;}
.bf-featured-badge{position:absolute;top:18px;right:18px;z-index:1;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:600;padding:5px 12px;border-radius:100px;border:1px solid rgba(255,255,255,0.2);}
.bf-body{padding:28px;}
.bf-title{font-family:'Fraunces',serif;font-size:24px;font-weight:700;color:#0D1F17;margin-bottom:10px;line-height:1.3;}
.bf-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;}
.bf-meta-item{font-size:12px;color:#6B7280;}
.bf-excerpt{font-size:14px;color:#6B7280;line-height:1.7;margin-bottom:20px;}
.bf-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #E5E7EB;}
.bf-author{display:flex;align-items:center;gap:10px;}
.bf-avatar{width:36px;height:36px;background:linear-gradient(135deg,#1B4332,#40916C);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;}
.bf-author-name{font-size:13px;font-weight:600;color:#0D1F17;}
.bf-author-role{font-size:11px;color:#6B7280;}
.bf-read-btn{background:#1B4332;color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.article-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;transition:all 0.3s;cursor:pointer;display:block;}
.article-card:hover{box-shadow:0 10px 28px rgba(0,0,0,0.09);transform:translateY(-3px);border-color:rgba(27,67,50,0.2);}
.ac-thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden;}
.ac-thumb.t1{background:linear-gradient(135deg,#1B4332,#40916C);}
.ac-thumb.t2{background:linear-gradient(135deg,#1e3a5f,#2563EB);}
.ac-thumb.t3{background:linear-gradient(135deg,#7C2D12,#DC2626);}
.ac-thumb.t4{background:linear-gradient(135deg,#4A1D96,#7C3AED);}
.ac-thumb.t5{background:linear-gradient(135deg,#14532D,#16A34A);}
.ac-thumb.t6{background:linear-gradient(135deg,#7C5D10,#C9A84C);}
.ac-tag{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.45);backdrop-filter:blur(6px);color:rgba(255,255,255,0.9);font-size:10px;font-weight:600;padding:3px 10px;border-radius:100px;}
.ac-body{padding:16px;}
.ac-title{font-family:'Fraunces',serif;font-size:15px;font-weight:700;color:#0D1F17;margin-bottom:8px;line-height:1.35;}
.ac-meta{display:flex;align-items:center;justify-content:space-between;}
.ac-date{font-size:11px;color:#6B7280;}
.ac-time{font-size:11px;color:#40916C;font-weight:600;}
.sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:88px;}
.sidebar-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;}
.sc-header{padding:16px 20px;border-bottom:1px solid #E5E7EB;font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#0D1F17;}
.sc-body{padding:20px;}
.store-cta-body{padding:20px;}
.store-cta-body p{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:16px;}
.store-cta-btn{display:block;text-align:center;background:#C9A84C;color:#0D1F17;padding:12px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;transition:all 0.2s;}
.store-cta-btn:hover{background:#E9C46A;}
.popular-list{display:flex;flex-direction:column;}
.popular-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:all 0.2s;text-decoration:none;}
.popular-item:last-child{border-bottom:none;padding-bottom:0;}
.pi-num{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:#D8F3DC;line-height:1;flex-shrink:0;width:28px;}
.pi-title{font-size:13px;font-weight:600;color:#0D1F17;line-height:1.4;margin-bottom:4px;}
.pi-meta{font-size:11px;color:#6B7280;}
.nl-input{width:100%;padding:11px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;transition:border 0.2s;margin-bottom:10px;}
.nl-input:focus{border-color:#1B4332;}
.nl-btn{width:100%;background:#1B4332;color:#fff;border:none;border-radius:8px;padding:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;}
.nl-btn:hover{background:#2D6A4F;}
.nl-note{font-size:11px;color:#6B7280;text-align:center;}
.error-section{background:#F8F5F0;padding:80px 48px;}
.brand-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:wrap;}
.brand-tab{padding:9px 20px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:2px solid #E5E7EB;background:#fff;color:#6B7280;transition:all 0.2s;text-decoration:none;}
.brand-tab:hover,.brand-tab.active{border-color:#1B4332;background:#1B4332;color:#fff;}
.errors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;}
.error-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:22px;transition:all 0.25s;cursor:pointer;position:relative;overflow:hidden;}
.error-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;}
.error-card.high::before{background:#DC2626;}
.error-card.mid::before{background:#C9A84C;}
.error-card.low::before{background:#40916C;}
.error-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-2px);}
.ec-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px;}
.ec-brand{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6B7280;margin-bottom:6px;}
.ec-code{font-size:18px;font-weight:700;color:#1B4332;font-family:'DM Mono',monospace;}
.sev{font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px;}
.sev.high{background:#FEF2F2;color:#DC2626;}
.sev.mid{background:#FFF8E7;color:#92400E;}
.sev.low{background:#D8F3DC;color:#1B4332;}
.ec-name{font-size:14px;font-weight:600;color:#0D1F17;margin-bottom:7px;}
.ec-fix{font-size:12px;color:#6B7280;line-height:1.65;margin-bottom:14px;}
.ec-actions{display:flex;align-items:center;justify-content:space-between;}
.ec-link{font-size:12px;font-weight:600;color:#1B4332;text-decoration:none;}
.ec-shop{background:#1B4332;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;}
.ec-shop:hover{background:#2D6A4F;}
.cta-banner{background:#1B4332;padding:80px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(201,168,76,0.12) 0%,transparent 60%);pointer-events:none;}
.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;}
.cta-inner h2{font-family:'Fraunces',serif;font-size:40px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:14px;}
.cta-inner h2 em{color:#E9C46A;font-style:italic;}
.cta-inner p{color:rgba(255,255,255,0.68);font-size:15px;line-height:1.7;margin-bottom:34px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-gold{background:#C9A84C;color:#0D1F17;padding:14px 30px;border-radius:9px;font-weight:700;font-size:14px;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:7px;}
.btn-gold:hover{background:#E9C46A;transform:translateY(-2px);}
.btn-ghost{background:transparent;color:#fff;padding:14px 30px;border-radius:9px;font-weight:600;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,0.28);transition:all 0.2s;display:inline-flex;align-items:center;gap:7px;}
.btn-ghost:hover{background:rgba(255,255,255,0.09);}
.view-all-wrap{text-align:center;margin-top:40px;}
.view-all{display:inline-flex;align-items:center;gap:7px;border:2px solid #1B4332;color:#1B4332;border-radius:9px;padding:12px 28px;font-weight:700;font-size:14px;text-decoration:none;transition:all 0.2s;}
.view-all:hover{background:#1B4332;color:#fff;}
footer{background:#0D1F17;padding:60px 48px 28px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.07);}
.footer-logo-text{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:#fff;}
.footer-logo-sub{font-size:10px;color:rgba(255,255,255,0.35);letter-spacing:1.2px;text-transform:uppercase;margin-top:3px;}
.footer-desc{font-size:13px;color:rgba(255,255,255,0.42);line-height:1.7;margin-top:14px;max-width:230px;}
.footer-store-link{display:inline-flex;align-items:center;gap:6px;background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.28);color:#E9C46A;font-size:12px;font-weight:600;padding:7px 14px;border-radius:8px;text-decoration:none;margin-top:14px;transition:all 0.2s;}
.footer-store-link:hover{background:rgba(201,168,76,0.22);}
.footer-col h4{color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:11px;}
.footer-col li a{color:rgba(255,255,255,0.42);text-decoration:none;font-size:13px;transition:color 0.2s;}
.footer-col li a:hover{color:#E9C46A;}
.footer-bottom{max-width:1200px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.25);}
.footer-sister{font-size:12px;color:rgba(255,255,255,0.35);display:flex;align-items:center;gap:5px;}
.footer-sister a{color:#E9C46A;text-decoration:none;font-weight:600;}
.compat-section{padding:80px 48px;}
.compat-wrapper{max-width:900px;margin:0 auto;background:#fff;border:1px solid #E5E7EB;border-radius:24px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.06);}
.compat-head{background:#1B4332;padding:28px 36px;display:flex;align-items:center;gap:16px;}
.compat-head-icon{width:48px;height:48px;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(255,255,255,0.15);}
.compat-head h3{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:#fff;}
.compat-head p{font-size:13px;color:rgba(255,255,255,0.6);margin-top:3px;}
.compat-body{padding:36px;}
.compat-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;}
.cs-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#0D1F17;margin-bottom:7px;}
.cs-select{width:100%;padding:11px 14px;border:1.5px solid #E5E7EB;border-radius:9px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;background:#fff;cursor:pointer;transition:border 0.2s;}
.cs-select:focus{border-color:#1B4332;}
.compat-find-btn{width:100%;background:#C9A84C;color:#0D1F17;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;}
.compat-find-btn:hover{background:#E9C46A;transform:translateY(-1px);}
.compat-results{margin-top:28px;border-top:1px solid #E5E7EB;padding-top:24px;}
.cr-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#40916C;margin-bottom:14px;}
.cr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.cr-item{border:1px solid #E5E7EB;border-radius:11px;padding:14px;display:flex;align-items:center;gap:12px;transition:all 0.2s;}
.cr-item:hover{border-color:#40916C;box-shadow:0 4px 12px rgba(0,0,0,0.06);}
.cr-icon{font-size:26px;flex-shrink:0;}
.cr-name{font-size:13px;font-weight:600;color:#0D1F17;}
.cr-type{font-size:11px;color:#6B7280;margin-top:2px;}
.cr-price{font-size:15px;font-weight:700;color:#1B4332;margin-top:4px;}
.cr-buy{margin-left:auto;background:#1B4332;color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;white-space:nowrap;}
.cr-buy:hover{background:#2D6A4F;}
.parts-section{padding:80px 48px;}
.parts-bar{max-width:680px;margin:0 auto 48px;display:flex;gap:10px;}
.parts-input{flex:1;padding:13px 18px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:'DM Sans',sans-serif;outline:none;transition:border 0.2s;}
.parts-input:focus{border-color:#1B4332;}
.parts-btn{background:#1B4332;color:#fff;border:none;border-radius:10px;padding:13px 22px;font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;display:flex;align-items:center;gap:7px;}
.parts-btn:hover{background:#2D6A4F;}
.parts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;}
.part-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:18px;transition:all 0.25s;}
.part-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-3px);border-color:rgba(27,67,50,0.25);}
.part-img{height:90px;background:#F3F4F6;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:13px;transition:background 0.2s;}
.part-card:hover .part-img{background:#D8F3DC;}
.part-brand{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#40916C;margin-bottom:4px;}
.part-name{font-size:13px;font-weight:600;color:#0D1F17;margin-bottom:3px;line-height:1.4;}
.part-num{font-size:11px;color:#6B7280;font-family:monospace;margin-bottom:7px;}
.part-compat{font-size:11px;color:#6B7280;line-height:1.55;margin-bottom:12px;}
.part-compat strong{color:#2D6A4F;}
.part-foot{display:flex;align-items:center;justify-content:space-between;}
.part-price{font-size:16px;font-weight:700;color:#1B4332;}
.part-buy{background:#C9A84C;color:#0D1F17;border:none;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;}
.part-buy:hover{background:#E9C46A;}
.trouble-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.trouble-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;transition:all 0.3s;}
.trouble-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.09);transform:translateY(-3px);}
.tc-head{padding:18px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #E5E7EB;}
.tc-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.tc-icon.hp{background:#EFF6FF;}.tc-icon.canon{background:#FEF2F2;}.tc-icon.epson{background:#D8F3DC;}.tc-icon.brother{background:#FFF8E7;}
.tc-brand{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6B7280;}
.tc-title{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#0D1F17;margin-top:2px;}
.tc-steps{padding:18px 22px;}
.tc-step{display:flex;gap:11px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #F3F4F6;}
.tc-step:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.ts-n{width:22px;height:22px;background:#D8F3DC;color:#1B4332;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;}
.ts-txt{font-size:13px;color:#0D1F17;line-height:1.6;}
.ts-txt strong{color:#2D6A4F;}
.tc-footer{padding:14px 22px;background:#F3F4F6;display:flex;align-items:center;justify-content:space-between;}
.tc-applies{font-size:11px;color:#6B7280;}
.tc-cta{background:#1B4332;color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;}
.tc-cta:hover{background:#2D6A4F;}
.filters-bar{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.filter-input{padding:9px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;transition:border 0.2s;min-width:220px;}
.filter-input:focus{border-color:#1B4332;}
.filter-btn{background:#1B4332;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.article-body h2{font-family:'Fraunces',serif;font-size:26px;font-weight:700;margin:32px 0 14px;}
.article-body p{font-size:16px;line-height:1.8;margin-bottom:18px;color:#374151;}
.article-body ul,.article-body ol{margin:16px 0 18px 24px;}
.article-body li{font-size:15px;line-height:1.75;margin-bottom:8px;color:#374151;}
.article-body strong{color:#1B4332;font-weight:600;}
@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;}.hero-right{display:none;}.blog-layout{grid-template-columns:1fr;}.sidebar{position:static;}.tools-grid{grid-template-columns:repeat(2,1fr);}.errors-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){nav{padding:0 20px;}.nav-links{display:none;}.hero{padding:48px 20px 0;}.hero h1{font-size:36px;}.section{padding:56px 20px;}.error-section{padding:56px 20px;}.errors-grid{grid-template-columns:1fr;}.articles-grid{grid-template-columns:1fr;}.tools-grid{grid-template-columns:1fr 1fr;}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.hero-stats-strip{flex-direction:column;}.hss-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);}}