/* Clean text banners and tiles */
.banner{position:relative;display:block;border-radius:24px;padding:24px;overflow:hidden;background:linear-gradient(135deg,#FFF3DC 0%,#FBE8DD 60%,#F7E1E3 100%);color:#2A2221;box-shadow:var(--shadow);border:1px solid rgba(201,154,63,.25)}
.banner.teal{background:linear-gradient(135deg,#E6F3EF 0%,#E9F1F8 100%)}
.banner.rose{background:linear-gradient(135deg,#FCEBED 0%,#FFF2E3 100%)}
.banner.sky{background:linear-gradient(135deg,#E9F1FB 0%,#F1EDFB 100%)}
.banner .banner-text{display:flex;flex-direction:column;gap:8px;min-width:0}
.banner h1{font-size:clamp(1.6rem,5.6vw,2.2rem);color:#2A2221}
.banner p{font-size:1.02rem;color:#5A4E49}
.banner .eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#A06E14}
@media (prefers-color-scheme: dark){.banner{filter:brightness(.92)}}
.tiles{grid-template-columns:1fr 1fr}
.tile{padding:18px;gap:6px;min-height:110px;justify-content:flex-end;border-top:4px solid var(--gold-2)}
.tile.t2{border-top-color:var(--teal)}
.tile.t3{border-top-color:var(--wine)}
.tile.t4{border-top-color:#9DB8D0}
.tile .pic:empty{display:none}
.tile b{font-family:var(--display);font-weight:400;font-size:1.2rem}
.item{grid-template-columns:60px 1fr auto}
.item .ttl{display:flex;align-items:center;gap:10px;min-width:0}
.stack{display:flex;flex-direction:column;gap:6px}
nav.tabs a{font-size:.68rem;padding:8px 1px}
nav.tabs a svg{width:22px;height:22px}