/* Aplicações e comunidade: extensão da composição de papéis do diário. */
.g-section-lead{max-width:760px;font-size:18px;line-height:1.6}.g-applications{background:#fff6d8;border-top:2px solid #342548;border-bottom:2px solid #342548}.g-applications h2{font-size:clamp(36px,4.2vw,62px);margin:22px 0}.g-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px}.g-application-grid article{position:relative;min-width:0;padding:28px;background:#fffdf6;border:2px solid #392951;box-shadow:5px 6px 0 #39295125}.g-application-grid article:before{content:'';position:absolute;width:70px;height:22px;top:-12px;left:28px;transform:rotate(-5deg);background:#ead088a6}.g-application-grid article:nth-child(2){background:#efe3ff}.g-application-grid img{width:80px;height:80px;object-fit:contain;margin:24px 0 15px}.g-application-grid h3{font-size:30px;line-height:1.12;margin:0 0 18px}.g-application-grid p{font-size:16px;line-height:1.65;margin-bottom:24px}.g-application-grid a{font-weight:700;font-size:14px;color:#5416da}.g-community{background:#5416de;color:#fff9eb}.g-community-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.g-community h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08;margin:24px 0}.g-community h2 span{display:block;font-size:.55em;line-height:1.5;color:#ffdf19;margin-top:10px}.g-community p{font-size:18px;line-height:1.65}.g-community-hashtag{font-family:'IBM Plex Mono',monospace;font-size:13px!important;font-weight:700;overflow-wrap:anywhere;margin-top:30px}.g-community-note{background:#ffdf35;border:2px solid #302044;box-shadow:8px 8px 0 #32106d;color:#2c2040;padding:32px;transform:rotate(1deg);min-width:0}.g-community-note>strong{font-size:76px;line-height:1.1;color:#5416de;display:block;margin:23px 0 0}.g-community-note>strong span{font-size:17px;display:block;color:#2c2040;margin-top:12px}.g-community-note h3{font-size:28px;line-height:1.15;margin:30px 0 16px}.g-community-note p{font-size:16px}.g-community-note .g-small{font-size:12px;margin:8px 0}.g-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.g-notebox details>p{overflow-wrap:anywhere}
@media(max-width:1000px){.g-application-grid{gap:16px}.g-application-grid article{padding:22px}.g-application-grid h3{font-size:27px}.g-community-grid{gap:32px}}
@media(max-width:760px){.g-application-grid,.g-community-grid{grid-template-columns:1fr}.g-application-grid{gap:28px}.g-community-grid{gap:35px}.g-community-note{transform:none;padding:25px}.g-community h2{font-size:40px}.g-community p{font-size:17px}.g-community-note p{font-size:16px}.g-metrics{grid-template-columns:1fr 1fr}.g-metric-special{grid-column:1/-1}.g-application-grid article{padding:25px}.g-application-grid h3{font-size:30px}}
@media(max-width:380px){.g-metrics{grid-template-columns:1fr}.g-metric-special{grid-column:auto}.g-community h2{font-size:36px}.g-community-note>strong{font-size:65px}}

/* Badges originais: marcos de jornada sobre papéis do caderno. */
.g-achievements{background:#f4eddf;border-top:2px solid #342548;border-bottom:2px solid #342548;scroll-margin-top:70px}
.g-achievements h2{font-size:clamp(36px,4.4vw,64px);line-height:1.1;margin:22px 0}
.g-achievements .g-section-lead{max-width:800px}
.g-badge-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin-top:42px;align-items:stretch}
.g-badge-paper{position:relative;min-width:0;border:2px solid #342548;background:#fffdf7;box-shadow:6px 7px 0 #34254822;padding:24px 30px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.g-badge-paper:before{content:'';position:absolute;width:85px;height:23px;background:#e5cfa499;top:-13px;left:calc(50% - 42px);transform:rotate(-6deg)}
.g-badge-current{border-color:#5416de;box-shadow:7px 8px 0 #5416de30;background:#f4ecff}
.g-badge-label{display:inline-block;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:12px;letter-spacing:.06em;padding:8px 13px;border:1px solid #342548;background:#ffdf19;color:#2e203f;transform:rotate(-2deg)}
.g-badge-start .g-badge-label{background:#e2ecff;transform:rotate(2deg)}
.g-badge-original{display:block;width:clamp(180px,19vw,260px);max-width:100%;margin:9px auto 0;border-radius:8px}
.g-badge-original img{display:block;width:100%;height:auto;object-fit:contain}
.g-badge-copy{width:100%;margin-top:4px}.g-badge-copy .g-mono{font-size:10px;line-height:1.5}
.g-badge-copy h3{font-size:32px;line-height:1.08;margin:12px 0}.g-badge-copy p{font-size:16px;line-height:1.6;max-width:390px;margin:0 auto}
.g-badge-original:focus-visible{outline:3px solid #5416de;outline-offset:4px}
@media(max-width:760px){.g-badge-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.g-badge-paper{padding:23px 20px 26px}.g-badge-original{width:205px}.g-badge-copy h3{font-size:30px}.g-achievements h2{font-size:38px}.g-achievements .g-section-lead{font-size:17px}.g-badge-copy p{font-size:15px}}

.g-badge-paper{scroll-margin-top:90px}

.g-metric-special span{max-width:100%}


/* === Jornada Google: Laboratório Prático & Histórico de Pontos integrados ao Scrapbook (Etapa A) === */
.g-workflows {
  padding: 68px 0;
  background: #f4efdf;
  border-top: 1.5px dashed #8d7f68;
  border-bottom: 1.5px dashed #8d7f68;
}
.g-workflow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.g-workflow-card {
  position: relative;
  background: #fffdf6;
  border: 1.5px solid #392951;
  box-shadow: 5px 6px 0 #39295122;
  padding: 26px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.g-workflow-card::before {
  content: '';
  position: absolute;
  width: 68px;
  height: 20px;
  top: -11px;
  left: 24px;
  transform: rotate(-4deg);
  background: #ead088b3;
}
.g-workflow-card:nth-child(even) {
  background: #f8f2ff;
}
.g-workflow-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cfc3ae;
}
.g-workflow-pill {
  font-family: var(--purr-label-font, "IBM Plex Mono", monospace);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 9px;
  background: #ffe231;
  color: #201a30;
  border: 1px solid #392951;
}
.g-workflow-card h3 {
  font-size: 24px;
  line-height: 1.18;
  margin: 4px 0;
}
.g-workflow-card p {
  font-size: 15.5px;
  line-height: 1.58;
  margin: 0;
}
.g-workflow-list {
  margin: 4px 0 0;
  padding-left: 18px;
  font-size: 14.5px;
  line-height: 1.55;
  display: grid;
  gap: 6px;
}
.g-workflow-links {
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.g-workflow-links a {
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.g-points-history {
  margin: 22px 0 12px;
  background: #fff9e9;
  border: 1.5px solid #392951;
  box-shadow: 5px 5px 0 #39295122;
  padding: 16px 20px;
}
.g-points-history summary {
  cursor: pointer;
  font-family: var(--purr-label-font, "IBM Plex Mono", monospace);
  font-weight: 700;
  font-size: 13.5px;
  color: #4817a5;
}
.g-points-table-wrap {
  overflow-x: auto;
  margin-top: 14px;
}
.g-points-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.g-points-table th,
.g-points-table td {
  border: 1px solid #cfc3ae;
  padding: 9px 12px;
  text-align: left;
}
.g-points-table th {
  background: #f3ecff;
  font-family: var(--purr-label-font, "IBM Plex Mono", monospace);
  font-size: 12px;
  color: #27223c;
}
@media (max-width: 760px) {
  .g-workflow-grid {
    grid-template-columns: 1fr;
  }
  .g-workflow-card {
    padding: 20px 18px;
  }
}

.g-cert-confirmed-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: 215px;
  padding: 18px 16px;
  background: #fffdf6;
  border: 1.5px dashed #5416de;
  color: #29221e;
}
.g-cert-status-pill {
  display: inline-block;
  align-self: flex-start;
  padding: 5px 8px;
  background: #ffdf19;
  color: #29221e;
  border: 1px solid #29221e;
  font-size: 10px !important;
  line-height: 1.3;
}
.g-cert-confirmed-box h3 {
  margin: 4px 0 2px;
  font-family: var(--purr-font-editorial, "Manrope", sans-serif);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: #29221e;
}
.g-cert-confirmed-box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #3d3548;
}
.g-cert-pending-note {
  display: block;
  padding-top: 8px;
  border-top: 1px dashed #bfb6a5;
  font-size: 10px !important;
  line-height: 1.4;
  color: #5416de;
}
