.fontes-roof-bar { background:#181512; color:#d9d0c1; font-family:var(--font-sans); font-size:0.76rem; border-bottom:1px solid #2e2923; }
.fontes-roof-inner { max-width:1220px; margin:0 auto; padding:0.32rem 1.25rem; display:flex; justify-content:space-between; align-items:center; gap:0.75rem; flex-wrap:wrap; }
.fontes-roof-links { display:flex; align-items:center; gap:0.55rem; flex-wrap:wrap; }
.roof-link { color:#d9d0c1; text-decoration:none; padding:0.12rem 0.45rem; border-radius:3px; transition:background 0.15s, color 0.15s; }
.roof-link:hover { color:#fff; background:rgba(255,255,255,0.08); }
.roof-link.active { color:#fff; background:var(--crimson); font-weight:600; }
.roof-link small { opacity:0.72; font-size:0.68rem; }
.roof-sep { opacity:0.35; }
.portal-tiles-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0.9rem; margin:1.4rem 0 2rem; }
@media (max-width:900px) { .portal-tiles-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:520px) { .portal-tiles-grid { grid-template-columns:1fr; } }
.portal-tile { display:flex; flex-direction:column; justify-content:space-between; background:var(--paper-card); border:1px solid var(--border); border-top:3px solid var(--crimson); border-radius:6px; padding:1rem 1.1rem; text-decoration:none; color:var(--ink); transition:transform 0.15s, box-shadow 0.15s, border-color 0.15s; }
.portal-tile:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(30,27,24,0.08); border-color:var(--crimson); }
.portal-tile-kicker { font-family:var(--font-sans); font-size:0.7rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--crimson); font-weight:700; margin-bottom:0.3rem; }
.portal-tile-title { font-family:var(--font-display); font-size:1.12rem; font-weight:700; margin:0 0 0.35rem; color:var(--ink); }
.portal-tile-desc { font-family:var(--font-sans); font-size:0.8rem; color:var(--ink-muted); line-height:1.45; margin:0 0 0.65rem; }
.portal-tile-cta { font-family:var(--font-sans); font-size:0.76rem; font-weight:600; color:var(--crimson); }
.portal-state-box { background:var(--paper-card); border:1px solid var(--border); border-radius:6px; padding:1.35rem 1.5rem; margin-bottom:1.5rem; }
.portal-pill-row { display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:0.65rem; }