/* Componentes do guia · IA Lab by amano · versão 4 (21/09/2026). Escopo .g-* */
.g-toc,.g-fig,.g-callout,.g-card,.g-timeline,.g-quote{--g-ox:#9A3A24;--g-br:#734F2F;--g-gold:#C4A67C;--g-ink:#1A1A1A;--g-mute:#6f655c;--g-hair:rgba(26,26,26,.16);--g-paper:#FBF8F1;--g-tint:#EFE8DA}
.g-toc-k,.g-card-k,.g-callout-k,.g-tl-k,.g-fig-k,.g-phase-k,.g-front-k{font:600 11px/1.2 'Work Sans',sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:var(--g-br);margin:0 0 12px}

/* Evita que o conteúdo largo empurre a coluna no celular (este CSS só carrega no guia) */
.article{min-width:0;max-width:100%}
@media(max-width:700px){.article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Sumário */
.g-toc{margin:40px 0;padding:22px 0 18px;border-top:1px solid var(--g-ink);border-bottom:1px solid var(--g-hair);background:none}
.g-toc ol{margin:0;padding:0;list-style:none;counter-reset:gtoc;columns:2;column-gap:40px}
.g-toc li{counter-increment:gtoc;break-inside:avoid;display:flex;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--g-hair);font-size:15px!important;line-height:1.4!important;margin:0}
.g-toc li:before{content:counter(gtoc,decimal-leading-zero);font:400 15px/1 'Fraunces',serif;color:var(--g-ox);min-width:22px}
.g-toc a{color:var(--g-ink);text-decoration:none}.g-toc a:hover{color:var(--g-ox)}

/* Figuras: sem caixa branca, filete editorial */
.g-fig{margin:52px 0;padding:18px 0 0;background:none;border:0;border-top:1px solid var(--g-ink)}
.g-fig-k{margin-bottom:8px!important;color:var(--g-ox)!important}
.g-fig-title{font:300 28px/1.12 'Fraunces',serif!important;letter-spacing:-.02em;margin:0 0 6px;color:var(--g-ink)}
.g-dek{font-size:14px!important;line-height:1.5!important;color:var(--g-mute);margin:0 0 22px!important}
.g-fig figcaption{margin-top:22px;padding-top:12px;border-top:1px solid var(--g-hair);font-size:12px;line-height:1.55;color:var(--g-mute)}
.g-note{display:block;margin-top:4px;font-style:italic}

/* Barras horizontais */
.g-bars{list-style:none;margin:0;padding:0}
.g-bar{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:16px;padding:12px 0 14px;margin:0!important;border-bottom:1px solid var(--g-hair)}
.g-bar:first-child{padding-top:0}
.g-bar-l{font-size:15px;line-height:1.35;color:var(--g-ink)}
.g-bar-v{font:300 30px/1 'Fraunces',serif;letter-spacing:-.02em;color:var(--g-br);font-variant-numeric:lining-nums tabular-nums}
.g-bar-v small{font-size:.6em;margin-left:2px}
.g-bar-t{grid-column:1/-1;display:block;height:6px;margin-top:10px;background:linear-gradient(90deg,rgba(115,79,47,.14),rgba(115,79,47,.14)) left center/100% 1px no-repeat}
.g-bar-t i{display:block;height:6px;background:var(--g-gold)}
.g-bar--hi .g-bar-v{color:var(--g-ox)}.g-bar--hi .g-bar-t i{background:var(--g-ox)}

/* Colunas */
.g-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:-6px 0 18px;font-size:13px;color:var(--g-ink)}
.g-leg-i{display:inline-flex;align-items:center;gap:8px}.g-leg-i i{width:18px;height:6px;display:inline-block}
.g-s1{background:var(--g-gold)}.g-s2{background:var(--g-br)}.g-s3{background:var(--g-ox)}
.g-cols{position:relative;height:280px;margin:0 0 0 38px}
.g-grid span{position:absolute;left:0;right:0;border-top:1px solid var(--g-hair);height:0}
.g-grid span:first-child{border-top-color:var(--g-ink)}
.g-grid em{position:absolute;left:-38px;top:-8px;font:normal 11px/1 'Work Sans',sans-serif;color:var(--g-mute)}
.g-colwrap{position:absolute;inset:0;display:flex}
.g-colgroup{flex:1;position:relative}
.g-colbars{position:absolute;inset:0 0 0 0;display:flex;align-items:flex-end;justify-content:center;gap:10px}
.g-col{position:relative;width:clamp(22px,7vw,52px);min-height:1px}
.g-col b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:6px;font:400 17px/1 'Fraunces',serif;color:var(--g-ink);white-space:nowrap}
.g-col--nd{height:0;background:none!important;border-top:1px dashed var(--g-mute)}.g-col--nd b{font:500 10px/1 'Work Sans',sans-serif;letter-spacing:.1em;color:var(--g-mute)}
.g-colname{position:absolute;top:100%;left:0;right:0;text-align:center;margin:12px 0 0!important;font-size:13px!important;line-height:1.3!important;color:var(--g-ink)}
.g-cols{margin-bottom:46px}

/* Fluxo dos 8 movimentos */
.g-flow{display:grid;grid-template-columns:2fr 3fr 3fr;gap:0}
.g-phase{padding:0 14px 0 0}.g-phase+.g-phase{padding-left:14px;border-left:1px solid var(--g-hair)}
.g-phase-k{padding-bottom:10px;border-bottom:2px solid var(--g-gold)}
.g-phase:last-of-type .g-phase-k{border-bottom-color:var(--g-ox)}
.g-phase ol{list-style:none;margin:0;padding:0}
.g-step{display:grid;grid-template-columns:30px 1fr;column-gap:6px;padding:12px 0;border-bottom:1px solid var(--g-hair);margin:0!important}
.g-step-n{grid-row:span 2;font:400 15px/1.3 'Fraunces',serif;color:var(--g-br)}
.g-step-t{font:400 19px/1.2 'Fraunces',serif;color:var(--g-ink)}
.g-step-s{font-size:13px;line-height:1.4;color:var(--g-mute);margin-top:3px}
.g-step--key .g-step-n,.g-step--key .g-step-t{color:var(--g-ox)}
.g-loop{grid-column:1/-1;margin:16px 0 0!important;font-size:14px!important;color:var(--g-ox);display:flex;gap:10px;align-items:center}
.g-loop span{font-size:20px;line-height:1}

/* Fronteira irregular */
.g-front{display:grid;grid-template-columns:1.7fr 1fr;min-height:250px}
.g-front-in{background:var(--g-tint);padding:26px 42px 24px 26px;clip-path:polygon(0 0,100% 0,94% 18%,100% 36%,93% 55%,100% 74%,95% 100%,0 100%)}
.g-front-out{background:#F2E1D7;padding:26px 26px 24px 30px;margin-left:-5%}
.g-front-out .g-front-k{color:var(--g-ox)}
.g-front-nums{display:flex;flex-wrap:wrap;gap:18px 30px}
.g-front p{margin:0}
.g-front strong{display:block;font:300 44px/1 'Fraunces',serif;letter-spacing:-.03em;color:var(--g-ink)}
.g-front-out strong{color:var(--g-ox)}
.g-front span{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--g-mute);max-width:130px}
.g-front-note{margin-top:26px!important;padding-top:14px;border-top:1px solid var(--g-hair);font-size:14px!important;line-height:1.5!important;color:var(--g-ink)}

/* Frase em destaque */
.g-quote{margin:56px 0;padding:26px 0 0;border:0;border-top:1px solid var(--g-ink);position:relative}
.g-quote:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:3px;background:var(--g-ox)}
.g-quote p{font:300 clamp(28px,3.4vw,42px)/1.1 'Fraunces',serif!important;letter-spacing:-.025em;margin:0;color:var(--g-ink)}
.g-quote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;color:var(--g-mute)}

/* Fotos */
.g-photo{margin:48px 0}.g-photo img{display:block;width:100%;height:auto}
.g-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-pair img{aspect-ratio:1/1;object-fit:cover;height:100%}
.g-photo figcaption{margin-top:12px;padding-left:14px;border-left:2px solid #9A3A24;font-size:13px;line-height:1.5;color:#6f655c}

/* Caixas de apoio */
.g-callout{margin:40px 0;padding:26px 28px 22px;background:var(--g-tint);border:0;border-top:2px solid var(--g-br)}
.g-callout--atencao{background:#F4E6DE;border-top-color:var(--g-ox)}.g-callout--atencao .g-callout-k{color:var(--g-ox)}
.g-callout--leitura{background:none;border:1px solid var(--g-hair);border-top:2px solid var(--g-gold)}
.g-callout-t{font:300 24px/1.2 'Fraunces',serif!important;letter-spacing:-.015em;margin:0 0 12px;color:var(--g-ink)}
.g-callout p,.g-callout li{font-size:16px!important;line-height:1.6!important}
.g-callout ul{padding-left:20px}
.g-anat{list-style:none;padding:0!important;counter-reset:ganat;margin:0}
.g-anat li{counter-increment:ganat;position:relative;padding:10px 0 10px 36px;border-bottom:1px solid var(--g-hair);margin:0!important}
.g-anat li:before{content:counter(ganat,decimal-leading-zero);position:absolute;left:0;top:10px;font:400 15px/1.6 'Fraunces',serif;color:var(--g-ox)}
.g-small{font-size:13px!important;color:var(--g-mute);margin-top:12px!important}

/* Cartão da política */
.g-card{margin:40px 0;padding:30px 32px 16px;background:var(--g-paper);border:1px solid var(--g-hair);border-top:3px solid var(--g-ink);box-shadow:none}
.g-card-k{padding-bottom:14px;margin-bottom:4px!important;border-bottom:1px solid var(--g-hair)}
.g-policy{list-style:none;padding:0;margin:0;counter-reset:gpol;display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.g-policy li{counter-increment:gpol;position:relative;padding:14px 0 14px 38px;border-bottom:1px solid var(--g-hair);font-size:15px!important;line-height:1.55!important;margin:0!important}
.g-policy li:before{content:counter(gpol,decimal-leading-zero);position:absolute;left:0;top:13px;font:400 17px/1.3 'Fraunces',serif;color:var(--g-ox)}
.g-policy li strong{display:block;font:400 18px/1.25 'Fraunces',serif;margin-bottom:4px;color:var(--g-ink)}

/* Linha do tempo de 90 dias */
.g-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0;position:relative;padding-top:26px}
.g-timeline:before{content:"";position:absolute;top:6px;left:0;right:0;height:1px;background:var(--g-ink)}
.g-tl-col{position:relative;padding:14px 22px 6px 0;background:none;border:0}
.g-tl-col+.g-tl-col{padding-left:22px;border-left:1px solid var(--g-hair)}
.g-tl-col:before{content:"";position:absolute;top:-26px;left:0;width:13px;height:13px;border-radius:50%;background:var(--g-gold);box-shadow:0 0 0 4px var(--creme,#F6F3E9)}
.g-tl-col+.g-tl-col:before{left:22px}
.g-tl-col:nth-child(2):before{background:var(--g-br)}.g-tl-col:nth-child(3):before{background:var(--g-ox)}
.g-tl-col h3{font:300 22px/1.2 'Fraunces',serif!important;margin:2px 0 12px!important}
.g-tl-col ul{padding-left:16px;margin:0}.g-tl-col li{font-size:14.5px!important;line-height:1.55!important;margin-bottom:8px}

/* Tabela de indicadores e lista de conferência */
.g-ind{border-top:1px solid var(--g-ink,#1A1A1A)}
.g-ind th{font:600 11px/1.2 'Work Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#734F2F;text-align:left;padding:14px 13px 12px;border-bottom:1px solid rgba(26,26,26,.16)}
.g-ind td:first-child{font:400 17px/1.3 'Fraunces',serif}
.g-ind td.g-blank{color:#a0968b;font-style:italic;font-size:13px;background:repeating-linear-gradient(90deg,rgba(26,26,26,.18) 0 4px,transparent 4px 8px) left 78%/100% 1px no-repeat}
.g-check{list-style:none;padding:0!important;margin:0}
.g-check li{padding:10px 0 10px 34px;position:relative;margin:0!important;border-bottom:1px solid rgba(26,26,26,.12)}
.g-check li:last-child{border-bottom:0}
.g-check li:before{content:"";position:absolute;left:0;top:13px;width:17px;height:17px;border:1.5px solid #734F2F;border-radius:2px;background:#FBF8F1}

/* Responsivo */
@media(max-width:900px){.g-timeline{grid-template-columns:1fr;padding-top:0}.g-timeline:before{top:0;bottom:0;left:6px;right:auto;width:1px;height:auto}
 .g-tl-col,.g-tl-col+.g-tl-col{padding:6px 0 18px 36px;border-left:0}.g-tl-col:before,.g-tl-col+.g-tl-col:before{top:8px;left:0}
 .g-toc ol{columns:1}.g-policy{grid-template-columns:1fr}}
@media(max-width:700px){
 .g-fig-title{font-size:24px!important}.g-bar-v{font-size:26px}
 .g-flow{grid-template-columns:1fr}.g-phase,.g-phase+.g-phase{padding:0;border-left:0;margin-bottom:18px}
 .g-front{grid-template-columns:1fr}.g-front-in{clip-path:polygon(0 0,100% 0,100% 92%,82% 100%,64% 94%,44% 100%,24% 94%,0 100%);padding:22px 20px 34px}
 .g-front-out{margin:-4% 0 0;padding:34px 20px 22px}.g-front strong{font-size:38px}
 .g-cols{height:230px}.g-col b{font-size:14px}.g-colbars{gap:6px}
 .g-card{padding:24px 18px 10px}.g-callout{padding:22px 18px 18px}
 .g-fig{min-width:0}.g-fig--scroll .g-svgwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px)}.g-fig--scroll svg{min-width:640px}
 .g-fig--scroll figcaption:before{content:"Arraste para o lado para ver o esquema inteiro. ";font-style:italic}
 .g-pair{grid-template-columns:1fr}.g-pair img{aspect-ratio:auto}}
/* Versão 5 (22/09/2026): tabelas de comparação do artigo sobre cursos */
.g-fig table{margin:4px 0 0!important}
.g-fmt,.g-dec,.g-score{border-top:1px solid var(--g-ink,#1A1A1A)}
.g-fmt th,.g-dec th,.g-score th{font:600 11px/1.2 'Work Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#734F2F;text-align:left;padding:14px 13px 12px;border-bottom:1px solid rgba(26,26,26,.16)}
.g-fmt td,.g-dec td,.g-score td{font-size:14.5px;line-height:1.5}
.g-fmt td:first-child,.g-dec td:first-child{font:400 18px/1.25 'Fraunces',serif;color:#1A1A1A}
.g-fmt td:last-child{color:#51463B}
.g-dec td:last-child{border-left:2px solid #C4A67C;padding-left:18px}
.g-dec tr:nth-child(odd) td{background:rgba(231,227,223,.45)}
.g-score td:first-child{font:400 17px/1.3 'Fraunces',serif;width:30%}
.g-score td:first-child b{font-weight:400;color:#9A3A24;margin-right:4px}
.g-score td.g-blank{width:16%;white-space:nowrap;letter-spacing:.14em}
@media(max-width:700px){.g-score td:first-child{width:auto}.g-fmt td{min-width:120px}}
@media(max-width:700px){
.article table.g-score,.article table.g-dec{display:block;overflow:visible}
.g-score thead,.g-dec thead{display:none}
.g-score tbody,.g-score tr,.g-score td,.g-dec tbody,.g-dec tr,.g-dec td{display:block;width:auto!important}
.g-score tr,.g-dec tr{padding:14px 0;border-bottom:1px solid rgba(26,26,26,.16)}
.g-score td,.g-dec td{border:0!important;padding:3px 0!important;background:none!important}
.g-score td.g-blank{background:none;margin-top:6px}
.g-dec td:last-child{padding-left:12px!important;border-left:2px solid #C4A67C!important;margin-top:6px}
}