/* 2 · O que ela trata — o sumário do caderno */
.te-sec{interpolate-size:allow-keywords}
.te-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.te-lado{grid-column:1/6;position:sticky;top:72px}
.te-h2{margin-top:16px;max-width:9em}
.te-intro{margin-top:22px;max-width:24em}
.te-foto{margin:40px 0 0 -24px}
.te-foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:42% 55%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent);mask-composite:intersect;filter:sepia(.08) contrast(1.04)}

.te-indice{grid-column:7/13}
.te-sumario{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--mel);padding-bottom:14px;border-bottom:1px solid var(--filete)}
.te-conta{font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}
.te-cap{margin-top:30px;font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-2)}
.te-sumario+.te-cap{margin-top:22px}
.te-um .te-tema{font-size:clamp(22px,2vw,30px);line-height:1.18}
.te-lista{list-style:none}
.te-item summary{list-style:none;cursor:pointer;display:flex;align-items:last baseline;gap:0;min-height:60px;padding:16px 0 12px}
.te-item summary::-webkit-details-marker{display:none}
.te-tema{flex:0 1 auto;font-family:var(--serif);font-size:clamp(19px,1.6vw,24px);line-height:1.25;color:var(--tinta);transition:color .3s}
.te-guia{flex:1 1 24px;min-width:24px;height:4px;margin:0 14px;align-self:flex-end;margin-bottom:.55em;
  background:radial-gradient(circle,color-mix(in oklab,var(--tinta-2) 85%,transparent) 1px,transparent 1.4px) 0 50%/8px 4px repeat-x;
  transform-origin:left;transition:transform 1.2s var(--curva)}
.te-num{font-family:var(--serif);font-size:16px;color:var(--mel);font-variant-numeric:tabular-nums;min-width:1.6em;text-align:right}
.te-mais{position:relative;width:14px;height:14px;margin-left:16px;align-self:flex-end;margin-bottom:8px;flex:none}
.te-mais::before,.te-mais::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:var(--tinta-2);transition:transform .4s var(--curva)}
.te-mais::after{transform:rotate(90deg)}
.te-item[open] .te-mais::after{transform:rotate(0)}
.te-item summary:hover .te-tema{color:var(--mel)}

.te-item::details-content{height:0;overflow:clip;transition:height .5s var(--curva),content-visibility .5s allow-discrete}
.te-item[open]::details-content{height:auto}
.te-corpo{padding:2px 72px 24px 20px;border-left:1.5px solid color-mix(in oklab,var(--mel) 55%,transparent);margin:2px 0 4px}
.te-item[open] .te-num{color:var(--tinta)}
.te-item[open] .te-tema{color:var(--tinta)}
.te-corpo>p{font-size:16px;line-height:1.6;color:var(--tinta-2);max-width:34em}
.te-fala p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--tinta)}
.te-fala footer{margin-top:8px;font-size:15px;color:var(--tinta-2)}
.te-obs{margin-top:12px}

.te-pe{margin-top:30px;padding-top:16px;border-top:1px solid var(--filete);font-family:var(--serif);font-style:italic;font-size:17px;color:var(--tinta)}

/* gesto: cada linha do sumário seca e o pontilhado corre até o número */
.js .te-lista li .te-guia{transform:scaleX(0)}
.js .te-lista li.visto .te-guia{transform:none;transition-delay:calc(var(--atraso,0s) + .35s)}

@media (max-width:900px){
  .te-in{display:block}
  .te-lado{position:static}
  .te-foto{margin:30px -20px 0}
  .te-indice{margin-top:40px}
  .te-item summary{min-height:56px}
  .te-tema{font-size:19px}
  .te-um .te-tema{font-size:22px}
  .te-guia{margin:0 10px .5em}
  .te-mais{margin-left:12px}
  .te-corpo{padding-right:8px;padding-left:16px}
  .te-pe{margin-bottom:40px}
}