/* /notices-announcements/ — "Notice board": cork board with pinned paper slips, memo with URGENT stamp, checklists */
.p-notices-announcements .pc--html{background:#EEEBE3}
.p-notices-announcements .na{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.p-notices-announcements .na>*{grid-column:1/-1;min-width:0}
.p-notices-announcements .na p,.p-notices-announcements .na li{font-size:17px;line-height:1.7}
.p-notices-announcements .na ul{margin:0 0 14px;padding:0;list-style:none}

/* header = framed board heading */
.p-notices-announcements .na-head{position:relative;padding:clamp(26px,5vw,48px);background:var(--olive-900);color:#E9ECE4;border:10px solid #6B4F2E;border-radius:6px;box-shadow:inset 0 0 0 2px rgb(0 0 0 / .25)}
.p-notices-announcements .na-head h1{margin:0 0 14px;font-size:clamp(34px,6vw,60px);line-height:1.02;color:#fff}
.p-notices-announcements .na-head h1::before{content:"NOTICE BOARD";display:table;margin-bottom:12px;padding:4px 12px;font-size:14px;letter-spacing:.2em;background:var(--gold);color:var(--olive-950)}
.p-notices-announcements .na-lead{max-width:72ch;margin:0;font-size:18.5px!important;color:#DDE2D6}
.p-notices-announcements .na-head strong{color:var(--gold)}

/* base section */
.p-notices-announcements .na-sec{padding:24px clamp(18px,3vw,30px);background:#fff;border:1px solid var(--line);border-radius:10px}
.p-notices-announcements .na-sec h2{margin:0 0 14px;font-size:clamp(23px,2.8vw,30px);line-height:1.12;color:var(--olive-900)}
.p-notices-announcements .na-sec>:last-child{margin-bottom:0}
.p-notices-announcements .na-quote{margin:14px 0 0;padding:4px 0 4px 18px;border-left:4px solid var(--maroon);background:none;font-family:var(--ff-head);font-size:clamp(20px,2.4vw,25px);font-weight:600;line-height:1.3;color:var(--maroon)}

/* why: three numbered bullets in a row */
.p-notices-announcements .na-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:np}
.p-notices-announcements .na-points li{counter-increment:np;padding:14px 16px;background:var(--stone-2);border-top:4px solid var(--army);font-size:16px!important;line-height:1.55!important}
.p-notices-announcements .na-points li::before{content:"0" counter(np);display:block;margin-bottom:6px;font-family:var(--ff-head);font-size:26px;font-weight:800;line-height:1;color:var(--army)}

/* the cork board */
.p-notices-announcements .na-board{padding:28px clamp(16px,3vw,32px) 32px;border:10px solid #6B4F2E;border-radius:6px;
  background:radial-gradient(rgb(90 60 25 / .22) 1px,transparent 1.5px) 0 0/9px 9px,radial-gradient(rgb(255 240 210 / .25) 1px,transparent 1.5px) 4px 5px/11px 11px,#C49A63}
.p-notices-announcements .na-board h2{display:inline-block;padding:8px 16px;background:#fff;box-shadow:0 3px 8px rgb(0 0 0 / .2);transform:rotate(-1deg)}
.p-notices-announcements .na-pins{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px;margin-top:10px!important}
.p-notices-announcements .na-pins li{position:relative;padding:24px 16px 16px;background:#FFFDF6;box-shadow:0 6px 14px rgb(60 40 15 / .28);transform:rotate(-1.4deg)}
.p-notices-announcements .na-pins li:nth-child(3n+2){background:#FFF6C9;transform:rotate(1.2deg)}
.p-notices-announcements .na-pins li:nth-child(3n){background:#E7F0E4;transform:rotate(-.6deg)}
.p-notices-announcements .na-pins li:nth-child(7){background:#F8E4E2}
.p-notices-announcements .na-pins li::before{content:"";position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#E46A6A,var(--maroon) 70%);box-shadow:0 3px 4px rgb(0 0 0 / .35)}
.p-notices-announcements .na-pins li:nth-child(3n+2)::before{background:radial-gradient(circle at 35% 35%,#7FA486,var(--army) 70%)}
.p-notices-announcements .na-pins li:nth-child(3n)::before{background:radial-gradient(circle at 35% 35%,#FFE37A,var(--brass-700) 70%)}
.p-notices-announcements .na-pins strong{display:block;margin-bottom:6px;font-family:var(--ff-head);font-size:21px;line-height:1.1;color:var(--olive-950)}
.p-notices-announcements .na-pins p{margin:0;font-size:15.5px!important;line-height:1.55!important;color:#3A3F37}

/* channels */
.p-notices-announcements .na-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p-notices-announcements .na-channels li{padding:16px;border:2px solid var(--olive-900);border-radius:10px;font-size:16px!important;line-height:1.55!important}
.p-notices-announcements .na-channels p{margin:0;font-size:16px!important;line-height:1.55!important}
.p-notices-announcements .na-channels strong{display:block;margin-bottom:4px;padding-bottom:6px;border-bottom:2px solid var(--gold);font-family:var(--ff-head);font-size:20px;color:var(--olive-900)}

/* checklists */
.p-notices-announcements .na-sec--half{grid-column:auto;border-top:5px solid var(--army)}
.p-notices-announcements .na-sec--half+.na-sec--half{border-top-color:var(--maroon)}
.p-notices-announcements .na-check li{position:relative;padding:8px 0 8px 36px;border-bottom:1px dashed var(--line)}
.p-notices-announcements .na-check li:last-child{border-bottom:0}
.p-notices-announcements .na-check li::before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;box-sizing:border-box;border:2px solid var(--olive-900);border-radius:4px}
.p-notices-announcements .na-check li::after{content:"";position:absolute;left:6px;top:14px;width:6px;height:10px;border-right:3px solid var(--army);border-bottom:3px solid var(--army);transform:rotate(40deg)}

/* memo with stamp */
.p-notices-announcements .na-memo{position:relative;overflow:hidden;background:#FFFCF2;border:1px solid #E5DCC4;border-left:6px solid var(--maroon);padding-right:clamp(18px,18vw,200px)}
.p-notices-announcements .na-memo::after{content:"URGENT";position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(-12deg);padding:6px 14px;border:4px double var(--maroon);border-radius:6px;font-family:var(--ff-head);font-size:30px;font-weight:800;letter-spacing:.14em;color:rgb(var(--maroon-rgb) / .55)}

/* benefits */
.p-notices-announcements .na-benefits{display:flex;flex-wrap:wrap;gap:10px}
.p-notices-announcements .na-benefits li{padding:9px 16px;border-radius:999px;background:var(--stone-2);border:1px solid var(--line);font-size:16px!important;font-weight:600;line-height:1.4!important;color:var(--olive-900)}
.p-notices-announcements .na-benefits li::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 2px 0;border-radius:50%;background:var(--gold)}

/* close */
.p-notices-announcements .na-sec--close{background:var(--olive-900);border:0;color:#E9ECE4}
.p-notices-announcements .na-sec--close h2{color:#fff}
.p-notices-announcements .na-sec--close p{color:#DDE2D6;max-width:80ch}
.p-notices-announcements .na-sec--close strong{color:var(--gold)}
.p-notices-announcements .na-sec--close .na-quote{color:#fff;border-color:var(--gold)}

@media (max-width:900px){
  .p-notices-announcements .na-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .p-notices-announcements .na{grid-template-columns:1fr;gap:14px}
  .p-notices-announcements .na-sec--half{grid-column:1/-1}
  .p-notices-announcements .na-points,.p-notices-announcements .na-channels{grid-template-columns:1fr}
  .p-notices-announcements .na-head,.p-notices-announcements .na-board{border-width:6px}
  .p-notices-announcements .na-pins li{transform:none!important}
  .p-notices-announcements .na-memo{padding-right:18px;padding-top:84px}
  .p-notices-announcements .na-memo::after{top:16px;right:16px;transform:rotate(-6deg);font-size:22px}
}