/* style.css (single file) */ :root{--gold:#D4AF37;--black:#0A0A0A;--red:#C41E3A;--text:#FAFAFA;--muted:#888;--br:18px} *{box-sizing:border-box} img{max-width:100%;height:auto;display:block} .brand-title{font-family:"Playfair Display",serif;font-weight:700;letter-spacing:.2px} .brand-sub{font-size:12px;color:var(--muted)} .right{display:flex;align-items:center;gap:10px} .menu-btn{min-width:44px;min-height:44px;border-radius:14px;border:1px solid rgba(250,250,250,.18);background:rgba(255,255,255,.03);color:var(--text);font-size:18px} .nav{display:none;border-top:1px solid rgba(212,175,55,.12)} .nav.open{display:block} .nav ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:14px;flex-wrap:wrap} .nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:12px;color:var(--text);border:1px solid transparent} .nav a:hover{border-color:rgba(212,175,55,.28);background:rgba(255,255,255,.03)} .nav a.active{border-color:rgba(212,175,55,.4);color:var(--gold)} .breadcrumb ol{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 10px;flex-wrap:wrap;color:var(--muted);font-size:13px} .breadcrumb li::after{content:"›";margin-left:8px;color:rgba(250,250,250,.25)} .breadcrumb li:last-child::after{content:""} .breadcrumb a{color:var(--muted)} .hero-card h1{margin:0 0 10px;font-family:"Playfair Display",serif;font-size:34px;line-height:1.12} .muted{color:var(--muted)} .small{font-size:13px} .hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px} .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:14px;border:1px solid rgba(212,175,55,.35);color:var(--gold)} .hero-side{overflow:hidden} .hero-img{border-radius:14px;border:1px solid rgba(250,250,250,.08)} .feature-row{display:grid;grid-template-columns:1fr;gap:10px;padding:12px} .fcard{display:flex;gap:10px;align-items:center;border:1px solid rgba(250,250,250,.08);border-radius:14px;padding:10px;background:rgba(255,255,255,.02)} .dot{width:10px;height:10px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px rgba(212,175,55,.55)} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px} .ibox{border-radius:var(--br);border:1px solid rgba(250,250,250,.08);padding:14px;background:rgba(255,255,255,.02)} .ibox h3{margin:0 0 8px;font-family:"Playfair Display",serif} .highlight{border-color:rgba(212,175,55,.26)} .warning{border-color:rgba(196,30,58,.32)} .content{padding:10px 0 40px} .section{margin:14px 0} .section-inner{padding:18px} .section h2{margin:0 0 6px;font-family:"Playfair Display",serif;font-size:26px} .section .sub{margin:0 0 12px;color:var(--muted)} .section p{line-height:1.65;margin:0 0 12px} .section ul{line-height:1.65;margin:0 0 12px;padding-left:18px} .table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(250,250,250,.08)} table{width:100%;border-collapse:collapse;min-width:560px} th,td{padding:10px;border-bottom:1px solid rgba(250,250,250,.08);text-align:left} th{color:var(--gold);font-weight:800} .related{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;padding:0;margin:0} .related li a{display:block;padding:12px;border-radius:14px;border:1px solid rgba(250,250,250,.08);background:rgba(255,255,255,.02);color:var(--text)} .related li a:hover{border-color:rgba(212,175,55,.26)} .accordion{display:grid;gap:10px} .acc-item{border:1px solid rgba(250,250,250,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)} .acc-btn{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:transparent;border:0;color:var(--text);text-align:left;cursor:pointer;font-weight:700} .acc-panel{padding:0 14px 12px} .chev{opacity:.85} .author-inner{display:flex;gap:12px;align-items:center;padding:18px} .author-img{border-radius:16px;border:1px solid rgba(212,175,55,.18)} footer{border-top:1px solid rgba(212,175,55,.18);padding:26px 0 34px} .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .footer-grid h3{margin:0 0 10px;font-family:"Playfair Display",serif} .footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .footer-grid a{color:var(--text);opacity:.9} .footer-grid a:hover{color:var(--gold);opacity:1} .footer-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:13px} code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:8px} @media (max-width:920px){.footer-grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}} @media (max-width:520px){.footer-grid{grid-template-columns:1fr}.hero-card h1{font-size:30px}.related{grid-template-columns:1fr}}