:root{--ink:#153a35;--muted:#536b65;--cream:#f6f4eb;--line:#d7dfd5;--green:#215a43;--gold:#d4ab5b}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}header{max-width:1160px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:13px;font-weight:800;text-decoration:none;color:var(--ink)}.mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:50%;height:44px;width:44px;letter-spacing:0}.quiet{font-size:13px;color:var(--muted)}main{max-width:900px;padding:25px 32px 60px;margin:auto}.wide{max-width:1240px}.notice{font-size:13px;background:#e8ede0;padding:12px 16px;border-left:3px solid var(--gold);margin-bottom:36px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;margin:12px 0 18px}h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,80px);font-weight:400;line-height:1.06;letter-spacing:-2px;margin:18px 0 26px}h1 em{color:var(--green)}h1.smaller{font-size:clamp(35px,5vw,52px);letter-spacing:-1px}h2{font-size:20px;line-height:1.35}h3{font-size:16px}.lead{max-width:650px;font-size:20px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.intro-grid p{color:var(--muted);font-size:15px}.card{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:28px;margin:24px 0;box-shadow:0 12px 36px #153a3505}.narrow{max-width:650px;margin:40px auto}label{display:block;font-weight:650;margin:18px 0 8px}input,select,textarea{font:inherit;color:var(--ink);border:1px solid #a8bab0;border-radius:8px;padding:12px;background:white;max-width:100%;width:100%}textarea{resize:vertical;line-height:1.6}select{max-width:320px}button{font:600 15px/1.4 system-ui;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:13px 20px;cursor:pointer;margin:12px 0;min-height:46px}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:var(--ink);border-color:#a8bab0}.danger{background:transparent;color:#8d332c;border-color:#c9a59e}.check{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:400;margin:20px 0}.check input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.contact-fields{background:#f3f6ee;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;padding:4px 20px 16px;margin:8px 0 20px}.small{font-size:13px;color:var(--muted)}details{margin:22px 0;font-size:14px}summary{cursor:pointer;font-weight:650}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions input{flex:1;min-width:180px}.messages{display:flex;flex-direction:column;gap:16px;margin:30px 0}.bubble{max-width:88%;padding:18px 22px;border-radius:14px;background:#e4ebdf;overflow-wrap:anywhere}.bubble strong{font-size:11px;text-transform:uppercase;letter-spacing:1px}.bubble p{margin:8px 0 0;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--green);color:white}.bubble.pending{align-self:flex-start;background:#edf2ea;color:var(--muted);border:1px dashed #a8bab0;font-style:italic}.compose{background:#fffdf8;padding:20px;border:1px solid var(--line);border-radius:14px}.error{padding:16px;background:#f7e4dc;border:1px solid #d4a694;border-radius:8px;margin-bottom:20px}.records{display:grid;gap:6px}.record{text-align:left;margin:0}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}footer{padding:25px 32px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:10px}
.agima-powered-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);text-decoration:none;padding:4px 12px;border-radius:9999px;background:#eef3ec;border:1px solid #c5d4c8;transition:all .2s ease}
.agima-powered-link:hover{color:var(--ink);background:#e1ece3;border-color:var(--green);transform:translateY(-1px);text-decoration:none}
.agima-forge-name{color:var(--green);font-weight:700}
.agima-powered-icon{font-size:11px;color:var(--green);transition:transform .15s ease}
.agima-powered-link:hover .agima-powered-icon{transform:translate(1px,-1px)}a{color:var(--green)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:600px){header{padding:16px}.quiet{font-size:11px}main{padding:20px 16px}.intro-grid{grid-template-columns:1fr;gap:5px}.card{padding:20px}.bubble{max-width:95%}.actions{gap:6px}button{width:100%;margin:5px 0}.brand{font-size:11px;letter-spacing:1px}}

.dash-top,.synth-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px;margin:20px 0}
.kpi-card{background:#fffdf8;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:14px;padding:18px 20px;box-shadow:0 8px 24px #153a3505}
.kpi-val{font-family:Georgia,serif;font-size:38px;line-height:1.1;margin:4px 0 6px;color:var(--green)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0}
.synth-card{border-left:4px solid var(--gold)}
.synth-section{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}
.synth-box{background:#f5f7f0;border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.synth-list{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;font-size:15px}
.urgent-item{color:#7c261f;font-weight:600}
.pos-item{color:#1d543c}
.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:12px}
.theme-card{background:#f8f9f3;border:1px solid var(--line);border-radius:12px;padding:16px}
.cat-bars{display:grid;gap:10px;margin-top:14px}
.cat-row{width:100%;text-align:left;background:#f7f8f2;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0}
.cat-row.active{background:#e3ece2;border-color:var(--green);box-shadow:0 0 0 2px var(--green)}
.cat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.cat-name{font-weight:700;font-size:14px}
.cat-count{font-size:12px;color:var(--muted);font-weight:600}
.cat-track{height:8px;background:#dde4da;border-radius:99px;overflow:hidden}
.cat-fill{height:100%;background:var(--green);border-radius:99px}
.table-wrap{overflow-x:auto;margin-top:12px}
.fin-table{width:100%;border-collapse:collapse;font-size:14px}
.fin-table th,.fin-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.fin-table th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.strong-cell{font-weight:700;color:var(--green)}
.cost-cell{font-weight:600;color:#8d332c}
.ref-chip{background:#e4ebdf;color:var(--ink);border:1px solid #b8c7b9;border-radius:6px;padding:3px 8px;font:600 12px monospace;min-height:0;margin:0;width:auto}
.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:16px}
.record-card{background:#faf9f4;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}
.record-card.selected{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}
.record-snippet{margin:4px 0;font-size:14px;line-height:1.55;flex:1}
.badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:#e6ece2;color:var(--ink);letter-spacing:.4px}
.badge.status-approved{background:#d4e8d9;color:#14492f}
.badge.status-draft{background:#f0e6cc;color:#664d14}
.badge.ok{background:#dcebe1;color:#19533a}
.topic-tag{font-size:11px;padding:2px 8px;border-radius:6px;background:#eef1e8;border:1px solid var(--line);color:var(--muted)}
.small-btn{padding:8px 12px;min-height:36px;font-size:13px;margin:4px 0 0}
.box-pre{background:#f5f6ef;border:1px solid var(--line);border-radius:10px;padding:14px;margin:8px 0 16px;font-size:14px}
.facts-cards{display:grid;gap:10px}
.fact-item{background:#f5f6ef;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:12px 14px}
.fact-item p{margin:6px 0 0}
.review-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:850px){.grid-2{grid-template-columns:1fr}}
@media print{header,.actions,#login,.records-grid,#detail,footer{display:none!important}body{background:white}.card{box-shadow:none;border:1px solid #ccc}}

.kpi-critical{border-top-color:#b3261e;background:#fff8f7}
.kpi-critical .kpi-val{color:#b3261e}
.kpi-high{border-top-color:#c75300;background:#fffaf5}
.kpi-high .kpi-val{color:#c75300}
.sev-border-critical{border-left:4px solid #b3261e!important}
.sev-border-high{border-left:4px solid #c75300!important}
.sev-border-moderate{border-left:4px solid #b8860b!important}
.sev-border-low{border-left:4px solid #8a9992!important}
.sev-border-positive{border-left:4px solid #215a43!important}
.badge.sev-critical,.topic-tag.sev-tag-critical{background:#f9d8d6;color:#7d140e;border-color:#e8a8a3;font-weight:700}
.badge.sev-high,.topic-tag.sev-tag-high{background:#fce3cf;color:#8a3800;border-color:#ebb891;font-weight:700}
.badge.sev-moderate,.topic-tag.sev-tag-moderate{background:#f6ecc9;color:#664d00;border-color:#dfd096}
.badge.sev-low,.topic-tag.sev-tag-low{background:#ebeeea;color:#4f5e58;border-color:#cfd6ce}
.badge.sev-positive,.topic-tag.sev-tag-positive{background:#d7ebe0;color:#14492f;border-color:#a8d1b8}
.sev-fill-critical{background:#b3261e!important}
.sev-fill-high{background:#c75300!important}
.sev-fill-moderate{background:#b8860b!important}
.sev-fill-low{background:#8a9992!important}
.sev-fill-positive{background:#215a43!important}

.raffle-banner{border-radius:12px;padding:16px 20px;margin:14px 0;border:1px solid var(--line)}
.raffle-banner.eligible{background:#eef7f1;border-left:4px solid var(--green)}
.raffle-banner.not-eligible{background:#f9f4e8;border-left:4px solid var(--gold)}
.ticket-count{font-family:Georgia,serif;font-size:28px;font-weight:700;color:var(--green);margin-bottom:4px}
.ref-share-box{margin-top:12px}
.ref-share-box input{font-family:monospace;font-size:14px;background:#f5f7f0;margin-bottom:8px}
.lang-top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fffdf8;border:2px solid var(--green);border-radius:12px;padding:12px 18px;margin-bottom:18px;box-shadow:0 6px 20px #153a3508}
.lang-top-bar label,.lang-bar-title{margin:0;font-weight:700;font-size:15px;color:var(--green)}
.lang-toggle{display:inline-flex;background:#e8ede0;border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px}
.lang-btn{margin:0;min-height:38px;padding:8px 18px;border-radius:7px;font-weight:700;font-size:14px;background:transparent;color:var(--ink);border:1px solid transparent;width:auto}
.lang-btn.active{background:var(--green);color:white;border-color:var(--green);box-shadow:0 2px 8px #153a3525}
.raffle-showcase{background:linear-gradient(135deg,#fffdf8 0%,#f7f2e2 100%);border:2px solid var(--gold);border-left:6px solid var(--green);box-shadow:0 16px 40px #153a3514;padding:28px;position:relative;overflow:hidden}
.raffle-hero-top{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dfd7c2}
.raffle-pool-box{background:linear-gradient(155deg,#1d523d 0%,#123528 100%);color:#fffdf8;border:2px solid var(--gold);border-radius:16px;padding:18px 22px;text-align:center;min-width:175px;box-shadow:0 10px 24px #153a3526;display:flex;flex-direction:column;align-items:center;justify-content:center}
.raffle-pool-label{font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#f5d587;margin-bottom:4px}
.raffle-pool-amount{font-family:Georgia,serif;font-size:44px;font-weight:700;line-height:1.05;color:#ffffff;letter-spacing:-1px;margin:2px 0 6px}
.raffle-pool-sub{font-size:12px;font-weight:700;color:#e3ece2;background:#ffffff1a;padding:4px 10px;border-radius:99px}
.raffle-eyebrow{color:var(--green);margin:0 0 8px}
.raffle-hero-copy h2{font-size:23px;margin:0 0 10px;color:var(--ink)}
.raffle-intro{font-size:15px;color:var(--ink);margin:0 0 12px;line-height:1.55}
.raffle-limit-pill{background:#eef5ee;border:1.5px solid var(--green);border-left:5px solid var(--green);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink);line-height:1.5}
.raffle-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.raffle-step-card{background:#fffdf9;border:1px solid #dcd5c1;border-top:3px solid var(--gold);border-radius:12px;padding:14px 16px;box-shadow:0 4px 12px #153a3508;display:flex;flex-direction:column;gap:8px}
.raffle-step-badge{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#e4eee7;color:var(--green);border:1px solid #bdd4c5;padding:3px 9px;border-radius:99px}
.raffle-step-card .small{color:var(--ink);font-size:13.5px;line-height:1.5}
.backstory-card{background:linear-gradient(145deg,#fffdf9 0%,#f3f6ee 100%);border:1px solid var(--line);border-left:5px solid var(--green);margin:28px 0;padding:26px 28px}
.backstory-eyebrow{color:var(--green);margin:0 0 8px}
.backstory-card h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 12px;color:var(--ink)}
.backstory-card p{margin:10px 0 0;font-size:15.5px;line-height:1.65;color:var(--ink)}
@media(max-width:760px){.raffle-hero-top{grid-template-columns:1fr;gap:16px}.raffle-pool-box{width:100%;padding:16px}.raffle-steps-grid{grid-template-columns:1fr}}

/* Header Navigation & Button Links */
.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav-pill{display:inline-flex;align-items:center;gap:6px;background:#eef5ef;color:var(--green);border:1.5px solid #b8d0c0;border-radius:99px;padding:7px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.nav-pill:hover{background:var(--green);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #153a351f}
.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:12px 18px;font:600 14px/1.4 system-ui;text-decoration:none;min-height:44px;transition:filter .2s ease,transform .2s ease}
.btn-link:hover{filter:brightness(.93);transform:translateY(-1px)}
.btn-link.secondary{background:transparent;color:var(--ink);border-color:#a8bab0}
.kpi-label{font-weight:700;font-size:14px;color:var(--ink);margin-bottom:2px}
.kpi-sub{font-size:12px;color:var(--muted)}

/* Public Results Overview & Theme Filter Pills */
.results-main{padding-top:18px}
.results-back-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#eef5ef;border:1.5px solid #b8d0c0;border-left:5px solid var(--green);border-radius:12px;padding:12px 18px;margin-bottom:24px}
.results-back-bottom{justify-content:center;margin-top:28px;margin-bottom:0}
.back-home-btn{padding:9px 16px;min-height:38px;border-radius:99px;font-size:13.5px;box-shadow:0 4px 12px rgba(21,58,53,0.15)}
.results-hero{margin-bottom:28px}
.results-hero .lead{max-width:820px}
.results-kpi-grid{margin-top:26px}
.results-overview-card{background:linear-gradient(145deg,#fffdf9 0%,#f4f6ee 100%);padding:30px}
.results-exec-text{font-size:16px;line-height:1.7;color:var(--ink);background:#ffffffb8;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:16px 18px;margin:12px 0 18px}
.results-cta-row{margin-top:22px}
.results-theme-cards{display:grid;gap:10px;margin-top:12px}
.results-theme-pill{width:100%;text-align:left;background:#fffdf9;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:12px 15px;margin:0;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.results-theme-pill:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 8px 20px #153a3512}
.results-theme-pill.active{background:#e6f1ea;border-color:var(--green);box-shadow:0 0 0 2px var(--green)}
.results-theme-pill p{margin:4px 0 0;line-height:1.45}

/* Post-It Wall Header & Filter Controls */
.wall-section{margin-top:38px}
.wall-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.wall-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.wall-source-tabs{display:inline-flex;background:#e7ece1;border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}
.wall-tab{margin:0;min-height:36px;padding:7px 14px;border-radius:7px;font-weight:700;font-size:13px;background:transparent;color:var(--ink);border:1px solid transparent;width:auto}
.wall-tab.active{background:var(--green);color:#fff;box-shadow:0 2px 8px #153a3524}
.wall-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wall-filter-row select{width:auto;min-width:210px;padding:9px 12px;font-size:14px}
.wall-filter-row input{width:240px;padding:9px 12px;font-size:14px}
.wall-count-meta{margin:6px 0 16px;font-weight:600}

/* Tactile Corkboard / Post-It Note Wall Surface */
.postit-wall-board{
  background:
    radial-gradient(circle at 20% 20%, rgba(212, 171, 91, 0.14) 0%, transparent 55%),
    radial-gradient(circle at 80% 75%, rgba(33, 90, 67, 0.09) 0%, transparent 55%),
    repeating-radial-gradient(rgba(120, 92, 52, 0.045) 0 1px, transparent 1px 14px),
    linear-gradient(160deg, #ede5d1 0%, #e5dbc3 50%, #ece3cf 100%);
  border: 3px solid #cbbba0;
  border-radius: 22px;
  padding: 34px 28px 42px;
  box-shadow: inset 0 3px 14px rgba(65, 48, 24, 0.12), 0 18px 44px rgba(21, 58, 53, 0.09);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
  gap: 26px;
  align-items: start;
}

/* Individual Post-It Note Tile */
.postit-tile{
  position: relative;
  border-radius: 4px 4px 16px 4px;
  padding: 24px 22px 18px;
  color: #1e2923;
  box-shadow:
    0 10px 22px rgba(28, 35, 25, 0.14),
    0 2px 5px rgba(28, 35, 25, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.postit-tile::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, transparent 50%, rgba(0, 0, 0, 0.08) 50%);
  border-bottom-right-radius: 14px;
  pointer-events: none;
}

/* Post-It Paper Color Palettes */
.postit-yellow{background:linear-gradient(165deg,#fff9b8 0%,#fef08a 100%);border-color:#ebd65b}
.postit-amber{background:linear-gradient(165deg,#ffedd5 0%,#fed7aa 100%);border-color:#f3be7a}
.postit-rose{background:linear-gradient(165deg,#ffe4e6 0%,#fecdd3 100%);border-color:#f3a6b0}
.postit-mint{background:linear-gradient(165deg,#dcfce7 0%,#bbf7d0 100%);border-color:#8ce0ab}
.postit-sky{background:linear-gradient(165deg,#e0f2fe 0%,#bae6fd 100%);border-color:#88ccf2}
.postit-cream{background:linear-gradient(165deg,#fefce8 0%,#fef3c7 100%);border-color:#e5d38c}

/* Organic Post-It Rotations & Hover Lift */
.wall-postit.tilt-1{transform:rotate(-1.4deg)}
.wall-postit.tilt-2{transform:rotate(1.2deg)}
.wall-postit.tilt-3{transform:rotate(-0.8deg)}
.wall-postit.tilt-4{transform:rotate(1.6deg)}
.wall-postit.tilt-5{transform:rotate(-1.7deg)}
.wall-postit.tilt-6{transform:rotate(0.9deg)}
.wall-postit:hover,.wall-postit:focus-within{
  transform:rotate(0deg) translateY(-6px) scale(1.015)!important;
  box-shadow:0 20px 36px rgba(21,58,53,0.22),0 4px 10px rgba(21,58,53,0.12);
  z-index:3;
}

/* Top Tape & Thumbtack Decorations */
.postit-tape{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%) rotate(-1.5deg);
  width:78px;
  height:22px;
  background:rgba(255,255,255,0.58);
  border:1px solid rgba(180,170,145,0.32);
  box-shadow:0 2px 4px rgba(0,0,0,0.05);
  pointer-events:none;
}
.postit-thumbtack{
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
  font-size:20px;
  line-height:1;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,0.25));
  pointer-events:none;
}

/* Post-It Inner Typography & Badges */
.postit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-top:2px}
.postit-source-badge{font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:rgba(21,58,53,0.1);color:#13362f}
.postit-source-badge.source-porter{background:#184a36;color:#fff}
.postit-source-badge.source-online{background:#1e3a5f;color:#fff}
.postit-cat-group{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
button.postit-cat-badge,.postit-cat-badge{margin:0;width:auto;min-height:0;font:700 11px/1.25 system-ui,-apple-system,Segoe UI,sans-serif;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,0.68);color:#1c3b34;border:1px solid rgba(0,0,0,0.12);cursor:pointer;transition:background .15s ease,transform .15s ease}
button.postit-cat-badge:hover{background:rgba(255,255,255,0.95);transform:translateY(-1px);filter:none}
button.postit-cat-badge.is-active{background:#153a35;color:#fff;border-color:#153a35}
.postit-pin-badge{font-size:11px;font-weight:800;color:#8d271e;background:rgba(255,255,255,0.75);padding:2px 7px;border-radius:99px}
.postit-quote{
  margin:2px 0;
  font-family:Georgia,serif;
  font-size:17.5px;
  line-height:1.48;
  font-weight:500;
  color:#142823;
  overflow-wrap:anywhere;
}
.postit-details{margin:2px 0 0;font-size:13px;border-top:1px dashed rgba(0,0,0,0.15);padding-top:6px}
.postit-details-summary{font-size:12px;font-weight:700;color:#334e47}
.postit-comment{margin:6px 0 0;font-size:13px;line-height:1.5;color:#2c423c}
.postit-footer{
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,0.09);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  color:#384d47;
}
.postit-author{font-weight:700}
.postit-date{font-size:11px;opacity:.8}
.postit-link{font-weight:700;font-size:11.5px;color:#153a35;text-decoration:underline}

/* Admin Online Quotes Form & Grid */
.quote-admin-form{background:#f7f8f2;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:14px 0}
.quote-admin-form label{margin:10px 0 5px;font-size:14px}
.quote-admin-form select{max-width:100%}
.quote-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.compact-check{margin:6px 0}
.admin-postit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:14px}
.postit-admin-actions{display:flex;gap:6px;align-items:center}
.postit-admin-actions button{margin:0;padding:4px 9px;min-height:28px;font-size:12px}

/* CareerCove-Style Scroll Reveal Animations (IntersectionObserver) */
.pv-reveal-ready [data-reveal]{
  opacity:0;
  will-change:opacity,transform;
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}
.pv-reveal-ready [data-reveal="fade-up"]{transform:translateY(34px)}
.pv-reveal-ready [data-reveal="scale-up"]{transform:translateY(26px) scale(0.93)}
.pv-reveal-ready [data-reveal="slide-left"]{transform:translateX(-34px) rotate(-2deg)}
.pv-reveal-ready [data-reveal="slide-right"]{transform:translateX(34px) rotate(2deg)}
.pv-reveal-ready [data-reveal="postit-pop"]{transform:translateY(40px) scale(0.91) rotate(-3.5deg)}

.pv-reveal-ready [data-reveal].is-visible{opacity:1}
.pv-reveal-ready [data-reveal]:not(.wall-postit).is-visible{transform:translate(0,0) scale(1)}
.pv-reveal-ready .wall-postit.tilt-1.is-visible{transform:rotate(-1.4deg)}
.pv-reveal-ready .wall-postit.tilt-2.is-visible{transform:rotate(1.2deg)}
.pv-reveal-ready .wall-postit.tilt-3.is-visible{transform:rotate(-0.8deg)}
.pv-reveal-ready .wall-postit.tilt-4.is-visible{transform:rotate(1.6deg)}
.pv-reveal-ready .wall-postit.tilt-5.is-visible{transform:rotate(-1.7deg)}
.pv-reveal-ready .wall-postit.tilt-6.is-visible{transform:rotate(0.9deg)}

.pv-reveal-ready [data-delay="1"]{transition-delay:0.07s}
.pv-reveal-ready [data-delay="2"]{transition-delay:0.15s}
.pv-reveal-ready [data-delay="3"]{transition-delay:0.23s}
.pv-reveal-ready [data-delay="4"]{transition-delay:0.31s}

@media (prefers-reduced-motion: reduce){
  .pv-reveal-ready [data-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
@media(max-width:760px){
  .wall-controls{align-items:stretch;width:100%}
  .wall-filter-row input,.wall-filter-row select{width:100%}
  .postit-wall-board{padding:20px 14px;gap:18px}
}

/* Upfront WhatsApp / Phone Number Box & Anonymous Ticket Leaderboard */
.upfront-phone-box{
  background:linear-gradient(150deg,#eef6f0 0%,#f7f9f2 100%);
  border:2px solid var(--green);
  border-left:6px solid var(--green);
  border-radius:14px;
  padding:20px 22px;
  margin:14px 0 22px;
  box-shadow:0 8px 24px #153a3510;
}
.phone-lookup-bar{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:6px;
}
.phone-lookup-bar input{
  flex:1;
  min-width:210px;
  font-size:17px;
  font-weight:600;
  border:1.5px solid var(--green);
}
.phone-lookup-bar button{
  margin:0;
  white-space:nowrap;
}
.upfront-more-details{
  margin:10px 0 6px;
  font-size:13.5px;
}
.upfront-more-details label{
  margin:8px 0 4px;
  font-size:13.5px;
}
.upfront-share-card{
  margin-top:16px;
  padding:22px 24px;
  background:linear-gradient(145deg,#fffdf8 0%,#f5f9f0 55%,#fcf6e3 100%);
  border:2px solid var(--gold);
  border-left:6px solid var(--green);
  border-radius:14px;
  box-shadow:0 12px 30px #153a3514;
}
.share-bonus-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  margin-bottom:14px;
}
.share-bonus-badge{
  background:linear-gradient(155deg,#1d523d 0%,#123528 100%);
  color:#fffdf8;
  border:2px solid var(--gold);
  border-radius:14px;
  padding:14px 16px;
  text-align:center;
  min-width:138px;
  box-shadow:0 8px 20px #153a3524;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.share-bonus-plus{
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:700;
  line-height:1.1;
  color:#f8dc8c;
  letter-spacing:-.5px;
}
.share-bonus-sub{
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#ffffff;
  background:#ffffff1f;
  padding:3px 9px;
  border-radius:99px;
}
.share-bonus-copy .eyebrow{
  color:var(--green);
  margin:0 0 6px;
}
.share-bonus-title{
  font-family:Georgia,serif;
  font-size:22px;
  line-height:1.28;
  margin:0 0 8px;
  color:var(--ink);
}
.share-bonus-lead{
  margin:0;
  font-size:15px;
  line-height:1.55;
  color:var(--ink);
}
.share-bonus-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 16px;
  padding:12px 14px;
  background:#eef6ef;
  border:1.5px solid #bcd4c2;
  border-radius:10px;
}
.share-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#ffffff;
  color:var(--ink);
  border:1px solid #c5d8ca;
  border-radius:99px;
  padding:5px 13px;
  font-size:13.5px;
  box-shadow:0 2px 6px #153a350a;
}
.share-pill strong{
  color:var(--green);
}
.share-link-label{
  margin:0 0 6px;
  font-size:14px;
  font-weight:700;
  color:var(--green);
}
.share-wa-btn{
  font-size:15.5px;
  font-weight:700;
  padding:14px 22px;
  box-shadow:0 6px 16px #153a3522;
}
.upfront-share-card input{
  font-family:monospace;
  font-size:15px;
  font-weight:700;
  background:#ffffff;
  border:2px solid var(--green);
  margin:4px 0 10px;
}
@media(max-width:720px){
  .share-bonus-top{grid-template-columns:1fr;gap:12px}
  .share-bonus-badge{width:100%;flex-direction:row;gap:12px;padding:12px 16px}
}
.leaderboard-card{
  background:#fffdf9;
  border:1.5px solid var(--line);
  border-top:4px solid var(--gold);
  border-radius:12px;
  padding:16px 18px;
  margin-top:14px;
  box-shadow:0 6px 18px #153a350c;
}
.leaderboard-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.leaderboard-table th,.leaderboard-table td{
  padding:9px 10px;
  vertical-align:middle;
}
.lb-rank-pill{
  display:inline-block;
  font-weight:800;
  font-size:13px;
  padding:3px 9px;
  border-radius:99px;
  background:#e7eee8;
  color:var(--ink);
}
.lb-rank-pill.lb-top3{
  background:linear-gradient(135deg,#f6df9d 0%,#dfB355 100%);
  color:#2b1e00;
  border:1px solid #c59734;
}
.lb-row-highlight{
  background:linear-gradient(90deg,#e3f3e8 0%,#f5f9e9 100%)!important;
  font-weight:700;
}
.lb-row-highlight td{
  border-top:2px solid var(--green);
  border-bottom:2px solid var(--green);
}
.lb-row-highlight td:first-child{
  border-left:4px solid var(--green);
}
.lb-eleventh-row{
  background:linear-gradient(90deg,#fff3d1 0%,#e7f4ea 100%)!important;
}
.lb-separator-row td{
  text-align:center!important;
  padding:4px 8px!important;
  color:var(--muted);
  font-weight:800;
  letter-spacing:3px;
  background:#f6f7f1;
}
.lb-you-badge{
  display:inline-block;
  margin-left:8px;
  font-size:11.5px;
  font-weight:800;
  padding:2px 8px;
  border-radius:99px;
  background:var(--green);
  color:#ffffff;
  letter-spacing:.3px;
}

/* Admin Workspace Tab Bar */
.admin-tab-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  background:#ebefe5;
  border:1.5px solid var(--line);
  border-radius:14px;
  padding:8px;
  margin:22px 0 18px;
  position:sticky;
  top:10px;
  z-index:20;
  box-shadow:0 8px 24px #153a3514;
}
.admin-tab-btn{
  margin:0;
  min-height:42px;
  padding:9px 16px;
  border-radius:10px;
  font:700 14px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;
  background:transparent;
  color:var(--ink);
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.admin-tab-btn:hover{
  background:#dce5d8;
  filter:none;
}
.admin-tab-btn.active{
  background:var(--green);
  color:#ffffff;
  border-color:var(--green);
  box-shadow:0 4px 12px #153a352b;
}
.admin-tab-all{
  margin-left:auto;
}
.tab-pill{
  display:inline-block;
  font-size:11.5px;
  font-weight:800;
  padding:2px 8px;
  border-radius:99px;
  background:rgba(21,58,53,0.12);
  color:inherit;
}
.admin-tab-btn.active .tab-pill{
  background:rgba(255,255,255,0.22);
  color:#ffffff;
}
@media(max-width:760px){
  .admin-tab-bar{position:static}
  .admin-tab-btn{width:100%;justify-content:space-between}
  .admin-tab-all{margin-left:0}
}
@media print{
  .admin-tab-bar{display:none!important}
  .admin-tab-panel[hidden]{display:block!important}
}

/* Raffle Winner 2-Step Verification Boxes */
.raffle-checks-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:10px;
}
.raffle-check-box{
  background:#f7f8f2;
  border:1.5px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:10px;
  padding:12px 14px;
}
.raffle-check-box.is-verified{
  background:#eef7f1;
  border-color:#b5d3c0;
  border-left:4px solid var(--green);
}
.raffle-check-box.raffle-check-na{
  background:#f4f5f0;
  border-left-color:#9aa8a1;
  opacity:.88;
}
.raffle-check-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:4px;
}
@media(max-width:850px){
  .raffle-checks-grid{grid-template-columns:1fr}
}

.send-row{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:12px;
}
.send-row button{
  margin:0;
}
.enter-send-check{
  margin:0;
  align-items:center;
  cursor:pointer;
  user-select:none;
}
.enter-send-check input{
  margin-top:0;
  cursor:pointer;
}

/* Loading Spinner & Button Working State */
@keyframes pv-spin{
  to{transform:rotate(360deg)}
}
button.is-loading{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  opacity:.9!important;
  cursor:wait;
}
button.is-loading::before,
.bubble.pending p::before{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  border:2.5px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:pv-spin .7s linear infinite;
  flex-shrink:0;
  vertical-align:-3px;
}
.bubble.pending p::before{
  margin-right:8px;
}

/* Home Page Card Hover Lift & Chat Bubble Entrance */
.intro-grid{
  gap:24px;
}
.intro-grid article{
  background:#fffdf8;
  border:1.5px solid #c5d4c8;
  border-top:4px solid var(--green);
  border-radius:16px;
  padding:24px 26px;
  box-shadow:0 6px 20px rgba(21,58,53,0.06);
}
.intro-grid article h2{
  margin-top:0;
  margin-bottom:10px;
}
.intro-grid article p{
  margin:0;
}
.intro-grid article,
.raffle-step-card,
.fact-item{
  transition:transform .28s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .28s cubic-bezier(0.22, 1, 0.36, 1),border-color .28s ease;
}
.intro-grid article:hover,
.raffle-step-card:hover,
.fact-item:hover{
  transform:translateY(-4px);
  border-color:var(--green);
  box-shadow:0 16px 32px rgba(21,58,53,0.14);
}
@keyframes pv-bubble-in{
  from{opacity:0;transform:translateY(14px) scale(0.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.messages .bubble{
  animation:pv-bubble-in .38s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Viral Share Visibility & Quick-Share Modal Enhancements */
button.nav-pill-share{
  margin:0;
  min-height:38px;
  width:auto;
  background:linear-gradient(145deg,#1d523d 0%,#123528 100%);
  color:#ffffff;
  border:2px solid var(--gold);
  border-radius:99px;
  padding:7px 16px;
  font:700 13.5px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;
  box-shadow:0 4px 14px rgba(21,58,53,0.22);
  cursor:pointer;
}
button.nav-pill-share:hover{
  background:linear-gradient(145deg,#153a35 0%,#0d261c 100%);
  color:#fffdf8;
  transform:translateY(-1px);
  filter:none;
}
.raffle-share-cta-bar{
  margin-top:18px;
  padding:16px 20px;
  background:linear-gradient(135deg,#eef7f0 0%,#fcf6e3 100%);
  border:2px solid var(--green);
  border-left:6px solid var(--green);
  border-radius:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.raffle-share-cta-copy{
  flex:1;
  min-width:230px;
}
.raffle-share-cta-copy > strong{
  display:block;
  font-size:16px;
  color:var(--ink);
  margin-bottom:3px;
}
.raffle-share-cta-copy p{
  margin:0;
  color:var(--ink);
}
.raffle-share-cta-bar button{
  margin:0;
  white-space:nowrap;
}
.celebration-share-banner{
  background:linear-gradient(145deg,#eef9f1 0%,#fffbe6 100%);
  border:2.5px solid var(--green);
  border-left:8px solid var(--gold);
  box-shadow:0 18px 40px rgba(21,58,53,0.16);
  margin-bottom:24px;
}
.celeb-banner-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.celeb-eyebrow{
  color:var(--green);
  margin:0;
}
button.celeb-dismiss-btn{
  margin:0;
  min-height:34px;
  width:auto;
  padding:4px 10px;
  background:transparent;
  color:var(--ink);
  border:1px solid #a8bab0;
  border-radius:8px;
  font-size:13px;
}
.celeb-title{
  font-family:Georgia,serif;
  font-size:24px;
  margin:8px 0 10px;
  color:var(--ink);
}
.celeb-lead{
  color:var(--ink);
  font-size:15px;
  margin:0 0 14px;
}
.share-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
  margin:4px 0 10px;
}
.share-input-wrap input{
  margin:0!important;
  padding-right:112px;
  cursor:pointer;
  font-family:monospace;
  font-size:15px;
  font-weight:700;
  background:#ffffff;
  color:var(--ink);
  border:2px solid var(--green);
}
.share-copy-hint{
  position:absolute;
  right:8px;
  background:var(--ink);
  color:#ffffff;
  font-size:11.5px;
  font-weight:700;
  padding:5px 10px;
  border-radius:6px;
  pointer-events:none;
}
.share-multi-actions{
  gap:10px;
  margin-top:6px;
}
.qr-code-box{
  margin-top:14px;
  padding:18px;
  background:#ffffff;
  border:2px dashed var(--green);
  border-radius:14px;
  text-align:center;
}
.qr-caption{
  margin:0 0 12px;
  color:var(--ink);
  font-weight:600;
}
.qr-svg-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:#ffffff;
  border:2px solid var(--ink);
  border-radius:12px;
  box-shadow:0 6px 18px rgba(21,58,53,0.1);
}
.qr-svg-wrap svg{
  width:190px;
  height:190px;
  display:block;
}
.upfront-instant-share{
  margin-top:12px;
  padding:14px 16px;
  background:#ffffff;
  border:2px solid var(--green);
  border-left:5px solid var(--gold);
  border-radius:12px;
}
.upfront-instant-share > strong{
  display:block;
  color:var(--ink);
  font-size:14.5px;
  margin-bottom:6px;
}
button.floating-share-fab{
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:45;
  margin:0;
  width:auto;
  min-height:48px;
  padding:12px 20px;
  border-radius:99px;
  background:linear-gradient(145deg,#1d523d 0%,#103024 100%);
  color:#ffffff;
  border:2.5px solid var(--gold);
  box-shadow:0 12px 28px rgba(16,48,36,0.38);
  font:700 14.5px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:transform .2s ease,box-shadow .2s ease;
}
button.floating-share-fab:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 16px 34px rgba(16,48,36,0.46);
  filter:none;
}
.share-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:100;
  background:rgba(15,23,42,0.78);
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.share-modal-card{
  background:#fffdf8;
  color:var(--ink);
  border:2px solid var(--gold);
  border-top:6px solid var(--green);
  border-radius:18px;
  max-width:640px;
  width:100%;
  max-height:92vh;
  overflow-y:auto;
  padding:24px 26px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,0.35);
}
.share-modal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:6px;
}
.share-modal-header .eyebrow{
  margin:0;
  color:var(--green);
}
button.modal-close-btn{
  margin:0;
  min-height:36px;
  width:auto;
  padding:6px 12px;
  background:#eef3ec;
  color:var(--ink);
  border:1.5px solid #a8bab0;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
}
.share-modal-title{
  font-family:Georgia,serif;
  font-size:25px;
  margin:4px 0 8px;
  color:var(--ink);
}
.modal-phone-box{
  background:#f2f6ee;
  border:1.5px solid #b8d0c0;
  border-left:4px solid var(--green);
  border-radius:12px;
  padding:14px 16px;
  margin:14px 0;
}
.modal-phone-box label{
  margin:0 0 6px;
  font-size:14px;
  color:var(--ink);
}
.modal-phone-box p{
  margin:6px 0 0;
  color:var(--ink);
}
.modal-share-ready{
  background:#fffdf9;
  border:2px solid var(--green);
  border-radius:12px;
  padding:16px;
  margin-top:12px;
}
.share-howto-box{
  background:#f4faf5;
  border:1.5px solid #b5d1bf;
  border-left:5px solid var(--green);
  border-radius:12px;
  padding:14px 16px;
  margin:12px 0 14px;
}
.share-howto-title{
  display:block;
  font-size:15px;
  font-weight:800;
  color:var(--ink);
  margin:0 0 8px;
}
.share-howto-list{
  margin:0;
  padding-left:20px;
  color:var(--ink);
  font-size:13.8px;
  line-height:1.52;
}
.share-howto-list li{
  margin-bottom:6px;
}
.share-howto-list li:last-child{
  margin-bottom:0;
}
.share-howto-rule{
  margin:10px 0 0;
  padding-top:8px;
  border-top:1px dashed #b5d1bf;
  font-size:13px;
  line-height:1.45;
  color:var(--ink);
}
.share-rec-msg-box{
  margin:12px 0 0;
  padding:14px 16px;
  background:linear-gradient(145deg,#fffef9 0%,#eef6f0 100%);
  border:2px solid var(--green);
  border-left:5px solid var(--gold);
  border-radius:12px;
  box-shadow:0 4px 14px rgba(21,58,53,0.08);
}
.share-rec-msg-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.share-rec-msg-label{
  margin:0!important;
  font-size:14px;
  font-weight:800;
  color:var(--ink);
}
.share-rec-msg-hint{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.45;
  color:var(--ink);
}
textarea.share-rec-textarea{
  font:13.8px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--ink);
  background:#ffffff;
  border:1.5px solid var(--green);
  border-radius:8px;
  padding:10px 12px;
  margin:0 0 10px;
  width:100%;
  resize:none;
  overflow:hidden;
  field-sizing:content;
}
.share-rec-msg-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
button.share-rec-copy-btn{
  margin:0;
  width:auto;
  min-height:38px;
  padding:8px 16px;
  font:700 13.5px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;
  background:var(--green);
  color:#ffffff;
  border:1.5px solid var(--green);
  border-radius:8px;
}
.share-rec-copy-status{
  font-size:12.5px;
  font-weight:700;
  color:var(--green);
}
@media(max-width:600px){
  button.floating-share-fab{
    bottom:14px;
    right:14px;
    left:14px;
    justify-content:center;
  }
  .share-modal-card{
    padding:18px 16px;
  }
  .raffle-share-cta-bar button{
    width:100%;
  }
}

/* Live Wall Brag Showcase & Personal Post-It Spotlight */
.live-wall-brag-card{
  background:linear-gradient(155deg,#fffef9 0%,#f0f7f1 55%,#fdf5df 100%);
  border:2.5px solid var(--gold);
  border-top:6px solid var(--green);
  border-radius:16px;
  padding:24px 26px;
  margin-bottom:22px;
  box-shadow:0 16px 38px rgba(21,58,53,0.12);
}
.wall-brag-eyebrow{
  color:var(--green);
  margin:0 0 6px;
}
.wall-brag-title{
  font-family:Georgia,serif;
  font-size:25px;
  line-height:1.25;
  margin:0 0 10px;
  color:var(--ink);
}
.wall-brag-lead{
  margin:0 0 16px;
  font-size:15.5px;
  line-height:1.58;
  color:var(--ink);
}
.live-wall-preview-wrap{
  background:
    repeating-radial-gradient(rgba(120, 92, 52, 0.045) 0 1px, transparent 1px 14px),
    linear-gradient(160deg, #ede5d1 0%, #e5dbc3 50%, #ece3cf 100%);
  border:3px solid #cbbba0;
  border-radius:18px;
  padding:26px 22px;
  margin:14px 0 18px;
  box-shadow:inset 0 2px 10px rgba(65, 48, 24, 0.12);
  display:flex;
  justify-content:center;
}
.live-wall-preview-wrap .postit-tile{
  max-width:540px;
  width:100%;
  transform:rotate(-0.6deg);
}
.wall-brag-actions{
  gap:10px;
  margin-top:8px;
}
a.wall-brag-primary-link{
  background:linear-gradient(145deg,#1d523d 0%,#123528 100%);
  color:#ffffff!important;
  border:2px solid var(--gold);
  font-weight:700;
  box-shadow:0 6px 16px rgba(21,58,53,0.22);
}
a.wall-brag-primary-link:hover{
  background:linear-gradient(145deg,#153a35 0%,#0d261c 100%);
  color:#fffdf8!important;
}
.postit-your-voice-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#153a35;
  color:#f8dc8c;
  border:1.5px solid var(--gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
  padding:3px 10px;
  border-radius:99px;
  box-shadow:0 2px 6px rgba(21,58,53,0.2);
}
.postit-tile.is-your-voice{
  outline:3.5px solid var(--green);
  outline-offset:3px;
  box-shadow:0 18px 38px rgba(21,58,53,0.28),0 0 0 6px rgba(243,184,75,0.45);
  z-index:4;
}
.my-voice-spotlight{
  background:linear-gradient(145deg,#eef9f1 0%,#fffbe6 100%);
  border:2.5px solid var(--green);
  border-left:8px solid var(--gold);
  margin:14px 0 22px;
  padding:20px 24px;
  box-shadow:0 14px 32px rgba(21,58,53,0.14);
}
.my-voice-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.my-voice-eyebrow{
  color:var(--green);
  margin:0;
}
button.my-voice-clear-btn{
  margin:0;
  width:auto;
  min-height:34px;
  padding:6px 14px;
  font-size:13px;
}
.my-voice-title{
  font-family:Georgia,serif;
  font-size:23px;
  margin:4px 0 8px;
  color:var(--ink);
}
.my-voice-desc{
  color:var(--ink);
  font-size:15px;
  margin:0 0 14px;
}
.my-voice-actions{
  gap:10px;
}

/* Lazy Screenshot Paste & Image Upload OCR Zone (Post-It Wall Manager) */
.ocr-paste-zone{
  background:linear-gradient(145deg,#f3f8f3 0%,#fdfaf0 100%);
  border:2.5px dashed var(--green);
  border-radius:14px;
  padding:20px 22px;
  margin:14px 0 18px;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
  outline:none;
}
.ocr-paste-zone:focus,
.ocr-paste-zone.is-dragover{
  background:linear-gradient(145deg,#e6f3ea 0%,#fbf5df 100%);
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(33,90,67,0.18),0 12px 28px rgba(21,58,53,0.1);
}
.ocr-zone-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.ocr-zone-copy{
  flex:1;
  min-width:260px;
}
.ocr-eyebrow{
  color:var(--green);
  margin:0 0 6px;
}
.ocr-zone-copy h3{
  font-size:18px;
  margin:0 0 6px;
  color:var(--ink);
}
.ocr-zone-copy p{
  margin:0;
  color:var(--ink);
  line-height:1.52;
}
.ocr-zone-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.ocr-zone-actions button{
  margin:0;
  white-space:nowrap;
}
.ocr-status-banner{
  margin-top:14px;
  padding:11px 15px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  border:1.5px solid var(--line);
  background:#fffdf8;
  color:var(--ink);
}
.ocr-status-loading{
  background:#eef6f0;
  border-color:var(--green);
  color:var(--green);
}
.ocr-status-ok{
  background:#dcfce7;
  border-color:#215a43;
  color:#133d2b;
}
.ocr-status-error{
  background:#fee2e2;
  border-color:#b91c1c;
  color:#7f1d1d;
}
.ocr-thumbs-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed #bdd0c2;
}
.ocr-thumb-card{
  display:flex;
  align-items:center;
  gap:10px;
  background:#ffffff;
  border:1.5px solid #bfd2c5;
  border-radius:10px;
  padding:6px 10px 6px 6px;
  box-shadow:0 3px 10px rgba(21,58,53,0.08);
}
.ocr-thumb-img{
  width:64px;
  height:48px;
  object-fit:cover;
  border-radius:6px;
  border:1px solid var(--line);
  background:#f4f5f0;
}
.ocr-thumb-meta{
  display:flex;
  align-items:center;
  gap:8px;
}
.ocr-thumb-name{
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
button.ocr-thumb-rm{
  margin:0;
  padding:2px 7px;
  min-height:24px;
  font-size:11.5px;
}
.ocr-drafts-section{
  margin-top:16px;
  padding-top:16px;
  border-top:2px solid #c3d4c7;
}
.ocr-drafts-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.ocr-drafts-header h4{
  margin:0 0 4px;
  font-size:16.5px;
  color:var(--green);
}
.ocr-drafts-header p{
  margin:0;
}
.ocr-drafts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:18px;
}
.ocr-draft-card{
  padding:16px 16px 14px;
  gap:8px;
}
.ocr-draft-card.ocr-draft-unselected{
  opacity:.55;
  filter:grayscale(0.35);
}
.ocr-draft-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.ocr-draft-check{
  margin:0!important;
  align-items:center;
  font-size:14px;
}
.ocr-draft-check input{
  margin-top:0;
}
.ocr-draft-top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.ocr-pin-check{
  margin:0!important;
  align-items:center;
  font-size:12.5px;
  font-weight:700;
}
.ocr-pin-check input{
  width:16px;
  height:16px;
  margin-top:0;
}
.ocr-draft-card label.small{
  margin:4px 0 2px;
  font-size:12px;
  font-weight:700;
  color:#1f3831;
}
.ocr-draft-quote-input,
.ocr-draft-comment-input{
  padding:8px 10px;
  font-size:13.5px;
  line-height:1.45;
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(21,58,53,0.25);
  border-radius:7px;
}
.ocr-draft-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:2px;
}
.ocr-draft-meta-grid select,
.ocr-draft-meta-grid input{
  padding:6px 8px;
  font-size:12.5px;
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(21,58,53,0.25);
  border-radius:6px;
}
.ocr-draft-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
  padding-top:8px;
  border-top:1px dashed rgba(0,0,0,0.14);
}
.ocr-draft-foot button{
  margin:0;
  padding:6px 10px;
  min-height:32px;
  font-size:12px;
}
.ocr-raw-details{
  margin:14px 0 0;
  font-size:13px;
}
.postit-scr-record{
  margin:8px 0 4px;
  padding:8px 10px;
  background:rgba(255,255,255,0.68);
  border:1px dashed rgba(21,58,53,0.28);
  border-radius:8px;
}
.postit-scr-label{
  display:block;
  font-size:11.5px;
  font-weight:700;
  color:#1f3831;
  margin-bottom:6px;
}
.postit-scr-links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.postit-scr-thumb-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#ffffff;
  border:1px solid rgba(21,58,53,0.25);
  border-radius:6px;
  padding:4px 8px 4px 4px;
  text-decoration:none;
  color:#153a35;
  font-size:11.5px;
  font-weight:700;
  box-shadow:0 2px 6px rgba(21,58,53,0.08);
  transition:transform .15s ease,box-shadow .15s ease;
}
.postit-scr-thumb-link:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(21,58,53,0.16);
}
.postit-scr-thumb{
  width:42px;
  height:32px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid #cbd5e1;
  background:#f1f5f9;
}
@media(max-width:760px){
  .ocr-zone-actions{width:100%}
  .ocr-zone-actions button{width:100%}
  .ocr-draft-meta-grid{grid-template-columns:1fr}
}

/* Lead Porter Briefing Page (leaders.html) */
.leaders-main{
  max-width:980px;
  padding-top:18px;
}
.lead-dont-share-banner{
  display:flex;
  align-items:flex-start;
  gap:16px;
  background:linear-gradient(145deg,#fff8eb 0%,#fdf0d5 100%);
  border:2px solid #d48817;
  border-left:7px solid #b42318;
  border-radius:14px;
  padding:18px 22px;
  margin-bottom:24px;
  box-shadow:0 10px 26px rgba(180,35,24,0.08);
}
.lead-dont-share-icon{
  font-size:28px;
  line-height:1;
  flex-shrink:0;
  margin-top:2px;
}
.lead-dont-share-copy > strong{
  display:block;
  font-size:16px;
  color:#7a1c14;
  margin-bottom:4px;
}
.lead-dont-share-copy p{
  margin:0;
  font-size:14.5px;
  line-height:1.55;
  color:var(--ink);
}
.leaders-hero{
  background:linear-gradient(145deg,#fffef9 0%,#f1f7f2 60%,#faf4e4 100%);
  border:2px solid var(--green);
  border-top:6px solid var(--gold);
  padding:32px 30px;
}
.leaders-hero .lead{
  max-width:820px;
  color:var(--ink);
  font-size:18.5px;
  line-height:1.6;
}
.leaders-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 22px;
}
.lead-hero-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#e6f0e9;
  color:var(--ink);
  border:1.5px solid #b3ccb9;
  border-radius:99px;
  padding:6px 14px;
  font-size:13.5px;
  font-weight:700;
}
.leaders-hero-actions{
  margin-top:10px;
}
.leaders-section-card{
  padding:30px;
  margin:28px 0;
}
.leaders-section-card h2{
  font-family:Georgia,serif;
  font-size:26px;
  font-weight:400;
  margin:0 0 12px;
  color:var(--ink);
}
.leaders-lead-text{
  font-size:16px;
  line-height:1.65;
  color:var(--ink);
  margin:0 0 20px;
}
.leaders-help-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
.leaders-help-card{
  background:#ffffff;
  border:1.5px solid var(--line);
  border-top:4px solid var(--green);
  border-radius:14px;
  padding:18px 18px 16px;
  box-shadow:0 6px 18px rgba(21,58,53,0.06);
}
.leaders-help-num{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--green);
  color:#ffffff;
  font-weight:800;
  font-size:14px;
  margin-bottom:10px;
}
.leaders-help-card h3{
  margin:0 0 8px;
  font-size:16.5px;
  color:var(--ink);
}
.leaders-help-card p{
  margin:0;
  font-size:14.2px;
  line-height:1.55;
  color:var(--ink);
}
.leaders-comparison-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:18px 0 26px;
}
.leaders-compare-box{
  border-radius:14px;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.compare-weak{
  background:#fff6f5;
  border:1.5px solid #e6b3ad;
  border-left:5px solid #b42318;
}
.compare-strong{
  background:#f1f9f3;
  border:2px solid #9ec9ab;
  border-left:6px solid var(--green);
  box-shadow:0 8px 22px rgba(33,90,67,0.09);
}
.compare-badge{
  align-self:flex-start;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.7px;
  padding:4px 10px;
  border-radius:99px;
}
.badge-weak{
  background:#fde2df;
  color:#7d140e;
}
.badge-strong{
  background:#1d523d;
  color:#ffffff;
}
.compare-quote{
  font-family:Georgia,serif;
  font-size:16.5px;
  line-height:1.5;
  margin:0;
  color:var(--ink);
}
.leaders-compare-box .small{
  color:var(--ink);
  margin:0;
  line-height:1.5;
}
.leaders-subhead{
  font-size:18px;
  margin:10px 0 14px;
  color:var(--ink);
}
.leaders-tips-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.leaders-tip-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:#fafbf7;
  border:1.5px solid var(--line);
  border-radius:12px;
  padding:16px 18px;
}
.leaders-tip-icon{
  font-size:26px;
  line-height:1;
  flex-shrink:0;
  margin-top:2px;
}
.leaders-tip-item h4{
  margin:0 0 6px;
  font-size:15.5px;
  color:var(--ink);
}
.leaders-tip-item p.small{
  margin:0;
  color:var(--ink);
  font-size:13.8px;
  line-height:1.52;
}
.leaders-vs-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:18px 0 22px;
}
.leaders-vs-card{
  border-radius:14px;
  padding:18px 20px;
}
.vs-bad{
  background:#fff7f6;
  border:1.5px solid #e3b2ac;
}
.vs-good{
  background:#eef8f1;
  border:2px solid var(--green);
  box-shadow:0 8px 22px rgba(21,58,53,0.1);
}
.vs-card-header{
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.6px;
  margin-bottom:10px;
  color:var(--ink);
}
.vs-bad .vs-card-header{
  color:#8a1c13;
}
.vs-good .vs-card-header{
  color:#14492f;
}
.vs-list{
  margin:0;
  padding-left:20px;
  display:grid;
  gap:8px;
  font-size:14.2px;
  line-height:1.5;
  color:var(--ink);
}
.leaders-ticket-math{
  background:#fffdf9;
  border:1.5px solid #d8cfb8;
  border-radius:14px;
  padding:18px 20px;
}
.leaders-math-title{
  display:block;
  font-size:15.5px;
  color:var(--ink);
  margin-bottom:14px;
}
.leaders-math-pills{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.math-pill{
  background:#f6f8f3;
  border:1.5px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.math-pill-highlight{
  background:#eaf5ed;
  border-color:var(--green);
}
.math-pill-gold{
  background:linear-gradient(145deg,#1d523d 0%,#123528 100%);
  border:2px solid var(--gold);
  color:#ffffff;
}
.math-pill-top{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}
.math-pill-gold .math-pill-top,
.math-pill-gold .math-pill-sub{
  color:#e5efe8;
}
.math-pill-val{
  font-family:Georgia,serif;
  font-size:21px;
  color:var(--green);
}
.math-pill-gold .math-pill-val{
  color:#f8dc8c;
}
.math-pill-sub{
  font-size:12px;
  color:var(--ink);
}
.leaders-steps-timeline{
  display:grid;
  gap:16px;
  margin:20px 0 24px;
}
.leaders-timeline-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:flex-start;
  background:#f8faf6;
  border:1.5px solid var(--line);
  border-left:5px solid var(--green);
  border-radius:14px;
  padding:18px 20px;
}
.timeline-badge{
  background:var(--green);
  color:#ffffff;
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
  padding:6px 12px;
  border-radius:99px;
  white-space:nowrap;
  margin-top:2px;
}
.timeline-content h3{
  margin:0 0 6px;
  font-size:17px;
  color:var(--ink);
}
.timeline-content p{
  margin:0;
  font-size:14.8px;
  line-height:1.58;
  color:var(--ink);
}
.timeline-content code{
  background:#e4eee7;
  padding:2px 6px;
  border-radius:5px;
  font-weight:700;
  color:#133d2b;
}
.leaders-returning-tip{
  margin:22px 0;
  font-size:14.5px;
  color:var(--ink);
  border-radius:10px;
}
.leaders-bottom-cta{
  background:linear-gradient(145deg,#eef7f0 0%,#fbf5e3 100%);
  border:2px solid var(--green);
  border-radius:16px;
  padding:24px;
  text-align:center;
  margin-top:24px;
}
.leaders-bottom-cta h3{
  font-family:Georgia,serif;
  font-size:24px;
  margin:0 0 8px;
  color:var(--ink);
}
.leaders-bottom-cta p.small{
  font-size:15px;
  color:var(--ink);
  margin:0 0 16px;
}
.leaders-bottom-actions{
  justify-content:center;
}
a.leaders-big-cta{
  font-size:16px;
  padding:14px 24px;
}
.leaders-signoff-box{
  margin-top:24px;
  padding:22px 26px;
  background:linear-gradient(145deg,#fffdf9 0%,#f4f7f1 100%);
  border:1.5px solid var(--line);
  border-left:5px solid var(--gold);
  border-radius:14px;
  text-align:center;
}
.leaders-signoff-quote{
  font-family:Georgia,serif;
  font-size:18.5px;
  line-height:1.58;
  font-style:italic;
  color:var(--ink);
  margin:0 auto 10px;
  max-width:780px;
}
.leaders-signoff-author{
  font-size:15px;
  font-weight:800;
  letter-spacing:.6px;
  color:var(--green);
}
@media(max-width:820px){
  .leaders-help-grid,
  .leaders-comparison-grid,
  .leaders-tips-grid,
  .leaders-vs-grid{
    grid-template-columns:1fr;
  }
  .leaders-math-pills{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:560px){
  .lead-dont-share-banner{
    flex-direction:column;
    gap:10px;
  }
  .leaders-timeline-step{
    grid-template-columns:1fr;
    gap:8px;
  }
  .timeline-badge{
    justify-self:start;
  }
  .leaders-math-pills{
    grid-template-columns:1fr;
  }
}

/* Obvious Footer Issue Reporting Callout & Having Issues Page (issues.html) */
.footer-issue-cta{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:4px;
}
.footer-issue-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(145deg,#1d523d 0%,#123528 100%);
  color:#ffffff!important;
  border:2px solid var(--gold);
  border-radius:9999px;
  padding:8px 18px;
  font:700 13.5px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(21,58,53,0.18);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.footer-issue-link:hover{
  background:linear-gradient(145deg,#153a35 0%,#0d261c 100%);
  color:#fffdf8!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(21,58,53,0.26);
  text-decoration:none;
}
.issues-layout-grid{
  display:grid;
  grid-template-columns:1.35fr 0.85fr;
  gap:24px;
  align-items:start;
  margin:22px 0;
}
.issues-form-card,
.issues-tips-card{
  margin:0;
}
.issues-contact-box{
  background:linear-gradient(150deg,#eef6f0 0%,#f7f9f2 100%);
  border:1.5px solid var(--green);
  border-left:5px solid var(--green);
  border-radius:12px;
  padding:16px 18px;
  margin:18px 0 8px;
}
.issues-contact-title{
  font-size:14.5px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:4px;
}
.issues-contact-box .grid-2{
  margin:8px 0 6px;
}
.issues-contact-box label{
  margin:6px 0 6px;
  font-size:14px;
}
.issues-select-full{
  max-width:100%;
}
.req-star{
  color:#8d271e;
  font-weight:800;
}
.field-hint{
  margin:6px 0 0;
  line-height:1.45;
}
.issues-msg-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:6px;
}
.issues-submit-row{
  margin-top:16px;
}
.issues-success-box{
  margin:18px 0;
  padding:20px 22px;
}
.issues-faq-list{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.issues-faq-item{
  background:#f7f9f3;
  border:1.5px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:12px;
  padding:14px 16px;
}
.issues-faq-item h3{
  margin:0 0 6px;
  font-size:15px;
  color:var(--ink);
}
.issues-faq-item p.small{
  margin:0;
  color:var(--ink);
  font-size:13.8px;
  line-height:1.52;
}
@media(max-width:860px){
  .issues-layout-grid{
    grid-template-columns:1fr;
  }
}
.bubble-time{
  font-weight:500;
  opacity:.85;
  font-size:.76rem;
}
.bubble.system-event-bubble{
  max-width:100%;
  background:#f1f6f1;
  border:1.5px dashed #3d6b47;
  color:var(--ink);
}
.bubble.system-event-bubble.draft-warning-bubble{
  background:#fff8eb;
  border-color:#c87a19;
}
.nav-pill-kokoda{
  background:linear-gradient(135deg,#163c2e 0%,#0e281e 100%)!important;
  color:#fde68a!important;
  border:1.5px solid #d4ab5b!important;
  box-shadow:0 4px 14px rgba(21,58,53,.18);
}
.nav-pill-kokoda:hover,.nav-pill-kokoda:focus-visible{
  background:linear-gradient(135deg,#1f5440 0%,#14382a 100%)!important;
  color:#ffffff!important;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(21,58,53,.28);
}

/* CSP-safe utility & component classes (no inline style attributes) */
.mt-3{margin-top:3px!important}
.mt-4{margin-top:4px!important}
.mt-6{margin-top:6px!important}
.mt-8{margin-top:8px!important}
.mt-10{margin-top:10px!important}
.mt-12{margin-top:12px!important}
.mt-18{margin-top:18px!important}
.mb-0{margin-bottom:0!important}
.mb-14{margin-bottom:14px!important}
.ml-8{margin-left:8px!important}
.d-inline-block{display:inline-block!important}
.font-bold{font-weight:700!important}
.card-warm{background:#fffdf9!important}

button.btn-compact{
  padding:5px 10px;
  min-height:30px;
  font-size:.78rem;
}
button.btn-action-sm{
  padding:5px 10px;
  min-height:32px;
  font-size:.78rem;
}
button.btn-pill-x{
  padding:1px 5px;
  min-height:20px;
  font-size:.7rem;
  margin-left:4px;
}
button.btn-pill-restore{
  padding:1px 6px;
  min-height:20px;
  font-size:.72rem;
}
button.ref-chip-xs{
  padding:2px 6px;
  font-size:.72rem;
}
button.ref-chip-sm{
  padding:3px 8px;
  min-height:26px;
  font-size:.75rem;
}

.orig-tp-line{
  margin-top:8px;
  padding-top:6px;
}
.orig-tp-user{
  border-top:1px solid rgba(255,255,255,0.28);
  color:rgba(255,255,255,0.88);
}
.orig-tp-assistant{
  border-top:1px solid #c5d1c6;
  color:var(--muted);
}

.err-log-table{
  width:100%;
  border-collapse:collapse;
  font-size:.9em;
}
.err-log-table th{
  text-align:left;
  padding:6px;
  border-bottom:1px solid #666;
}
.err-log-table tr{
  vertical-align:top;
}
.err-log-table td{
  padding:6px;
  border-bottom:1px solid #d0d7de;
}
.nowrap-cell{
  white-space:nowrap;
}
.break-word-cell{
  word-break:break-word;
}

.w-pct-0{width:0%}.w-pct-1{width:1%}.w-pct-2{width:2%}.w-pct-3{width:3%}.w-pct-4{width:4%}.w-pct-5{width:5%}.w-pct-6{width:6%}.w-pct-7{width:7%}.w-pct-8{width:8%}.w-pct-9{width:9%}.w-pct-10{width:10%}
.w-pct-11{width:11%}.w-pct-12{width:12%}.w-pct-13{width:13%}.w-pct-14{width:14%}.w-pct-15{width:15%}.w-pct-16{width:16%}.w-pct-17{width:17%}.w-pct-18{width:18%}.w-pct-19{width:19%}.w-pct-20{width:20%}
.w-pct-21{width:21%}.w-pct-22{width:22%}.w-pct-23{width:23%}.w-pct-24{width:24%}.w-pct-25{width:25%}.w-pct-26{width:26%}.w-pct-27{width:27%}.w-pct-28{width:28%}.w-pct-29{width:29%}.w-pct-30{width:30%}
.w-pct-31{width:31%}.w-pct-32{width:32%}.w-pct-33{width:33%}.w-pct-34{width:34%}.w-pct-35{width:35%}.w-pct-36{width:36%}.w-pct-37{width:37%}.w-pct-38{width:38%}.w-pct-39{width:39%}.w-pct-40{width:40%}
.w-pct-41{width:41%}.w-pct-42{width:42%}.w-pct-43{width:43%}.w-pct-44{width:44%}.w-pct-45{width:45%}.w-pct-46{width:46%}.w-pct-47{width:47%}.w-pct-48{width:48%}.w-pct-49{width:49%}.w-pct-50{width:50%}
.w-pct-51{width:51%}.w-pct-52{width:52%}.w-pct-53{width:53%}.w-pct-54{width:54%}.w-pct-55{width:55%}.w-pct-56{width:56%}.w-pct-57{width:57%}.w-pct-58{width:58%}.w-pct-59{width:59%}.w-pct-60{width:60%}
.w-pct-61{width:61%}.w-pct-62{width:62%}.w-pct-63{width:63%}.w-pct-64{width:64%}.w-pct-65{width:65%}.w-pct-66{width:66%}.w-pct-67{width:67%}.w-pct-68{width:68%}.w-pct-69{width:69%}.w-pct-70{width:70%}
.w-pct-71{width:71%}.w-pct-72{width:72%}.w-pct-73{width:73%}.w-pct-74{width:74%}.w-pct-75{width:75%}.w-pct-76{width:76%}.w-pct-77{width:77%}.w-pct-78{width:78%}.w-pct-79{width:79%}.w-pct-80{width:80%}
.w-pct-81{width:81%}.w-pct-82{width:82%}.w-pct-83{width:83%}.w-pct-84{width:84%}.w-pct-85{width:85%}.w-pct-86{width:86%}.w-pct-87{width:87%}.w-pct-88{width:88%}.w-pct-89{width:89%}.w-pct-90{width:90%}
.w-pct-91{width:91%}.w-pct-92{width:92%}.w-pct-93{width:93%}.w-pct-94{width:94%}.w-pct-95{width:95%}.w-pct-96{width:96%}.w-pct-97{width:97%}.w-pct-98{width:98%}.w-pct-99{width:99%}.w-pct-100{width:100%}