/* Navigation and account page refinements, kept separate from the shared legacy stylesheet. */
.account-nav { position:relative; display:flex; min-height:72px; max-width:1080px; margin:0 auto; padding:0 24px; align-items:center; gap:18px; }
.account-brand { display:flex; align-items:center; gap:9px; color:#fff; font-size:14px; text-decoration:none; white-space:nowrap; }
.account-brand span { display:grid; width:32px; height:32px; border:1px solid rgba(75,216,245,.55); border-radius:9px; color:#75e2f5; font:600 11px/1 monospace; place-items:center; }
.account-nav-links { display:flex; margin-left:auto; align-items:center; gap:20px; }
.account-nav-links > a,.account-learn-menu summary { color:rgba(255,255,255,.76); font-size:13px; font-weight:650; text-decoration:none; cursor:pointer; }
.account-nav-links > a:hover,.account-learn-menu summary:hover { color:#75e2f5; }
.account-learn-menu { position:relative; }
.account-learn-menu summary { list-style:none; }
.account-learn-menu summary::-webkit-details-marker { display:none; }
.account-learn-menu summary span { margin-left:3px; }
.account-learn-menu > div { position:absolute; z-index:5; top:calc(100% + 18px); left:-14px; min-width:170px; padding:8px; border:1px solid #355064; border-radius:10px; background:#0b1c2c; box-shadow:0 12px 24px #0004; }
.account-learn-menu > div a { display:block; padding:10px; border-radius:6px; color:#e6f0f7; font-size:13px; text-decoration:none; }
.account-learn-menu > div a:hover { background:#17394c; color:#75e2f5; }
.account-entry { display:inline-flex; min-height:38px; padding:8px 12px; border:1px solid #567182; border-radius:8px; color:#fff; align-items:center; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.account-entry:hover,.account-entry[aria-current="page"] { border-color:#75e2f5; color:#75e2f5; }
.account-conversation { display:inline-flex; min-height:40px; padding:10px 14px; border:1px solid #75e2f5; border-radius:8px; background:#75e2f5; color:#06101d; align-items:center; font-size:12px; font-weight:750; text-decoration:none; white-space:nowrap; }
.account-compact-menu { display:none; position:relative; }
.account-compact-menu summary { min-height:38px; padding:9px 10px; border:1px solid #567182; border-radius:8px; color:#fff; font-size:12px; font-weight:700; list-style:none; white-space:nowrap; }
.account-compact-menu summary::-webkit-details-marker { display:none; }
.account-compact-menu summary span { margin-left:3px; }
.account-compact-menu > div { position:absolute; z-index:20; top:100%; right:0; width:min(340px, calc(100vw - 28px)); max-height:calc(100dvh - 76px); padding:10px; border:1px solid #355064; border-radius:0 0 10px 10px; background:#0b1c2c; box-shadow:0 12px 24px #0004; overflow:auto; }
.account-compact-menu > div a { display:block; padding:10px 12px; border-radius:6px; color:#e6f0f7; font-size:14px; text-decoration:none; }
.account-compact-menu > div a:hover { background:#17394c; color:#75e2f5; }
.account-nav :focus-visible,.account-compact-menu :focus-visible { outline:3px solid #75e2f5; outline-offset:3px; }
body .reader-hero { display:block; margin-bottom:22px; padding-bottom:22px; }
body .reader-page { max-width:1080px; min-height:68vh; margin:0 auto; padding:52px 24px 88px; }
body .reader-page [hidden] { display:none!important; }
body .technical-label-dark,.reader-eyebrow { color:#267d9a; font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
body .reader-status { margin:0 0 18px; padding:12px 16px; border-radius:9px; background:#e4f4f8; color:#174559; }
body .reader-signin { display:grid; overflow:hidden; border:1px solid #c7d6e3; border-radius:18px; background:#fff; grid-template-columns:minmax(0,1fr) minmax(300px,.65fr); box-shadow:0 18px 54px rgba(21,39,61,.07); }
body .reader-signin > div { padding:36px 40px; }
body .reader-signin h2 { margin:0; color:#101827; font-size:clamp(30px,3.2vw,42px); letter-spacing:-.04em; line-height:1.05; }
body .reader-signin > div > p:not(.reader-eyebrow) { margin:14px 0 18px; color:#57667a; font-size:15px; line-height:1.55; }
body .reader-google { display:inline-flex; min-height:48px; padding:12px 17px; border:1px solid #d4dde7; border-radius:8px; background:#fff; color:#162234; align-items:center; gap:10px; font-weight:750; text-decoration:none; box-shadow:0 2px 5px #10223314; }
body .reader-google:hover { border-color:#8ba4b9; background:#f7fafc; }
body .reader-google span { display:grid; width:22px; height:22px; border-radius:50%; color:#4285f4; font-weight:800; place-items:center; }
body .reader-signin small { display:block; max-width:590px; margin-top:13px; color:#718094; font-size:12px; line-height:1.55; }
body .reader-benefits { display:grid; margin:0; padding:26px; background:#f4f8fb; gap:8px; list-style:none; }
body .reader-benefits li { display:grid; padding:16px 0; border-bottom:1px solid #d9e4ec; grid-template-columns:34px 1fr; gap:12px; }
body .reader-benefits li:last-child { border-bottom:0; }
body .reader-benefits li > span { color:#267d9a; font:700 11px/1.4 monospace; }
body .reader-benefits strong { color:#1b2a3c; font-size:14px; }
body .reader-benefits p { margin:5px 0 0; color:#657487; font-size:13px; line-height:1.5; }
body .reader-dashboard { display:grid; gap:24px; }
body .reader-profile,.reader-org,.reader-panel,.reader-data { padding:22px; border:1px solid #d2dce6; border-radius:14px; background:#fff; }
body .reader-profile { display:flex; align-items:center; gap:14px; }
body .reader-avatar { display:grid; width:48px; height:48px; border-radius:50%; background:#e4f4f8; color:#126c8b; font-weight:800; place-items:center; }
body .reader-profile h2,body .reader-org h3,body .reader-panel h3 { margin:0; color:#162234; }
body .reader-profile p { margin:0 0 3px; color:#647286; font-size:12px; }
body .reader-profile #contaEmail { color:#647286; font-size:13px; }
body .reader-logout { margin-left:auto; color:#526170; }
body .reader-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
body .reader-stats article { display:grid; padding:18px; border:1px solid #d2dce6; border-radius:12px; background:#fff; gap:5px; }
body .reader-stats span,body .reader-stats small { color:#647286; font-size:12px; }
body .reader-stats strong { color:#126c8b; font-size:28px; }
body .reader-org-copy p:not(.reader-eyebrow) { max-width:700px; color:#58687b; line-height:1.6; }
body .reader-org-action { display:grid; margin-top:16px; justify-items:start; gap:10px; }
body .reader-org-state { color:#526170; font-size:13px; }
body .reader-salesforce,body .reader-org-buttons button,.reader-data button { padding:10px 14px; border:1px solid #126c8b; border-radius:7px; background:#126c8b; color:#fff; font-weight:700; text-decoration:none; cursor:pointer; }
body .reader-org-action small { color:#68788a; }
body .reader-org-buttons { display:flex; flex-wrap:wrap; gap:8px; }
body .reader-org-buttons button.is-muted { border-color:#aab7c4; background:#fff; color:#344456; }
body .reader-org-help { color:#126c8b; font-weight:650; }
body .reader-org-result { padding:12px; border-radius:8px; background:#e4f4f8; }
body .reader-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
body .reader-panel header { display:flex; margin-bottom:16px; align-items:center; justify-content:space-between; gap:12px; }
body .reader-panel header a { color:#126c8b; font-size:13px; font-weight:700; }
body .reader-panel .reader-eyebrow { margin:0 0 5px; }
body .reader-panel h3 { font-size:17px; }
body .reader-empty { color:#68788a; font-size:14px; line-height:1.6; }
body .reader-data { display:flex; align-items:center; justify-content:space-between; gap:20px; }
body .reader-data p { max-width:700px; margin:6px 0 0; color:#68788a; font-size:13px; line-height:1.55; }
body .reader-dialog { max-width:min(500px,calc(100vw - 32px)); border:1px solid #c7d6e3; border-radius:14px; }
body .reader-dialog::backdrop { background:#06101d88; }
body .reader-dialog form > div { display:flex; justify-content:flex-end; gap:10px; }
body .reader-dialog button { padding:10px 14px; border:1px solid #c4d0db; border-radius:7px; background:#fff; font-weight:700; }
body .reader-dialog button.reader-delete { border-color:#b93838; background:#b93838; color:#fff; }
body .reader-hero .technical-label { margin-bottom:10px; color:#17627c; }
body.portfolio-content #conteudo.reader-page .reader-signin small { color:#526477; }
body.portfolio-content #conteudo.reader-page .reader-signin small a { color:#126c8b; }
body .reader-hero h1 { max-width:760px; font-size:clamp(38px, 5vw, 60px); line-height:1; }
body .reader-hero > div > p:last-child { margin-top:12px; font-size:16px; }
body .reader-signin { grid-template-columns:minmax(0, 1fr) minmax(300px, .65fr); }
body .reader-signin > div { padding:36px 40px; }
body .reader-signin h2 { font-size:clamp(30px, 3.2vw, 42px); }
body .reader-signin > div > p:not(.reader-eyebrow) { margin:14px 0 18px; font-size:15px; line-height:1.55; }
body .reader-google { margin-top:0; }
body .reader-signin small { margin-top:13px; }
body .reader-empty a { color:#126c8b; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
body .site-footer .footer-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; }
body .site-footer .footer-nav a { color:#526170; }
body .site-footer > p { width:100%; margin:2px 0 0; text-align:center; }
@media(max-width:900px) {
  .account-nav { gap:9px; }
  .account-nav-links { gap:12px; }
}
@media(max-width:760px) {
  .account-nav { min-height:64px; padding:0 14px; gap:8px; }
  .account-brand { gap:7px; font-size:13px; }
  .account-brand span { width:30px; height:30px; }
  .account-nav-links { display:none; }
  .account-entry { margin-left:auto; min-height:34px; padding:7px 9px; }
  .account-conversation { min-height:36px; padding:8px 10px; font-size:11px; }
  .account-compact-menu { display:block; }
  body .reader-hero { margin-bottom:16px; padding-bottom:16px; }
  body .reader-hero h1 { font-size:clamp(34px, 9vw, 46px); }
  body .reader-hero > div > p:last-child { font-size:15px; }
  body .reader-signin { grid-template-columns:1fr; }
  body .reader-signin > div { padding:26px 22px; }
  body .reader-signin h2 { font-size:32px; }
  body .reader-signin > ul { padding:24px 22px; }
  body .reader-page { padding:32px 18px 64px; }
  body .reader-grid { grid-template-columns:1fr; }
  body .reader-stats { gap:8px; }
  body .reader-stats article { padding:12px; }
  body .reader-stats strong { font-size:23px; }
  body .reader-data { align-items:flex-start; flex-direction:column; }
  body .site-footer .footer-nav { justify-content:flex-start; }
}
@media(max-width:380px) {
  .account-nav { padding:0 10px; gap:6px; }
  .account-brand { gap:5px; font-size:12px; }
  .account-brand span { width:28px; height:28px; }
  .account-entry { padding:6px 7px; font-size:11px; }
  .account-conversation { padding:8px; font-size:10px; }
  .account-compact-menu summary { padding:8px; font-size:11px; }
  .account-compact-menu summary span { margin-left:1px; }
}

/* win against Base.astro's contentCss, which is emitted after page headExtra */
body.portfolio-content #conteudo.reader-page { padding-top:96px; }
body.portfolio-content #conteudo.reader-page .reader-hero { display:block; margin-bottom:16px; padding-bottom:16px; grid-template-columns:1fr; gap:0; }
body.portfolio-content #conteudo.reader-page .reader-hero h1 { font-size:clamp(34px,5vw,48px); }
body.portfolio-content #conteudo.reader-page .reader-hero > div > p:last-child { margin-top:12px; font-size:15px; line-height:1.5; }
body.portfolio-content #conteudo.reader-page .reader-signin { grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); }
body.portfolio-content #conteudo.reader-page .reader-signin > div { padding:28px 32px; }
body.portfolio-content #conteudo.reader-page .reader-signin h2 { font-size:clamp(28px,3.2vw,38px); line-height:1.06; }
body.portfolio-content #conteudo.reader-page .reader-signin > div > p:not(.reader-eyebrow) { margin:12px 0 16px; font-size:14px; line-height:1.5; }
body.portfolio-content #conteudo.reader-page .reader-google { min-height:46px; margin-top:0; padding:10px 14px; }
body.portfolio-content #conteudo.reader-page .reader-signin small { margin-top:10px; }
body.portfolio-content #conteudo.reader-page .reader-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.portfolio-content #conteudo.reader-page .reader-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:760px) {
  body.portfolio-content #conteudo.reader-page { padding:96px 18px 64px; }
  body.portfolio-content #conteudo.reader-page .reader-hero { margin-bottom:12px; padding-bottom:12px; }
  body.portfolio-content #conteudo.reader-page .reader-hero h1 { font-size:34px; }
  body.portfolio-content #conteudo.reader-page .reader-hero > div > p:last-child { font-size:14px; }
  body.portfolio-content #conteudo.reader-page .reader-signin { grid-template-columns:1fr; }
  body.portfolio-content #conteudo.reader-page .reader-signin > div { padding:20px 22px; }
  body.portfolio-content #conteudo.reader-page .reader-signin h2 { font-size:28px; }
  body.portfolio-content #conteudo.reader-page .reader-signin > div > p:not(.reader-eyebrow) { margin:9px 0 12px; font-size:13px; line-height:1.4; }
  body.portfolio-content #conteudo.reader-page .reader-google { min-height:44px; padding:9px 13px; }
  body.portfolio-content #conteudo.reader-page .reader-signin small { margin-top:8px; font-size:11px; }
  body.portfolio-content #conteudo.reader-page .reader-signin > ul { padding:18px 22px; }
  body.portfolio-content #conteudo.reader-page .reader-grid { grid-template-columns:1fr; }
  body.portfolio-content #conteudo.reader-page .reader-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.portfolio-content #conteudo.reader-page .reader-stats article { min-height:0; padding:10px; grid-template-columns:1fr; }
  body.portfolio-content #conteudo.reader-page .reader-stats strong { grid-column:auto; grid-row:auto; font-size:22px; }
}