[hidden]{display:none!important}.muted{color:var(--muted)}.detail-hero{padding-block:40px 32px}.detail-hero .breadcrumbs{flex-wrap:wrap;margin-bottom:24px}.detail-hero .heading-3{font-size:36px;line-height:48px;max-width:960px}.detail-intro{margin-top:16px;color:var(--muted);line-height:28px;max-width:800px}.detail-meta{display:flex;align-items:center;gap:24px;margin-top:16px;color:#7e8e78}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;padding-bottom:64px}.detail-main{min-width:0}.detail-panel{border:1px solid #dfe7db;border-radius:16px;padding:32px;margin-bottom:24px;background:#fff;scroll-margin-top:24px}.detail-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.detail-panel-heading>.icon{width:30px;height:30px;color:#87a083}.detail-panel-heading .section-kicker{margin-bottom:8px}.version-label{display:block;color:#63805e;margin-bottom:8px}.detail-version-select{width:100%;border:1px solid #c9d9bf;background:#f5f8f1;border-radius:8px;padding:12px 16px;color:var(--ink);font:inherit;font-size:14px;line-height:24px;min-height:48px}.source-note{color:#87927f;line-height:24px;margin-top:12px}.detail-facts{margin:24px 0 0}.detail-facts>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;padding-block:16px;border-bottom:1px solid #e9eee5}.detail-facts>div:first-child{padding-top:0}.detail-facts>div:last-child{border-bottom:0}.detail-facts dt{color:#87957e;line-height:24px}.detail-facts dd{margin:0;line-height:24px;overflow-wrap:anywhere}.period-explanation{display:flex;align-items:flex-start;gap:12px;background:#f7f8f2;border:1px solid #e8ecdf;border-radius:8px;padding:16px;margin-top:16px;color:#87927c}.period-explanation .icon{width:20px;height:20px;color:#8ca180}.period-explanation p{line-height:24px}.detail-reference-links{display:flex;flex-wrap:wrap;gap:12px}.reference-link{display:inline-flex;align-items:center;border:1px solid #dbe5d4;background:#f7faf4;border-radius:8px;padding:12px 16px;color:var(--green);overflow-wrap:anywhere;max-width:100%}.reference-link:hover{background:#e9f1e3;border-color:#b9ceb0}.detail-samples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.certificate-sample{min-width:0}.sample-open{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;background:#f3f5f0;border:1px solid #e3e8dd;border-radius:8px;padding:16px}.sample-open:hover{background:#e9efe3}.sample-open>img{width:100%;height:224px;object-fit:contain}.certificate-sample figcaption{margin-top:12px}.certificate-sample>.caption-2{margin-top:8px;color:#8a9580;line-height:24px}.sample-empty{grid-column:1/-1;padding:32px 24px;background:#f6f8f2;border:1px dashed #d6e2cd;border-radius:8px;text-align:center}.sample-empty>.body-6{color:#84927b;margin-top:12px;line-height:24px}.all-versions{display:grid;gap:12px;margin-top:24px}.version-row{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;text-align:left;border:1px solid #e2e9dc;border-radius:8px;padding:16px;background:#fcfdfa}.version-row:hover{background:#f3f7ed;border-color:#b7ccab}.version-row.active{border-color:#a5bf96;background:#eef5e8}.version-row strong{display:block;line-height:24px}.version-row>span>.caption-2{display:block;color:#89967f;line-height:24px;margin-top:4px}.version-row>.caption-4{color:var(--green);white-space:nowrap;flex-shrink:0}.detail-contact{position:sticky;top:24px;border:1px solid #dce7d5;border-radius:16px;background:#f4f8f0;padding:32px 24px;text-align:center}.detail-contact .heading-5{font-size:24px;line-height:36px}.detail-contact>.body-6{margin-top:16px;color:#829279;line-height:24px}.detail-contact>.button{width:100%;margin-top:24px;font-size:14px;line-height:20px}.detail-contact>img{width:192px;height:auto;margin:24px auto 12px;border:1px solid #e2e8dc;border-radius:8px}.detail-contact>.caption-2{color:#85927c}.detail-contact>.text-link{margin-top:8px}.detail-contact-note{color:#8e9a85;margin-top:12px}.sample-dialog{width:min(1000px,calc(100% - 32px));padding:40px 24px 24px;background:#fff}.sample-dialog figure>img{width:auto;max-width:100%;max-height:calc(100dvh - 192px);object-fit:contain;height:auto;margin-inline:auto}.sample-dialog figcaption{margin:16px auto 0;max-width:800px;text-align:center;color:var(--muted);line-height:24px}.small-project{cursor:pointer}
@media(max-width:1050px){.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.detail-panel{padding:24px}.detail-contact{padding:24px 16px}.detail-contact .heading-5{font-size:20px;line-height:28px}.detail-facts>div{grid-template-columns:104px minmax(0,1fr);gap:16px}.detail-samples{grid-template-columns:1fr}.version-row{gap:12px}.version-row>.caption-4{display:none}}
.detail-hero .heading-3{overflow-wrap:anywhere}.detail-version-select,.version-row>span{min-width:0}
@media(max-width:768px){.detail-layout{grid-template-columns:1fr;gap:0;padding-bottom:40px}.detail-hero{padding-block:32px 24px}.detail-hero .heading-3{font-size:30px;line-height:40px}.detail-intro{font-size:14px;line-height:24px}.detail-panel{padding:24px;margin-bottom:16px}.detail-contact{position:static;padding:24px}.detail-contact>img{width:200px}.detail-panel-heading{gap:16px;margin-bottom:24px}.detail-panel-heading .heading-5{font-size:20px;line-height:28px}.detail-panel-heading .section-kicker{font-size:12px;line-height:16px}.detail-facts>div{grid-template-columns:1fr;gap:4px;padding-block:16px}.detail-facts dt{font-size:12px;line-height:20px}.detail-facts dd{font-size:14px;line-height:24px}.source-note{font-size:12px;line-height:20px}.period-explanation{padding:12px;gap:8px}.period-explanation .caption-2{font-size:12px;line-height:20px}.reference-link{font-size:12px;line-height:20px;padding:8px 12px}.detail-version-select{padding:12px 8px}.detail-meta{gap:16px;font-size:12px;line-height:20px}.version-row{padding:12px}.version-row strong{font-size:14px;line-height:24px}.version-row>span>.caption-2{font-size:12px;line-height:20px}.detail-panel>.heading-5{font-size:20px;line-height:28px}.sample-open>img{height:208px}.sample-dialog{padding:40px 16px 24px}.sample-dialog figcaption{font-size:12px;line-height:20px}}
