/* Official Unified Brand Color Spec (Fixed Global Vars same as Materials & Craft / Trinity Art System) */ :root { --main-teal: #006180; --muted-gold: #b89a46; --btn-dark: #515151; --bg-warm-grey: #f7f5f0; --bg-card-white: #ffffff; --hover-light-grey: #f6f6f6; --text-muted: #666666; --text-dark: #292929; --text-canvas-grey: #D7D7D7; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif !important; } body { background-color: #ffffff; color: var(--text-muted); line-height: 1.7; } h1, h2, h3 { font-weight: bold !important; text-align: center; } .container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .section-divider { height: 1px; background: linear-gradient(to right, transparent, var(--muted-gold), transparent); width: 120px; margin: 30px auto; } .py-16 { padding: 4rem 0; } .py-20 { padding: 5rem 0; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-12 { margin-bottom: 3rem; } .mb-16 { margin-bottom: 4rem; } .leading-relaxed { line-height:1.65; } .text-center { text-align:center; } /* Brand Color Inline Class */ .brand-gold { color: var(--muted-gold); font-weight:600; } .brand-teal { color: var(--main-teal); font-weight:600; } .auction-price { color: var(--muted-gold); font-weight:bold; font-size:1.05rem; } /* Card Base Style Unified with site standard */ .trinity-top-card { background: var(--bg-card-white); border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.07); overflow: hidden; transition: all 0.3s ease; padding:32px 28px; } .trinity-top-card:hover { background-color: var(--hover-light-grey); transform: translateY(-4px); box-shadow: 0 8px 22px rgba(0,0,0,0.09); } .grid-cols-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:3rem; } .desc-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 1rem auto; max-width:95%; } .highlight-card{ background:var(--bg-warm-grey); padding:20px 24px; border-radius:12px; border-left:3px solid var(--muted-gold); } /* Table Styling for Grade Spec Table */ .grade-table { width:100%; border-collapse: collapse; margin:1rem 0 2rem; } .grade-table th { background:var(--main-teal); color:#fff; padding:12px 10px; text-align:center; } .grade-table td { border:1px solid #eee; padding:12px 10px; color:var(--text-dark); } .grade-table tr:nth-child(even) { background:#fafafa; } /* Dark Background Block Style same as finished pages */ .dark-block { background:#212529; padding:4rem 0; } .dark-block p, .dark-block td { color:var(--text-canvas-grey); } .dark-block h2, .dark-block h3 { color:var(--bg-warm-grey); } /* Hyperlink Global Style No Underline */ a { color:var(--main-teal); text-decoration:none !important; } a:hover { color:var(--muted-gold); } /* Responsive Mobile */ @media(max-width:768px){ .grid-cols-2, .desc-two-col { grid-template-columns:1fr; } }