.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.cert-card{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);display:flex;flex-direction:column}.cert-card:hover{border-color:var(--amber-400);box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.cert-card--featured{border-color:var(--color-accent);box-shadow:0 4px 16px #d4882c0f}.cert-card__header{background:var(--navy-950);padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.cert-card__standard{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--white);letter-spacing:var(--tracking-tight)}.cert-card__status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:4px 10px;border-radius:100px;white-space:nowrap}.cert-card__status--active{background:#22c55e26;color:#22c55e}.cert-card__status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cert-card__body{padding:var(--space-6);flex-grow:1;display:flex;flex-direction:column;gap:var(--space-4)}.cert-card__title{font-size:var(--text-base);font-weight:700;color:var(--navy-900);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.cert-card__preview-frame{background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.cert-card__preview-frame:hover{background:#d4882c0d;border-color:var(--amber-400)}.cert-preview-icon{width:32px;height:32px;color:var(--color-accent);flex-shrink:0}.cert-preview-info{flex-grow:1;overflow:hidden}.cert-preview-name{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--navy-900);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-preview-size{font-size:.6875rem;color:var(--neutral-500)}.cert-card__details{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.cert-card__detail{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-xs);line-height:var(--leading-normal)}.cert-card__detail-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--neutral-500);letter-spacing:var(--tracking-wider);text-transform:uppercase;min-width:90px;flex-shrink:0;padding-top:1px}.cert-card__detail-value{color:var(--navy-900);font-weight:600}.cert-card__actions{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;gap:var(--space-3)}.cert-card__actions .btn{flex:1;text-align:center;justify-content:center}.cert-scope-box{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-8);margin-top:var(--space-10)}.cert-scope-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.cert-scope-icon{width:24px;height:24px;color:var(--color-accent)}.cert-scope-title{font-size:var(--text-lg);font-weight:700;color:var(--navy-900);margin:0}.cert-scope-content{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed)}.cert-notice{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--neutral-50);border:1px solid var(--color-border);border-left:3px solid var(--amber-400);border-radius:var(--radius-sm);margin-top:var(--space-6)}.cert-notice__icon{color:var(--amber-500);flex-shrink:0;margin-top:2px}.cert-notice__content h4{font-size:var(--text-sm);font-weight:700;color:var(--navy-900);margin-bottom:var(--space-1)}.cert-notice__content p{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)}@media (max-width: 1024px){.cert-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cert-grid{grid-template-columns:1fr}.cert-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cert-card__actions{flex-direction:column}}