/* Notícias tab: topics to choose, the summaries, and the news popup. */
#tab-noticias{grid-template-columns:minmax(0,1fr)}

#app .nt-topics{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}
#app .nt-pick{display:inline-flex;align-items:center;gap:8px}
#app .nt-pick .ck{min-height:32px}
#app .nt-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#app .nt-input{flex:1 1 240px;max-width:380px;height:38px;background:var(--ink2);border:1px solid var(--line-d);color:var(--white);padding:0 12px;font-size:14px;font-family:inherit;border-radius:2px}
#app .nt-input::placeholder{color:var(--mut-d)}
#app .nt-err{min-height:1em;margin:6px 0 0;font-size:12.5px;color:var(--dn)}
#app .nt-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:12.5px;color:var(--mut-d);margin:6px 0 4px}

#app .nt-topic{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-d)}
#app .nt-topic h3{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-l);font-weight:500;margin:0 0 6px}
#app .nt-empty,#app .nt-error{font-size:13.5px;color:var(--mut-d);margin:6px 0}
#app .nt-error{color:var(--dn)}

#app .nt-list{list-style:none;margin:0;padding:0}
#app .nt-item{border-bottom:1px solid var(--line-d);padding:14px 0}
#app .nt-item:last-child{border-bottom:0}
#app .nt-summary{display:flex;justify-content:space-between;align-items:baseline;gap:14px;width:100%;text-align:left;background:transparent;border:0;padding:0;color:var(--white);font-family:inherit;font-size:15px;line-height:1.55;cursor:pointer}
#app .nt-summary:hover .nt-summary-text{color:var(--teal-l)}
#app .nt-summary:focus-visible{outline:2px solid var(--teal-l);outline-offset:4px}
#app .nt-summary-text{transition:color .2s ease}
#app .nt-summary-text strong{font-weight:700;color:var(--white)}
#app .nt-summary-text code{font-family:'JetBrains Mono',monospace;font-size:.92em;color:var(--teal-l)}
#app .nt-more{flex:none;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut-d);white-space:nowrap}
#app .nt-summary:hover .nt-more{color:var(--teal-l)}
#app .nt-src{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--teal-l);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/* Popup with one news item */
.nt-modal{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:color-mix(in srgb,var(--ink) 78%,transparent);backdrop-filter:blur(3px)}
.nt-modal[hidden]{display:none}
.nt-dialog{position:relative;min-width:0;width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line-d);border-radius:2px;box-shadow:0 24px 60px color-mix(in srgb,var(--ink) 70%,transparent);animation:fbDialogIn .28s cubic-bezier(.2,.8,.2,1) both}
.nt-dialog:focus{outline:none}
@keyframes fbDialogIn{from{opacity:0;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:none}}
.nt-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 14px;border-bottom:1px solid var(--line-d)}
.nt-kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-l);margin:0 0 6px}
.nt-dialog-head h2{font-family:'Source Serif 4',Georgia,serif;font-weight:500;font-size:clamp(20px,2.6vw,26px);line-height:1.25;margin:0;color:var(--white)}
.nt-close{flex:none;width:36px;height:36px;background:transparent;border:1px solid var(--line-d);color:var(--tx-d2);font-size:20px;line-height:1;cursor:pointer;border-radius:2px}
.nt-close:hover{color:var(--white);border-color:var(--teal-l)}
.nt-close:focus-visible{outline:2px solid var(--teal-l);outline-offset:2px}
.nt-lead{margin:0;padding:16px 26px;font-size:16px;line-height:1.6;color:var(--tx-d1);border-bottom:1px solid var(--line-d);background:color-mix(in srgb,var(--teal) 6%,transparent)}
.nt-lead strong{color:var(--white)}
.nt-article{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 26px 6px;font-size:15px;line-height:1.75;color:var(--tx-d1)}
.nt-article h4{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:18px;line-height:1.3;color:var(--white);margin:24px 0 8px}
.nt-article p{margin:0 0 14px}
.nt-article strong{color:var(--white)}
.nt-article em{color:var(--tx-d2)}
.nt-article a{color:var(--teal-l);text-underline-offset:3px}
.nt-article ul,.nt-article ol{margin:0 0 14px;padding-left:22px}
.nt-article li{margin-bottom:6px}
.nt-article blockquote{margin:0 0 14px;padding:4px 0 4px 16px;border-left:3px solid var(--teal-l);color:var(--tx-d2);font-style:italic}
.nt-article blockquote p{margin:0}
.nt-article code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:color-mix(in srgb,var(--white) 6%,transparent);padding:1px 5px;border-radius:2px}
.nt-article pre{margin:0 0 14px;padding:12px 14px;overflow:auto;background:var(--ink);border:1px solid var(--line-d)}
.nt-article pre code{background:none;padding:0}
.nt-article hr{border:0;border-top:1px solid var(--line-d);margin:22px 0}
.nt-dialog-foot{padding:14px 26px 20px;border-top:1px solid var(--line-d)}
.nt-dialog-foot .nt-src{margin-top:0}

@media (max-width:720px){
  .nt-modal{padding:0;place-items:end stretch}
  .nt-dialog{width:100%;max-height:92vh;border-left:0;border-right:0;border-bottom:0;border-radius:12px 12px 0 0}
  .nt-dialog-head{padding:18px 16px 12px}
  .nt-lead{padding:14px 16px;font-size:15px}
  .nt-article{padding:16px 16px 4px;font-size:14.5px}
  .nt-dialog-foot{padding:12px 16px 18px}
}

@media (prefers-reduced-motion:reduce){
  .nt-dialog{animation:none}
}