/* Press Club Civic Hub */
.pch-alert,.pch-wrap,.pch-grid,.pch-box,.pch-help,.pch-dir,.pch-sec,.pch-share,.pch-related,.pch-cover{--navy:#082B4C;--blue:#075B91;--gold:#F7C928;--dark:#101820;--line:#e3e6ea}
/* urgent banner */
.pch-alert{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 44px 10px 16px;background:#b91c1c;color:#fff;font-size:.92rem;position:relative;z-index:9999;text-align:center}
.pch-alert a{color:#fff;font-weight:800;text-decoration:underline}
.pch-alert-tag{background:#fff;color:#b91c1c;font-weight:800;font-size:.7rem;letter-spacing:.14em;padding:3px 8px;border-radius:2px}
.pch-alert-t{font-weight:700}
.pch-alert-x{all:unset;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.5rem;line-height:1;padding:6px 10px;opacity:.85}
/* badges */
.pch-badges{display:flex;gap:8px;flex-wrap:wrap}
.pch-badge{display:inline-block;padding:4px 10px;border-radius:2px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#eef1f4;color:#3b4650}
.pch-badge.is-type{background:#e6eef5;color:var(--navy)}
.pch-badge.is-urgent{background:#b91c1c;color:#fff}.pch-badge.is-important{background:var(--gold);color:var(--navy)}.pch-badge.is-expired{background:#6b7580;color:#fff}
.pch-badge.st-planned{background:#e6eef5;color:#3b4650}.pch-badge.st-ongoing{background:var(--blue);color:#fff}.pch-badge.st-completed{background:#15803d;color:#fff}.pch-badge.st-onhold{background:#b45309;color:#fff}.pch-badge.st-delayed{background:#b91c1c;color:#fff}
/* cards + grids */
.pch-grid{display:grid;gap:26px;grid-template-columns:repeat(3,1fr)}
.pch-grid--notices{grid-template-columns:repeat(2,1fr)}
.pch-card{background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:22px;transition:box-shadow .3s,transform .3s,border-color .3s}
.pch-card:hover{box-shadow:0 14px 34px rgba(8,43,76,.12);transform:translateY(-3px)}
.pch-notice.is-urgent{border-left:5px solid #b91c1c}.pch-notice.is-expired{opacity:.75}
.pch-card h3{margin:2px 0;font-size:1.2rem;line-height:1.5;font-weight:800}
.pch-card h3 a{color:var(--dark);text-decoration:none!important}.pch-card h3 a:hover{color:var(--blue)}
.pch-card p{margin:0;color:#4a5560;line-height:1.7;font-size:.97rem}
.pch-meta{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:.8rem;color:#6b7580}
.pch-meta span+span:before{content:"·";margin-right:14px;color:#b6bec6}
.pch-more{margin-top:auto;font-weight:800;font-size:.82rem;letter-spacing:.06em;color:var(--navy);text-decoration:none!important}.pch-more:hover{color:var(--blue)}
.pch-project{padding:0;overflow:hidden}
.pch-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.pch-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.pch-project:hover .pch-img img{transform:scale(1.05)}
.pch-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.pch-prog{height:8px;border-radius:99px;background:#e9edf1;overflow:hidden}.pch-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#2a8fd0);border-radius:99px}
.pch-prog-l{font-size:.8rem;color:#6b7580;margin-top:6px}.pch-prog-l strong{color:var(--navy)}
.pch-gi{width:52px;height:52px;border-radius:12px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center}
.pch-dept{font-size:.78rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)!important}
.pch-chips{display:flex;gap:8px;flex-wrap:wrap}.pch-chips span{background:#f1f4f7;border-radius:99px;padding:5px 12px;font-size:.78rem;color:#3b4650}
.pch-empty,.pch-note{color:#4a5560}
/* toolbar */
.pch-bar{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.pch-chips-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%}.pch-chips-nav::-webkit-scrollbar{display:none}
.pch-chip{flex:none;padding:10px 18px;border:1px solid #d5dae0;border-radius:2px;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:#fff;text-decoration:none!important}
.pch-chip:hover{border-color:var(--navy)}.pch-chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.pch-search{display:flex;border:1px solid #d5dae0;border-radius:2px;background:#fff;min-width:240px}
.pch-search input{flex:1;border:0!important;outline:0;background:transparent;padding:0 14px;min-height:44px;font-family:inherit;font-size:.95rem;box-shadow:none!important}
.pch-search button{all:unset;cursor:pointer;width:46px;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.pch-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,91,145,.15)}
.pch-switch{display:flex;gap:6px;margin:0 0 24px}.pch-switch a{padding:8px 16px;font-size:.8rem;font-weight:700;border-radius:99px;color:#3b4650;background:#f1f4f7;text-decoration:none!important}.pch-switch a.is-on{background:var(--navy);color:#fff}
.pch-empty-box{text-align:center;padding:60px 16px}.pch-empty-box h3{margin:0 0 6px;color:var(--navy)}
.pch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--navy);color:#fff!important;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;text-decoration:none!important;transition:transform .25s,background .25s}
.pch-btn:hover{background:var(--blue);transform:translateY(-2px)}
.pch-pager{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:56px}
.pch-pg{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5dae0;border-radius:2px;color:var(--navy);font-weight:800;font-size:.85rem;background:#fff;text-decoration:none!important}
a.pch-pg:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.pch-pg.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}.pch-pg-w{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.pch-pg-gap{color:#6b7580}
/* helplines strip */
.pch-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pch-help-i{display:flex;flex-direction:column;gap:2px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-top:4px solid #b91c1c;border-radius:4px;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.pch-help-i:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(8,43,76,.12)}
.pch-help-n{font-size:2rem;font-weight:800;color:#b91c1c;line-height:1.1}.pch-help-t{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
/* directory */
.pch-dir-search{max-width:520px;margin-bottom:34px}
.pch-dir-sec{margin-bottom:44px}.pch-dir-sec h3{margin:0 0 16px;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);padding-bottom:10px;border-bottom:2px solid var(--navy)}
.pch-dir-sec.is-emergency h3{color:#b91c1c;border-color:#b91c1c}
.pch-dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pch-office{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:8px}
.pch-office h4{margin:0;font-size:1.08rem;color:var(--navy);line-height:1.4}.pch-office p{margin:0;color:#4a5560;font-size:.92rem;line-height:1.6}
.pch-off-h{color:#6b7580!important;font-size:.82rem!important}
.pch-off-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.pch-ob{flex:1;min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;color:#fff!important;font-weight:800;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;text-align:center;white-space:nowrap}
.pch-ob.is-call{background:var(--navy)}.pch-ob.is-wa{background:#25D366}.pch-ob.is-web{background:var(--blue)}
/* single pages */
.pch-box{background:#f6f8fa;border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:4px;padding:22px 24px;margin:0 0 30px;display:flex;flex-direction:column;gap:16px}
.pch-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 24px;margin:0}
.pch-facts dt{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b7580;margin:0}.pch-facts dd{margin:2px 0 0;font-weight:700;color:var(--dark)}
.pch-lead{margin:0;font-size:1.05rem;line-height:1.8;color:#3b4650}
.pch-expired-note{margin:0;color:#6b7580;font-style:italic}
.pch-doc-img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:4px}
.pch-sec{margin:36px 0}.pch-sec h3,.pch-cover h3{margin:0 0 16px;font-size:1.25rem;color:var(--navy)}
.pch-timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid var(--line)}
.pch-timeline li{position:relative;padding:0 0 22px 18px;display:flex;flex-direction:column;gap:2px}
.pch-timeline li:before{content:"";position:absolute;left:-30px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #fff}
.pch-timeline time{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.pch-check,.pch-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.pch-check li{position:relative;padding:12px 0 12px 36px;border-bottom:1px solid var(--line)}
.pch-check li:before{content:"✓";position:absolute;left:0;top:11px;width:24px;height:24px;border-radius:50%;background:#15803d;color:#fff;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.pch-steps li{counter-increment:s;position:relative;padding:14px 0 14px 50px;border-bottom:1px solid var(--line)}
.pch-steps li:before{content:counter(s);position:absolute;left:0;top:12px;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:800;display:flex;align-items:center;justify-content:center}
.pch-note-box{background:#fff8e1;border-left:5px solid var(--gold);padding:16px 20px;border-radius:3px;margin:28px 0}
.pch-cover{margin:36px 0;padding:22px 24px;border:1px solid var(--line);border-radius:4px}.pch-cover ul{list-style:none;margin:0;padding:0}
.pch-cover li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--line)}.pch-cover a{font-weight:700;color:var(--navy);text-decoration:none}.pch-cover small{color:#6b7580}
.pch-related{display:flex;flex-direction:column;gap:8px;background:#f6f8fa;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:4px;padding:16px 20px;margin:28px 0}
.pch-related a{color:var(--navy);text-decoration:none}.pch-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b7580}
.pch-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:40px 0 8px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pch-share>span:first-child{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
@media(max-width:1000px){.pch-grid,.pch-dir-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pch-grid,.pch-grid--notices,.pch-dir-grid{grid-template-columns:1fr}.pch-search{width:100%}.pch-card{padding:18px}.pch-alert{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.pch-card,.pch-img img,.pch-btn,.pch-help-i{transition:none}.pch-card:hover{transform:none}}