/* One continuous branded outline for each of the nine homepage sections. */
@property --tv-outline-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
body.regulations-page main>section{position:relative}
body.regulations-page main>section>.regulation-section-outline{position:absolute;inset:6px 8px;z-index:3;pointer-events:none;border-radius:24px;padding:3px;background:conic-gradient(from var(--tv-outline-angle),#FFFFFF 0deg,#DADAE8 50deg,#3D3D6B 95deg,#FFFFFF 150deg,#F8DCE7 210deg,#2b5bd7 255deg,#FFFFFF 310deg,#FFFFFF 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:tvSectionColourFlow 24s linear infinite,tvSectionLight 10s ease-in-out infinite}
@keyframes tvSectionColourFlow{to{--tv-outline-angle:360deg}}
@keyframes tvSectionLight{0%,100%{opacity:.3}50%{opacity:.75}}
body.regulations-page main>.home-silk-divider{display:none}
@media(max-width:767px){body.regulations-page main>section>.regulation-section-outline{inset:4px;border-radius:18px;padding:3px}}
@media(prefers-reduced-motion:reduce){body.regulations-page main>section>.regulation-section-outline{animation:none}}

body.regulations-page main>section{padding:18px 12px!important;margin:0!important;min-height:0!important;height:auto!important;background-color:transparent}
body.regulations-page main>section>.regulation-section-outline{inset:3px 8px;border-radius:22px;padding:2px}
body.regulations-page main>section>.wrap{padding-block:0!important}
body.regulations-page main .section-head{margin-bottom:10px!important;max-width:none}
body.regulations-page main :is(h1,h2,h3,h4){margin:0 0 6px!important}
body.regulations-page main p{margin-block:0!important;line-height:1.5}
body.regulations-page main .eyebrow{margin-bottom:5px!important}
body.regulations-page main :is(.grid,.countries){gap:12px!important}
body.regulations-page main .card{padding:16px!important;min-height:0!important}
body.regulations-page main .crumbs{margin-bottom:8px}
body.regulations-page main .btn-row{margin-top:10px!important;gap:8px}
body.regulations-page #frameworks .framework-opening{margin-bottom:10px;gap:16px}
body.regulations-page .framework-cube-area{padding-block:8px;gap:0}
body.regulations-page .framework-cube-scene{width:200px;height:200px}
body.regulations-page .cube-front{transform:translateZ(100px)}body.regulations-page .cube-right{transform:rotateY(90deg) translateZ(100px)}body.regulations-page .cube-back{transform:rotateY(180deg) translateZ(100px)}body.regulations-page .cube-left{transform:rotateY(-90deg) translateZ(100px)}body.regulations-page .cube-top{transform:rotateX(90deg) translateZ(100px)}body.regulations-page .cube-bottom{transform:rotateX(-90deg) translateZ(100px)}
body.regulations-page .framework-cube-face{padding:12px;gap:8px}
body.regulations-page .framework-cube-toggle{margin-top:20px}
body.regulations-page #frameworks .framework-logo-frame{height:54px;margin-bottom:6px}
body.regulations-page #frameworks .framework-product{margin-bottom:6px;height:30px}
body.regulations-page #frameworks>.wrap>p{margin-top:10px!important}
body.regulations-page .regulation-globe-layout{gap:20px}
body.regulations-page .regulation-globe{gap:4px}
body.regulations-page #directory .filters{margin-block:8px 12px;gap:6px}
body.regulations-page #directory .country{padding:14px!important;min-height:0!important}
body.regulations-page #how .method-decision-flow{padding:16px 18px;gap:18px}
body.regulations-page #how .method-branch{padding:10px 0}
body.regulations-page #how .method-boundary{margin-top:8px;padding:12px 14px}
body.regulations-page .site-footer{margin-top:0;padding-block:24px 16px}
@media(max-width:767px){body.regulations-page main>section{padding:14px 4px!important}body.regulations-page main>section>.regulation-section-outline{inset:2px 4px;border-radius:18px}body.regulations-page #how .method-decision-flow{padding:14px;gap:14px}body.regulations-page .regulation-globe-layout{gap:10px}}