#policiesandprocedures .wrap {
			padding: 54px 0 34px;
			background: transparent;
		}

		/* header */
		#policiesandprocedures .head {
			text-align: center;
			margin-bottom: 22px;
		}

		#policiesandprocedures .title {
			margin: 0;
			font-weight: 950;
			letter-spacing: .2px;
			font-size: clamp(22px, 2.4vw, 34px);
			color: #0b1220;
		}

		#policiesandprocedures .sub {
			margin: 10px auto 0;
			max-width: 860px;
			font-size: 14px;
			line-height: 1.7;
			color: rgba(11, 18, 32, .70);	
			text-align: center;
		}

		/* grid */
		#policiesandprocedures .grid {
			margin-top: 22px;
			display: grid;
			grid-template-columns: repeat(6, minmax(0, 1fr));
			gap: 14px;
		}

		@media (max-width: 1200px) {
			#policiesandprocedures .grid {
				grid-template-columns: repeat(4, minmax(0, 1fr));
			}
		}

		@media (max-width: 992px) {
			#policiesandprocedures .grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}
		}

		@media (max-width: 560px) {
			#policiesandprocedures .grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}

		/* tile (outlined-glass) */
		#policiesandprocedures .tile {
			position: relative;
			display: block;
			/* grid-template-columns: 52px 1fr; */
			gap: 14px;
			align-items: center;
			text-align: center;
			padding: 14px 14px;
			border-radius: 20px;
			text-decoration: none;
			overflow: hidden;
			min-height: 96px;

			/* transparent + premium glass */
			background: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .06));
			border: 1px solid rgba(11, 18, 32, .10);
			box-shadow: 0 18px 50px rgba(2, 6, 23, .08);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);

			transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
		}

		/* subtle top highlight line */
		#policiesandprocedures .tile::before {
			content: "";
			position: absolute;
			left: 14px;
			right: 14px;
			top: 10px;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
			opacity: .65;
		}

		/* sheen on hover */
		#policiesandprocedures .tile::after {
			content: "";
			position: absolute;
			inset: -40% -60%;
			background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .22), transparent 60%);
			transform: translateX(-30%) translateY(10%);
			opacity: 0;
			transition: opacity .18s ease;
			pointer-events: none;
		}

		#policiesandprocedures .tile:hover {
			transform: translateY(-3px);
			box-shadow: 0 26px 70px rgba(2, 6, 23, .14);
			border-color: rgba(11, 18, 32, .18);
		}

		#policiesandprocedures .tile:hover::after {
			opacity: 1;
		}

		/* icon ring */
		#policiesandprocedures .iconWrap {
			width: 52px;
			height: 52px;
			border-radius: 18px;
			display: grid;
			place-items: center;

			background: rgba(255, 255, 255, .14);
			border: 1px solid rgba(255, 255, 255, .22);
			box-shadow:
				inset 0 1px 0 rgba(255, 255, 255, .25),
				0 4px 8px rgba(2, 6, 23, .10);
			color: #0b1220;

			position: relative;
			overflow: hidden;
			margin: 0px auto;
		}

		/* gradient ring glow */
		#policiesandprocedures .iconWrap::before {
			content: "";
			position: absolute;
			inset: -40%;
			border-radius: 999px;
			background: radial-gradient(circle at 30% 30%, var(--toneGlow), transparent 60%);
			opacity: .9;
			pointer-events: none;
		}

		#policiesandprocedures .iconWrap svg {
			width: 22px;
			height: 22px;
			position: relative;
			z-index: 1;
		}

		/* content */
		#policiesandprocedures .meta {
			display: grid;
			gap: 6px;
			min-width: 0;
			margin: 0px auto;
		}

		#policiesandprocedures .tileTitle {
			font-weight: 950;
			font-size: 13.5px;
			color: #0b1220;
			line-height: 1.25;
			padding: 15px 0px;
			/* clamp for clean look */
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		#policiesandprocedures .tileHint {
			display: inline-flex;
			width: fit-content;
			align-items: center;
			gap: 8px;
			font-size: 12px;
			padding: 6px 10px;
			border-radius: 999px;

			color: rgba(11, 18, 32, .70);
			background: rgba(255, 255, 255, .14);
			border: 1px solid rgba(11, 18, 32, .10);
			margin: 0px auto;
		}

		/* corner accent */
		#policiesandprocedures .corner {
			position: absolute;
			right: -70px;
			bottom: -70px;
			width: 160px;
			height: 160px;
			border-radius: 999px;
			background: radial-gradient(circle at 30% 30%, var(--toneGlow), transparent 60%);
			filter: blur(10px);
			opacity: .55;
			pointer-events: none;
		}

		/* tones -> define only glow variable */
		#policiesandprocedures .tone_gold {
			--toneGlow: rgba(255, 208, 0, .55);
		}

		#policiesandprocedures .tone_slate {
			--toneGlow: rgba(148, 163, 184, .55);
		}

		#policiesandprocedures .tone_blue {
			--toneGlow: rgba(59, 130, 246, .55);
		}

		#policiesandprocedures .tone_violet {
			--toneGlow: rgba(139, 92, 246, .55);
		}

		#policiesandprocedures .tone_rose {
			--toneGlow: rgba(244, 63, 94, .55);
		}

		#policiesandprocedures .tone_teal {
			--toneGlow: rgba(20, 184, 166, .55);
		}

		#policiesandprocedures .tone_amber {
			--toneGlow: rgba(245, 158, 11, .55);
		}

		#policiesandprocedures .tone_mint {
			--toneGlow: rgba(34, 197, 94, .55);
		}

		#policiesandprocedures .tone_indigo {
			--toneGlow: rgba(99, 102, 241, .55);
		}

		#policiesandprocedures .tone_cyan {
			--toneGlow: rgba(6, 182, 212, .55);
		}

		#policiesandprocedures .tone_gray {
			--toneGlow: rgba(148, 163, 184, .55);
		}

		#policiesandprocedures .tone_lime {
			--toneGlow: rgba(132, 204, 22, .55);
		}

		#policiesandprocedures .tone_orange {
			--toneGlow: rgba(249, 115, 22, .55);
		}

		#policiesandprocedures .tone_sky {
			--toneGlow: rgba(14, 165, 233, .55);
		}

		#policiesandprocedures .tone_pink {
			--toneGlow: rgba(236, 72, 153, .55);
		}

		#policiesandprocedures .tone_emerald {
			--toneGlow: rgba(16, 185, 129, .55);
		}

		#policiesandprocedures .tone_purple {
			--toneGlow: rgba(168, 85, 247, .55);
		}

		#policiesandprocedures .tone_sand {
			--toneGlow: rgba(217, 119, 6, .55);
		}

		#policiesandprocedures .tone_sea {
			--toneGlow: rgba(2, 132, 199, .55);
		}

		#policiesandprocedures .tone_steel {
			--toneGlow: rgba(100, 116, 139, .55);
		}

		#policiesandprocedures .tone_navy {
			--toneGlow: rgba(30, 58, 138, .55);
		}

		#policiesandprocedures .tone_gold2 {
			--toneGlow: rgba(250, 204, 21, .55);
		}

		#policiesandprocedures .tone_graphite {
			--toneGlow: rgba(51, 65, 85, .55);
		}

		#policiesandprocedures .tone_ice {
			--toneGlow: rgba(14, 165, 233, .40);
		}

		#policiesandprocedures .tone_stone {
			--toneGlow: rgba(71, 85, 105, .45);
		}

		#policiesandprocedures .tone_leaf {
			--toneGlow: rgba(34, 197, 94, .45);
		}

		/* accessibility */
		#policiesandprocedures .tile:focus-visible {
			outline: none;
			box-shadow: 0 0 0 4px rgba(255, 208, 0, .18), 0 26px 70px rgba(2, 6, 23, .14);
			border-color: rgba(255, 208, 0, .35);
		}

		#policiesandprocedures .tone_primary {
		--toneGlow: rgba(59,130,246,.55);
		}

		#policiesandprocedures .tone_neutral {
		--toneGlow: rgba(148,163,184,.45);
		}