:root { --ink: #052c36; --teal: #007f92; --aqua: #88e0e8; --paper: #f4f9fa; }
body { background: radial-gradient(circle at 6% 18%, rgba(136,224,232,.16), transparent 21rem), var(--paper); }
.top { background: linear-gradient(90deg, #031f27, #064857); letter-spacing: .015em; }
.nav { border-bottom: 1px solid rgba(0,85,98,.08); }
.navlinks > a:not(.button) { position: relative; text-decoration: none; }
.navlinks > a:not(.button)::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -7px; height: 2px; background: var(--teal); transition: right .2s ease; }
.navlinks > a:not(.button):hover::after { right: 0; }
.button { background: linear-gradient(135deg, #007f92, #00a6ad); box-shadow: 0 10px 21px rgba(0,116,134,.2); transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 27px rgba(0,116,134,.3); }
.hero { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 8%, rgba(159,239,245,.72), transparent 16%), radial-gradient(circle at 91% 86%, rgba(0,0,0,.18), transparent 24%), linear-gradient(133deg, #031f28 5%, #07566a 58%, #008d9d); }
.hero::after { content: ''; position: absolute; width: 32rem; height: 32rem; right: -17rem; bottom: -23rem; border: 1px solid rgba(205,254,255,.28); border-radius: 50%; box-shadow: 0 0 0 42px rgba(205,254,255,.05), 0 0 0 84px rgba(205,254,255,.04); }
.hero .wrap { position: relative; z-index: 1; }
.hero h1 { text-shadow: 0 6px 30px rgba(0,0,0,.15); }
.content { align-items: start; }
.content article { background: rgba(255,255,255,.72); border: 1px solid rgba(4,89,103,.08); border-radius: 26px 26px 5px 26px; padding: clamp(28px, 4vw, 52px); box-shadow: 0 20px 40px rgba(3,47,58,.06); }
.content article h3 { color: #006c7c; letter-spacing: .01em; }
.content article li { margin: .45rem 0; }
.sidebar { border: 1px solid rgba(0,127,146,.17); background: linear-gradient(145deg, #ffffff, #e6f6f8); box-shadow: 14px 16px 0 rgba(121,217,226,.22); }
.sidebar h3::before { content: '✦'; color: #008fa0; margin-right: .5rem; }
.sidebar a { text-decoration: none; border-bottom: 1px solid rgba(0,127,146,.25); padding-bottom: 7px; }
.sidebar a:hover { color: #002f39; }
.callout { position: relative; overflow: hidden; background: linear-gradient(125deg, #04313d, #007f92); box-shadow: 0 22px 38px rgba(3,47,58,.12); }
.callout::after { content: ''; position: absolute; width: 20rem; height: 20rem; right: -7rem; top: -14rem; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.callout > * { position: relative; z-index: 1; }
.footer { background: linear-gradient(135deg, #02171d, #06313a); }
.related-guides { background: radial-gradient(circle at 94% 5%, rgba(115,219,229,.35), transparent 24rem), #dff1f3 !important; }
.related-grid a { border: 1px solid rgba(0,107,123,.08); transition: transform .2s ease, background .2s ease, color .2s ease; }
.related-grid a:hover { transform: translateY(-3px); }
@media (max-width: 760px) { .content article { padding: 27px 23px; } .sidebar { box-shadow: 8px 9px 0 rgba(121,217,226,.2); } }

/* Silver-accented contemporary refresh */
:root { --silver: #c8d0d3; --silver-light: #eef2f3; --silver-deep: #87979d; }
body { background: radial-gradient(circle at 94% 4%, rgba(200,208,211,.42), transparent 25rem), radial-gradient(circle at 4% 19%, rgba(136,224,232,.14), transparent 22rem), #f5f8f8; }
.top { background: linear-gradient(100deg, #071f26, #26454c 64%, #667980); border-bottom: 1px solid rgba(218,226,228,.34); }
.nav { background: rgba(250,252,252,.9); border-bottom: 1px solid rgba(145,161,166,.23); box-shadow: 0 10px 32px rgba(5,38,47,.07); }
.button { background: linear-gradient(135deg, #05778a, #0a9ca6); border: 1px solid rgba(255,255,255,.25); }
.hero { background: radial-gradient(circle at 83% 5%, rgba(225,233,234,.73), transparent 16%), radial-gradient(circle at 88% 88%, rgba(173,190,194,.35), transparent 25%), linear-gradient(133deg, #082c35 5%, #145667 57%, #087f8f); }
.hero::after { border-color: rgba(235,241,242,.38); box-shadow: 0 0 0 42px rgba(224,232,233,.08), 0 0 0 84px rgba(224,232,233,.05); }
.content article, .sitewide-grid article, .service-detail-grid article, .offence-detail-grid article, .court-detail-grid article, .overview-grid article { border-color: rgba(152,167,172,.25) !important; box-shadow: 0 16px 34px rgba(23,54,61,.07); }
.content article { background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(240,244,245,.85)); }
.sidebar { background: linear-gradient(145deg, #ffffff, #edf2f3); border-color: rgba(143,162,167,.34); box-shadow: 12px 14px 0 rgba(195,205,208,.46); }
.sidebar h3::before { color: #99a9ae; }
.related-guides { background: radial-gradient(circle at 96% 5%, rgba(197,208,211,.7), transparent 24rem), #e9f0f1 !important; }
.related-grid a { background: linear-gradient(145deg, #fff, #f1f5f5); border-color: rgba(151,169,173,.2); }
.related-grid a:hover { background: linear-gradient(135deg, #087b89, #18616d); }
.callout, .sitewide-contact { background: linear-gradient(125deg, #102e36, #28636d 58%, #7c9298); }
.service, .review, .profile, .team-grid .profile { border-color: rgba(151,169,173,.22); }
.number, .service-no, .step > b, .depth-grid > article > span, .service-detail-grid > article > span, .sitewide-grid > article > span, .overview-grid > article > span { display: none !important; }
.depth-grid article, .service-detail-grid article, .sitewide-grid article, .overview-grid article { position: relative; padding-top: 31px; }
.depth-grid article::before, .service-detail-grid article::before, .sitewide-grid article::before, .overview-grid article::before { content: ''; position: absolute; top: 0; left: 28px; width: 45px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #0a99a4, #c8d0d3); }
.sitewide-reassurance { border-color: rgba(149,165,170,.35); background: linear-gradient(145deg, #fff, #eef3f4); box-shadow: 0 16px 36px rgba(28,58,65,.06); }
.sitewide-faq details { border-color: #d6e0e2; background: linear-gradient(100deg, #fff, #f4f7f7); }
.footer { background: linear-gradient(125deg, #071d23, #173b43 68%, #50686e); }

/* Brighter, higher-contrast finish */
:root { --ink: #06333d; --teal: #008fa1; --aqua: #a1ebef; --paper: #f8fbfb; }
body { color: #163f48; background: radial-gradient(circle at 92% 4%, rgba(211,220,222,.52), transparent 26rem), radial-gradient(circle at 5% 18%, rgba(139,234,239,.22), transparent 23rem), #f9fcfc; }
.top { background: linear-gradient(100deg, #07313a, #176878 62%, #839a9f); }
.nav { background: rgba(255,255,255,.94); }
.navlinks, .navlinks a, .content article, .service, .review, .profile, .sitewide-guidance { font-weight: 600; }
.navlinks { font-weight: 800; }
.button { background: linear-gradient(135deg, #0095a3, #14b6bd); font-weight: 800; box-shadow: 0 12px 26px rgba(0,145,161,.25); }
.hero { background: radial-gradient(circle at 82% 4%, rgba(239,246,246,.85), transparent 17%), radial-gradient(circle at 90% 88%, rgba(190,212,214,.45), transparent 27%), linear-gradient(133deg, #093b45 5%, #0b7180 57%, #0c9ca9); }
.hero h1 { color: #fff; font-weight: 700; }
.hero p { color: #f0ffff; font-weight: 600; }
.content article { background: linear-gradient(145deg, #ffffff, #f2f8f8); }
.content p, .content li, .sitewide-heading p, .sitewide-grid p, .sitewide-reassurance p, .sitewide-faq p { color: #28545e; font-weight: 550; }
.content h2, .sitewide-heading h2, .sitewide-faq h2, .sitewide-reassurance h2 { font-weight: 700; }
.content article h3, .sitewide-grid h3, .service-detail-grid h3, .offence-detail-grid h3, .court-detail-grid h3 { color: #007a8a; font-weight: 800; }
.sidebar { background: linear-gradient(145deg, #fff, #edf8f9); box-shadow: 12px 14px 0 rgba(183,205,209,.48); }
.sidebar a, .related-grid a, .contact-actions a { font-weight: 800; }
.related-guides { background: radial-gradient(circle at 96% 4%, rgba(202,219,222,.78), transparent 24rem), #eaf5f6 !important; }
.related-grid a { color: #07525e; font-weight: 800; }
.callout, .sitewide-contact { background: linear-gradient(125deg, #0b3d47, #0a8c99 59%, #96adb1); }
.footer { background: linear-gradient(125deg, #082a32, #155d69 66%, #718d92); }

/* Direct contact actions for Ghafar Khan */
.ghafar-actions, .ghafar-direct-actions, .emergency-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
.ghafar-actions a, .emergency-actions a { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 10px; border-radius: 999px; background: #e2f7f8; border: 1px solid #8fd0d6; color: #006f7c; font-size: .78rem; font-weight: 800; text-decoration: none; }
.ghafar-actions a:hover, .emergency-actions a:hover { background: #007f8d; border-color: #007f8d; color: #fff; }
.ghafar-direct-actions .button { white-space: nowrap; }
@media (max-width: 760px) { .ghafar-direct-actions .button { width: 100%; } }