.usage-observations-page{display:flex;flex-direction:column;gap:16px;font-family:Inter,Arial,sans-serif;color:#20201d}
.usage-observations-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:28px;align-items:end;padding:23px 25px;border:0;border-radius:24px;background:#fbfaf7}
.usage-observations-intro__main{grid-row:1/3;min-width:0}
.usage-observations-intro__title{margin:0;color:#20201d;font:740 22px/1.18 Inter,Arial,sans-serif;letter-spacing:-.025em}
.usage-observations-intro__copy{max-width:78ch;margin:8px 0 0;color:#66625c;font:450 14px/1.5 Inter,Arial,sans-serif}
.usage-observations-intro__count{grid-column:2;grid-row:1;color:#20201d;font:740 30px/1 Inter,Arial,sans-serif;letter-spacing:-.04em;text-align:right}
.usage-observations-intro__count-label{grid-column:2;grid-row:2;margin-top:5px;color:#77736c;font:680 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-align:right;text-transform:uppercase}
.usage-scope-disclosure{position:relative;display:inline-flex;flex:0 0 auto}
.usage-scope-disclosure__button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;border:0;border-radius:12px;background:#2f684d;color:#fff;box-shadow:0 1px 3px rgba(20,20,16,.12);font:750 15px/1 Georgia,serif;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.usage-scope-disclosure__button:hover,.usage-scope-disclosure__button[aria-expanded="true"]{background:#25573f;color:#fff}
.usage-scope-disclosure__button:active{transform:translateY(1px)}
.usage-scope-disclosure__popup{position:absolute;z-index:40;top:calc(100% + 9px);right:0;width:min(330px,calc(100vw - 32px));box-sizing:border-box;padding:13px 14px;border:1px solid rgba(30,29,26,.08);border-radius:14px;background:#fbfaf7;color:#55524c;box-shadow:0 14px 34px rgba(25,24,21,.14);font:500 12px/1.5 Inter,Arial,sans-serif;text-align:left}
.usage-scope-disclosure__popup[hidden]{display:none}
body[data-company-subpage="usage"] main#profile-main.profile.page-container.ecosystem-profile-page .profile-submit-trigger-wrap,
body[data-product-subpage="usage"] main#product-main.ecosystem-profile-page .profile-submit-trigger-wrap{overflow:visible!important}
body[data-company-subpage] main#profile-main.profile.page-container.ecosystem-profile-page .profile-watch-slot .k-watch,
body[data-product-subpage] main#product-main.ecosystem-profile-page .profile-watch-slot .k-watch{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;background:#fbfaf7!important;color:#343531!important;box-shadow:0 1px 3px rgba(20,20,16,.08)!important}
body[data-company-subpage] main#profile-main.profile.page-container.ecosystem-profile-page .profile-watch-slot .k-watch:hover,
body[data-product-subpage] main#product-main.ecosystem-profile-page .profile-watch-slot .k-watch:hover{background:#e5ebe7!important;color:#205f43!important}
body[data-company-subpage] main#profile-main.profile.page-container.ecosystem-profile-page .profile-watch-slot .k-watch[aria-pressed="true"],
body[data-product-subpage] main#product-main.ecosystem-profile-page .profile-watch-slot .k-watch[aria-pressed="true"]{background:#e8edf0!important;color:#b33838!important}
body[data-company-subpage] main#profile-main.profile.page-container.ecosystem-profile-page .profile-watch-slot .k-watch__icon svg,
body[data-product-subpage] main#product-main.ecosystem-profile-page .profile-watch-slot .k-watch__icon svg{width:22px;height:22px;stroke-width:2.4}
.usage-observations-filters{display:flex;flex-wrap:wrap;gap:7px;padding:1px 2px}
.usage-observations-filter{min-height:30px;padding:7px 11px;border:0;border-radius:999px;background:#e7e5df;color:#69655f;font:680 10px/1 Inter,Arial,sans-serif;cursor:pointer}
.usage-observations-filter:hover{background:#dedbd3;color:#292824}
.usage-observations-filter.is-active{background:#20201d;color:#fff}
.usage-observations-ledger{display:flex;flex-direction:column;gap:16px}
.usage-observations-group{overflow:hidden;padding:0 18px 7px;border:0;border-radius:24px;background:#fbfaf7}
.usage-observations-group__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 8px 14px}
.usage-observations-group__title{min-width:0;margin:0;color:#20201d;font:730 17px/1.25 Inter,Arial,sans-serif;letter-spacing:-.018em}
.usage-observations-group__title a{color:inherit;text-decoration:none}
.usage-observations-group__title a:hover{color:#315f4c}
.usage-observations-group__count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#eceae4;color:#69655f;font:720 10px/1 Inter,Arial,sans-serif}
.usage-observation-row{margin:0;border:0;border-radius:18px;background:transparent}
.usage-observation-row+.usage-observation-row{margin-top:2px}
.usage-observation-row:hover,.usage-observation-row[open]{background:#f0efe9}
.usage-observation-row__summary{display:grid;grid-template-columns:94px minmax(0,1fr) 226px 18px;gap:20px;align-items:start;min-width:0;padding:16px 12px;list-style:none;cursor:pointer}
.usage-observation-row__summary::-webkit-details-marker{display:none}
.usage-observation-row__date{padding-top:3px;color:#77736d;font:700 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.usage-observation-row__main{display:block;min-width:0}
.usage-observation-row__title{display:flex;align-items:baseline;gap:7px;min-width:0;color:#20201d;font:720 14px/1.3 Inter,Arial,sans-serif;letter-spacing:-.01em}
.usage-observation-row__title-link,.usage-observation-row__company a{color:inherit;text-decoration:none}
.usage-observation-row__title-link:hover,.usage-observation-row__company a:hover{color:#315f4c}
.usage-observation-row__company{flex:0 1 auto;color:#89847c;font:600 9px/1.25 Inter,Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase}
.usage-observation-row__company:before{content:'·';margin-right:7px;color:#aaa59c}
.usage-observation-row__copy{display:block;overflow:visible;margin-top:6px;color:#66625c;font:450 12.5px/1.45 Inter,Arial,sans-serif;white-space:normal}
.usage-observation-row__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding-top:1px}
.usage-observation-chip{display:inline-flex;align-items:center;min-height:22px;padding:5px 8px;border-radius:999px;background:#e6e3f2;color:#57517c;font:710 8.5px/1 Inter,Arial,sans-serif;letter-spacing:.025em;white-space:nowrap}
.usage-observation-chip--operating{background:#dceee4;color:#2e694f}
.usage-observation-chip--evaluation{background:#fff0b8;color:#735d17}
.usage-observation-chip--demonstration{background:#f9dfdf;color:#8a3f48}
.usage-observation-chip--research{background:#e5e4f2;color:#55517d}
.usage-observation-chip--simulation{background:#dceafa;color:#365e86}
.usage-observation-chip--connection{background:#d9eeee;color:#2f6668}
.usage-observation-chip--physicality{background:#f4e1ee;color:#7b4d6b}
.usage-observation-row__chevron{position:relative;width:18px;height:18px;margin-top:2px}
.usage-observation-row__chevron:before,.usage-observation-row__chevron:after{content:'';position:absolute;top:8px;width:7px;height:1.5px;border-radius:2px;background:#8a867f;transition:transform .16s ease}
.usage-observation-row__chevron:before{left:2px;transform:rotate(45deg)}
.usage-observation-row__chevron:after{right:2px;transform:rotate(-45deg)}
.usage-observation-row[open] .usage-observation-row__chevron:before{transform:rotate(-45deg)}
.usage-observation-row[open] .usage-observation-row__chevron:after{transform:rotate(45deg)}
.usage-observation-row__expanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.62fr);gap:24px;margin:0 12px;padding:0 0 16px 114px}
.usage-observation-row__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.usage-observation-row__facts div{min-width:0}
.usage-observation-row__facts dt{margin:0 0 4px;color:#8a867f;font:700 8px/1.2 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.usage-observation-row__facts dd{margin:0;color:#57534e;font:500 10.5px/1.35 Inter,Arial,sans-serif}
.usage-observation-row__evidence{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.usage-observation-row__evidence-label{color:#8a867f;font:700 8px/1.2 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.usage-observation-row__source{max-width:100%;overflow:visible;color:#4f685d;font:650 10px/1.4 Inter,Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere;white-space:normal}
.usage-observation-row__source:hover{color:#284e3d}
.usage-observations-load-more{align-self:center;min-height:38px;padding:10px 16px;border:0;border-radius:999px;background:#20201d;color:#fff;font:700 10px/1 Inter,Arial,sans-serif;cursor:pointer}
.usage-observations-load-more:disabled{cursor:default;opacity:.58}
@media(max-width:760px){
 .usage-observations-page{gap:12px}
 .usage-observations-intro{grid-template-columns:minmax(0,1fr) auto;column-gap:14px;padding:18px;border-radius:20px}
 .usage-observations-intro__title{font-size:19px}
 .usage-observations-intro__copy{font-size:12.5px;line-height:1.45}
 .usage-observations-intro__count{font-size:25px}
 .usage-observations-group{padding:0 9px 6px;border-radius:20px}
 .usage-observations-group__head{padding:16px 7px 11px}
 .usage-observations-group__title{font-size:15px}
 .usage-observation-row__summary{grid-template-columns:minmax(0,1fr) 18px;gap:8px 12px;padding:14px 8px}
 .usage-observation-row__date{grid-column:1;grid-row:1;padding:0;font-size:8.5px}
 .usage-observation-row__main{grid-column:1;grid-row:2}
 .usage-observation-row__meta{grid-column:1;grid-row:3;justify-content:flex-start;padding:2px 0 0}
 .usage-observation-row__chevron{grid-column:2;grid-row:1/4;align-self:center}
 .usage-observation-row__title{display:block;font-size:13px}
 .usage-observation-row__company{display:block;margin-top:3px}
 .usage-observation-row__company:before{content:none}
 .usage-observation-row__copy{font-size:11.5px;line-height:1.42}
 .usage-observation-chip{min-height:20px;padding:4px 7px;font-size:8px}
 .usage-observation-row__expanded{grid-template-columns:1fr;gap:14px;margin:0 8px;padding:0 0 14px}
 .usage-observation-row__facts{grid-template-columns:1fr 1fr}
 .usage-observation-row__facts div:last-child{grid-column:1/-1}
}
