/* /blog/google-workspace-app-access · page scoped CSS (prefix pg-gwa-, short for the slug). Spacing between shared blocks, the
   connection register of fig. 01 (a shared .cy-table on a .cy-plate, marks from .cy-hex and .cy-rec__rule, as
   /blog/client-api-key-handover) and the two routes of fig. 02 (two ruled columns on a .cy-plate: app access with the Signal
   square, file sharing with the hollow square, the review line with the ember rule because a person decides). */

.pg-gwa-title{text-wrap:balance}

/* reading rhythm (as the exemplar /blog/mac-security-questionnaire) */
.pg-gwa-sec+.pg-gwa-sec{margin-top:104px}
@media (max-width:767px){.pg-gwa-sec+.pg-gwa-sec{margin-top:72px}}
.pg-gwa-chips{margin-top:28px}
.pg-gwa-links{margin-top:24px}
.pg-gwa-fig{margin-top:44px}
.pg-gwa-fig .cy-fig__cap{max-width:68ch}
.pg-gwa-callout{margin-top:32px;max-width:684px}
.pg-gwa-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-gwa-refs{max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}
.pg-gwa-gloss{margin-top:12px}

/* fig. 01: the connection register */
.pg-gwa-table{font-size:15px}
.pg-gwa-table thead th:first-child{width:32%}
.pg-gwa-table tbody th{font-weight:500}
.pg-gwa-table .cy-table__gloss{display:block;margin-top:4px;font-family:var(--font-mono);font-size:13px;font-weight:400}
.pg-gwa-table tbody tr:last-child>*{border-bottom:0;padding-bottom:0}
.pg-gwa-state{display:inline-grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;align-items:baseline}
.pg-gwa-state>.cy-hex{--hex-w:12px;transform:translateY(1px)}
.pg-gwa-state>.cy-rec__rule{transform:translateY(-4px)}
@media (max-width:767px){
  .pg-gwa-table tbody tr:first-child{border-top:0;padding-top:0}
  .pg-gwa-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
}

/* fig. 02: one folder, two ways in */
.pg-gwa-paths__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-gwa-paths__col{min-width:0;padding-right:28px}
.pg-gwa-paths__col+.pg-gwa-paths__col{padding:0 0 0 28px;border-left:1px solid var(--s-line)}
.pg-gwa-paths__k{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-gwa-paths__q{margin-top:12px;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--s-ink);text-wrap:balance}
.pg-gwa-paths__rows{display:grid;margin-top:20px;border-top:1px solid var(--s-line)}
.pg-gwa-paths__rows>li{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--s-line);font-size:16px;line-height:1.45;color:var(--s-ink)}
.pg-gwa-paths__v{font-size:15px;color:var(--s-ink-2)}
.pg-gwa-paths__foot{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:12px;align-items:baseline;margin-top:28px;font-size:16px;line-height:1.5;color:var(--s-ink)}
.pg-gwa-paths__foot .cy-rec__rule{transform:translateY(-4px)}
@media (max-width:599px){
  .pg-gwa-paths__cols{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .pg-gwa-paths__col,.pg-gwa-paths__col+.pg-gwa-paths__col{padding:0;border-left:0}
  .pg-gwa-paths__q{font-size:20px}
}


/* the German pass (29 Sep 2026): the two path questions wrap in German where the English fits one line; open the leading */
html[lang^="de"] .pg-gwa-paths__q{line-height:1.32}