/* Blog and reading pages: the same cinematic system, with an exclusive knowledge-library scene. */
.site-view:is(.blog-view,.blog-post-view) {
  --site-base:#07131f;--site-surface:#142231;--site-text:#f5f7fb;
  --site-muted:#c4cfdb;--site-accent:#f4c27e;--site-on-accent:#102032;
  --text:#f5f7fb;--muted:#c4cfdb;--surface:#142231;--line:#bed8ee2e;
  position:relative;isolation:isolate;color:#f5f7fb;
  background:radial-gradient(ellipse 85% 650px at 0 10%,#c37a2b16,transparent 75%),
             radial-gradient(ellipse 85% 700px at 100% 42%,#4fafff1a,transparent 75%),
             radial-gradient(ellipse 80% 650px at 0 76%,#c37a2b12,transparent 75%),#07131f;
}
.site-view:is(.blog-view,.blog-post-view)::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("engineering-wave.svg?v=2") center 180px / max(100%,1600px) auto repeat-y;
  opacity:.3;
}
.blog-view .blog-intro {border-color:#bdd8ee2e}
.blog-view .blog-intro .eyebrow {color:#f1bc83;letter-spacing:.095em}
.blog-view .blog-intro h1 {
  color:#fff;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.blog-view .blog-intro .page-intro-copy>p {color:#c4cfdb;line-height:1.8}
.blog-view .blog-intro .button.secondary {
  color:#edf5fd;border:1px solid #bdd8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08);
  box-shadow:inset 0 1px #fff2,0 5px 18px #0002;border-radius:10px;
}
.blog-view .blog-intro .button.secondary:hover {background:#ffffff1c;border-color:#9bd2ff}

.blog-view .blog-intro {padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #bdd8ee2e}
.blog-view .blog-tools {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);
  align-items:start;gap:24px;padding:22px;margin-bottom:28px;border:1px solid #bed8ee38;border-radius:15px;
  background:linear-gradient(135deg,#233548a8,#102232b8);
  box-shadow:inset 0 1px #ffffff17,0 12px 30px #0002;backdrop-filter:blur(12px);
}
.blog-view .blog-filter-group {min-width:0}
.blog-view .blog-tool-label {
  display:block;margin:0;color:#d3e1ef;font-size:12px;font-weight:600;line-height:1.6;
}
.blog-view .blog-filter-group>.blog-tool-label {margin-bottom:10px}
.blog-view .blog-filters {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.blog-view .blog-filters a {
  padding:9px 12px;font-size:12px;color:#d0dbe8;min-height:42px;
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #bed8ee40;border-radius:9px;white-space:normal;line-height:1.5;
  background:linear-gradient(135deg,#c4def014,#ffffff04);box-shadow:inset 0 1px #ffffff10;
}
.blog-view .catalog-category-label {min-width:0;overflow-wrap:anywhere}
.blog-view .catalog-category-count {
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  min-width:21px;height:21px;padding:0 5px;border-radius:6px;
  font-size:10px;font-weight:700;color:#d9e9f7;background:#9bd0ff16;
}
.blog-view .blog-filters a:hover {background:#ffffff15;border-color:#a1d6ff8a;color:#fff}
.blog-view .blog-filters a[aria-current] {
  background:linear-gradient(125deg,#f3d19a,#d9aa67);border-color:#f4d7ad;
  color:#102032;box-shadow:inset 0 1px #fff5,0 3px 13px #e8ba8020;font-weight:700;
}
.blog-view .blog-filters a[aria-current] .catalog-category-count {color:#102032;background:#10203216}
.blog-view .blog-search {
  position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;width:100%;margin:0;
}
.blog-view .blog-search input {
  min-height:46px;height:46px;width:100%;padding:10px 44px 10px 13px;
  border:1px solid #bed8ee4a;border-radius:12px;font-size:13px;
  background:linear-gradient(135deg,#1e3043d9,#0d1d2ce8);color:#f5f7fb;color-scheme:dark;
  box-shadow:inset 0 1px #ffffff12,0 8px 24px #0002;
}
.blog-view .blog-search input::placeholder {color:#b6c6d7;opacity:1}
.blog-view .blog-search input:focus {border-color:#9ad6ff;outline:2px solid #9ad6ff55;outline-offset:2px}
.blog-view .blog-search button {
  position:absolute;right:3px;bottom:3px;display:grid;place-items:center;
  height:40px;width:38px;border:0;border-radius:7px;color:#a8d9ff;background:transparent;cursor:pointer;
}
.blog-view .blog-search button:hover {background:#9bd0ff1c;color:#fff}
.blog-view .blog-search button .material-symbols-outlined {font-size:21px}
.blog-view .services-result p {color:#d0dbe8}
.blog-view .services-result .text-link {color:#f4cf9b}

.blog-view .blog-grid {gap:28px}
.blog-view .blog-card {border:1px solid #ecc38d80;border-radius:17px;background:linear-gradient(145deg,#293441ed,#121d29f2 58%,#1b2935ed);box-shadow:inset 0 1px #ffffff19,0 15px 38px #0004,0 0 24px #e8ba8012;color:#f5f7fb;backdrop-filter:blur(12px);transition:transform .25s,border-color .25s}
.blog-view .blog-card:nth-child(even) {border-color:#9bd0ff85;background:linear-gradient(145deg,#25394eed,#101d2bf2 58%,#1b2b3aed);box-shadow:inset 0 1px #ffffff19,0 15px 38px #0004,0 0 24px #69bcff17}
.blog-view .blog-card .catalog-media {height:235px;min-height:235px;background:#0d1d2c}
.blog-view .blog-card .catalog-media::after {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000001a,transparent 55%,#0d19264d)}
.blog-view .blog-card .home-image-placeholder,.blog-post-view .blog-post-cover .home-image-placeholder {color:#f4c27e;background:radial-gradient(ellipse at 50% 30%,#456783,#162b3f 65%,#101d2b)}
.blog-view .blog-card .home-image-placeholder>.material-symbols-outlined {font-size:55px}
.blog-view .blog-card .service-category-badge {top:14px;left:14px;right:auto;max-width:calc(100% - 28px);padding:5px 10px;line-height:1.6;font-size:11px;border:1px solid #ffffff4a;border-radius:99px;color:#fff;background:linear-gradient(135deg,#4b5053d9,#14202ae6);box-shadow:inset 0 1px #fff2,0 3px 12px #0002;backdrop-filter:blur(14px)}
.blog-view .blog-card-body {padding:25px}
.blog-view .blog-meta {color:#bed3e4;font-size:12px;gap:7px;line-height:1.7;margin-bottom:14px}
.blog-view .blog-meta .material-symbols-outlined {color:#a8d8ff;font-size:16px}
.blog-view .blog-card h2 {font-size:21px;line-height:1.4;margin-bottom:14px;overflow-wrap:anywhere}
.blog-view .blog-card h2 a {color:#fff}
.blog-view .blog-card h2 a:hover {color:#f5d6ab}
.blog-view .blog-card-body>p {color:#cbd7e2;font-size:14px;line-height:1.8;margin-bottom:22px}
.blog-view .blog-card-footer {border-color:#d3e1ef2e;padding-top:18px;gap:12px;flex-wrap:wrap}
.blog-view .blog-card-footer>span {font-size:12px;color:#bed0df;line-height:1.7;flex:1}
.blog-view .blog-card-footer .text-link {min-height:42px;padding:9px 11px;color:#f5d6ab;border:1px solid #e8c38f55;border-radius:8px;background:linear-gradient(135deg,#e8ba8014,#e8ba8005);font-size:12px;gap:7px}
.blog-view .blog-card-footer .text-link:hover {color:#fff0d6;background:#e8ba8020;border-color:#f4cf9b}
.blog-view .services-empty {border:1px solid #9bd0ff65;border-radius:17px;color:#f5f7fb;background:linear-gradient(135deg,#24384cd9,#112334e8);box-shadow:inset 0 1px #fff2,0 15px 35px #0003}
.blog-view .services-empty>.material-symbols-outlined {color:#f4c27e}
.blog-view .services-empty h2 {color:#fff}
.blog-view .services-empty p {color:#c4cfdb}
.blog-view .services-empty .button.secondary {color:#eef4fc;border:1px solid #c0d8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08)}
.site-view:is(.blog-view,.blog-post-view) .main-content a:focus-visible,.blog-view .blog-search button:focus-visible {outline:3px solid #a1d6ff;outline-offset:4px;border-radius:7px}
/* Existing mascot preserved; its backdrop is a miniature engineering library. */
.blog-view .page-mascot .mascot-halo {
  inset:-4%;border:0;border-radius:0;box-shadow:none;
  background:transparent url("content/bento-biblioteca-engenharia-blog-v1.webp?v=1") center/contain no-repeat;
  mask-image:radial-gradient(ellipse 65% 68% at 50% 50%,#000 82%,transparent 100%);
}
.blog-view .page-mascot .mascot-blueprint,
.blog-view .page-mascot .mascot-orbit,
.blog-view .page-mascot .mascot-node {display:none}
.blog-view .page-mascot .mascot-ground {
  left:20%;right:20%;bottom:4%;height:7%;
  background:radial-gradient(ellipse,#03120b99,transparent 70%);filter:blur(4px);
}
.blog-view .mascot-stage:hover .mascot-halo {box-shadow:none}
.blog-view .page-mascot .mascot-badge {
  border-color:#e5c99c55;color:#f5f7fb;
  background:linear-gradient(135deg,#23384af2,#122333f0);box-shadow:0 12px 30px #0004,inset 0 1px #ffffff12;
}
.blog-view .page-mascot .mascot-badge-icon,.blog-view .page-mascot .mascot-name-mark {
  color:#f2dbb4;background:#f4c27e17;
}

/* Article detail: editorial glass header, clear authorship and a quiet reading panel. */
.blog-post-view .main-content {width:min(1120px,calc(100% - 48px));padding-top:38px;padding-bottom:64px}
.blog-post-view .blog-post-navigation {border-color:#bdd8ee36;margin-bottom:30px;padding-bottom:24px}
.blog-post-view .blog-post-navigation .text-link {display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #bdd8ee4d;border-radius:10px;color:#e5eef7;background:linear-gradient(135deg,#bed8ee1c,#bed8ee08);box-shadow:inset 0 1px #fff2;font-size:13px;line-height:1.6;white-space:normal}
.blog-post-view .blog-post-navigation .text-link:hover {border-color:#b6ddfa;background:#bdd8ee20}
.blog-post-view .blog-post-navigation .material-symbols-outlined {color:#f4cf9b;font-size:19px}
.blog-post-view .blog-post-navigation>.button {color:#edf5fd;background:#bdd8ee12;border:1px solid #bdd8ee50;border-radius:9px;white-space:normal}
.blog-post-view .blog-post-heading {padding:36px;border:1px solid #e2c18f68;border-radius:17px;background:radial-gradient(ellipse at 0 0,#d3984420,transparent 65%),linear-gradient(145deg,#2e3e4ee8,#142535f0);box-shadow:inset 0 1px #fff2,0 18px 40px #0003;backdrop-filter:blur(12px);margin-bottom:28px}
.blog-post-view .blog-post-heading-top {display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px}
.blog-post-view .blog-post-heading .blog-meta {color:#c4d9e9;font-size:12px;line-height:1.7;gap:10px;min-width:0;margin-bottom:0}
.blog-post-view .blog-post-heading .blog-meta>span:not(.tag) {display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid #bdd8ee28;border-radius:8px;background:#0a1c2b3d;min-width:0;max-width:100%;overflow-wrap:anywhere}
.blog-post-view .blog-meta .material-symbols-outlined {color:#a8d8ff;font-size:17px}
.blog-post-view .blog-post-heading .tag {color:#f4d3a1;border:1px solid #f4c27e55;background:#e8ba8014;line-height:1.7;padding:6px 12px;border-radius:99px;font-size:12px;max-width:100%;overflow-wrap:anywhere}
.blog-post-view .blog-post-heading-icon {display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border:1px solid #f4c27e55;border-radius:14px;color:#f4cf9b;background:linear-gradient(135deg,#f4c27e24,#f4c27e08);box-shadow:inset 0 1px #fff2,0 8px 20px #0002}
.blog-post-view .blog-post-heading-icon .material-symbols-outlined {font-size:32px}
.blog-post-view .blog-post-heading h1 {font-size:clamp(34px,3.8vw,50px);line-height:1.16;max-width:970px;margin:0 0 26px;color:#fff;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.blog-post-view .blog-post-excerpt {font-size:17px;line-height:1.85;color:#cfdeea;border-left:3px solid #f4c27e;padding:7px 0 7px 19px;margin-bottom:28px;font-style:normal;max-width:940px}
.blog-post-view .blog-post-author {padding:18px 20px;margin:0;border:1px solid #bdd8ee3b;border-radius:12px;background:linear-gradient(135deg,#0b1d2c70,#2a43552b);gap:14px}
.blog-post-view .blog-post-author>div {min-width:0;overflow-wrap:anywhere}
.blog-post-view .blog-author-avatar {width:48px;height:48px;border-radius:12px;color:#f4cf9b;border-color:#f4c27e55;background:linear-gradient(135deg,#e8ba8026,#e8ba8008);font-size:19px;box-shadow:inset 0 1px #fff2}
.blog-post-view .blog-post-author strong {color:#eef5fc;font-size:15px;line-height:1.6}
.blog-post-view .blog-post-author p {color:#bdcede;font-size:12px;line-height:1.7;margin-top:3px}
.blog-post-view .blog-post-figure {margin:0 0 28px;border:1px solid #a8d1ee70;border-radius:17px;overflow:hidden;box-shadow:0 18px 40px #0003;background:#13283a}
.blog-post-view .blog-post .blog-post-cover {height:auto;min-height:0;aspect-ratio:3/2;border:0;border-radius:0;margin:0;background:#0c1d2c}
.blog-post-view .blog-post-cover>img {object-fit:cover;object-position:center;transform:none}
.blog-post-view .blog-post-cover .home-image-placeholder {display:flex;flex-direction:column;gap:14px;color:#f4c27e;background:radial-gradient(ellipse at 50% 40%,#2a455b,#122637 70%,#0c1b29)}
.blog-post-view .blog-post-cover .home-image-placeholder>.material-symbols-outlined {font-size:58px}
.blog-post-view .blog-cover-fallback {display:none;font-size:13px;color:#bfd3e3;line-height:1.6}
.blog-post-view .blog-post .blog-post-cover.image-unavailable {height:180px;min-height:180px;aspect-ratio:auto}
.blog-post-view .blog-post-cover.image-unavailable .blog-cover-fallback {display:block}
.blog-post-view .blog-cover-open {position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #bdd8ee66;border-radius:9px;color:#f4cf9b;background:#14293be6;box-shadow:inset 0 1px #fff2;backdrop-filter:blur(12px)}
.blog-post-view .blog-cover-open .material-symbols-outlined {font-size:20px}
.blog-post-view .blog-post-cover.image-unavailable .blog-cover-open {display:none}
.blog-post-view .blog-post-figure:focus-within {outline:3px solid #a8d6ff;outline-offset:4px}
.blog-post-view .blog-reading-panel {margin:0;padding:38px;border:1px solid #b2d5ed42;border-radius:17px;background:linear-gradient(145deg,#1c3041f2,#0e2131f5);box-shadow:inset 0 1px #ffffff16,0 18px 40px #0003}
.blog-post-view .blog-prose {max-width:800px;margin-inline:auto;color:#d2deea;font-size:17px;line-height:1.95}
.blog-post-view .blog-prose>:first-child {margin-top:0}
.blog-post-view .blog-prose>:last-child {margin-bottom:0}
.blog-post-view .blog-prose p {margin-bottom:23px}
.blog-post-view .blog-prose h2 {color:#f3d2a0;font-size:29px;line-height:1.35;margin:34px 0 19px}
.blog-post-view .blog-prose h3 {color:#edf4fb;font-size:23px;line-height:1.4;margin:29px 0 16px}
.blog-post-view .blog-prose h4 {color:#edf4fb;font-size:20px;line-height:1.45;margin:26px 0 14px}
.blog-post-view .blog-prose a {color:#f4cf9b;text-decoration:underline;text-underline-offset:4px}
.blog-post-view .blog-prose strong {color:#f3f7fb}
.blog-post-view .blog-prose ul,.blog-post-view .blog-prose ol {padding-left:24px;margin:0 0 24px}
.blog-post-view .blog-prose li {margin-bottom:10px;padding-left:3px}
.blog-post-view .blog-prose li::marker {color:#f4c27e}
.blog-post-view .blog-prose blockquote {border-color:#f4c27e;background:linear-gradient(135deg,#2b3d4ec9,#14293bde);color:#e2eaf3;padding:20px 23px;margin:28px 0}
.blog-post-view .blog-prose table {border-color:#bdd8ee42}
.blog-post-view .blog-prose th,.blog-post-view .blog-prose td {color:#d5e1ee;border-color:#bdd8ee42;font-size:15px;line-height:1.7}
.blog-post-view .blog-prose th {background:#263e53;color:#eef5fb}
.blog-post-view .blog-prose pre {color:#d5e1ee;background:#102334;border-color:#bdd8ee42;font-size:14px;line-height:1.8}
.blog-post-view .blog-prose :not(pre)>code {color:#f5d7ab;background:#b3d8ed13;border-radius:5px;padding:2px 5px;font-size:.9em}
.blog-post-view .blog-prose hr {border-color:#bdd8ee36;margin:30px 0}
.blog-post-view .blog-prose img,.blog-post-view .blog-prose video {max-width:100%;height:auto;border-radius:10px}
.blog-post-view .blog-post-tags {display:block;margin-top:28px;padding:24px 28px;border:1px solid #bdd8ee3b;border-radius:14px;background:linear-gradient(135deg,#253b4cc4,#14293bde);box-shadow:inset 0 1px #fff1}
.blog-post-view .blog-post-tags .blog-topic-label {display:flex;align-items:center;gap:9px;color:#dbe8f4;font-size:14px;font-weight:600;margin-bottom:14px;line-height:1.6}
.blog-post-view .blog-topic-label .material-symbols-outlined {font-size:21px;color:#a8d8ff}
.blog-post-view .blog-topic-links {display:flex;flex-wrap:wrap;gap:9px;min-width:0}
.blog-post-view .blog-post-tags .tag {display:inline-flex;align-items:center;min-height:42px;margin:0;padding:8px 12px;color:#f4d3a1;border:1px solid #f4c27e45;border-radius:9px;background:#e8ba8010;font-size:12px;line-height:1.7;max-width:100%;overflow-wrap:anywhere}
.blog-post-view .blog-post-tags .tag:hover {color:#fff0d6;background:#e8ba8024;border-color:#f4cf9b}
.blog-post-view .blog-post-cta {color:#d1dfeb;padding:34px;margin-top:28px;border:1px solid #e8c38f73;border-radius:17px;background:radial-gradient(ellipse at 0 0,#d298482b,transparent 70%),linear-gradient(135deg,#35404ac9,#142637ed);box-shadow:inset 0 1px #fff2,0 18px 40px #0003;backdrop-filter:blur(12px)}
.blog-post-view .blog-post-cta-icon {display:grid;place-items:center;width:52px;height:52px;margin:0 auto 20px;border:1px solid #f4c27e55;border-radius:13px;color:#f4cf9b;background:linear-gradient(135deg,#f4c27e24,#f4c27e08);box-shadow:inset 0 1px #fff2}
.blog-post-view .blog-post-cta-icon .material-symbols-outlined {font-size:30px}
.blog-post-view .blog-post-cta h2 {color:#fff;font-size:27px;line-height:1.4;max-width:780px;margin:0 auto 17px;text-wrap:balance}
.blog-post-view .blog-post-cta p {color:#c8d9e6;font-size:14px;line-height:1.8;margin-bottom:24px}
.blog-post-view .blog-post-cta .actions {gap:12px;flex-wrap:wrap}
.blog-post-view .blog-post-cta .button {color:#fff;border:1px solid #ffb879;border-radius:10px;background:linear-gradient(110deg,#ca471d,#a54c12);min-height:47px;padding:12px 17px;box-shadow:inset 0 1px #fff3,0 5px 22px #ff782020;font-size:13px;gap:9px;line-height:1.5;white-space:normal}
.blog-post-view .blog-post-cta .button:hover {background:linear-gradient(110deg,#b43c16,#8e3e0c)}
.blog-post-view .blog-post-cta .button.secondary {color:#eef5fc;border-color:#bdd8ee55;background:linear-gradient(135deg,#c0d8ee1c,#c0d8ee08);box-shadow:inset 0 1px #fff2}
.blog-post-view .blog-post-cta .button.secondary:hover {background:#c0d8ee20}
@media(max-width:1100px) {.blog-view .blog-tools {grid-template-columns:1fr;gap:20px}.blog-view .blog-grid {gap:24px}}
@media(max-width:740px) {.blog-view .page-mascot .mascot-badge-topic {top:0;left:0;max-width:44%}}
@media(max-width:700px) {
  .blog-view .blog-intro {padding-bottom:30px;margin-bottom:28px}
  .blog-view .blog-tools {padding:17px;gap:22px}
  .blog-view .blog-filters {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%}
  .blog-view .blog-filters a {font-size:12px;padding:10px 12px;min-height:44px}
  .blog-view .blog-filters a:last-child:nth-child(odd) {grid-column:1/-1}
  .blog-view .blog-grid {gap:23px}
  .blog-view .blog-card .catalog-media {height:230px;min-height:230px}
  .blog-view .blog-card-body {padding:23px}
  .blog-view .blog-card h2 {font-size:22px}
  .blog-post-view .blog-prose {font-size:16px}
  .site-view:is(.blog-view,.blog-post-view)::before {background-size:max(100%,1000px) auto;opacity:.22}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {.blog-view .blog-card:hover {transform:translateY(-5px);border-color:#f3d4a7}.blog-view .blog-card:nth-child(even):hover {border-color:#b9e4ff}}
@media(prefers-reduced-motion:reduce) {.blog-view .blog-card,.blog-view .catalog-media>img,.blog-view .blog-filters a {transition:none}.blog-view .blog-card:hover,.blog-view .blog-card:hover .catalog-media>img {transform:none}}
@media(forced-colors:active) {
  .site-view:is(.blog-view,.blog-post-view) {background:Canvas;color:CanvasText}
  .site-view:is(.blog-view,.blog-post-view)::before,.blog-view .page-mascot .mascot-halo {display:none}
  .blog-view .blog-intro h1 {background:none;-webkit-text-fill-color:CanvasText}
  .blog-view .blog-card,.blog-view .blog-filters,.blog-post-view .blog-post-cta {background:Canvas;border-color:CanvasText}
  .blog-view .page-mascot .mascot-badge {background:Canvas;color:CanvasText;border-color:CanvasText}
}

@media(max-width:700px) {
  .blog-post-view .main-content {width:calc(100% - 32px);padding-top:26px;padding-bottom:44px}
  .blog-post-view .blog-post-heading {padding:24px 21px;margin-bottom:22px}
  .blog-post-view .blog-post-heading-top {gap:13px;margin-bottom:22px}
  .blog-post-view .blog-post-heading .blog-meta {gap:8px;font-size:11px}
  .blog-post-view .blog-post-heading .tag {font-size:11px;padding:6px 10px}
  .blog-post-view .blog-post-heading .blog-meta>span:not(.tag) {padding:5px 7px}
  .blog-post-view .blog-post-heading-icon {width:46px;height:46px;border-radius:12px}
  .blog-post-view .blog-post-heading-icon .material-symbols-outlined {font-size:27px}
  .blog-post-view .blog-post-heading h1 {font-size:34px;line-height:1.17;margin-bottom:23px}
  .blog-post-view .blog-post-excerpt {font-size:15px;line-height:1.85;padding-left:14px;margin-bottom:24px}
  .blog-post-view .blog-post-author {padding:16px 14px;gap:12px}
  .blog-post-view .blog-author-avatar {width:42px;height:42px;font-size:17px}
  .blog-post-view .blog-post-author strong {font-size:14px}
  .blog-post-view .blog-post-author p {font-size:11px}
  .blog-post-view .blog-post-figure {margin-bottom:22px}
  .blog-post-view .blog-post .blog-post-cover.image-unavailable {height:160px;min-height:160px}
  .blog-post-view .blog-reading-panel {padding:26px 21px}
  .blog-post-view .blog-prose {font-size:16px;line-height:1.9}
  .blog-post-view .blog-prose h2 {font-size:25px}
  .blog-post-view .blog-prose h3 {font-size:21px}
  .blog-post-view .blog-prose blockquote {padding:18px;margin:25px 0}
  .blog-post-view .blog-post-tags {padding:22px 20px;margin-top:22px}
  .blog-post-view .blog-post-cta {padding:27px 22px;margin-top:22px}
  .blog-post-view .blog-post-cta h2 {font-size:24px}
  .blog-post-view .blog-post-cta .actions {align-items:stretch}
}
@media(max-width:400px) {.blog-post-view .blog-post-heading {padding:22px 17px}.blog-post-view .blog-post-heading h1 {font-size:32px}.blog-post-view .blog-reading-panel {padding:24px 16px}.blog-post-view .blog-post-author {padding:14px 12px}}
@media(forced-colors:active) {.blog-post-view .blog-post-heading,.blog-post-view .blog-reading-panel,.blog-post-view .blog-post-author,.blog-post-view .blog-post-tags {background:Canvas;color:CanvasText;border-color:CanvasText}.blog-post-view .blog-post-heading h1 {background:none;-webkit-text-fill-color:CanvasText}}

/* Editable labels and calls to action retain their layout with longer copy. */
.blog-view #artigos,.blog-post-view #orientacao {scroll-margin-top:110px}
.blog-view :is(.blog-tool-label,.blog-card-footer .text-link,.services-empty h2,.services-empty p,.services-empty .button),
.blog-post-view :is(.blog-topic-label,.blog-post-cta h2,.blog-post-cta p,.blog-post-cta .button) {overflow-wrap:anywhere}
.blog-view .blog-card-footer .text-link {white-space:normal}
.blog-post-view .blog-topic-label {min-width:0}