/* Four-view audit evidence story, shared by the Sites app and Oracle mirror. */
.page-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#176b75,#d9ef69);transform:scaleX(0);transform-origin:left;pointer-events:none}
.evidence-guide{margin-top:37px;padding-top:22px;border-top:1px solid rgba(18,58,44,.2)}
.evidence-guide-title{margin:0 0 20px;color:#123a2c;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.evidence-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.evidence-steps button{position:relative;min-width:0;border:0;border-top:2px solid rgba(18,58,44,.22);padding:12px 0 9px;background:transparent;color:#68766f;text-align:left;cursor:pointer;font:700 13px/1.35 Arial,sans-serif;transition:color .3s ease,border-color .3s ease}
.evidence-steps button span{display:block;margin-bottom:7px;color:#176b75;font-size:10px;letter-spacing:.06em}
.evidence-steps button[aria-pressed="true"]{color:#123a2c;border-color:#176b75}
.evidence-steps button[aria-pressed="true"]:after{content:"";position:absolute;top:-3px;left:0;width:100%;height:4px;background:#d9ef69;transform-origin:left;animation:evidence-step-in .55s cubic-bezier(.22,1,.36,1) both}
@keyframes evidence-step-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.evidence-steps button:hover{color:#123a2c}
.evidence-steps button:focus-visible{outline:2px solid #176b75;outline-offset:4px}
.evidence-detail{min-height:115px;margin-top:15px;padding:19px 21px;background:#123a2c;color:#fff;border-left:4px solid #d9ef69}
.evidence-detail{animation:evidence-detail-in .52s cubic-bezier(.22,1,.36,1) both}
@keyframes evidence-detail-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
.evidence-detail strong{display:block;color:#d9ef69;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.evidence-detail p{margin:9px 0 0;color:#fff;font:400 17px/1.55 Georgia,"Songti SC",serif;text-wrap:pretty}
.evidence-matrix{position:relative;transition:box-shadow .45s ease}
.evidence-matrix tbody td,.evidence-matrix thead th{transition:background .35s ease,color .35s ease}
.evidence-matrix .evidence-state{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.evidence-section[data-evidence-active="0"] .evidence-matrix tr>*:nth-child(2),
.evidence-section[data-evidence-active="1"] .evidence-matrix tr>*:nth-child(3),
.evidence-section[data-evidence-active="2"] .evidence-matrix tr>*:nth-child(4),
.evidence-section[data-evidence-active="3"] .evidence-matrix tr>*:nth-child(5){background:#e8f2ed}
.evidence-section[data-evidence-active="0"] .evidence-matrix thead th:nth-child(2),
.evidence-section[data-evidence-active="1"] .evidence-matrix thead th:nth-child(3),
.evidence-section[data-evidence-active="2"] .evidence-matrix thead th:nth-child(4),
.evidence-section[data-evidence-active="3"] .evidence-matrix thead th:nth-child(5){background:#176b75;color:#fff}
.evidence-section[data-evidence-active="0"] .evidence-matrix tbody td:nth-child(2) .evidence-state,
.evidence-section[data-evidence-active="1"] .evidence-matrix tbody td:nth-child(3) .evidence-state,
.evidence-section[data-evidence-active="2"] .evidence-matrix tbody td:nth-child(4) .evidence-state,
.evidence-section[data-evidence-active="3"] .evidence-matrix tbody td:nth-child(5) .evidence-state{transform:scale(1.2);box-shadow:0 8px 17px rgba(18,58,44,.16)}
@media(max-width:900px){.evidence-guide{max-width:620px;margin-top:28px}.evidence-detail{min-height:94px}}
@media(max-width:600px){
  .evidence-section{gap:30px}
  .evidence-guide{margin-top:29px}
  .evidence-steps{gap:6px}
  .evidence-steps button{font-size:11px}
  .evidence-detail{min-height:104px;padding:17px}
  .evidence-detail p{font-size:16px}
  .evidence-matrix{margin-right:0;overflow:visible}
  .evidence-matrix table{min-width:0;width:100%;table-layout:fixed}
  .evidence-matrix thead th:first-child{width:27%;padding-left:9px}
  .evidence-matrix th,.evidence-matrix td{height:58px;padding:6px 3px}
  .evidence-matrix thead th{font-size:9px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
  .evidence-matrix tbody th{font-size:12px;padding-left:9px}
  .evidence-state{width:25px;height:25px;font-size:12px}
  .evidence-legend{gap:10px;padding:14px 9px 0;font-size:9px}
  .evidence-matrix>p{margin:10px 9px 14px}
}
@media(prefers-reduced-motion:reduce){
  .page-progress{display:none}
  .evidence-steps button,.evidence-matrix tbody td,.evidence-matrix thead th,.evidence-matrix .evidence-state{transition:none}
  .evidence-steps button[aria-pressed="true"]:after{animation:none}
  .evidence-detail{animation:none}
}
@media print{.page-progress,.evidence-guide{display:none}}