:root{--ares-navy:#12324f;--ares-navy-dark:#0a1f33;--ares-red:#c0392b;--ares-red-dark:#96271c;--ares-bg:#f4f6f8;--ares-card:#ffffff;--ares-border:#dde3e8;}
body{background:var(--ares-bg);}
.ares-hero{background:linear-gradient(135deg,rgba(10,32,58,.88) 0%,rgba(10,45,74,.82) 100%),url(/wp-content/uploads/2026/08/hero-radio-operators.jpg) center/cover no-repeat;color:#fff;padding:56px 32px;border-radius:10px;margin-bottom:32px;}
.ares-hero h1{color:#fff;margin:0 0 10px;font-size:2.2em;}
.ares-hero p{color:#dce6ee;font-size:1.15em;margin:0;max-width:700px;}
.ares-meeting-banner{background:var(--ares-red);color:#fff;border-radius:10px;padding:24px 28px;margin:24px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;}
.ares-meeting-banner .label{font-size:.85em;text-transform:uppercase;letter-spacing:.06em;opacity:.85;}
.ares-meeting-banner .when{font-size:1.5em;font-weight:700;margin:4px 0;}
.ares-meeting-banner .where{font-size:1em;opacity:.95;}
.ares-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0;}
.ares-card{background:var(--ares-card);border:1px solid var(--ares-border);border-radius:10px;padding:20px 22px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.ares-card .date{color:var(--ares-red);font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;}
.ares-card h3{margin:0 0 8px;font-size:1.05em;}
.ares-card p{margin:0;font-size:.95em;color:#444;}
.ares-btn{display:inline-block;background:var(--ares-red);color:#fff !important;padding:12px 26px;border-radius:6px;text-decoration:none;font-weight:600;margin-top:10px;}
.ares-btn:hover{background:var(--ares-red-dark);}
.ares-section{background:var(--ares-card);border:1px solid var(--ares-border);border-radius:10px;padding:28px 30px;margin:24px 0;}
.ares-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0;}
.ares-link-card{background:var(--ares-card);border:1px solid var(--ares-border);border-left:4px solid var(--ares-navy);border-radius:6px;padding:14px 16px;}
.ares-link-card h4{margin:0 0 8px;font-size:.95em;color:var(--ares-navy);text-transform:uppercase;letter-spacing:.03em;}
.ares-link-card ul{margin:0;padding-left:18px;}
.ares-role-table td,.ares-role-table th,.wp-block-table td,.wp-block-table th{padding:10px 14px;}
.wp-block-table table{border-collapse:collapse;width:100%;}
.wp-block-table th{background:var(--ares-navy);color:#fff;text-align:left;}
.wp-block-table tr:nth-child(even){background:#f0f3f6;}
.ares-note{background:#fff8e6;border:1px solid #f0d68a;border-radius:8px;padding:14px 18px;margin:20px 0;font-size:.95em;}
.ares-leader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0;}
.ares-leader-card{background:var(--ares-card);border:1px solid var(--ares-border);border-radius:10px;padding:22px 18px;text-align:center;}
.ares-leader-card img{display:block;width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:3px solid var(--ares-navy);}
.ares-leader-card .role{font-size:.82em;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;}
.ares-leader-card .name{font-weight:700;margin-bottom:2px;}
.ares-leader-card .call{font-size:.9em;color:var(--ares-navy);font-weight:600;}
.ares-page-banner{height:320px;overflow:hidden;border-radius:10px;margin:0 0 24px;}
.ares-page-banner img{width:100%;height:100%;object-fit:cover;object-position:center;margin:0;}

/* ===== Homepage refresh (2026-10-26) ===== */
.home .entry-content>*{max-width:1100px;margin-left:auto;margin-right:auto;}
.home .ares-hero{padding:72px 40px;margin-top:8px;}
.home .ares-hero h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;letter-spacing:-.01em;}
.ares-hero .ares-eyebrow{color:#f6b38f;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.85em;margin:0 0 10px;}
.ares-hero .wp-block-buttons{margin-top:26px;gap:12px;}
.ares-hero .wp-block-button__link{background:var(--ares-red);color:#fff;border-radius:6px;padding:13px 26px;font-weight:600;}
.ares-hero .wp-block-button__link:hover{background:var(--ares-red-dark);color:#fff;}
.ares-hero .is-style-outline .wp-block-button__link{background:transparent;border:2px solid #fff;color:#fff;}
.ares-hero .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--ares-navy);}

.ares-h2{font-size:1.6rem;margin:48px 0 6px;}
.ares-sub{color:#555;margin:0 0 18px;}

.ares-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:8px 0 12px;}
.ares-tile{--tile:var(--ares-red);background:#fff;border:1px solid var(--ares-border);border-top:5px solid var(--tile);border-radius:12px;padding:24px 22px 22px;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;}
.ares-tile::before{content:"";display:block;width:64px;height:64px;border-radius:50%;background:var(--tile) var(--icon) center/34px no-repeat;margin-bottom:14px;}
.ares-tile h3{margin:0 0 10px;font-size:1.2rem;}
.ares-tile .ares-when{display:inline-block;background:var(--tile);color:#fff;font-weight:700;font-size:.92rem;border-radius:999px;padding:5px 14px;margin:0 0 12px;}
.ares-tile p{margin:0 0 8px;font-size:.95rem;color:#333;}
.ares-tile p:last-child{margin-bottom:0;}
.ares-tile a{color:var(--tile);font-weight:600;}
.ares-tile--meeting{--tile:#c2410c;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='3.2'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6.2 6.5-6.2s6.5 2.6 6.5 6.2'/%3E%3Ccircle cx='17' cy='8' r='2.6'/%3E%3Cpath d='M16.5 13.9c2.9.2 5 2.5 5 5.6'/%3E%3C/svg%3E");}
.ares-tile--net{--tile:#1e4e79;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10v12M8.5 22 12 10l3.5 12M9.6 17h4.8'/%3E%3Ccircle cx='12' cy='8' r='1.6'/%3E%3Cpath d='M8.2 4.6a5.2 5.2 0 0 0 0 6.8M15.8 4.6a5.2 5.2 0 0 1 0 6.8M5.3 2a9 9 0 0 0 0 12M18.7 2a9 9 0 0 1 0 12'/%3E%3C/svg%3E");}
.ares-tile--digital{--tile:#0f766e;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='12' rx='1.5'/%3E%3Cpath d='M1.5 20h21M7 13l2.5-3 2.5 2 2.5-4 2.5 5'/%3E%3C/svg%3E");}
.ares-tile--mesh{--tile:#7c4a03;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='6' r='2.3'/%3E%3Ccircle cx='19' cy='6' r='2.3'/%3E%3Ccircle cx='12' cy='18' r='2.3'/%3E%3Ccircle cx='12' cy='10' r='1.6'/%3E%3Cpath d='M7.2 6.8 10.6 9.4M16.8 6.8 13.4 9.4M12 11.6v4.1M7.3 6h9.4M6 8.2l4.8 7.9M18 8.2l-4.8 7.9'/%3E%3C/svg%3E");}

.ares-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;background:var(--ares-navy);color:#fff;border-radius:12px;padding:22px 28px;margin:28px 0;}
.ares-callout p{margin:0;color:#e7e7e7;}
.ares-callout strong{color:#fff;font-size:1.1rem;}
.ares-callout .wp-block-buttons{margin:0;}
.ares-callout .wp-block-button__link{background:var(--ares-red);color:#fff;border-radius:6px;padding:11px 22px;font-weight:600;}
.ares-callout .wp-block-button__link:hover{background:var(--ares-red-dark);color:#fff;}

.ares-events{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ares-event{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--ares-border);border-radius:12px;padding:14px 18px;}
.ares-event-date{flex:0 0 64px;text-align:center;border-radius:10px;background:var(--ares-red);color:#fff;padding:8px 0;line-height:1;}
.ares-event-date .m{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
.ares-event-date .d{display:block;font-size:1.7rem;font-weight:800;margin-top:4px;}
.ares-event-title{font-weight:700;font-size:1.05rem;color:var(--ares-navy);text-decoration:none;}
.ares-event-title:hover{text-decoration:underline;}
.ares-event-meta{color:#555;font-size:.92rem;margin-top:2px;}
.ares-events-empty{background:#fff;border:1px dashed var(--ares-border);border-radius:12px;padding:18px 20px;color:#555;}
.ares-events-all{margin-top:10px;font-weight:600;}

.ares-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:12px 0;}
.ares-photos figure{margin:0;}
.ares-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;}
.ares-photos figcaption{font-size:.88rem;color:#555;margin-top:6px;text-align:left;}

.ares-what{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0;}
.ares-what>div{background:#fff;border:1px solid var(--ares-border);border-left:4px solid var(--ares-red);border-radius:10px;padding:18px 20px;}
.ares-what h3{font-size:1.05rem;margin:0 0 8px;}
.ares-what p{font-size:.95rem;margin:0;color:#333;}
.ares-signoff{font-style:italic;color:#444;}

@media (max-width:600px){.home .ares-hero{padding:44px 22px;}.ares-callout{padding:20px;}}
/* Grid fixes: WordPress flow layout adds a top margin to every child after the first, and Astra pads nested groups */
.entry-content .ares-tiles,.entry-content .ares-photos,.entry-content .ares-what{padding:0 !important;}
.entry-content .ares-tiles>*,.entry-content .ares-photos>*,.entry-content .ares-what>*{margin:0 !important;}
.entry-content .ares-tile{padding:24px 22px 22px !important;}
.entry-content .ares-what>div{padding:18px 20px !important;}
.ares-hero .wp-block-button.is-style-outline>.wp-block-button__link{background:transparent !important;border:2px solid #fff !important;color:#fff !important;}
.ares-hero .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:#fff !important;color:var(--ares-navy) !important;}

/* ===== Inner pages (2026-10-26): one consistent look over the old hand-formatted content ===== */
body.page:not(.home) .entry-header{background:var(--ares-navy);border-left:6px solid var(--ares-red);border-radius:12px;padding:26px 30px;margin-bottom:28px;}
body.page:not(.home) .entry-header .entry-title{color:#fff;margin:0;font-size:clamp(1.6rem,3.5vw,2.2rem);}
body.page:not(.home) .entry-content{font-size:1rem;line-height:1.65;}
body.page:not(.home) .entry-content [style*="font-size"],body.page:not(.home) .entry-content [style*="font-family"],body.page:not(.home) .entry-content font{font-size:inherit !important;font-family:inherit !important;}
body.page:not(.home) .entry-content h1{font-size:1.8rem;}
body.page:not(.home) .entry-content h2{font-size:1.45rem;margin-top:1.6em;}
body.page:not(.home) .entry-content h3{font-size:1.2rem;margin-top:1.4em;}
body.page:not(.home) .entry-content [style*="#ff0000" i]:not(td){color:var(--ares-red) !important;}
body.page:not(.home) .entry-content [style*="background-color: #ffff00" i]{background:transparent !important;}
body.page:not(.home) .entry-content hr{border:0;border-top:1px solid var(--ares-border);margin:2em 0;}
body.page:not(.home) .entry-content blockquote{border-left:4px solid var(--ares-red);background:#fff;border-radius:0 10px 10px 0;padding:14px 20px;margin:16px 0;}
.ares-lede{font-size:1.15rem;color:#333;}

/* Tables */
body.page:not(.home) .entry-content table{width:100% !important;height:auto !important;border-collapse:collapse;border:1px solid var(--ares-border);border-radius:10px;overflow:hidden;background:#fff;margin:16px 0 26px;font-size:.95rem;}
body.page:not(.home) .entry-content td,body.page:not(.home) .entry-content th{border:0;border-bottom:1px solid var(--ares-border);padding:10px 14px;height:auto !important;text-align:left;vertical-align:top;}
body.page:not(.home) .entry-content tr:last-child>td{border-bottom:0;}
body.page:not(.home) .entry-content tr:nth-child(even)>td{background:#faf9f7;}
body.page:not(.home) .entry-content th,body.page:not(.home) .entry-content td[bgcolor="#ff0000" i],body.page:not(.home) .entry-content td[style*="background-color: #ff0000" i]{background:var(--ares-navy) !important;color:#fff !important;font-weight:700;}
body.page:not(.home) .entry-content td[bgcolor="#ff0000" i] *,body.page:not(.home) .entry-content th *{color:#fff !important;}
/* The grey "box" wrapper tables from the old theme: drop the box, keep the content */
body.page:not(.home) .entry-content table:has(>tbody>tr>td[bgcolor="#f7f7f7" i]){border:0;background:transparent;}
body.page:not(.home) .entry-content td[bgcolor="#f7f7f7" i]{background:transparent !important;padding:0 !important;border:0 !important;}

/* Leadership: photo cards */
body.page-id-10 .entry-content table{border:0;background:transparent;}
body.page-id-10 .entry-content tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
body.page-id-10 .entry-content tr{display:contents;}
body.page-id-10 .entry-content td{display:block;width:auto !important;background:#fff !important;border:1px solid var(--ares-border) !important;border-radius:12px;padding:22px 18px !important;text-align:center;line-height:1.5;}
body.page-id-10 .entry-content td img{display:block;width:150px;height:150px;object-fit:cover;object-position:center top;border-radius:50%;border:3px solid var(--ares-red);margin:0 auto 12px;}
body.page-id-10 .entry-content td br{display:none;}
body.page-id-10 .entry-content td strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:4px;}

/* Join: numbered steps */
.ares-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0;counter-reset:step;padding:0 !important;}
.entry-content .ares-steps>*{margin:0 !important;background:#fff;border:1px solid var(--ares-border);border-radius:12px;padding:20px !important;counter-increment:step;}
.ares-steps>*::before{content:counter(step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ares-red);color:#fff;font-weight:800;margin-bottom:10px;}
.ares-steps h3{font-size:1.1rem;margin:0 0 6px !important;}
.ares-steps p{margin:0;font-size:.95rem;}
.ares-what h3 a{color:var(--ares-navy);text-decoration:none;}
.ares-what h3 a:hover{text-decoration:underline;}

@media (max-width:700px){
  body.page:not(.home):not(.page-id-10) .entry-content table{display:block;overflow-x:auto;}
  body.page:not(.home) .entry-header{padding:20px;}
}
/* Leadership cards: beat the general table rule, and even out the old spacing */
body.page-id-10 .entry-content td{display:flex !important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center !important;gap:2px;}
body.page-id-10 .entry-content td p{margin:0;}
body.page-id-10 .entry-content td strong{margin:6px 0 2px;}
body.page:not(.home) .entry-content [style*="background-color: #f7f7f7" i]{background:transparent !important;}
/* Old grey wrapper tables are layout, not data: flatten them on phones so only real tables scroll */
@media (max-width:700px){
  body.page:not(.home) .entry-content table:has(>tbody>tr>td[bgcolor="#f7f7f7" i]),
  body.page:not(.home) .entry-content table:has(>tbody>tr>td[bgcolor="#f7f7f7" i])>tbody,
  body.page:not(.home) .entry-content table:has(>tbody>tr>td[bgcolor="#f7f7f7" i])>tbody>tr,
  body.page:not(.home) .entry-content td[bgcolor="#f7f7f7" i]{display:block;width:auto !important;overflow:visible;}
  body.page:not(.home) .entry-content td[bgcolor="#f7f7f7" i] table{display:block;overflow-x:auto;}
}

/* ===== Real member photos (2026-10-26) ===== */
/* Hero: text on a navy panel, the radio-room photo on the right (people sit left of center, so no full-bleed wash over them) */
.home .ares-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a203a 0%,#0d2d4a 100%);padding:64px 52% 64px 40px;}
.home .ares-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:48%;background:url(/wp-content/uploads/2026/10/ares3-web.jpg) 30% 45%/cover no-repeat;}
.home .ares-hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem);}
.ares-photos img{object-position:center 30%;}
.entry-content figure.ares-join-photo{float:right;width:340px;max-width:40%;margin:0 0 16px 24px !important;}
.ares-join-photo img{border-radius:12px;display:block;width:100%;height:auto;}
/* Join: steps sit beside the photo (a grid is its own block context, so it narrows next to the float) */
.entry-content figure.ares-join-photo~.ares-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:800px){.entry-content figure.ares-join-photo~.ares-steps{grid-template-columns:1fr;}}
@media (max-width:800px){
  .home .ares-hero{padding:250px 22px 36px;}
  .home .ares-hero::after{left:0;width:auto;bottom:auto;height:220px;background-position:30% 40%;}
  .entry-content figure.ares-join-photo{float:none;width:auto;max-width:none;margin:0 0 16px !important;}
}
/* Photo strip: 2 x 2 when there are 4 photos, so each stays a good size */
.entry-content .ares-photos:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:600px){.entry-content .ares-photos:has(>:nth-child(3)){grid-template-columns:1fr;}}
/* General side photo for inner pages (same placement as the Join photo); headings and rules below it stay clear of it */
.entry-content figure.ares-side-photo{float:right;width:340px;max-width:40%;margin:0 0 16px 24px !important;}
.entry-content figure.ares-side-photo img{border-radius:12px;display:block;width:100%;height:auto;}
body.page:not(.home) .entry-content hr{clear:both;}
.entry-content figure.ares-page-banner img{object-position:center 55%;}
@media (max-width:800px){.entry-content figure.ares-side-photo{float:none;width:auto;max-width:none;margin:0 0 16px !important;}}
/* Wide in-content photo (homepage group shot) and a banner crop that keeps faces in a portrait photo */
.entry-content figure.ares-wide-photo{margin:24px auto !important;}
.entry-content figure.ares-wide-photo img{width:100%;height:auto;border-radius:12px;display:block;}
.entry-content figure.ares-banner-top{height:380px;}
.entry-content figure.ares-banner-top img{object-position:center 22%;}
/* Photo placed in old Classic content with Add Media, aligned right */
.entry-content img.ares-inline-photo{float:right;width:300px;max-width:45%;height:auto;margin:4px 0 12px 20px;border-radius:12px;}