.pbnk-site-test-status{box-sizing:border-box;margin:0!important;padding:2px 8px!important;background:#f7f2e8;color:#493b29;font:500 12px/1.2 system-ui,sans-serif;font-size:clamp(8px,2.8vw,12px)!important;line-height:1.2!important;text-align:center;white-space:nowrap;overflow-wrap:normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border-bottom:1px solid #e4d8c2}

/* Compact desktop ribbon with legible type; phone dimensions stay unchanged. */
@media(min-width:1024px){
 .pbnk-site-test-status{padding:1px 8px!important;font-size:12px!important;line-height:1.2!important;font-weight:700}
}

/* The ribbon is the single test disclosure, closed by default at every width. */
html body details.pbnk-site-test-status {padding:0!important;white-space:normal}
html body details.pbnk-site-test-status > summary {padding:2px 8px;cursor:pointer;white-space:nowrap;list-style:none;font:inherit;line-height:1.2}
html body details.pbnk-site-test-status > summary::-webkit-details-marker {display:none}
html body details.pbnk-site-test-status > summary::after {content:"▾";display:inline-block;margin-left:5px;font-size:.85em}
html body details.pbnk-site-test-status[open] > summary::after {transform:rotate(180deg)}
html body details.pbnk-site-test-status > summary:focus-visible {outline:2px solid #5c3d3d;outline-offset:-2px}
html body .pbnk-site-test-content {max-width:960px;margin:0 auto;padding:12px 16px 16px;border-top:1px solid #e4d8c2;text-align:left;white-space:normal;font:400 14px/1.5 system-ui,sans-serif;text-size-adjust:100%;-webkit-text-size-adjust:100%}
html body .pbnk-site-test-content :is(p,li) {font-size:14px!important;line-height:1.5!important}
html body .pbnk-site-test-content p {margin:0 0 8px!important}
html body .pbnk-site-test-content a:not(.btn) {color:#493b29;text-decoration:underline}
html body .pbnk-site-test-content :is(h2,h3) {font-size:16px!important;line-height:1.3!important;margin:12px 0 8px!important}
html body .pbnk-site-test-content :is(.pbnk-test-detail,.pbnk-public-notice-content,.pbnk-compact-status-content) {padding:0!important}
html body .pbnk-site-test-content details {margin-top:8px;text-align:left}
html body .pbnk-site-test-content details > summary {cursor:pointer;font-size:14px;line-height:1.5;padding:4px 0;font-weight:600;white-space:normal}
html body .pbnk-site-test-content .pbnk-account-status {background:transparent;border:0;padding:0}
@media(min-width:1024px) {html body details.pbnk-site-test-status > summary {padding:1px 8px}}

/* Desktop work ribbon: 15% taller, diagonal dark sides, clear text centre. */
@media(min-width:1024px){
 html body .pbnk-site-test-status:not(details),
 html body details.pbnk-site-test-status > summary{
  box-sizing:border-box;min-height:18.86px;padding:2.23px 8px!important;
  background:linear-gradient(#f7f2e8,#f7f2e8) center / min(70vw,460px) 100% no-repeat,repeating-linear-gradient(135deg,#a12d38 0 12px,#f7f2e8 12px 28px);
 }
}

/* Work ribbon stripes cover both horizontal edges. */
@media(min-width:1024px){
 html body .pbnk-site-test-status:not(details),html body details.pbnk-site-test-status:not([open]){
  border-bottom-color:transparent;
  background:linear-gradient(#f7f2e8,#f7f2e8) center / min(70vw,460px) 100% no-repeat,repeating-linear-gradient(135deg,#a12d38 0 12px,#f7f2e8 12px 28px);
  background-origin:border-box;background-clip:border-box;
 }
 html body details.pbnk-site-test-status:not([open]) > summary{background:transparent}
}

/* Whole diagonal strokes next to the text; outer screen edges may crop tiles. */
@media(min-width:1024px){
 html body .pbnk-site-test-status{position:relative}
 html body .pbnk-site-test-status:not(details),html body details.pbnk-site-test-status:not([open]),html body details.pbnk-site-test-status > summary{background:#f7f2e8}
 html body .pbnk-site-test-status::before,html body .pbnk-site-test-status::after{
  content:"";position:absolute;top:0;height:20px;width:calc(50% - 210px);pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='20' viewBox='0 0 52 20'%3E%3Cpath fill='%23a12d38' d='M0 20L26 0H52L26 20Z'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:52px 100%;
 }
 html body .pbnk-site-test-status::before{left:0;background-position:right top}
 html body .pbnk-site-test-status::after{right:0;background-position:left top}
}