/* ══════════════════════════════════════════════════
   THE PINNACLE COMPANIES · Q1 2026 ELT BOARD PACKET
   Design: mirrors thepinnaclecompanies.com
   Clean white · Playfair serif · Raleway/Montserrat sans
══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Raleway:wght@200;300;400;500;600&family=Montserrat:wght@300;400;500;600;700&display=swap');
:root {
  --white:     #FFFFFF;
  --off:       #F9F8F6;
  --light:     #F2F0ED;
  --border:    #E0DDD8;
  --border-dk: #C8C4BC;
  --text:      #1A1916;
  --mid:       #4A4740;
  --muted:     #8A8680;
  --dark:      #1A1916;
  --green:     #3D5A47;
  --gold:      #B8902A;
  --rust:      #9B3A2A;
  --sky:       #2E5470;
  --pos:       #2E6B45; --pos-bg: #EBF4EF;
  --neg:       #9B3A2A; --neg-bg: #F7EEEC;
  --warn:      #8A6B20; --warn-bg:#F5F0E5;
  --nav-h:     76px;
  --max:       1100px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{font-family:'Montserrat',sans-serif;background:var(--white);color:var(--text);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}

/* ── NAV ── */
nav{position:sticky;top:0;width:100%;background:var(--white);border-bottom:1px solid var(--border);z-index:200;box-shadow:0 1px 12px rgba(0,0,0,0.05)}
.nav-top-row{display:flex;align-items:center;justify-content:space-between;padding:0 48px 0 88px;height:64px}
.nav-brand{display:flex;align-items:center;gap:16px;flex-shrink:0;text-decoration:none;color:inherit;height:100%}
.nav-logo{height:30px;width:auto;display:block}
.nav-peak{display:none}
.nav-pipe{width:1px;height:22px;background:var(--border-dk)}
.nav-doc{font-family:'Montserrat','Helvetica Neue',sans-serif;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:2.6px;color:#555759;line-height:1}
.nav-wordmark{display:none}
.nav-right{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);flex-shrink:0}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);transition:all .2s}
.nav-links{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border);padding:0 32px;flex-wrap:wrap;gap:0}
.nav-links a{display:block;padding:10px 12px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);text-decoration:none;transition:color .15s;white-space:nowrap;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:1px;background:var(--text);transform:scaleX(0);transition:transform .2s}
.nav-links a:hover{color:var(--text)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-links a.active{color:var(--text)}

/* Goals-only mobile menu section — hidden on desktop, revealed via sibling
   selector when #nav-links gets .open on mobile */
.nav-company{display:none}

/* ── SECTIONS ── */
main{flex:1}
.sw{border-bottom:1px solid var(--border);scroll-margin-top:108px}
.sw:last-child{border-bottom:none}
.sw-warm{background:var(--off)}
.sw-dark{background:var(--dark)}
.s{max-width:var(--max);margin:0 auto;padding:88px 48px;border-bottom:none}
.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:16px}
.sw-dark .eyebrow{color:rgba(255,255,255,.4)}
.h1{font-family:'Montserrat',sans-serif;font-size:58px;font-weight:400;line-height:1.05;letter-spacing:-0.5px;margin-bottom:18px}
.sw-dark .h1{color:#fff}
.lead{font-size:14px;color:var(--muted);max-width:600px;line-height:1.8;margin-bottom:52px}
.sw-dark .lead{color:rgba(255,255,255,.55)}

/* ── OVERVIEW ── */
.ov-title{font-family:'Montserrat',sans-serif;font-size:76px;font-weight:400;line-height:1.0;letter-spacing:-1px;margin-bottom:28px;max-width:820px}
.ov-title em{font-style:italic;color:var(--green)}
.ov-sub{font-size:15px;color:var(--muted);max-width:520px;line-height:1.8;margin-bottom:60px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);overflow:hidden}
.stat-box{padding:30px 26px;border-right:1px solid var(--border);transition:background .15s}
.stat-box:last-child{border-right:none}
.stat-box:hover{background:var(--off)}
.stat-num{font-family:'Montserrat',sans-serif;font-size:44px;font-weight:400;color:var(--text);line-height:1;margin-bottom:8px}
.stat-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:6px}
.stat-context{font-size:10px;color:var(--muted);line-height:1.5}
.ctx-g{color:var(--pos);font-weight:600}
.ctx-r{color:var(--neg);font-weight:600}
.ctx-b{color:var(--warn);font-weight:600}

/* ── AGENDA ── */
.agenda-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);overflow:hidden}

.ag-row{border-bottom:1px solid var(--border);transition:background .15s}
.ag-row:last-child{border-bottom:none}
.ag-row.is-break{opacity:.6;pointer-events:none}

.ag-header{display:grid;grid-template-columns:80px 1fr auto auto;gap:16px;align-items:center;padding:20px 24px;cursor:pointer;user-select:none;transition:background .15s}
.ag-header:hover{background:var(--off)}
.ag-row.open .ag-header{background:var(--off)}

.ag-time{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);line-height:1.4;flex-shrink:0}
.ag-dur{font-size:9px;font-weight:600;color:var(--border-dk);display:block;margin-top:2px}

.ag-main{}
.ag-title{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:400;color:var(--text);margin-bottom:3px;line-height:1.3}
.ag-owner{font-size:11px;color:var(--muted);font-weight:500}

.ag-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:3px 10px;white-space:nowrap;flex-shrink:0;pointer-events:none}
.tag-d{background:var(--light);color:var(--muted)}
.tag-dec{background:var(--warn-bg);color:var(--warn)}
.tag-fyi{background:var(--light);color:var(--muted)}
.tag-brk{background:var(--light);color:var(--muted)}

.ag-chevron{font-size:11px;color:var(--border-dk);transition:transform .2s;flex-shrink:0;margin-left:4px;pointer-events:none}
.ag-row.open .ag-chevron{transform:rotate(180deg)}

/* expanded panel */
.ag-panel{max-height:0;overflow:hidden;border-top:0px solid var(--border);transition:max-height .3s ease, border-top .3s ease}
.ag-row.open .ag-panel{max-height:2000px;border-top:1px solid var(--border)}

.ag-panel-inner{padding:24px 28px 24px 104px}

.ag-detail{margin-bottom:20px}
.ag-detail-context{font-size:13.5px;color:var(--mid);line-height:1.75;margin-bottom:16px}

.ag-questions{margin-bottom:16px}
.ag-q-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}
.ag-q-list{display:flex;flex-direction:column;gap:6px}
.ag-q-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--mid);line-height:1.6;padding:8px 12px;background:var(--off);border-left:2px solid var(--border-dk)}
.ag-q-num{font-family:'Montserrat',sans-serif;font-size:16px;color:var(--border-dk);flex-shrink:0;line-height:1.4}

.ag-outcome{display:flex;align-items:flex-start;gap:10px;background:var(--warn-bg);border-left:2px solid var(--gold);padding:12px 14px;margin-bottom:20px;font-size:13px;color:var(--mid);line-height:1.6}
.ag-outcome-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--warn);flex-shrink:0;padding-top:2px}

/* comment thread inside panel */
.ag-thread-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ag-thread-count{font-size:9px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--dark);color:#fff}

.ag-list{display:flex;flex-direction:column;gap:6px;min-height:0;max-height:200px;overflow-y:auto;margin-bottom:10px}
.ag-list:empty::after{content:'No comments yet — be the first.';font-size:12px;color:var(--muted);font-style:italic;display:block;padding:8px 0}
.ag-ci{background:var(--white);border:1px solid var(--border);padding:10px 14px;animation:fi .25s ease}
.ag-cm{display:flex;gap:8px;align-items:center;margin-bottom:3px}
.ag-ca{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text)}
.ag-ct{font-size:10px;color:var(--border-dk)}
.ag-cx{font-size:13px;color:var(--mid);line-height:1.55}

.ag-input-row{display:flex;border:1px solid var(--border);overflow:hidden}
.ag-name{flex:0 0 150px;padding:9px 12px;border:none;border-right:1px solid var(--border);background:var(--white);font-family:'Montserrat',sans-serif;font-size:12px;color:var(--text);outline:none}
.ag-name::placeholder{color:var(--border-dk)}
.ag-field{flex:1;padding:9px 12px;border:none;background:var(--white);font-family:'Montserrat',sans-serif;font-size:12px;color:var(--text);outline:none;resize:none;min-height:44px}
.ag-field::placeholder{color:var(--border-dk)}
.ag-send{flex-shrink:0;padding:0 16px;border:none;border-left:1px solid var(--border);background:var(--dark);color:#fff;font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:opacity .15s}
.ag-send:hover{opacity:.8}

/* topic sidebar - now removed */
.topic-sidebar,.topic-card,.tc-meta,.tc-name,.tc-time,.tc-title,.tc-desc{display:none}

@media(max-width:700px){
  .ag-header{grid-template-columns:60px 1fr auto;gap:10px;padding:16px}
  .ag-panel-inner{padding:16px}
  .ag-q-item{flex-direction:column;gap:4px}
}

/* agenda comment toggle */
.ag-toggle{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border:1px solid var(--border);background:none;padding:4px 12px;cursor:pointer;font-family:'Montserrat',sans-serif;transition:all .15s}
.ag-toggle:hover{border-color:var(--text);color:var(--text)}
.ag-toggle.has-c{background:var(--dark);border-color:var(--dark);color:#fff}
.ag-box{display:none;margin-top:12px;border:1px solid var(--border);background:var(--off);animation:fi .2s ease}
.ag-box.open{display:block}
.ag-list{padding:12px 16px;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}
.ag-list:empty::after{content:'No comments yet.';font-size:12px;color:var(--muted);font-style:italic}
.ag-ci{background:var(--white);border:1px solid var(--border);padding:10px 14px;animation:fi .25s ease}
.ag-cm{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.ag-ca{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text)}
.ag-ct{font-size:10px;color:var(--border-dk)}
.ag-cx{font-size:13px;color:var(--mid);line-height:1.55}
.ag-input-row{display:flex;border-top:1px solid var(--border)}
.ag-name{flex:0 0 150px;padding:9px 12px;border:none;border-right:1px solid var(--border);background:var(--white);font-family:'Montserrat',sans-serif;font-size:12px;color:var(--text);outline:none}
.ag-name::placeholder{color:var(--border-dk)}
.ag-field{flex:1;padding:9px 12px;border:none;background:var(--white);font-family:'Montserrat',sans-serif;font-size:12px;color:var(--text);outline:none;resize:none;min-height:44px}
.ag-field::placeholder{color:var(--border-dk)}
.ag-send{flex-shrink:0;padding:0 16px;border:none;border-left:1px solid var(--border);background:var(--dark);color:#fff;font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:opacity .15s}
.ag-send:hover{opacity:.8}

/* topic sidebar */
.topic-sidebar h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:400;color:var(--text);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.topic-card{border:1px solid var(--border);padding:18px 18px;margin-bottom:10px;background:var(--white);cursor:default;transition:border-color .15s}
.topic-card:hover{border-color:var(--text)}
.topic-card.hot{border-left:3px solid var(--gold)}
.tc-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.tc-name{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.tc-time{margin-left:auto;font-size:10px;color:var(--border-dk)}
.tc-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:400;color:var(--text);margin-bottom:4px}
.tc-desc{font-size:12px;color:var(--muted);line-height:1.6}

/* ── MEMBERS ── */
.filter-row{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap}
.fbtn{padding:7px 16px;border:1px solid var(--border);background:var(--white);font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);cursor:pointer;transition:all .15s}
.fbtn:hover{border-color:var(--text);color:var(--text)}
.fbtn.active{background:var(--dark);border-color:var(--dark);color:#fff}
.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);overflow:hidden}
.mc{background:var(--white);padding:26px 20px;cursor:pointer;transition:background .15s}
.mc:hover{background:var(--off)}
.mc-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:500;color:#fff;margin-bottom:14px}
.mc-name{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:400;color:var(--text);margin-bottom:2px}
.mc-role{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}
.mc-bu{display:inline-block;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border:1px solid var(--border);color:var(--muted);margin-bottom:14px}
.mc-scores{display:flex;gap:10px;margin-bottom:14px}
.sc-item{display:flex;flex-direction:column;align-items:center;flex:1}
.sc-lbl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:3px}
.sc-val{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:400;line-height:1}
.ws-hi{color:var(--pos)} .ws-md{color:var(--warn)} .ws-lo{color:var(--neg)}
.mc-meta{display:flex;gap:10px;font-size:9.5px;color:var(--muted);font-weight:500;border-top:1px solid var(--border);padding-top:10px}
.mc-disc{font-size:10.5px;color:var(--rust);font-weight:600;margin-top:6px}

/* modal */
#mo{display:none;position:fixed;inset:0;background:rgba(10,10,8,.65);z-index:500;backdrop-filter:blur(4px);align-items:center;justify-content:center}
#mo.open{display:flex}
#mc{background:var(--white);width:90%;max-width:700px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.2)}
#mh{display:flex;align-items:flex-start;gap:18px;padding:32px 36px;border-bottom:1px solid var(--border)}
#mav{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:17px;color:#fff;flex-shrink:0}
#mn{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:400;color:var(--text);margin-bottom:3px}
#mr{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}
.mcl{margin-left:auto;width:30px;height:30px;background:var(--light);border:none;cursor:pointer;font-size:18px;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.mcl:hover{background:var(--border)}
#mb{padding:28px 36px}
.ms{margin-bottom:24px}
.ms-t{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.ms-sub{font-weight:500;color:var(--border-dk);letter-spacing:1.6px;margin-left:4px}

/* ── LONG-FORM UPDATE BLOCKS (Asana, Growth Matrix prose updates) ── */
.long-update{max-width:780px}
.long-update p{font-size:13.5px;color:var(--mid);line-height:1.75;margin-bottom:14px}
.long-update p:last-child{margin-bottom:0}
.long-update strong{color:var(--text);font-weight:600}
.wave-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px}
.wave{padding:14px 16px;border:1px solid var(--border);background:var(--off);display:flex;flex-direction:column;gap:6px}
.wave-live{border-left:3px solid var(--pos)}
.wave-active{border-left:3px solid var(--gold)}
.wave-kicking{border-left:3px solid var(--sky)}
.wave-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}
.wave-teams{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;color:var(--text);line-height:1.3}
.wave p{font-size:12px;color:var(--mid);line-height:1.55;margin:0}
.long-pull{padding:14px 18px;background:var(--off);border-left:3px solid var(--text);margin:18px 0}
.long-pull-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-bottom:6px}
.long-pull p{font-size:14px;color:var(--text);line-height:1.65;margin:0}
.long-list-block{margin:14px 0 18px}
.long-list-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}
.long-list{margin:0;padding-left:20px}
.long-list li{font-size:13px;color:var(--mid);line-height:1.7;margin-bottom:4px}
@media(max-width:1000px){.wave-row{grid-template-columns:1fr}}

/* ── ASKS & DECISIONS callout cards (Project Updates section) ── */
.asks-grid{display:grid;grid-template-columns:1fr;gap:18px}
.ask-card{border:1px solid var(--border);background:var(--white);padding:0;display:flex;flex-direction:column}
.ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--off)}
.ask-title{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:500;color:var(--text);line-height:1.25;margin-bottom:4px}
.ask-from{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}
.ask-badge{flex-shrink:0;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text);background:var(--white);border:1px solid var(--border-dk);padding:5px 10px;align-self:flex-start;white-space:nowrap}
.ask-badge-dec{color:var(--warn);border-color:var(--warn);background:var(--warn-bg)}
.ask-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.ask-body p{font-size:13.5px;color:var(--mid);line-height:1.7}
.ask-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.ask-tier{padding:16px;border:1px solid var(--border);background:var(--off);display:flex;flex-direction:column;gap:8px}
.ask-tier-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}
.ask-tier-cost{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:500;color:var(--text);line-height:1.2}
.ask-tier-per{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0;text-transform:none}
.ask-tier p{font-size:12.5px;color:var(--mid);line-height:1.6;margin:0}
.ask-tier-goal{font-style:italic;color:var(--muted)!important;border-top:1px solid var(--border);padding-top:8px;margin-top:auto!important}
.ask-asks{margin-top:8px;padding:14px 16px;background:var(--off);border-left:3px solid var(--text)}
.ask-asks-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}
.ask-list{margin:0;padding-left:20px;font-size:13px;color:var(--mid);line-height:1.7}
.ask-list li{margin-bottom:4px}
@media(max-width:1000px){.ask-tiers{grid-template-columns:1fr}}

/* ── DISCUSSION TOPICS (consolidated theme cards above the member grid) ── */
.topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:8px}
.topic-card{border:1px solid var(--border);background:var(--white);padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.topic-head{display:flex;align-items:flex-start;gap:14px}
.topic-icon{display:none}
.topic-head-text{flex:1;min-width:0}
.topic-title{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:500;color:var(--text);line-height:1.2;margin-bottom:4px}
.topic-sub{font-size:12.5px;color:var(--muted);line-height:1.5}
.topic-count{flex-shrink:0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);background:var(--off);padding:5px 10px;border:1px solid var(--border);align-self:flex-start;white-space:nowrap}
.topic-voices{display:flex;flex-direction:column;gap:8px}
.topic-voice{text-align:left;padding:12px 14px;border:1px solid var(--border);background:var(--off);font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,transform .12s;width:100%}
.topic-voice:hover{background:var(--white);border-color:var(--border-dk);transform:translateX(2px)}
.topic-voice-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.topic-voice-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:10px;color:#fff;flex-shrink:0;line-height:1}
.topic-voice-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text)}
.topic-voice-bu{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-left:auto}
.topic-voice-quote{font-size:12.5px;color:var(--mid);line-height:1.55}
@media(max-width:1000px){.topics-grid{grid-template-columns:1fr}}
.m-scores{display:flex;border:1px solid var(--border);overflow:hidden;margin-bottom:20px}
.m-score{flex:1;padding:14px 8px;text-align:center;border-right:1px solid var(--border)}
.m-score:last-child{border-right:none}
.m-sv{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:400;color:var(--text);line-height:1;margin-bottom:3px}
.m-sk{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bb{padding:14px 16px;border:1px solid var(--border)}
.bb.hi{border-left:3px solid var(--pos)} .bb.lo{border-left:3px solid var(--neg)}
.bb.fut{border-left:3px solid var(--blue,#2E5470);background:rgba(46,84,112,.03)}
.bb-l{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:5px}
.bb p{font-size:13px;color:var(--mid);line-height:1.6;white-space:pre-wrap}
.m-urg{background:var(--warn-bg);border-left:3px solid var(--gold);padding:14px 16px;margin-bottom:12px}
.m-urg p{font-size:13px;color:var(--mid);line-height:1.6;white-space:pre-wrap}
.m-projects{display:flex;flex-direction:column;gap:10px}
.m-proj{padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--gold,#B8902A);background:var(--off,#F9F8F6)}
.m-proj-t{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}
.m-proj p{font-size:13px;color:var(--mid);line-height:1.6;white-space:pre-wrap}

/* ── FINANCIALS (dark) ── */
.fin-h{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:400;color:rgba(255,255,255,.9);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}
.fin-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:16px}
.fsc{padding:26px 22px;border-right:1px solid rgba(255,255,255,.08);transition:background .15s}
.fsc:last-child{border-right:none}
.fsc:hover{background:rgba(255,255,255,.04)}
.fsl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.4);margin-bottom:10px}
.fsb{font-family:'Montserrat',sans-serif;font-size:38px;font-weight:400;color:#fff;line-height:1;margin-bottom:6px}
.fss{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:4px}
.fsv{font-size:12px;color:rgba(255,255,255,.35)}
.dp{color:#82C9A0;font-weight:600} .dn{color:#D4826A;font-weight:600} .df{color:#C4A857;font-weight:600}
.fin-table-wrap{overflow-x:auto}
.fin-table{width:100%;border-collapse:collapse;font-size:13px}
.fin-table thead tr{border-bottom:1px solid rgba(255,255,255,.12)}
.fin-table th{padding:10px 14px;text-align:left;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.45)}
.fin-table td{padding:12px 14px;color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.06)}
.fin-table td.pos{color:#82C9A0} .fin-table td.neg{color:#D4826A}
.fin-table .tot td{font-weight:700;color:#fff;border-top:1px solid rgba(255,255,255,.15)}

/* ── CLIENT EXPERIENCE ── */
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}
.cx-card{border:1px solid var(--border);padding:28px;background:var(--white)}
.cx-card h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:400;color:var(--text);margin-bottom:12px}
.cx-card p{font-size:13.5px;color:var(--mid);line-height:1.7}
.cx-quote{border-left:2px solid var(--border-dk);padding:8px 0 8px 28px;margin:40px 0;font-family:'Montserrat',sans-serif;font-size:26px;font-style:italic;font-weight:400;color:var(--text);line-height:1.5;max-width:680px}
.cx-pillars{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);overflow:hidden;margin-bottom:40px}
.cx-p{padding:28px 24px;border-right:1px solid var(--border);text-align:center}
.cx-p:last-child{border-right:none}
.cx-pn{font-family:'Montserrat',sans-serif;font-size:50px;font-weight:400;color:var(--border-dk);line-height:1;margin-bottom:10px}
.cx-ph{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text);margin-bottom:8px}
.cx-pp{font-size:12.5px;color:var(--muted);line-height:1.6}

/* ── GOALS ── */
.goals-pillars{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);overflow:hidden;margin-bottom:48px}
.gp{padding:26px 22px;border-right:1px solid var(--border);transition:background .15s}
.gp:last-child{border-right:none}
.gp:hover{background:var(--off)}
.gp-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}
.gp.ppl .gp-lbl{color:var(--green)} .gp.ppl{border-top:3px solid var(--green)}
.gp.pft .gp-lbl{color:var(--gold)} .gp.pft{border-top:3px solid var(--gold)}
.gp.prc .gp-lbl{color:var(--sky)} .gp.prc{border-top:3px solid var(--sky)}
.gp.prd .gp-lbl{color:var(--rust)} .gp.prd{border-top:3px solid var(--rust)}
.gp h3{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:400;color:var(--text);margin-bottom:8px}
.gp p{font-size:12px;color:var(--muted);line-height:1.6}
.goal-metric{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.gm-row{display:flex;align-items:center;gap:10px}
.gm-lbl{font-size:11px;color:var(--muted);width:200px;flex-shrink:0}
.gm-track{flex:1;height:6px;background:var(--light)}
.gm-fill{height:100%}
.gm-val{font-size:11px;color:var(--muted);width:40px;text-align:right}

/* ── AI SECTION ── */
.ai-intro{background:var(--dark);padding:36px 40px;margin-bottom:32px;display:flex;gap:24px;align-items:flex-start}
.ai-icon{font-size:32px;flex-shrink:0}
.ai-intro h3{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:300;font-style:italic;color:#fff;margin-bottom:8px}
.ai-intro p{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.65}
.ai-wins{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);overflow:hidden}
.ai-win{background:var(--white);padding:24px 22px}
.ai-win-who{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}
.ai-win h4{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px}
.ai-win p{font-size:13px;color:var(--mid);line-height:1.6}

/* ── ACTIONS ── */
.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);overflow:hidden;margin-bottom:36px}
.ac{background:var(--white);padding:30px 26px;transition:background .15s}
.ac:hover{background:var(--off)}
.ac-num{font-family:'Montserrat',sans-serif;font-size:52px;font-weight:400;color:var(--border-dk);line-height:1;margin-bottom:12px}
.ac-type{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:2px 8px;margin-bottom:10px;display:inline-block}
.ac-type.dec{background:var(--warn-bg);color:var(--warn)}
.ac-type.dis{background:var(--light);color:var(--muted)}
.ac-type.upd{background:var(--pos-bg);color:var(--pos)}
.ac h4{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:400;color:var(--text);margin-bottom:6px}
.ac p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:8px}
.ac-owner{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text)}
.upcoming{background:var(--dark);padding:32px 36px;color:#fff}
.upcoming h3{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:400;color:#fff;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.up-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
.up-item:last-child{border-bottom:none}
.up-lbl{color:rgba(255,255,255,.6)} .up-val{font-weight:600;color:#fff}

/* ── PARKING LOT ── */
#parking{background:var(--off)}
.park-intro{display:flex;gap:14px;background:var(--white);border:1px solid var(--border);padding:18px 22px;margin-bottom:28px}
.park-intro p{font-size:13px;color:var(--muted);line-height:1.65}
.park-intro p strong{color:var(--text)}
.park-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sort-btns{display:flex;gap:4px}
.sbtn{padding:6px 14px;border:1px solid var(--border);background:var(--white);font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);cursor:pointer;transition:all .15s}
.sbtn:hover{border-color:var(--text);color:var(--text)}
.sbtn.active{background:var(--dark);border-color:var(--dark);color:#fff}
.park-count{font-size:11px;color:var(--muted);font-weight:500}
.park-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;min-height:30px}
.park-list:empty::after{content:'No topics yet — add the first one below.';font-size:13px;color:var(--muted);font-style:italic;display:block;padding:10px 0}
.pt{display:flex;background:var(--white);border:1px solid var(--border);transition:box-shadow .15s;animation:fi .3s ease}
.pt:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.pt-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:16px 16px;border-right:1px solid var(--border);cursor:pointer;min-width:60px;background:var(--white);transition:background .15s;user-select:none;flex-shrink:0}
.pt-vote:hover{background:var(--off)}
.pt-vote.voted{background:var(--dark)}
.pt-vi{font-size:14px;transition:transform .1s}
.pt-vote:hover .pt-vi{transform:scale(1.2)}
.pt-vc{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:400;color:var(--text);line-height:1}
.pt-vote.voted .pt-vc{color:#fff}
.pt-vl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}
.pt-vote.voted .pt-vl{color:rgba(255,255,255,.55)}
.pt-body{flex:1;padding:16px 20px}
.pt-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.pt-author{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.pt-ts{font-size:10px;color:var(--border-dk)}
.pt-top{margin-left:auto;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;background:var(--dark);color:#fff}
.pt-text{font-size:14px;color:var(--text);line-height:1.6}
.park-add{background:var(--white);border:1px solid var(--border);overflow:hidden}
.park-add-hdr{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--off)}
.park-add-hdr h3{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:400;color:var(--text)}
.park-add-hdr p{font-size:11.5px;color:var(--muted);margin-top:2px}
.park-form{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.pk-row{display:flex;gap:10px}
.pk-in{padding:10px 14px;border:1px solid var(--border);background:var(--white);font-family:'Montserrat',sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .15s}
.pk-in::placeholder{color:var(--border-dk)}
.pk-in:focus{border-color:var(--text)}
.pk-name{flex:0 0 190px}
.pk-ta{flex:1;min-height:78px;resize:vertical}
.pk-submit-row{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.pk-status{font-size:12px;color:var(--muted)}
.pk-btn{background:var(--dark);color:#fff;border:none;padding:11px 26px;font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:opacity .15s}
.pk-btn:hover{opacity:.82}

/* ── COMMENTARY (dark fin section) ── */
.commentary{margin-top:48px;border:1px solid rgba(255,255,255,.1);overflow:hidden}
.com-hdr{padding:18px 24px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:10px}
.com-hdr h3{font-family:'Montserrat',sans-serif;font-size:21px;font-weight:400;color:#fff}
.com-hdr p{font-size:12px;color:rgba(255,255,255,.4);margin-top:2px}
.com-badge{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:rgba(130,201,160,.12);color:#82C9A0;padding:3px 12px;white-space:nowrap}
.com-list{padding:16px 24px;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}
.com-list:empty::after{content:'No comments yet.';font-size:13px;color:rgba(255,255,255,.25);font-style:italic;display:block}
.com-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:12px 16px;animation:fi .3s ease}
.com-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.com-au{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#82C9A0}
.com-ti{font-size:10px;color:rgba(255,255,255,.3)}
.com-tx{font-size:13px;color:rgba(255,255,255,.78);line-height:1.55}
.com-input{padding:14px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}
.com-row{display:flex;gap:10px}
.com-n{flex:0 0 175px;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:'Montserrat',sans-serif;font-size:13px;outline:none}
.com-n::placeholder{color:rgba(255,255,255,.28)}
.com-n:focus{border-color:rgba(130,201,160,.5)}
.com-t{flex:1;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:'Montserrat',sans-serif;font-size:13px;resize:vertical;min-height:70px;outline:none}
.com-t::placeholder{color:rgba(255,255,255,.28)}
.com-t:focus{border-color:rgba(130,201,160,.5)}
.com-submit-row{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.com-st{font-size:12px;color:rgba(255,255,255,.4)}
.com-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);padding:10px 26px;font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .15s}
.com-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}

/* ── BU UPDATES ── */
.bu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);overflow:hidden;margin-top:52px}
.bu-card{background:var(--white)}
.bu-hdr{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--off)}
.bu-icon{font-size:17px}
.bu-logo{height:28px;width:auto;display:block}
.bu-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text)}
.bu-lead{margin-left:auto;font-size:10px;color:var(--muted);font-weight:500}
.bu-pts{padding:16px 20px;border-bottom:1px solid var(--border)}
.bu-pt{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid var(--light);font-size:13px;color:var(--mid);line-height:1.5}
.bu-pt:last-child{border-bottom:none}
.bu-dot{width:5px;height:5px;border-radius:50%;background:var(--border-dk);flex-shrink:0;margin-top:7px}
.bu-toggle{display:flex;width:100%;align-items:center;gap:5px;padding:10px 20px;border:none;border-top:1px solid var(--border);background:var(--off);font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);cursor:pointer;transition:background .15s}
.bu-toggle:hover{background:var(--light)}
.bu-toggle.has-c{background:var(--dark);color:#fff}
.bu-box{display:none;border-top:1px solid var(--border);background:var(--off);animation:fi .2s ease}
.bu-box.open{display:block}
.bu-list{padding:12px 16px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}
.bu-list:empty::after{content:'No comments yet.';font-size:12px;color:var(--muted);font-style:italic}
.bu-ci{background:var(--white);border:1px solid var(--border);padding:10px 14px;animation:fi .25s ease}

/* ── GOALS ── */
.goal-4p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
.goal-4p-card{background:var(--off);border:1px solid var(--border);border-top:3px solid var(--green);padding:20px 18px}
.goal-4p-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:6px}
.goal-4p-p{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.goal-4p-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;margin-bottom:8px}
.goal-4p-sub{font-size:11px;color:var(--muted);line-height:1.5}
.goal-4p-bar-wrap{margin-top:10px}
.goal-brand-grid{display:flex;flex-direction:column;gap:24px}
.goal-card{border:1px solid var(--border);border-top:3px solid var(--sky);background:var(--white);overflow:hidden}
.goal-brand{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--off);display:flex;align-items:center;gap:10px}
.goal-brand-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text)}
.goal-brand-full{font-size:11px;color:var(--muted);font-weight:500}
.goal-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:11px 20px;border-bottom:1px solid var(--light)}
.goal-row:last-child{border-bottom:none}
.goal-row-inner{display:flex;flex-direction:column;gap:3px}
.goal-name{font-size:12.5px;color:var(--text);font-weight:500;line-height:1.4}
.goal-owner{font-size:10.5px;color:var(--muted)}
.goal-note{font-size:10.5px;color:var(--mid);font-style:italic;margin-top:3px;padding-left:8px;border-left:2px solid var(--border-dk)}
.goal-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:150px}
.goal-bar{width:150px;height:5px;background:var(--light);border-radius:3px;overflow:hidden}
.goal-bar-fill{height:100%;border-radius:3px;background:var(--sky)}
.goal-bar-fill.gf-green{background:var(--green)}
.goal-bar-fill.gf-gold{background:var(--gold)}
.goal-bar-fill.gf-rust{background:var(--rust)}
.goal-bar-fill.gf-muted{background:var(--muted)}
.goal-bar-label{font-size:9.5px;color:var(--muted);white-space:nowrap;text-align:right}
.goal-status{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:2px 7px;border-radius:2px;white-space:nowrap}
.goal-status.gs-on-track{background:var(--pos-bg);color:var(--pos)}
.goal-status.gs-at-risk{background:var(--warn-bg);color:var(--warn)}
.goal-status.gs-off-track{background:var(--neg-bg);color:var(--neg)}
.goal-status.gs-near{background:var(--warn-bg);color:var(--warn)}
.goal-status.gs-strong{background:var(--pos-bg);color:var(--pos)}
.goal-status.gs-nearly-done{background:var(--pos-bg);color:var(--pos)}
.goal-status.gs-over-target{background:var(--neg-bg);color:var(--neg)}

/* ── UTILITIES ── */
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.divider{height:1px;background:var(--border);margin:48px 0}

/* ── RESPONSIVE ── */
@media(max-width:1000px){
  .nav-top-row{padding:0 20px 0 76px;height:60px}
  .hamburger{display:flex}
  .nav-links{display:none;padding:8px 16px 12px;flex-direction:column;align-items:flex-start;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links a{padding:8px 12px;border-bottom:1px solid var(--light);width:100%}
  .nav-right{display:none}
  #nav-links.open + .nav-company{display:flex;flex-direction:column;align-items:flex-start;padding:0 16px 10px;border-top:2px solid var(--border-dk);background:var(--off)}
  .nav-company-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);padding:10px 12px 4px;width:100%}
  .nav-company a{display:block;padding:8px 12px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);text-decoration:none;width:100%;border-bottom:1px solid var(--light);position:relative}
  .nav-company a:hover{color:var(--text)}
  .s{padding:56px 24px}
  .ov-title{font-size:52px}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .agenda-wrap{grid-template-columns:1fr}
  .members-grid{grid-template-columns:repeat(2,1fr)}
  .cx-grid{grid-template-columns:1fr}
  .cx-pillars{grid-template-columns:1fr}
  .goals-pillars{grid-template-columns:repeat(2,1fr)}
  .goal-4p-grid{grid-template-columns:repeat(2,1fr)}
  .fin-grid{grid-template-columns:repeat(2,1fr)}
  .actions-grid{grid-template-columns:1fr}
  .bu-grid{grid-template-columns:1fr}
  .ai-wins{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ov-title{font-size:38px}
  .h1{font-size:36px}
  .members-grid{grid-template-columns:1fr}
  .goals-pillars{grid-template-columns:1fr}
  .goal-4p-grid{grid-template-columns:1fr}
  .goal-row{grid-template-columns:1fr;gap:8px}
  .goal-right{align-items:flex-start;min-width:unset}
  .goal-bar{width:100%}
  .fin-grid{grid-template-columns:1fr}
  .pk-row{flex-direction:column}
  .pk-name{flex:none;width:100%}
  .s{padding:40px 16px}
}
