/* Ordered credential cards: clear source, legal identity, number, then action. */
.office-credentials{background:#f3f6f2;border-block:1px solid #dde6de}
.office-credentials .credentials-heading{display:flex;flex-direction:column;align-items:center;gap:0;max-width:760px;margin:0 auto 34px;text-align:center}
.office-credentials .credentials-heading .eyebrow{margin-bottom:9px;color:#50675c}
.office-credentials .credentials-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.65;text-wrap:balance}
.office-credentials .credentials-heading p{margin-top:11px;max-width:590px;font-size:15px;line-height:1.95}
.office-credentials .credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px;margin-inline:auto;align-items:stretch}
.office-credentials .credentials-grid:has(.credential-document[open]){align-items:start}
.office-credentials .credential-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:470px;padding:32px 32px 20px;border:1px solid #d6e0d8;border-top:3px solid #94a996;border-radius:15px;background:#fffefa;text-align:center;box-shadow:0 8px 26px #15412b06}
.office-credentials .maroof-card{border-top-color:#b59b67}
.office-credentials .credential-mark{display:grid;place-items:center;width:66px;height:66px;flex:none;margin-bottom:15px;background:#eff4ee;color:#1d6245;border:1px solid #dae5d8;border-radius:16px}
.office-credentials .credential-mark .icon{width:30px;height:30px}
.office-credentials .credential-brand{display:flex;align-items:center;justify-content:center;width:100%;min-height:108px;margin-bottom:15px;padding:8px 0}
.office-credentials .credential-brand img{display:block;width:100%;height:88px;max-width:310px;object-fit:contain}
.office-credentials .credential-brand--maroof img{max-width:180px;height:100px}
.office-credentials .credential-kicker{font-size:12px;color:#566a60;line-height:1.8;margin-bottom:6px}
.office-credentials .credential-card h3{margin:0;font-size:clamp(25px,2.5vw,30px);line-height:1.5;color:#164b36;letter-spacing:0}
.office-credentials .credential-entity{max-width:100%;margin-top:10px;font-size:14px;line-height:1.8;color:#41564a;overflow-wrap:anywhere}
.office-credentials .credential-number{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:17px;max-width:100%}
.office-credentials .credential-number span{font-size:12px;line-height:1.8;color:#586b61}
.office-credentials .credential-number bdi{display:block;font-size:clamp(22px,3vw,27px);font-weight:700;line-height:1.7;letter-spacing:.025em;color:#154a33;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.office-credentials .credential-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;margin:18px 0 0;padding-block:16px;border-block:1px solid #e1e7dd}
.office-credentials .credential-facts dt{font-size:11px;line-height:1.8;color:#57695f;margin-bottom:7px}
.office-credentials .credential-facts dd{margin:0;font-size:13px;line-height:1.9;font-weight:700;color:#294334}
.office-credentials .credential-active{display:inline-flex;align-items:center;justify-content:center;padding:2px 13px;border:1px solid #c4dccb;border-radius:6px;background:#ebf5eb;color:#1d6245;font-size:12px;line-height:1.8}
.office-credentials .credential-description{width:100%;max-width:330px;margin:18px 0 0;padding-block:16px;min-height:82px;border-block:1px solid #e1e7dd;font-size:14px;line-height:1.9;color:#52665a}
.office-credentials .credential-actions{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:22px}
.office-credentials .credential-view{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,300px);min-height:48px;padding:10px 17px;border:1px solid #1e6347;border-radius:7px;background:#1e6347;color:#fff;font-size:14px;font-weight:700;line-height:1.8;transition:background .15s,border-color .15s}
.office-credentials .credential-view:hover{background:#134c33;border-color:#134c33}
.office-credentials .credential-view .icon{width:18px;height:18px}
.office-credentials .credential-copy{justify-content:center;min-height:44px;margin-top:4px;padding:9px 10px;font-size:12px;color:#4d6557}
.office-credentials .credential-copy:hover{text-decoration:underline;text-underline-offset:4px}
.office-credentials .verification-status{min-height:23px;max-width:100%;font-size:11px;line-height:1.9;color:#1e6347;overflow-wrap:anywhere}
.office-credentials .credential-source-note{margin-top:auto;padding-top:10px;font-size:11px;line-height:1.9;color:#57695f}
.office-credentials .credential-document{width:100%;margin-top:2px;border-top:1px solid #e1e7dd;text-align:start}
.office-credentials .credential-document summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-block:8px;list-style:none;cursor:pointer;font-size:12px;line-height:1.9;color:#4a6254}
.office-credentials .credential-document summary::-webkit-details-marker{display:none}
.office-credentials .credential-document summary .icon{width:17px;height:17px;flex:none}
.office-credentials .credential-document[open] summary .icon{transform:rotate(180deg)}
.office-credentials .credential-preview{padding-block:9px 3px}
.office-credentials .credential-preview img{display:block;width:100%;height:auto;border:1px solid #e1e7dd;border-radius:8px;background:white}
.office-credentials .credential-preview a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:12px;line-height:1.9;color:#1e6347;text-decoration:underline;text-underline-offset:4px}
.office-credentials .credential-preview a .icon{width:16px;height:16px}
.office-credentials .credentials-disclosure{align-items:flex-start;justify-content:center;max-width:870px;margin:25px auto 0;font-size:12px;line-height:2;color:#54675c;text-align:center}
.office-credentials .credentials-disclosure>.icon{flex:none;width:17px;height:17px;margin-top:4px}
.office-credentials a:focus-visible,.office-credentials button:focus-visible,.office-credentials summary:focus-visible{outline:3px solid #a88747;outline-offset:4px}
@media(max-width:800px){
 .office-credentials .credentials-grid{grid-template-columns:minmax(0,1fr);max-width:540px;gap:20px}
 .office-credentials .credential-card{min-height:0;padding:28px 26px 18px}
 .office-credentials .credential-brand{min-height:100px;margin-bottom:13px}
 .office-credentials .credential-brand img{max-width:290px;height:82px}
 .office-credentials .credential-brand--maroof img{max-width:170px;height:94px}
 .office-credentials .credentials-heading{margin-bottom:28px}
 .office-credentials .credentials-heading p{font-size:14px}
 .office-credentials .credential-description{min-height:0}
 .office-credentials .credential-source-note{padding-top:1px}
 .office-credentials .credentials-disclosure{max-width:540px;text-align:start}
}
@media(max-width:380px){
 .office-credentials .credential-card{padding-inline:18px}
 .office-credentials .credential-facts{gap:8px}
 .office-credentials .credential-facts dt{font-size:10px}
 .office-credentials .credential-facts dd{font-size:12px}
 .office-credentials .credential-view{font-size:13px;padding-inline:12px}
 .office-credentials .credential-document summary{font-size:11px}
}
@media print{
 .office-credentials{background:#fff}
 .office-credentials .credential-card{min-height:0;break-inside:avoid;box-shadow:none}
 .office-credentials .credential-copy,.office-credentials .verification-status,.office-credentials .credential-document{display:none}
}