.ssl-check-page{background:#f5f7f4;color:#1f2d25}
.ssl-hero{padding:72px 0 48px;background:#e9f0e7;border-bottom:1px solid #dfe8e1}
.ssl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center}
.ssl-hero h1{margin:0 0 16px;font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;line-height:1}
.hero-lead{max-width:720px;margin:0;color:#65736b;font-size:16px;line-height:1.9}
.hero-mark{width:190px;height:190px;margin:auto;border:1px solid #b9cfbd;border-radius:50%;display:grid;place-items:center;position:relative;color:#287d72;font-weight:900;letter-spacing:.1em;background:radial-gradient(circle at 50% 50%,#fff 0 37%,transparent 38%),#d9ebc4;box-shadow:0 18px 45px rgba(40,125,114,.12)}
.hero-mark strong{font-size:56px;line-height:1;color:#287d72}.hero-mark span{position:absolute;top:24px;font-size:12px}.hero-mark small{position:absolute;bottom:23px;font-size:11px;color:#68736f}
.tool-section{padding-top:48px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-heading h2,.guide-section h2{margin:0;font-size:clamp(26px,4vw,42px);letter-spacing:-.04em}.section-note{max-width:460px;margin:0;color:#68736f;font-size:14px;line-height:1.8}
.check-form{padding:26px;border:1px solid #dce4df;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(31,45,37,.04)}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.input-row{display:flex;gap:12px}.input-row input{min-width:0;flex:1;border:1px solid #cbd8cf;border-radius:10px;padding:15px 16px;color:#1f2d25;font:inherit;font-size:16px}.input-row input:focus{outline:3px solid rgba(200,232,141,.7);border-color:#287d72}.primary-button,.secondary-button,.copy-button{border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;color:#193329;background:#c8e88d;white-space:nowrap}.primary-button:disabled{cursor:wait;opacity:.6}.secondary-button{padding:10px 14px;color:#287d72;background:#edf5e8}.field-help{margin:9px 0 0;color:#78847e;font-size:12px;line-height:1.7}.form-message{min-height:1.4em;margin:10px 0 0;color:#a43f35;font-size:13px}.privacy-note{margin:16px 0 0;padding:16px 18px;border-left:3px solid #b9cfbd;background:#edf5e8;color:#65736b;font-size:13px;line-height:1.8}.privacy-note strong{color:#287d72}.privacy-note p{margin:4px 0 0}
.results-section{padding-top:42px}.results-section [hidden]{display:none!important}.failure-result{padding:38px 28px;border:1px solid #efc9c4;border-radius:18px;background:#fff5f3;text-align:center;box-shadow:0 18px 42px rgba(164,63,53,.1)}.failure-result .eyebrow{margin-bottom:12px;color:#a43f35}.failure-result h2{margin:0;color:#a43f35;font-size:clamp(44px,8vw,78px);letter-spacing:-.06em;line-height:1}.failure-result p:last-child{margin:18px auto 0;max-width:680px;color:#7b514c;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.overall-result{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border-radius:18px;background:#1f2d25;color:#fff;box-shadow:0 18px 42px rgba(31,45,37,.14)}.overall-result .eyebrow{color:#c8e88d}.overall-result h2{margin:0 0 5px;font-size:clamp(26px,4vw,40px)}.result-host{margin:0;color:#c4d2c9;overflow-wrap:anywhere}.overall-state{text-align:right}.overall-state strong{display:block;color:#c8e88d;font-size:30px}.overall-state span,.overall-state small{display:block;color:#d8e3dc}.overall-state small{margin-top:6px;font-size:13px}
.diagnostic-panel,.result-panel{border:1px solid #dce4df;border-radius:16px;background:#fff;overflow:hidden}.diagnostic-panel{margin-top:18px;padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading h3{margin:0;font-size:24px}.diagnostic-list{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}.diagnostic-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:9px;background:#f5f7f4;color:#4c5c53;font-size:14px}.diagnostic-list li::before{font-weight:900}.diagnostic-list li[data-state=ok]::before{content:'✓';color:#287d72}.diagnostic-list li[data-state=warning]::before{content:'△';color:#9a6915}.diagnostic-list li[data-state=error]::before{content:'×';color:#a43f35}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.result-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;font-weight:900}.result-panel-heading::before{content:'−';color:#287d72}.detail-state{font-size:12px;color:#68736f;font-weight:700}.detail-body{padding:0 20px 20px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric-grid div{min-width:0;padding:12px;border-radius:9px;background:#f5f7f4}.metric-grid span,.value-list dt{display:block;color:#78847e;font-size:11px}.metric-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere;font-size:14px}.value-list{display:grid;gap:10px;margin:0}.value-list div{min-width:0;padding:12px 0;border-top:1px solid #edf1ed}.value-list dt{margin-bottom:5px;font-weight:700}.value-list dd{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13px;line-height:1.7}.value-list dd span{min-width:0;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.copy-button{flex:none;padding:5px 8px;color:#287d72;background:#edf5e8;font-size:11px}.detail-message{margin:0;color:#68736f;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.chain-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.chain-list li{padding:13px;border:1px solid #e5ebe5;border-radius:10px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.chain-list li{position:relative}.chain-list li:not(:last-child)::after{content:'↓';position:absolute;bottom:-19px;left:50%;z-index:1;color:#287d72;font-weight:900}.chain-title{display:block;font-weight:900}.chain-meta{display:block;color:#68736f;font-size:12px}
.certificate-panel{border-color:#cbdcd4}.certificate-panel-heading>div{display:flex;flex-direction:column;gap:3px}.certificate-kicker{color:#287d72;font-size:10px;letter-spacing:.16em;font-weight:900}.certificate-body{padding:0 24px 24px}.certificate-overview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #d9e9dc;border-radius:14px;background:linear-gradient(135deg,#f4faed,#edf6f1)}.certificate-badge{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#287d72;color:#fff;font-size:25px;font-weight:900}.certificate-badge[data-state=error]{background:#a43f35}.certificate-overview-copy>span,.certificate-days>span{display:block;color:#78847e;font-size:11px}.certificate-overview-copy strong{display:block;margin-top:3px;color:#287d72;font-size:20px}.certificate-overview-copy small{display:block;margin-top:3px;color:#68736f;font-size:12px;overflow-wrap:anywhere}.certificate-days{padding-left:18px;border-left:1px solid #d5e4d9;text-align:right}.certificate-days strong{display:block;margin-top:4px;color:#1f2d25;font-size:20px}.certificate-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.certificate-block,.certificate-subsection{min-width:0;padding:18px;border:1px solid #e5ebe5;border-radius:12px;background:#fff}.certificate-block h3,.certificate-subsection h3,.certificate-raw-details h3{margin:0 0 14px;color:#1f2d25;font-size:16px}.certificate-block h3::before{content:'';display:inline-block;width:7px;height:7px;margin:0 8px 2px 0;border-radius:50%;background:#c8e88d}.certificate-fields,.certificate-validity-list,.certificate-fingerprint-list{display:grid;gap:11px;margin:0}.certificate-fields div,.certificate-validity-list div,.certificate-fingerprint-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}.certificate-fields dt,.certificate-validity-list dt,.certificate-fingerprint-list dt{color:#78847e;font-size:12px}.certificate-fields dd,.certificate-validity-list dd,.certificate-fingerprint-list dd{min-width:0;margin:0;color:#405148;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.certificate-fields dd{display:flex;gap:8px;align-items:flex-start}.certificate-fields dd span{min-width:0;flex:1;overflow-wrap:anywhere}.certificate-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin-top:12px}.certificate-fingerprint-list dd{display:flex;gap:8px;align-items:flex-start}.certificate-fingerprint-list dd span{min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.03em}.certificate-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.certificate-health-grid div{padding:12px;border-radius:10px;background:#f5f7f4}.certificate-health-grid span{display:block;color:#78847e;font-size:11px}.certificate-health-grid strong{display:block;margin-top:5px;font-size:13px;overflow-wrap:anywhere}.certificate-raw-details{margin-top:18px;padding-top:18px;border-top:1px solid #e5ebe5}.certificate-raw-details h3{font-size:14px}
.guide-section{padding:64px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.guide-grid article{padding:18px;border:1px solid #dce4df;border-radius:14px;background:#fff}.guide-grid h3{margin:0 0 8px;font-size:17px}.guide-grid p{margin:0;color:#68736f;font-size:14px;line-height:1.8}.toast{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;gap:8px;align-items:center;padding:12px 16px;border-radius:10px;background:#1f2d25;color:#fff;box-shadow:0 12px 30px rgba(31,45,37,.2);font-size:13px}.toast[hidden]{display:none}
@media(max-width:760px){.ssl-hero{padding:48px 0 36px}.ssl-hero-grid{grid-template-columns:1fr;gap:24px}.hero-mark{width:130px;height:130px}.hero-mark strong{font-size:40px}.hero-mark span{top:15px;font-size:10px}.hero-mark small{bottom:14px;font-size:9px}.section-heading,.overall-result,.panel-heading{align-items:flex-start;flex-direction:column}.section-heading{gap:12px}.input-row{display:grid;grid-template-columns:1fr}.primary-button{min-height:50px}.overall-state{text-align:left}.overall-state strong{font-size:25px}.result-grid,.guide-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-body{padding:0 14px 16px}.result-panel-heading{padding:16px 14px}.diagnostic-panel{padding:16px}.value-list dd{display:block}.copy-button{margin-top:8px}}
@media(max-width:760px){.certificate-body{padding:0 14px 16px}.certificate-overview{grid-template-columns:auto minmax(0,1fr);padding:14px}.certificate-days{grid-column:1 / -1;padding:12px 0 0;border-top:1px solid #d5e4d9;border-left:0;text-align:left}.certificate-info-grid,.certificate-detail-grid{grid-template-columns:1fr}.certificate-block,.certificate-subsection{padding:15px}.certificate-fields div,.certificate-validity-list div,.certificate-fingerprint-list div{grid-template-columns:96px minmax(0,1fr);gap:8px}.certificate-health-grid{grid-template-columns:1fr}}
.certificate-fields dd{display:block}.certificate-fields dd span{display:block;min-width:0}
.certificate-fields dd span{white-space:nowrap;overflow-x:auto;word-break:normal}.certificate-validity-list,.certificate-fingerprint-list{width:100%}.certificate-detail-grid{grid-template-columns:1fr}.certificate-validity-list div{grid-template-columns:88px minmax(0,1fr)}.certificate-fingerprint-list div{grid-template-columns:72px minmax(0,1fr)}.certificate-validity-list dd{white-space:nowrap;overflow-x:auto}.certificate-fingerprint-list dd span{white-space:nowrap;overflow-x:auto;word-break:normal}
.certificate-fingerprint-list div{display:block}.certificate-fingerprint-list dt{margin-bottom:6px}.certificate-fingerprint-list dd{width:100%}.certificate-fingerprint-list dd span{white-space:normal;overflow-x:visible;overflow-wrap:anywhere;word-break:break-all}
.certificate-fields div{display:block}.certificate-fields dt{margin-bottom:4px;font-weight:700}.certificate-fields dd{display:block;padding-left:0}.certificate-fields dd span{display:block}
.usage-section,.use-case-section,.faq-section{padding:64px 0 0}.faq-section{padding-bottom:72px}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-step{position:relative;padding:22px;border:1px solid #dce4df;border-radius:14px;background:#fff}.usage-number{display:block;color:#287d72;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em}.usage-step h3{margin:12px 0 8px;font-size:18px}.usage-step p{margin:0;color:#68736f;font-size:14px;line-height:1.8}.usage-step code{padding:2px 5px;border-radius:5px;background:#edf5e8;color:#287d72;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.usage-caution{margin:16px 0 0;padding:14px 16px;border-left:3px solid #b9cfbd;background:#edf5e8;color:#65736b;font-size:13px;line-height:1.8}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.use-case-grid article{padding:18px;border:1px solid #dce4df;border-radius:14px;background:#fff}.use-case-grid h3{margin:0 0 8px;font-size:16px}.use-case-grid p{margin:0;color:#68736f;font-size:14px;line-height:1.8}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{padding:18px;border:1px solid #dce4df;border-radius:14px;background:#fff}.faq-item h3{display:flex;gap:9px;align-items:flex-start;margin:0 0 9px;font-size:15px;line-height:1.6}.faq-item h3 span{flex:none;color:#287d72;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.08em}.faq-item p{margin:0;color:#68736f;font-size:13px;line-height:1.8}
@media(max-width:760px){.usage-section,.use-case-section,.faq-section{padding-top:48px}.faq-section{padding-bottom:56px}.usage-grid,.use-case-grid,.faq-grid{grid-template-columns:1fr}}
.failure-explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;margin:22px auto 0;text-align:left}.failure-explanation div{padding:12px 14px;border:1px solid #efc9c4;border-radius:10px;background:rgba(255,255,255,.65)}.failure-explanation span{display:block;color:#a43f35;font-size:11px;font-weight:900}.failure-explanation p{margin:5px 0 0;color:#7b514c;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:760px){.failure-explanation{grid-template-columns:1fr}}