/* Shared base rules for the 198 auto-generated per-destination pages under
   guides/*.html. Extracted from the inline <style> block that every guide
   page carried, but only the rules that were verified byte-for-byte
   identical across every guide page that defined them (see the
   continued-modularization PR description for the verification method —
   this is NOT a guess, it was diffed programmatically across all files).
   Genuine per-page differences (accent colors on a few page variants,
   header/footer sizing on the "pillar" pages, the fully separate light/
   serif theme used by two long-form editorial pages) are intentionally
   NOT included here and remain in each page's own inline <style> block,
   which loads after this stylesheet and so still wins the cascade for
   anything it re-declares. */
*{margin:0;padding:0;box-sizing:border-box}
a{color:#E8BA6C;text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid #1E1E28;padding:14px 0;margin-bottom:28px}
header nav{font-size:13px;color:#8A8880;margin-top:4px}
header nav a{margin-right:14px;color:#8A8880}
ul{margin:0 0 16px 22px;color:#C9C5BB}
.bar{height:8px;border-radius:4px;background:#1E1E28;overflow:hidden;min-width:90px}
.bar i{display:block;height:100%;border-radius:4px}
.best{color:#16BF96;font-weight:700}
.worst{color:#E8524A;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:20px 0}
.card{border:1px solid #1E1E28;border-radius:14px;padding:15px;background:#0E1018}
.card b{display:block;color:#fff;margin-bottom:4px}
.card span{font-size:12.5px;color:#8A8880}