:root{--cert-max:1240px;--cert-pad-x:14px;--cert-radius:26px;--cert-radius-sm:18px;--cert-border:rgba(15,23,42,.10);--cert-shadow:0 22px 70px rgba(0,0,0,.09);--cert-shadow-2:0 14px 40px rgba(0,0,0,.11);--cert-text:rgba(12,14,22,.92);--cert-sub:rgba(12,14,22,.62);--cert-bg:#ffffff;--cert-panel:rgba(245,246,248,.92);--cert-panel-solid:#f5f6f8;--cert-accent:rgba(30,58,138,.92);--cert-accent-soft:rgba(96,165,250,.20);--cert-accent-border:rgba(45,156,255,.26)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1000px 520px at 18% 6%,rgba(95,178,255,.12),transparent 56%),radial-gradient(900px 520px at 82% 10%,rgba(95,178,255,.08),transparent 58%),var(--cert-bg);color:var(--cert-text)}.cert-wrap{max-width:var(--cert-max);margin:0 auto;padding:24px var(--cert-pad-x)56px}.cert-hero{border-radius:var(--cert-radius);border:1px solid var(--cert-border);background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.64));box-shadow:var(--cert-shadow);padding:22px 22px;overflow:hidden;position:relative}.cert-hero-grid{display:block}@media(min-width:920px){.cert-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}}.cert-hero-side{margin-top:14px;display:grid;gap:12px}@media(min-width:920px){.cert-hero-side{margin-top:0}}.cert-side-card{border-radius:22px;border:1px solid rgba(20,24,34,.10);background:rgba(255,255,255,.70);box-shadow:0 14px 42px rgba(0,0,0,.08);padding:14px 14px}.cert-side-card .k{font-weight:1000;letter-spacing:-0.25px;font-size:13px;color:rgba(12,14,22,.84);margin-bottom:8px}.cert-side-card ol,.cert-side-card ul{margin:0 18px;padding:0}.cert-side-card li{color:rgba(12,14,22,.68);font-weight:850;line-height:1.6;font-size:13px}.cert-hero:before{content:"";position:absolute;inset:-40px -60px auto auto;width:380px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(45,156,255,.22),transparent 60%);transform:rotate(8deg);pointer-events:none}.cert-hero h1{margin:0;font-size:26px;letter-spacing:-0.6px;font-weight:950}.cert-hero p{margin:10px 0;color:var(--cert-sub);line-height:1.6;font-size:14px}.cert-hero-note{margin:10px 0;color:rgba(12,14,22,.48);font-size:12.5px;font-weight:850;line-height:1.6}.cert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cert-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid var(--cert-border);background:rgba(255,255,255,.78);color:rgba(12,14,22,.92);font-weight:900;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.08)}.cert-btn:hover{filter:brightness(1.03)}.cert-btn.primary{border-color:var(--cert-accent-border);background:linear-gradient(135deg,rgba(45,156,255,.18),rgba(255,255,255,.76))}.cert-grid-panel{margin-top:16px;border-radius:var(--cert-radius);border:1px solid var(--cert-border);background:rgba(255,255,255,.56);box-shadow:var(--cert-shadow-2);padding:14px 14px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.vendor-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.vendor-tools .v-left,.vendor-tools .v-right{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.v-input{flex:1 1 260px;min-width:220px;padding:12px 12px;border-radius:14px;border:1px solid rgba(20,24,34,.12);background:rgba(255,255,255,.86);outline:none;font-size:14px}.v-select{padding:12px 12px;border-radius:14px;border:1px solid rgba(20,24,34,.12);background:rgba(255,255,255,.86);font-size:14px;font-weight:800;color:rgba(12,14,22,.86);outline:none}.v-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(20,24,34,.10);background:rgba(255,255,255,.74);font-weight:850;color:rgba(12,14,22,.78);user-select:none}.v-toggle input{width:18px;height:18px}.vendor-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:980px){.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cert-hero{padding:18px 16px}.cert-grid-panel{padding:12px 12px 14px}}
@media(max-width:360px){.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.card--imageOnly{position:relative;border-radius:var(--cert-radius-sm);border:1px solid rgba(20,24,34,.10);background:rgba(255,255,255,.70);box-shadow:0 12px 32px rgba(0,0,0,.09);overflow:hidden;cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease,filter .18s ease;will-change:transform}.card--imageOnly:hover{transform:translateY(-4px);box-shadow:0 22px 62px rgba(0,0,0,.14);filter:brightness(1.03)}.img-box{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:rgba(8,10,14,.92)}.cardThumb{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1);filter:contrast(1.02)saturate(1.02)}.img-box:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0)38%,rgba(0,0,0,.44)100%);pointer-events:none}@media(hover:hover){.card--imageOnly .img-box:before{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22)50%,transparent 60%);transform:translateX(-35%)rotate(6deg);opacity:0;transition:opacity .18s ease,transform .45s ease;pointer-events:none;z-index:1}.card--imageOnly:hover .img-box:before{opacity:.55;transform:translateX(35%)rotate(6deg)}}.img-title{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;color:rgba(255,255,255,.94);font-weight:950;letter-spacing:-0.2px;font-size:16px;text-shadow:0 10px 22px rgba(0,0,0,.55)}.card--imageOnly.featured{border-color:rgba(45,156,255,.26)}.card--imageOnly.featured:before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(45,156,255,.0)0%,rgba(45,156,255,.38)25%,rgba(45,156,255,.08)52%,rgba(45,156,255,.30)75%,rgba(45,156,255,.0)100%);filter:blur(10px);opacity:.55;animation:certAura 2.6s ease-in-out infinite}.card--imageOnly.featured:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 1px rgba(45,156,255,.28)inset,0 28px rgba(45,156,255,.14)}@keyframes certAura{0%{transform:scale(1.01);opacity:.45}50%{transform:scale(1.03);opacity:.70}100%{transform:scale(1.01);opacity:.45}}.cert-empty{margin-top:12px;padding:14px;border-radius:16px;border:1px dashed rgba(20,24,34,.14);background:rgba(255,255,255,.60);color:rgba(12,14,22,.68);font-weight:800}.cert-howto{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:840px){.cert-howto{grid-template-columns:1fr}}.cert-card{border-radius:var(--cert-radius);border:1px solid var(--cert-border);background:rgba(255,255,255,.62);box-shadow:var(--cert-shadow-2);padding:16px 16px}.cert-card h2{margin:0;font-size:16px;letter-spacing:-0.3px;font-weight:950}.cert-card p,.cert-card li{color:var(--cert-sub);line-height:1.65;font-size:13px}.cert-card ul{margin:10px 0 18px;padding:0}.cert-em{color:rgba(12,14,22,.92);font-weight:950}html.modal-open,body.modal-open{overflow:hidden}.popup{position:fixed !important;inset:0 !important;display:none;align-items:center;justify-content:center;padding:18px 14px;z-index:99999;background:rgba(0,0,0,.38)}.popup.open{display:flex}.popup-box{width:min(560px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.92);box-shadow:0 22px 70px rgba(0,0,0,.26);padding:16px 16px 14px;position:relative}.popup-title{font-size:18px;font-weight:1000;letter-spacing:-0.3px;margin:0 6px}.popup-sub{margin:0;color:rgba(12,14,22,.68);font-weight:900}.popup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.popup-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid rgba(20,24,34,.12);background:rgba(255,255,255,.86);color:rgba(12,14,22,.90);text-decoration:none;font-weight:950;cursor:pointer}.popup-actions .btn.primary{border-color:var(--cert-accent-border);background:linear-gradient(135deg,rgba(45,156,255,.18),rgba(255,255,255,.86))}.popup-actions .btn.is-on{border-color:rgba(45,156,255,.42)}.popup-meta{margin-top:10px;display:grid;gap:8px}.popup-meta .line{padding:10px 12px;border-radius:16px;border:1px solid rgba(20,24,34,.10);background:rgba(245,246,248,.78);color:rgba(12,14,22,.78);font-weight:850;line-height:1.55}.popup-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(20,24,34,.10);background:rgba(255,255,255,.92);cursor:pointer;font-weight:1000}#copyToast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);padding:10px 12px;border-radius:999px;background:rgba(0,0,0,.72);color:rgba(255,255,255,.94);font-size:13px;font-weight:950;box-shadow:0 18px 48px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6000}#copyToast.on{opacity:1;transform:translateX(-50%)translateY(-6px)}.seo-details{margin-top:16px;border-radius:var(--cert-radius);border:1px solid rgba(20,24,34,.10);background:rgba(255,255,255,.52);padding:12px 14px}.seo-details summary{cursor:pointer;font-weight:950;color:rgba(12,14,22,.78)}.seo-details .seo-text{margin-top:10px;color:rgba(12,14,22,.62);line-height:1.65;font-size:12.5px}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0)!important;white-space:nowrap !important;border:0 !important}
.card--imageOnly:active{transform:translateY(-1px) scale(.995)}


/* v86: modal checklist gating */

.popup-check{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(226,232,240,.95);
  background: rgba(245,247,250,.95);
}
.popup-check-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.popup-check-head .t{font-weight: 1000; letter-spacing:-.01em; color: rgba(15,23,42,.88);} 
.popup-check-head .mini{
  appearance:none;
  border: 1px solid rgba(148,163,184,.35);
  background: rgba(255,255,255,.8);
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 950;
  cursor:pointer;
}
.popup-check .ck{display:flex; align-items:flex-start; gap:10px; padding: 7px 2px; font-weight: 850; color: rgba(15,23,42,.78);} 
.popup-check .ck input{width: 18px; height: 18px; margin-top: 2px;}
.popup-check .hint{margin-top: 8px; font-size: 12.5px; font-weight: 900; color: rgba(15,23,42,.55);} 
.popup-check .ok{margin-top: 10px; font-weight: 1000; color: #0f766e;} 

.popup-actions .btn.is-disabled{
  opacity: .45;
  filter: grayscale(.25);
  pointer-events: none;
}
