/* Iris forum page (2026-09-11) — loaded from custom_header. See forum-page.js. */
/* home only: the discussion feed + its sidebar live on /tags (the forum page) now */
body.iris-home .IndexPage > .container{ display:none !important; }
.iris-forum-head{ max-width:1070px; margin:34px auto 6px; padding:0 15px; }
.iris-forum-head h1{ font-family:'Courier New',Courier,monospace; color:#09d9dc; font-size:38px;
  letter-spacing:.04em; margin:0; text-shadow:0 0 12px rgba(9,217,220,.35); }
.TagsPage .TagTile-description{ color:#9fb3a5 !important; /* same body-text gray as the essay pages */ opacity:1 !important; line-height:1.55; }
.TagsPage .TagTile.iris-hidden-tag{ display:none !important; }
@media (max-width:767px){ .iris-forum-head{ margin-top:18px; } .iris-forum-head h1{ font-size:30px; } }
/* tiles grow to fit the whole topic paragraph (core fixes them at 200px and clips) */
.TagsPage .TagTile{ height:auto !important; min-height:200px; }
.TagsPage .TagTile-info{ height:auto !important; padding-bottom:28px; }
/* "All Discussions" is the home route, which no longer shows discussions; the forum page replaces it */
.item-allDiscussions{ display:none !important; }
/* phones: the title dropdown reads "TAGS" on the forum page; the heading already says Forum */
body.iris-forum .App-titleControl{ visibility:hidden; }
/* the tile's text box is position:absolute in core, so it never grew; let it flow */
.TagsPage .TagTile-info{ position:relative !important; overflow:visible !important; }
/* header: a fifth nav command made the row ~117px too wide at 1280 and the search box wrapped.
   All five commands at 14px / 6px padding + a narrower search keeps it on one line. */
@media (min-width:992px){
  .Header-primary .item-nav-forum > a,
  .Header-primary .item-nav-shop > a,
  .Header-primary .item-nav-donate > a,
  .Header-primary .item-nav-topics .Dropdown-toggle,
  .Header-primary .item-nav-info .Dropdown-toggle{ font-size:14px !important; padding:8px 6px !important; }
  .Header-primary .item-nav-forum > a{ font-family:'Courier New',Courier,monospace; color:#09d9dc; display:inline-block; }
  .Header-secondary .Search-input input{ width:170px !important; }
}
/* core floats the tiles; once they grow to fit their paragraph, floats leave holes. Grid rows line up. */
@media (min-width:768px){
  .TagsPage .TagTiles{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .TagsPage .TagTiles > li{ float:none !important; width:auto !important; }
}
@media (min-width:1100px){ .TagsPage .TagTiles{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* 2026-09-11, her ask: "make the articles and info header links teal" — same #09d9dc as forum/shop/donate */
.Header-primary .item-nav-topics .Dropdown-toggle,
.Header-primary .item-nav-info .Dropdown-toggle,
.Header-primary .item-nav-topics .Dropdown-toggle .Button-caret,
.Header-primary .item-nav-info .Dropdown-toggle .Button-caret{ color:#09d9dc !important; }
/* 2026-09-11, her pick: topic titles in the articles page's card-title amber */
.TagsPage .TagTile-name{ color:#ffb53d !important; }