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