/* 3a Banner · announcement strip with an orange grid. Dismiss is remembered. */
.pc-banner{display:flex;align-items:center;gap:16px;padding:10px 10px 10px 14px;border:1px solid rgba(224,121,47,.4);border-radius:var(--r-panel);background-color:#1a1511;background-image:linear-gradient(rgba(224,121,47,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(224,121,47,.12) 1px,transparent 1px);background-size:16px 16px}
.pc-banner[hidden]{display:none}
.pc-banner__mark{flex:none;width:36px;height:36px;border-radius:8px;border:1px solid rgba(224,121,47,.5);background:var(--ground);display:grid;place-items:center}
.pc-banner__mark img{width:18px;height:18px}
.pc-banner__text{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.5;color:rgba(245,245,245,.85)}
.pc-banner__text strong{color:var(--text)}
.pc-banner__action{flex:none;font-size:13px;color:var(--text);background:var(--ground);border:1px solid rgba(245,245,245,.24);border-radius:var(--r-button);padding:9px 14px}
.pc-banner__action:hover{color:var(--text);background:#222;border-color:rgba(245,245,245,.5)}
.pc-banner__close{flex:none;width:36px;height:36px;border-radius:6px;border:0;background:transparent;color:var(--orange);font-size:20px;line-height:1;cursor:pointer}
.pc-banner__close:hover{background:rgba(245,245,245,.06)}
@media (max-width:640px){.pc-banner{flex-wrap:wrap}.pc-banner__text{flex-basis:calc(100% - 100px)}}