/* Approved informative gold SVG system. Typography comes from each page. */
span.as-info-icon{
  display:grid;place-items:center;flex:0 0 auto;
  width:64px;height:64px;min-width:64px;min-height:64px;
  padding:0;margin:0;line-height:0;letter-spacing:0;
  border:1px solid #eac56d33;border-radius:16px;
  background:radial-gradient(circle at 30% 20%,#eac56d13,#eac56d03);
}
.as-info-icon img{display:block;width:42px;height:42px;max-width:none;object-fit:contain;opacity:1;transform:none;filter:none}
.step.as-icon-card{min-width:0;min-height:318px;padding:32px;background:linear-gradient(145deg,#081226 0%,#020713 68%);border-color:#eac56d38;border-radius:7px;transition:transform .25s ease,border-color .25s ease}
.step.as-icon-card::before{display:none;content:none}
.step.as-icon-card>.as-info-icon{width:76px;height:76px;min-width:76px;min-height:76px;border-radius:18px}
.step.as-icon-card>.as-info-icon img{width:50px;height:50px}
.step.as-icon-card h3{margin:28px 0 14px;line-height:1.5}
.step.as-icon-card p{line-height:1.85}
.step.as-icon-card:hover{transform:translateY(-4px);border-color:#eac56d88}
.service-card.as-icon-card{min-width:0;min-height:282px}
.service-card.as-icon-card h3{margin-top:26px}
.as-profile-principles article{min-width:0}
.as-profile-principles article>.as-info-icon{width:64px;height:64px}
.as-profile-principles article h3{margin-top:26px}
html[data-as-profile="true"] .system-steps>div>.as-info-icon{width:64px;height:64px}
html[data-as-profile="true"] .system-steps>div>b{margin-top:28px}
.value-grid .as-icon-card{min-width:0}
.value-grid .as-icon-card strong{margin-top:26px}
.capability-grid .as-icon-card{min-width:0;min-height:292px}
.capability-grid .as-icon-card h3{margin-top:26px}
.governance-card.as-icon-card:not(.governance-card-main) strong{margin-top:26px}
.workflow-list li>.as-info-icon{width:60px;height:60px;min-width:60px;min-height:60px;border-radius:15px}
.workflow-list li{align-items:start}
span.as-info-icon-small{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:12px}
.as-info-icon-small img{width:30px;height:30px}
.category-button>.as-info-icon-small{width:32px;height:32px;min-width:32px;min-height:32px;border:0;border-radius:0;background:none}
.category-button>.as-info-icon-small img{width:27px;height:27px}
.branch-header:has(>.as-info-icon-small){grid-template-columns:46px minmax(0,1fr);gap:14px}
.branch-header>.as-info-icon-small{margin-bottom:0;align-self:start}
@media(max-width:800px){
  .module-explorer{grid-template-columns:minmax(0,1fr)}
  .module-tabs,.module-panels,.module-panel{min-width:0}
  .module-panel h3{font-size:clamp(24px,7.5vw,32px);overflow-wrap:anywhere}
}
@media(max-width:640px){
  .step.as-icon-card{min-height:0;padding:26px}
  .step.as-icon-card>.as-info-icon{width:66px;height:66px;min-width:66px;min-height:66px;border-radius:15px}
  .step.as-icon-card>.as-info-icon img{width:44px;height:44px}
  .step.as-icon-card h3{margin-top:22px}
  .service-card.as-icon-card{min-height:0}
  .workflow-list li{grid-template-columns:52px minmax(0,1fr);gap:18px}
  .workflow-list li>.as-info-icon{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:13px}
  .workflow-list li>.as-info-icon img{width:35px;height:35px}
}
@media(prefers-reduced-motion:reduce){.step.as-icon-card{transition:none}.step.as-icon-card:hover{transform:none}}
@media(max-width:360px){
  [data-as-page="powerplay"] .site-header{gap:8px;padding-inline:12px}
  [data-as-page="powerplay"] .site-header .brand{gap:7px}
  [data-as-page="powerplay"] .site-header .brand-mark{width:32px;height:32px}
  [data-as-page="powerplay"] .site-header .brand-mark img{width:28px;height:28px}
  [data-as-page="powerplay"] .site-header .brand-name{font-size:10px}
  [data-as-page="powerplay"] .site-header .brand-name span{font-size:8px}
  [data-as-page="powerplay"] .header-nav .back-link{padding-inline:10px;gap:6px;font-size:10px;white-space:nowrap}
  [data-as-page="powerplay"] .header-nav .back-link svg{width:14px;height:14px}
}