Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 41.3
edited by Veronika Kocher
on Friday, 04 Sep 2026 14:23
Change comment: There is no comment for this version
To version 39.21
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,14 +2,18 @@
2 2  
3 3  The **Art & Research Services Navigator** helps you find the right guidance, services and resources for each stage of your project.
4 4  
5 -{{info title="Support for Your Project:"}}
5 +{{info title="How responsibilities work"}}
6 +The navigator brings services together around the project lifecycle and the researcher's task. It is a navigation layer across university services, not a separate organisational unit.
6 6  
7 -
8 - **Support Kunst und Forschung (SKF)** provides guidance for projects and grant applications and collaborates with the appropriate university services as needed.
8 +**Support Kunst und Forschung (SKF)** supports project and funding activities — especially project development, funding and calls, proposals, and coordination of funded projects — and, where useful, connects them with the University's relevant services.
9 9  
10 - The Navigator guides you through the project phases to the resources and points of contact relevant to your project.
10 +Depending on the question, these may include the **University Library / Research Data Management & Repository**, **IT**, **Legal and Data Protection**, **Finance and Personnel**, **Publications and Communication**, **Event Management**, the **International Office** and other services.
11 +
12 +The **institute, department or other host unit** remains the artistic or academic home of the project. The navigator brings these offers together along the project stages so you can start from your need rather than from the organisational chart.
11 11  {{/info}}
12 12  
15 +
16 +
13 13  {{html clean="false"}}
14 14  <section data-arsn-search-block-fix="v5" style="margin:20px 0 26px 0;padding:16px 18px;border:1px solid #e3ded6;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);">
15 15   <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art &amp; Research Services Navigator</h2>
... ... @@ -435,9 +435,9 @@
435 435  )))
436 436  )))
437 437  
438 -(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
442 +(% style="padding:0 16px 16px 16px;" %)
439 439  (((
440 -[[Explore Enable>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block arsn-phase-cta"]]
444 +[[Explore Enable>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block"]]
441 441  )))
442 442  )))
443 443  )))
... ... @@ -501,9 +501,9 @@
501 501  )))
502 502  )))
503 503  
504 -(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
508 +(% style="padding:0 16px 16px 16px;" %)
505 505  (((
506 -[[Explore Work & Manage>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block arsn-phase-cta"]]
510 +[[Explore Work & Manage>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block"]]
507 507  )))
508 508  )))
509 509  )))
... ... @@ -577,9 +577,9 @@
577 577  )))
578 578  )))
579 579  
580 -(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
584 +(% style="padding:0 16px 16px 16px;" %)
581 581  (((
582 -[[Explore Publish & Share>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block arsn-phase-cta"]]
586 +[[Explore Publish & Share>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block"]]
583 583  )))
584 584  )))
585 585  )))
... ... @@ -588,11 +588,6 @@
588 588  
589 589  (% style="margin-top:30px;" %)
590 590  (((
591 -
592 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_START -->
593 -{{include reference="Service Navigator.Art & Research Services Navigator.Code.TrainingWorkshopsBlock" author="target" /}}
594 -<!-- ARSN_TRAINING_WORKSHOPS_INCLUDE_V1_END -->
595 -
596 596  == Practical resources ==
597 597  
598 598  Use practical resources when you need a concise overview, a step-by-step procedure or a ready-to-use project aid.
... ... @@ -641,132 +641,21 @@
641 641  )))
642 642  
643 643  {{html clean="false"}}
644 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
645 -
646 -<style data-sn-service-navigator-master="1">
647 -/* =========================================================
648 - MASTER TYPOGRAPHY
649 - ========================================================= */
650 -#xwikicontent h1,
651 -#xwikicontent h2,
652 -#xwikicontent h3,
653 -#xwikicontent h4,
654 -#xwikicontent h5,
655 -#xwikicontent h6,
656 -#xwikicontent .box-title,
657 -#xwikicontent [role="heading"],
658 -#xwikicontent h1 a,
659 -#xwikicontent h2 a,
660 -#xwikicontent h3 a,
661 -#xwikicontent h4 a,
662 -#xwikicontent h5 a,
663 -#xwikicontent h6 a,
664 -#xwikicontent .box-title a,
665 -#xwikicontent [role="heading"] a{
666 - text-align:left!important;
667 - text-justify:auto!important;
668 - word-spacing:normal!important;
643 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_START -->
644 +<style data-sn-horizontal-box-harmonizer="1">
645 +[data-sn-equal-height-managed="1"]{box-sizing:border-box}
646 +@media(max-width:767px){
647 + [data-sn-equal-height-managed="1"]{min-height:0!important}
669 669  }
670 -
671 -/* =========================================================
672 - COMING SOON / IN VORBEREITUNG
673 - ========================================================= */
674 -.sn-coming-soon-badge{
675 - display:inline-block;
676 - vertical-align:middle;
677 - margin-left:10px;
678 - padding:4px 8px;
679 - border-radius:14px;
680 - border:1px solid #efd9cc;
681 - background:#fff4ee;
682 - color:#8a4d36;
683 - font-size:11px;
684 - font-weight:700;
685 - letter-spacing:.055em;
686 - line-height:1.2;
687 - white-space:nowrap;
688 -}
689 -
690 -/* =========================================================
691 - NATIVE / DETAIL CALLOUT GEOMETRY
692 - Preserve existing backgrounds.
693 - ========================================================= */
694 -#xwikicontent .arsn-info,
695 -#xwikicontent .dmp-info,
696 -#xwikicontent .ido-info,
697 -#xwikicontent .pp-info,
698 -#xwikicontent .infomessage{
699 - box-sizing:border-box!important;
700 - border-left:4px solid #21b6d7!important;
701 - border-radius:8px;
702 - text-align:left!important;
703 - word-spacing:normal!important;
704 -}
705 -
706 -#xwikicontent .arsn-warn,
707 -#xwikicontent .dmp-warn,
708 -#xwikicontent .ido-warn,
709 -#xwikicontent .pp-warn,
710 -#xwikicontent .warn,
711 -#xwikicontent .warning,
712 -#xwikicontent .warningmessage,
713 -#xwikicontent .errormessage{
714 - box-sizing:border-box!important;
715 - border-left:4px solid #e94b13!important;
716 - border-radius:8px;
717 - text-align:left!important;
718 - word-spacing:normal!important;
719 -}
720 -
721 -[data-sn-master-equal-height],
722 -[data-sn-master-first-row]{
723 - box-sizing:border-box;
724 -}
725 -
726 -/* =========================================================
727 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
728 - ========================================================= */
729 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
730 - display:grid!important;
731 - grid-template-columns:minmax(0,1fr)!important;
732 - grid-auto-rows:auto!important;
733 - width:100%!important;
734 - max-width:none!important;
735 - box-sizing:border-box!important;
736 - justify-items:start!important;
737 - align-items:start!important;
738 - gap:2px!important;
739 - text-align:left!important;
740 - text-align-last:left!important;
741 - text-justify:auto!important;
742 - word-spacing:normal!important;
743 - white-space:normal!important;
744 -}
745 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
746 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
747 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
748 - display:block!important;
749 - width:100%!important;
750 - margin:0!important;
751 - text-align:left!important;
752 - text-align-last:left!important;
753 - text-justify:auto!important;
754 - word-spacing:normal!important;
755 - white-space:normal!important;
756 -}
757 757  </style>
758 -
759 -<script data-sn-service-navigator-master="1">
650 +<script data-sn-horizontal-box-harmonizer="1">
760 760  (function(){
761 761   "use strict";
762 762  
763 - var PAGE_KIND="overview";
764 - var PLACEHOLDER=false;
765 - var PLACEHOLDER_LABEL="COMING SOON";
766 -
767 767   var MOBILE_MAX=767;
768 - var ROW_TOLERANCE=6;
769 - var RESIZE_DEBOUNCE=220;
655 + var ROW_TOLERANCE=4;
656 + var MIN_W=150;
657 + var MIN_H=36;
770 770  
771 771   var root=
772 772   document.getElementById("xwikicontent")||
... ... @@ -776,1346 +776,212 @@
776 776  
777 777   if(!root)return;
778 778  
779 - var managedHeight=new Set();
780 - var managedMargin=new Set();
781 - var originalHeight=new WeakMap();
782 - var originalMargin=new WeakMap();
667 + var managed=new Set();
668 + var raf=0;
783 783  
784 - var resizeTimer=0;
785 - var running=false;
786 -
787 - var THEMES=[
788 - {
789 - name:"BLUE",
790 - accent:"#21b6d7",
791 - bg:"#eaf7fb",
792 - text:"#315d68",
793 - labels:[
794 - "HIER STARTEN",
795 - "ENTSCHEIDEN",
796 - "ÜBERPRÜFEN & ANPASSEN",
797 - "START HERE",
798 - "DECIDE",
799 - "REVIEW & ADAPT"
800 - ]
801 - },
802 - {
803 - name:"RED",
804 - accent:"#e94b13",
805 - bg:"#fff1ec",
806 - text:"#8a4d36",
807 - labels:[
808 - "PLANEN & ORGANISIEREN",
809 - "ORGANISIEREN & DOKUMENTIEREN",
810 - "PUBLIZIEREN & PRÄSENTIEREN",
811 - "PLAN & ORGANISE",
812 - "PLAN & ORGANIZE",
813 - "ORGANISE & DOCUMENT",
814 - "ORGANIZE & DOCUMENT",
815 - "PUBLISH & PRESENT"
816 - ]
817 - },
818 - {
819 - name:"YELLOW",
820 - accent:"#f0aa00",
821 - bg:"#fff8e7",
822 - text:"#785b17",
823 - labels:[
824 - "SCHÜTZEN & KLÄREN",
825 - "STANDARDISIEREN & IDENTIFIZIEREN",
826 - "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
827 - "PROTECT & CLARIFY",
828 - "STANDARDISE & IDENTIFY",
829 - "STANDARDIZE & IDENTIFY",
830 - "OPEN, REUSE & MAKE FINDABLE"
831 - ]
832 - },
833 - {
834 - name:"GREEN",
835 - accent:"#38b76a",
836 - bg:"#edf9f1",
837 - text:"#3f7451",
838 - labels:[
839 - "INFRASTRUKTUR EINRICHTEN",
840 - "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
841 - "SPEICHERN & ZUGRIFF STEUERN",
842 - "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
843 - "SET UP INFRASTRUCTURE",
844 - "SET UP INFRASTRUCTURE & COLLABORATION",
845 - "STORE & CONTROL ACCESS",
846 - "REPOSITORY, PRESERVE & HAND OVER"
847 - ]
848 - }
849 - ];
850 -
851 - function num(value){
852 - var n=parseFloat(value);
670 + function num(v){
671 + var n=parseFloat(v);
853 853   return Number.isFinite(n)?n:0;
854 854   }
855 855  
856 - function norm(value){
857 - return String(value||"")
858 - .replace(/\s+/g," ")
859 - .trim()
860 - .toUpperCase();
861 - }
862 -
863 863   function visible(el){
864 864   if(!el||el.nodeType!==1)return false;
865 -
866 - var style=getComputedStyle(el);
867 - var rect=el.getBoundingClientRect();
868 -
869 - return (
870 - style.display!=="none"&&
871 - style.visibility!=="hidden"&&
872 - rect.width>20&&
873 - rect.height>4
874 - );
677 + var s=getComputedStyle(el);
678 + if(s.display==="none"||s.visibility==="hidden"||Number(s.opacity)===0)return false;
679 + var r=el.getBoundingClientRect();
680 + return r.width>=MIN_W&&r.height>=MIN_H;
875 875   }
876 876  
877 - function saveStyle(el,map,property){
878 - if(map.has(el))return;
879 -
880 - map.set(el,{
881 - value:el.style.getPropertyValue(property),
882 - priority:el.style.getPropertyPriority(property)
883 - });
884 - }
885 -
886 - function restoreStyle(el,map,property){
887 - var original=map.get(el);
888 -
889 - if(original&&original.value){
890 - el.style.setProperty(
891 - property,
892 - original.value,
893 - original.priority||""
894 - );
895 - }else{
896 - el.style.removeProperty(property);
897 - }
898 - }
899 -
900 - function resetRuntime(){
901 - managedHeight.forEach(function(el){
902 - restoreStyle(
903 - el,
904 - originalHeight,
905 - "min-height"
906 - );
907 - el.removeAttribute(
908 - "data-sn-master-equal-height"
909 - );
910 - });
911 -
912 - managedMargin.forEach(function(el){
913 - restoreStyle(
914 - el,
915 - originalMargin,
916 - "margin-top"
917 - );
918 - el.removeAttribute(
919 - "data-sn-master-first-row"
920 - );
921 - });
922 -
923 - managedHeight.clear();
924 - managedMargin.clear();
925 - }
926 -
927 - function themeFor(text){
928 - var value=norm(text);
929 -
930 - for(var i=0;i<THEMES.length;i++){
931 - for(var j=0;j<THEMES[i].labels.length;j++){
932 - var label=THEMES[i].labels[j];
933 -
934 - if(
935 - value===label||
936 - value.indexOf(label+" ")===0||
937 - value.indexOf(label+" -")===0||
938 - value.indexOf(label+" ·")===0
939 - ){
940 - return THEMES[i];
941 - }
942 - }
943 - }
944 -
945 - return null;
946 - }
947 -
948 - /* =======================================================
949 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
950 - ======================================================= */
951 -
952 - function colourDistance(a,b){
953 - return Math.sqrt(
954 - Math.pow(a[0]-b[0],2)+
955 - Math.pow(a[1]-b[1],2)+
956 - Math.pow(a[2]-b[2],2)
683 + function excluded(el){
684 + return !el.matches||el.matches(
685 + "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]"
957 957   );
958 958   }
959 959  
960 - function makeFilledRedOrangeCTAsBorderless(){
961 - var RED_ORANGE=[233,75,19];
962 -
963 - Array.from(
964 - root.querySelectorAll(
965 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
966 - )
967 - ).forEach(function(el){
968 - if(!visible(el))return;
969 -
970 - var style=getComputedStyle(el);
971 - var rgb=parseRGB(style.backgroundColor);
972 -
973 - if(!rgb)return;
974 -
975 - if(
976 - colourDistance(
977 - rgb,
978 - RED_ORANGE
979 - )>55
980 - ){
981 - return;
982 - }
983 -
984 - var rect=el.getBoundingClientRect();
985 -
986 - if(
987 - rect.width<80||
988 - rect.height<24
989 - ){
990 - return;
991 - }
992 -
993 - el.style.setProperty(
994 - "border",
995 - "none",
996 - "important"
997 - );
998 -
999 - el.style.setProperty(
1000 - "border-left",
1001 - "none",
1002 - "important"
1003 - );
1004 -
1005 - el.style.setProperty(
1006 - "border-top",
1007 - "none",
1008 - "important"
1009 - );
1010 -
1011 - el.style.setProperty(
1012 - "border-right",
1013 - "none",
1014 - "important"
1015 - );
1016 -
1017 - el.style.setProperty(
1018 - "border-bottom",
1019 - "none",
1020 - "important"
1021 - );
1022 -
1023 - el.style.setProperty(
1024 - "box-shadow",
1025 - "none",
1026 - "important"
1027 - );
1028 - });
689 + function namedLikeBox(el){
690 + var c=typeof el.className==="string"?el.className:"";
691 + return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c);
1029 1029   }
1030 1030  
1031 - /* =======================================================
1032 - FULL-WIDTH THREE-LINE AREA LABELS
1033 - ======================================================= */
1034 -
1035 - function compactText(value){
1036 - return String(value||"")
1037 - .replace(/\s+/g," ")
1038 - .trim();
1039 - }
1040 -
1041 - function makeThreeLineAreaLabels(){
1042 - Array.from(
1043 - root.querySelectorAll(
1044 - ".arsn-area-label"
1045 - )
1046 - ).forEach(function(label){
1047 - if(
1048 - label.getAttribute(
1049 - "data-sn-three-line"
1050 - )==="1"
1051 - ){
1052 - return;
1053 - }
1054 -
1055 - var number=
1056 - label.querySelector(
1057 - ":scope > .arsn-area-number"
1058 - );
1059 -
1060 - var action=
1061 - label.querySelector(
1062 - ":scope > .arsn-area-action"
1063 - );
1064 -
1065 - if(
1066 - !number||
1067 - !action
1068 - ){
1069 - return;
1070 - }
1071 -
1072 - var clone=
1073 - label.cloneNode(true);
1074 -
1075 - var cloneNumber=
1076 - clone.querySelector(
1077 - ":scope > .arsn-area-number"
1078 - );
1079 -
1080 - var cloneAction=
1081 - clone.querySelector(
1082 - ":scope > .arsn-area-action"
1083 - );
1084 -
1085 - if(cloneNumber){
1086 - cloneNumber.remove();
1087 - }
1088 -
1089 - if(cloneAction){
1090 - cloneAction.remove();
1091 - }
1092 -
1093 - var titleText=
1094 - compactText(
1095 - clone.textContent
1096 - );
1097 -
1098 - if(!titleText){
1099 - return;
1100 - }
1101 -
1102 - var numberNode=
1103 - number.cloneNode(true);
1104 -
1105 - var actionNode=
1106 - action.cloneNode(true);
1107 -
1108 - var titleNode=
1109 - document.createElement(
1110 - "span"
1111 - );
1112 -
1113 - titleNode.className=
1114 - "sn-area-label-title";
1115 -
1116 - titleNode.textContent=
1117 - titleText;
1118 -
1119 - while(label.firstChild){
1120 - label.removeChild(
1121 - label.firstChild
1122 - );
1123 - }
1124 -
1125 - label.appendChild(
1126 - numberNode
1127 - );
1128 -
1129 - label.appendChild(
1130 - titleNode
1131 - );
1132 -
1133 - label.appendChild(
1134 - actionNode
1135 - );
1136 -
1137 - label.setAttribute(
1138 - "data-sn-three-line",
1139 - "1"
1140 - );
1141 -
1142 - var head=
1143 - label.closest(
1144 - ".arsn-area-head"
1145 - );
1146 -
1147 - if(head){
1148 - head.style.setProperty(
1149 - "width",
1150 - "100%",
1151 - "important"
1152 - );
1153 -
1154 - head.style.setProperty(
1155 - "max-width",
1156 - "100%",
1157 - "important"
1158 - );
1159 -
1160 - head.style.setProperty(
1161 - "box-sizing",
1162 - "border-box",
1163 - "important"
1164 - );
1165 - }
1166 - });
1167 - }
1168 -
1169 - /* =======================================================
1170 - PLACEHOLDER BADGE
1171 - ======================================================= */
1172 -
1173 - function applyPlaceholderBadge(){
1174 - if(!PLACEHOLDER)return;
1175 -
1176 - if(
1177 - document.querySelector(
1178 - ".sn-coming-soon-badge"
1179 - )
1180 - ){
1181 - return;
1182 - }
1183 -
1184 - var title=
1185 - document.querySelector(
1186 - "#document-title"
1187 - )||
1188 - document.querySelector(
1189 - "h1"
1190 - );
1191 -
1192 - if(!title)return;
1193 -
1194 - var badge=
1195 - document.createElement(
1196 - "span"
1197 - );
1198 -
1199 - badge.className=
1200 - "sn-coming-soon-badge";
1201 -
1202 - badge.textContent=
1203 - PLACEHOLDER_LABEL;
1204 -
1205 - badge.setAttribute(
1206 - "aria-label",
1207 - PLACEHOLDER_LABEL
694 + function boxLike(el){
695 + if(!visible(el)||excluded(el))return false;
696 + var s=getComputedStyle(el);
697 + var r=el.getBoundingClientRect();
698 + var border=
699 + num(s.borderTopWidth)+num(s.borderRightWidth)+
700 + num(s.borderBottomWidth)+num(s.borderLeftWidth);
701 + var radius=Math.max(
702 + num(s.borderTopLeftRadius),num(s.borderTopRightRadius),
703 + num(s.borderBottomLeftRadius),num(s.borderBottomRightRadius)
1208 1208   );
1209 -
1210 - title.appendChild(
1211 - badge
1212 - );
705 + var bg=s.backgroundColor&&s.backgroundColor!=="rgba(0, 0, 0, 0)"&&s.backgroundColor!=="transparent";
706 + var shadow=s.boxShadow&&s.boxShadow!=="none";
707 + return namedLikeBox(el)||border>=1||(bg&&radius>=3)||(shadow&&r.width>=180);
1213 1213   }
1214 1214  
1215 - /* =======================================================
1216 - DETAIL PAGE OWN-ACCENT PROPAGATION
1217 - ======================================================= */
710 + function pickTarget(child){
711 + if(!visible(child))return null;
712 + if(boxLike(child))return child;
1218 1218  
1219 - function parseRGB(value){
1220 - var match=String(value||"").match(
1221 - /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
1222 - );
1223 -
1224 - if(!match)return null;
1225 -
1226 - return [
1227 - Number(match[1]),
1228 - Number(match[2]),
1229 - Number(match[3])
1230 - ];
1231 - }
1232 -
1233 - function distance(a,b){
1234 - return Math.sqrt(
1235 - Math.pow(a[0]-b[0],2)+
1236 - Math.pow(a[1]-b[1],2)+
1237 - Math.pow(a[2]-b[2],2)
1238 - );
1239 - }
1240 -
1241 - function paletteMatch(cssColor){
1242 - var rgb=parseRGB(cssColor);
1243 -
1244 - if(!rgb)return null;
1245 -
1246 - var palette=[
1247 - {hex:"#21b6d7",rgb:[33,182,215]},
1248 - {hex:"#e94b13",rgb:[233,75,19]},
1249 - {hex:"#f0aa00",rgb:[240,170,0]},
1250 - {hex:"#38b76a",rgb:[56,183,106]}
1251 - ];
1252 -
1253 - var best=null;
1254 - var bestDistance=Infinity;
1255 -
1256 - palette.forEach(function(item){
1257 - var d=distance(rgb,item.rgb);
1258 -
1259 - if(d<bestDistance){
1260 - best=item;
1261 - bestDistance=d;
1262 - }
714 + var cr=child.getBoundingClientRect();
715 + var q=[];
716 + Array.from(child.children||[]).forEach(function(el){
717 + q.push({el:el,depth:1});
1263 1263   });
1264 1264  
1265 - return bestDistance<=30
1266 - ?best
1267 - :null;
1268 - }
720 + var best=null,bestScore=-1;
1269 1269  
1270 - function propagateDetailAccents(){
1271 - if(PAGE_KIND!=="detail")return;
722 + while(q.length){
723 + var item=q.shift();
724 + var el=item.el;
725 + if(!visible(el))continue;
1272 1272  
1273 - Array.from(
1274 - root.querySelectorAll(
1275 - ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1276 - ".arsn-source,.dmp-source,.ido-source,.pp-source"
1277 - )
1278 - ).forEach(function(el){
1279 - if(!visible(el))return;
727 + var r=el.getBoundingClientRect();
1280 1280  
1281 - var style=getComputedStyle(el);
1282 -
1283 - if(
1284 - num(style.borderTopWidth)>=2
1285 - ){
1286 - var match=
1287 - paletteMatch(
1288 - style.borderTopColor
1289 - );
1290 -
1291 - if(match){
1292 - el.style.setProperty(
1293 - "border-left",
1294 - "4px solid "+match.hex,
1295 - "important"
1296 - );
729 + if(r.width>=cr.width*.72&&boxLike(el)){
730 + var widthFit=1-Math.min(1,Math.abs(cr.width-r.width)/Math.max(1,cr.width));
731 + var topFit=1-Math.min(1,Math.abs(cr.top-r.top)/80);
732 + var score=widthFit*5+topFit*2+Math.min(r.height,600)/600;
733 + if(score>bestScore){
734 + best=el;
735 + bestScore=score;
1297 1297   }
1298 1298   }
1299 - });
1300 1300  
1301 - // Warning families: explicit safety override.
1302 - Array.from(
1303 - root.querySelectorAll(
1304 - ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1305 - ".warn,.warning,.warningmessage,.errormessage"
1306 - )
1307 - ).forEach(function(el){
1308 - if(!visible(el))return;
1309 -
1310 - el.style.setProperty(
1311 - "border-left",
1312 - "4px solid #e94b13",
1313 - "important"
1314 - );
1315 - });
1316 -
1317 - // Info families: explicit orientation override.
1318 - Array.from(
1319 - root.querySelectorAll(
1320 - ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1321 - )
1322 - ).forEach(function(el){
1323 - if(!visible(el))return;
1324 -
1325 - el.style.setProperty(
1326 - "border-left",
1327 - "4px solid #21b6d7",
1328 - "important"
1329 - );
1330 - });
1331 - }
1332 -
1333 - /* =======================================================
1334 - OVERVIEW SEMANTIC THEME PALETTE
1335 - ======================================================= */
1336 -
1337 - function smallestThemeHeaders(){
1338 - return Array.from(
1339 - root.querySelectorAll(
1340 - "div,span,p,strong,h3,h4,h5,h6"
1341 - )
1342 - ).filter(function(el){
1343 - if(!visible(el))return false;
1344 - if(!themeFor(el.textContent))return false;
1345 -
1346 - return !Array.from(
1347 - el.children||[]
1348 - ).some(function(child){
1349 - return !!themeFor(
1350 - child.textContent
1351 - );
1352 - });
1353 - });
1354 - }
1355 -
1356 - function findOverviewCard(header){
1357 - var node=header.parentElement;
1358 - var candidates=[];
1359 -
1360 - while(node&&node!==root){
1361 - var rect=node.getBoundingClientRect();
1362 - var style=getComputedStyle(node);
1363 -
1364 - var border=
1365 - num(style.borderTopWidth)+
1366 - num(style.borderRightWidth)+
1367 - num(style.borderBottomWidth)+
1368 - num(style.borderLeftWidth);
1369 -
1370 - if(
1371 - rect.width>=220&&
1372 - rect.width<=800&&
1373 - rect.height>=120&&
1374 - border>=1
1375 - ){
1376 - candidates.push(node);
739 + if(item.depth<3){
740 + Array.from(el.children||[]).forEach(function(next){
741 + q.push({el:next,depth:item.depth+1});
742 + });
1377 1377   }
1378 -
1379 - node=node.parentElement;
1380 1380   }
1381 1381  
1382 - if(!candidates.length)return null;
1383 -
1384 - candidates.sort(function(a,b){
1385 - return (
1386 - b.getBoundingClientRect().height-
1387 - a.getBoundingClientRect().height
1388 - );
1389 - });
1390 -
1391 - return candidates[0];
746 + return best;
1392 1392   }
1393 1393  
1394 - function rowCandidates(link,card){
1395 - var result=[];
1396 - var cardRect=
1397 - card.getBoundingClientRect();
1398 -
1399 - var node=link;
1400 -
1401 - while(node&&node!==card){
1402 - if(visible(node)){
1403 - var rect=
1404 - node.getBoundingClientRect();
1405 -
1406 - if(
1407 - rect.height<=105&&
1408 - rect.width>=
1409 - cardRect.width*.50&&
1410 - rect.width<=
1411 - cardRect.width*1.03
1412 - ){
1413 - result.push(node);
1414 - }
1415 - }
1416 -
1417 - node=node.parentElement;
1418 - }
1419 -
1420 - return result;
1421 - }
1422 -
1423 - function chooseOuterRow(
1424 - candidates,
1425 - link
1426 - ){
1427 - if(!candidates.length){
1428 - return link;
1429 - }
1430 -
1431 - var bordered=
1432 - candidates.filter(function(el){
1433 - return (
1434 - num(
1435 - getComputedStyle(el)
1436 - .borderLeftWidth
1437 - )>=1
1438 - );
1439 - });
1440 -
1441 - var pool=
1442 - bordered.length
1443 - ?bordered
1444 - :candidates;
1445 -
1446 - pool.sort(function(a,b){
1447 - var ar=
1448 - a.getBoundingClientRect();
1449 -
1450 - var br=
1451 - b.getBoundingClientRect();
1452 -
1453 - return (
1454 - ar.left-br.left||
1455 - br.width-ar.width
1456 - );
749 + function reset(){
750 + managed.forEach(function(el){
751 + el.style.removeProperty("min-height");
752 + el.removeAttribute("data-sn-equal-height-managed");
1457 1457   });
1458 -
1459 - return pool[0]||link;
754 + managed.clear();
1460 1460   }
1461 1461  
1462 - function applyOverviewPalette(){
1463 - if(PAGE_KIND!=="overview"){
1464 - return [];
757 + function horizontalLayout(parent){
758 + if(!visible(parent))return false;
759 + var s=getComputedStyle(parent);
760 + if(s.display==="grid"||s.display==="inline-grid")return true;
761 + if(s.display==="flex"||s.display==="inline-flex"){
762 + return s.flexDirection==="row"||s.flexDirection==="row-reverse";
1465 1465   }
1466 -
1467 - var headers=
1468 - smallestThemeHeaders()
1469 - .map(function(el){
1470 - return {
1471 - el:el,
1472 - theme:
1473 - themeFor(
1474 - el.textContent
1475 - ),
1476 - card:
1477 - findOverviewCard(
1478 - el
1479 - )
1480 - };
1481 - })
1482 - .filter(function(row){
1483 - return !!row.card;
1484 - });
1485 -
1486 - var unique=[];
1487 - var seenHeaders=new Set();
1488 -
1489 - headers.forEach(function(row){
1490 - var key=
1491 - row.theme.name+
1492 - "|"+
1493 - Math.round(
1494 - row.card
1495 - .getBoundingClientRect()
1496 - .left
1497 - )+
1498 - "|"+
1499 - Math.round(
1500 - row.el
1501 - .getBoundingClientRect()
1502 - .top
1503 - );
1504 -
1505 - if(!seenHeaders.has(key)){
1506 - seenHeaders.add(key);
1507 - unique.push(row);
1508 - }
1509 - });
1510 -
1511 - unique.forEach(function(row){
1512 - var headerRect=
1513 - row.el
1514 - .getBoundingClientRect();
1515 -
1516 - row.el.style.setProperty(
1517 - "background",
1518 - row.theme.bg,
1519 - "important"
1520 - );
1521 -
1522 - row.el.style.setProperty(
1523 - "color",
1524 - row.theme.text,
1525 - "important"
1526 - );
1527 -
1528 - row.el.style.setProperty(
1529 - "text-align",
1530 - "left",
1531 - "important"
1532 - );
1533 -
1534 - row.el.style.setProperty(
1535 - "word-spacing",
1536 - "normal",
1537 - "important"
1538 - );
1539 -
1540 - var later=
1541 - unique
1542 - .filter(function(other){
1543 - return (
1544 - other.card===row.card&&
1545 - other.el
1546 - .getBoundingClientRect()
1547 - .top>
1548 - headerRect.top+2
1549 - );
1550 - })
1551 - .sort(function(a,b){
1552 - return (
1553 - a.el
1554 - .getBoundingClientRect()
1555 - .top-
1556 - b.el
1557 - .getBoundingClientRect()
1558 - .top
1559 - );
1560 - });
1561 -
1562 - var stopTop=
1563 - later.length
1564 - ?later[0].el
1565 - .getBoundingClientRect()
1566 - .top
1567 - :Infinity;
1568 -
1569 - Array.from(
1570 - row.card.querySelectorAll("a")
1571 - ).forEach(function(link){
1572 - if(
1573 - link.classList &&
1574 - link.classList.contains(
1575 - "arsn-phase-cta"
1576 - )
1577 - ){
1578 - return;
1579 - }
1580 -
1581 - if(!visible(link))return;
1582 -
1583 - var rect=
1584 - link.getBoundingClientRect();
1585 -
1586 - if(
1587 - rect.top<=
1588 - headerRect.bottom-2||
1589 - rect.top>=
1590 - stopTop-2
1591 - ){
1592 - return;
1593 - }
1594 -
1595 - var candidates=
1596 - rowCandidates(
1597 - link,
1598 - row.card
1599 - );
1600 -
1601 - var target=
1602 - chooseOuterRow(
1603 - candidates,
1604 - link
1605 - );
1606 -
1607 - candidates.forEach(function(el){
1608 - el.style.setProperty(
1609 - "border-left",
1610 - "0 solid transparent",
1611 - "important"
1612 - );
1613 - });
1614 -
1615 - target.style.setProperty(
1616 - "border-left",
1617 - "3px solid "+
1618 - row.theme.accent,
1619 - "important"
1620 - );
1621 -
1622 - target.style.setProperty(
1623 - "box-sizing",
1624 - "border-box",
1625 - "important"
1626 - );
1627 - });
1628 - });
1629 -
1630 - return unique;
764 + return false;
1631 1631   }
1632 1632  
1633 - /* =======================================================
1634 - OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1635 - ======================================================= */
1636 -
1637 - function alignOverviewCards(headers){
1638 - if(
1639 - PAGE_KIND!=="overview"||
1640 - window.innerWidth<=MOBILE_MAX
1641 - ){
1642 - return;
1643 - }
1644 -
1645 - var cards=[];
1646 - var seen=new Set();
1647 -
1648 - headers.forEach(function(row){
1649 - if(!seen.has(row.card)){
1650 - seen.add(row.card);
1651 - cards.push(row.card);
1652 - }
1653 - });
1654 -
1655 - if(cards.length<2){
1656 - return;
1657 - }
1658 -
1659 - // Group cards by actual top position.
767 + function rowGroups(entries){
1660 1660   var groups=[];
1661 -
1662 - cards.forEach(function(card){
1663 - var top=
1664 - card.getBoundingClientRect().top;
1665 -
769 + entries.slice().sort(function(a,b){
770 + return a.rect.top-b.rect.top||a.rect.left-b.rect.left;
771 + }).forEach(function(entry){
1666 1666   var group=null;
1667 -
1668 1668   for(var i=0;i<groups.length;i++){
1669 - if(
1670 - Math.abs(
1671 - groups[i].top-top
1672 - )<=ROW_TOLERANCE
1673 - ){
774 + if(Math.abs(groups[i].top-entry.rect.top)<=ROW_TOLERANCE){
1674 1674   group=groups[i];
1675 1675   break;
1676 1676   }
1677 1677   }
1678 -
1679 1679   if(!group){
1680 - group={
1681 - top:top,
1682 - cards:[]
1683 - };
780 + group={top:entry.rect.top,entries:[]};
1684 1684   groups.push(group);
1685 1685   }
1686 -
1687 - group.cards.push(card);
783 + group.entries.push(entry);
1688 1688   });
785 + return groups;
786 + }
1689 1689  
1690 - groups.forEach(function(group){
1691 - if(group.cards.length<2){
1692 - return;
1693 - }
788 + function run(){
789 + reset();
1694 1694  
1695 - var firstHeaders=
1696 - group.cards.map(function(card){
1697 - var candidates=
1698 - headers
1699 - .filter(function(row){
1700 - return row.card===card;
1701 - })
1702 - .sort(function(a,b){
1703 - return (
1704 - a.el
1705 - .getBoundingClientRect()
1706 - .top-
1707 - b.el
1708 - .getBoundingClientRect()
1709 - .top
1710 - );
1711 - });
791 + if(window.innerWidth<=MOBILE_MAX)return;
1712 1712  
1713 - return candidates.length
1714 - ?candidates[0]
1715 - :null;
1716 - });
793 + var parents=Array.from(root.querySelectorAll("*")).filter(function(el){
794 + return el.children&&el.children.length>=2&&horizontalLayout(el);
795 + });
1717 1717  
1718 - if(
1719 - !firstHeaders.some(function(row){
1720 - return !row;
1721 - })
1722 - ){
1723 - var targetTop=
1724 - Math.max.apply(
1725 - Math,
1726 - firstHeaders.map(function(row){
1727 - return (
1728 - row.el
1729 - .getBoundingClientRect()
1730 - .top-
1731 - row.card
1732 - .getBoundingClientRect()
1733 - .top
1734 - );
1735 - })
1736 - );
797 + parents.forEach(function(parent){
798 + var entries=[];
1737 1737  
1738 - firstHeaders.forEach(function(row){
1739 - var relativeTop=
1740 - row.el
1741 - .getBoundingClientRect()
1742 - .top-
1743 - row.card
1744 - .getBoundingClientRect()
1745 - .top;
1746 -
1747 - var delta=
1748 - targetTop-relativeTop;
1749 -
1750 - if(delta>1){
1751 - saveStyle(
1752 - row.el,
1753 - originalMargin,
1754 - "margin-top"
1755 - );
1756 -
1757 - var current=
1758 - num(
1759 - getComputedStyle(
1760 - row.el
1761 - ).marginTop
1762 - );
1763 -
1764 - row.el.style.setProperty(
1765 - "margin-top",
1766 - (
1767 - current+delta
1768 - )+"px"
1769 - );
1770 -
1771 - row.el.setAttribute(
1772 - "data-sn-master-first-row",
1773 - "1"
1774 - );
1775 -
1776 - managedMargin.add(
1777 - row.el
1778 - );
1779 - }
800 + Array.from(parent.children).forEach(function(child){
801 + if(!visible(child))return;
802 + var target=pickTarget(child);
803 + if(!target)return;
804 + entries.push({
805 + target:target,
806 + rect:target.getBoundingClientRect()
1780 1780   });
1781 - }
1782 -
1783 - var maxHeight=0;
1784 -
1785 - group.cards.forEach(function(card){
1786 - maxHeight=
1787 - Math.max(
1788 - maxHeight,
1789 - card
1790 - .getBoundingClientRect()
1791 - .height
1792 - );
1793 1793   });
1794 1794  
1795 - maxHeight=
1796 - Math.ceil(maxHeight);
810 + if(entries.length<2)return;
1797 1797  
1798 - group.cards.forEach(function(card){
1799 - saveStyle(
1800 - card,
1801 - originalHeight,
1802 - "min-height"
1803 - );
812 + rowGroups(entries).forEach(function(group){
813 + if(group.entries.length<2)return;
1804 1804  
1805 - card.style.setProperty(
1806 - "min-height",
1807 - maxHeight+"px"
1808 - );
815 + var lefts=group.entries.map(function(e){return e.rect.left;}).sort(function(a,b){return a-b;});
816 + if(lefts[lefts.length-1]-lefts[0]<80)return;
1809 1809  
1810 - card.setAttribute(
1811 - "data-sn-master-equal-height",
1812 - "1"
1813 - );
818 + var targets=[];
819 + var seen=new Set();
1814 1814  
1815 - managedHeight.add(
1816 - card
1817 - );
1818 - });
1819 - });
1820 - }
1821 -
1822 - /* =======================================================
1823 - DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1824 - ======================================================= */
1825 -
1826 - function equaliseDetailGrids(){
1827 - if(
1828 - PAGE_KIND!=="detail"||
1829 - window.innerWidth<=MOBILE_MAX
1830 - ){
1831 - return;
1832 - }
1833 -
1834 - var selectors=[
1835 - ".arsn-grid",
1836 - ".arsn-grid-2",
1837 - ".arsn-grid-3",
1838 - ".dmp-grid",
1839 - ".ido-grid",
1840 - ".pp-grid"
1841 - ];
1842 -
1843 - selectors.forEach(function(selector){
1844 - Array.from(
1845 - root.querySelectorAll(selector)
1846 - ).forEach(function(grid){
1847 - var children=
1848 - Array.from(
1849 - grid.children||[]
1850 - ).filter(visible);
1851 -
1852 - if(children.length<2){
1853 - return;
1854 - }
1855 -
1856 - var groups=[];
1857 -
1858 - children.forEach(function(child){
1859 - var top=
1860 - child
1861 - .getBoundingClientRect()
1862 - .top;
1863 -
1864 - var group=null;
1865 -
1866 - for(var i=0;i<groups.length;i++){
1867 - if(
1868 - Math.abs(
1869 - groups[i].top-top
1870 - )<=ROW_TOLERANCE
1871 - ){
1872 - group=groups[i];
1873 - break;
1874 - }
821 + group.entries.forEach(function(e){
822 + if(!seen.has(e.target)){
823 + seen.add(e.target);
824 + targets.push(e.target);
1875 1875   }
826 + });
1876 1876  
1877 - if(!group){
1878 - group={
1879 - top:top,
1880 - items:[]
1881 - };
1882 - groups.push(group);
1883 - }
828 + if(targets.length<2)return;
1884 1884  
1885 - group.items.push(child);
830 + var max=0;
831 + targets.forEach(function(el){
832 + max=Math.max(max,el.getBoundingClientRect().height);
1886 1886   });
1887 1887  
1888 - groups.forEach(function(group){
1889 - if(group.items.length<2){
1890 - return;
1891 - }
835 + max=Math.ceil(max);
836 + if(max<MIN_H)return;
1892 1892  
1893 - var maxHeight=0;
1894 -
1895 - group.items.forEach(function(item){
1896 - maxHeight=
1897 - Math.max(
1898 - maxHeight,
1899 - item
1900 - .getBoundingClientRect()
1901 - .height
1902 - );
1903 - });
1904 -
1905 - maxHeight=
1906 - Math.ceil(maxHeight);
1907 -
1908 - group.items.forEach(function(item){
1909 - saveStyle(
1910 - item,
1911 - originalHeight,
1912 - "min-height"
1913 - );
1914 -
1915 - item.style.setProperty(
1916 - "min-height",
1917 - maxHeight+"px"
1918 - );
1919 -
1920 - item.setAttribute(
1921 - "data-sn-master-equal-height",
1922 - "1"
1923 - );
1924 -
1925 - managedHeight.add(item);
1926 - });
838 + targets.forEach(function(el){
839 + el.style.setProperty("min-height",max+"px");
840 + el.setAttribute("data-sn-equal-height-managed","1");
841 + managed.add(el);
1927 1927   });
1928 1928   });
1929 1929   });
1930 1930   }
1931 1931  
1932 - /* =======================================================
1933 - RUN / RESPONSIVE SCHEDULING
1934 - ======================================================= */
1935 -
1936 - function run(){
1937 - if(running)return;
1938 -
1939 - running=true;
1940 -
1941 - try{
1942 - resetRuntime();
1943 - applyPlaceholderBadge();
1944 - propagateDetailAccents();
1945 -
1946 - var headers=
1947 - applyOverviewPalette();
1948 -
1949 - makeThreeLineAreaLabels();
1950 - makeFilledRedOrangeCTAsBorderless();
1951 -
1952 - if(
1953 - window.innerWidth>
1954 - MOBILE_MAX
1955 - ){
1956 - alignOverviewCards(
1957 - headers
1958 - );
1959 -
1960 - equaliseDetailGrids();
1961 - }
1962 - }finally{
1963 - running=false;
1964 - }
847 + function schedule(){
848 + if(raf)cancelAnimationFrame(raf);
849 + raf=requestAnimationFrame(function(){
850 + raf=requestAnimationFrame(function(){
851 + raf=0;
852 + run();
853 + });
854 + });
1965 1965   }
1966 1966  
1967 - function onResize(){
1968 - if(resizeTimer){
1969 - clearTimeout(
1970 - resizeTimer
1971 - );
1972 - }
857 + addEventListener("resize",schedule,{passive:true});
858 + addEventListener("load",schedule,{once:true});
1973 1973  
1974 - resizeTimer=
1975 - setTimeout(
1976 - function(){
1977 - resizeTimer=0;
1978 - run();
1979 - },
1980 - RESIZE_DEBOUNCE
1981 - );
1982 - }
860 + root.addEventListener("click",function(){
861 + setTimeout(schedule,0);
862 + },true);
1983 1983  
1984 - async function waitForReady(){
1985 - if(
1986 - document.readyState!=="complete"
1987 - ){
1988 - await new Promise(function(resolve){
1989 - window.addEventListener(
1990 - "load",
1991 - resolve,
1992 - {once:true}
1993 - );
1994 - });
1995 - }
1996 -
1997 - if(
1998 - document.fonts&&
1999 - document.fonts.ready
2000 - ){
2001 - try{
2002 - await document.fonts.ready;
2003 - }catch(error){}
2004 - }
2005 -
2006 - var images=
2007 - Array.from(
2008 - root.querySelectorAll("img")
2009 - );
2010 -
2011 - await Promise.all(
2012 - images.map(function(img){
2013 - if(img.complete){
2014 - return Promise.resolve();
2015 - }
2016 -
2017 - return new Promise(function(resolve){
2018 - var done=function(){
2019 - resolve();
2020 - };
2021 -
2022 - img.addEventListener(
2023 - "load",
2024 - done,
2025 - {once:true}
2026 - );
2027 -
2028 - img.addEventListener(
2029 - "error",
2030 - done,
2031 - {once:true}
2032 - );
2033 - });
2034 - })
2035 - );
2036 -
2037 - run();
864 + if(document.fonts&&document.fonts.ready){
865 + document.fonts.ready.then(schedule);
2038 2038   }
2039 2039  
2040 - window.addEventListener(
2041 - "resize",
2042 - onResize,
2043 - {passive:true}
2044 - );
2045 -
2046 - waitForReady();
868 + schedule();
869 + setTimeout(schedule,250);
870 + setTimeout(schedule,900);
2047 2047  })();
2048 2048  </script>
2049 -
2050 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
873 +<!-- SN_HORIZONTAL_BOX_HARMONIZER_END -->
2051 2051  {{/html}}
2052 2052  
2053 -{{html clean="false"}}
2054 -<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2055 -<style data-arsn-phase-cta-mobile-edge-fix="3">
2056 -@media (max-width:767px){
2057 -
2058 - /* Remove the white side gutters around the three phase CTAs. */
2059 - #xwikicontent .arsn-phase-cta-wrap{
2060 - box-sizing:border-box!important;
2061 - width:calc(100% + 2px)!important;
2062 - max-width:none!important;
2063 - margin:14px -1px -1px -1px!important;
2064 - padding:0!important;
2065 - border:0!important;
2066 - border-left:0!important;
2067 - box-shadow:none!important;
2068 - background:transparent!important;
2069 - }
2070 -
2071 - /* Full-width orange CTA; no extra border/shadow. */
2072 - #xwikicontent a.arsn-phase-cta{
2073 - display:flex!important;
2074 - align-items:center!important;
2075 - justify-content:center!important;
2076 - gap:8px!important;
2077 -
2078 - box-sizing:border-box!important;
2079 - width:100%!important;
2080 - max-width:none!important;
2081 - min-width:0!important;
2082 -
2083 - margin:0!important;
2084 - padding:12px 14px!important;
2085 -
2086 - border:0!important;
2087 - border-left:0!important;
2088 - border-right:0!important;
2089 - border-top:0!important;
2090 - border-bottom:0!important;
2091 - box-shadow:none!important;
2092 -
2093 - border-radius:8px!important;
2094 -
2095 - text-align:center!important;
2096 - text-align-last:center!important;
2097 - text-justify:auto!important;
2098 - word-spacing:normal!important;
2099 - white-space:normal!important;
2100 - }
2101 -
2102 - /* Keep an XWiki external-link icon on the same line/flex row. */
2103 - #xwikicontent a.arsn-phase-cta::after{
2104 - flex:0 0 auto!important;
2105 - margin-left:2px!important;
2106 - }
2107 -
2108 - #xwikicontent a.arsn-phase-cta > .fa,
2109 - #xwikicontent a.arsn-phase-cta > .icon,
2110 - #xwikicontent a.arsn-phase-cta > .external-link-icon,
2111 - #xwikicontent a.arsn-phase-cta > [class*="external"]{
2112 - position:static!important;
2113 - display:inline-block!important;
2114 - flex:0 0 auto!important;
2115 - margin:0!important;
2116 - }
2117 -}
2118 -</style>
2119 -<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->
2120 -{{/html}}
2121 -