/* Moved from websites/templates/websites/website_competitors_dead_links_reporting.html (redesign checklist: local CSS out of the templates).
   Loaded only by that page, at the place its <style> stood. */

/* The "Who to write to" table lives in a colspan cell. Without a width
   on the cell, automatic table layout reads the nested table's
   min-content width and widens the whole outer table the moment a
   reader opens one <details> — every other row's columns jump. The
   cell is told it may be as narrow as the viewport; its own
   .seo-table-wrap does the rest. vw divides by the text-size zoom the
   way .table-expanded does, so the constraint holds at every setting. */
.dead-links-detail-cell { max-width: calc((100vw - 6rem) / var(--content-zoom)); }
/* The card's who-to-write-to <details> takes a whole row of the fact
   strip — .rank-facts is a wrapping flexbox, and a basis of 100% is
   what drops it under the chips instead of squeezing in beside them. */
.rank-facts > details { flex: 1 0 100%; }
/* The page stays flat: an unbreakable 90-character URL gave the dead-page
   column a 500px min-content width and the table a sideways scrollbar.
   Breaking inside the address (and the referrer/anchor cell) lets the
   table fit the page width. */
.dead-links-table > tbody > tr > td:first-child,
.dead-links-table > tbody > tr > td:nth-child(7) { overflow-wrap: anywhere; }