.dir-wrap{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem}.dir-wrap h1{color:#fff;margin-bottom:.25rem;font-size:1.6rem;font-weight:600}.dir-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;margin-bottom:2.5rem;font-size:.72rem}.dir-warning{color:#fca5a5;background:#7c2d121f;border:1px solid #7c2d12;border-radius:6px;margin-bottom:2.5rem;padding:.9rem 1.1rem;font-size:.83rem}.dir-warning strong{color:#f87171}.dir-wrap h2{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:2rem 0 1rem}.dir-stats{flex-wrap:wrap;gap:1rem;margin:1rem 0 2rem;display:flex}.stat-box{border:1px solid var(--border);border-radius:8px;min-width:110px;padding:14px 20px}.stat-num{color:var(--text);font-size:1.6rem;font-weight:700;line-height:1}.stat-lbl{color:var(--muted);font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.dir-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1.2rem 1.4rem}.dir-card-title{color:#fff;margin-bottom:.6rem;font-weight:600}.dir-card-meta{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:.7rem;line-height:1.9}.dir-card-meta span{color:var(--text)}.dl-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:4px;margin-top:.9rem;padding:.3em .85em;font-size:.7rem;text-decoration:none;transition:background .15s;display:inline-block}.dl-btn:hover{color:#fff;background:#00d4aa1a;border-color:#fff}.pem-wrap{margin-top:.9rem}.pem-field{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--muted);font-family:var(--mono);resize:vertical;cursor:default;border-radius:6px;min-height:96px;padding:.7rem .9rem;font-size:.65rem;line-height:1.55}.pem-field:focus{outline:none}.pem-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.pem-actions .dl-btn{margin-top:0}.pem-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:.3em .85em;font-size:.68rem;transition:border-color .15s,color .15s}.pem-btn:hover{border-color:var(--accent);color:var(--accent)}.chain-pending{color:var(--muted);padding:1rem 0;font-size:.8rem;font-style:italic}.cert-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.82rem}.cert-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:.5rem .6rem .5rem 0;font-size:.72rem;font-weight:500}.cert-table td{vertical-align:top;border-bottom:1px solid #ffffff0a;padding:.55rem .6rem .55rem 0}.cert-table tr:last-child td{border-bottom:none}.status-valid{color:#4ade80;font-family:var(--mono);font-size:.7rem}.status-revoked{color:#f87171;font-family:var(--mono);font-size:.7rem}.status-expired{color:var(--muted);font-family:var(--mono);font-size:.7rem}.cert-serial{font-family:var(--mono);color:var(--muted);font-size:.72rem}.sans-list{font-family:var(--mono);font-size:.76rem}.sans-more{color:var(--muted);font-size:.7rem}.pager{gap:.5rem;margin-top:1rem;display:flex}.pager a,.pager span{font-family:var(--mono);border-radius:var(--radius);border:1px solid var(--border);color:var(--muted);padding:.3em .75em;font-size:.75rem;text-decoration:none}.pager a:hover{color:var(--text)}.pager .active{color:var(--accent);border-color:#00d4aa66}.dir-footer{border-top:1px solid var(--border);font-family:var(--mono);color:var(--muted);margin-top:3rem;padding-top:1.5rem;font-size:.68rem}.dir-footer a{color:var(--muted)}.dir-footer a:hover{color:var(--accent)}@media (width<=680px){.cert-table thead th:nth-child(3),.cert-table tbody td:nth-child(3){display:none}}