Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45

From version 5.8
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:18
Change comment: There is no comment for this version
To version 5.13
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:54
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,18 +1,18 @@
1 -Identify funder requirements for data management, Open Science, documentation, preservation and eligible costs.
1 +Check funder requirements for data management, Open Science, documentation, preservation and eligible costs early.
2 2  
3 3  == Overview ==
4 4  
5 -Add a concise explanation of this topic and why it matters for Art & Research projects.
5 +Funding conditions influence more than the budget and timeline. They often also affect data management, Open Access, reporting, rights and retention. Always use the current call and the binding funding conditions as your basis.
6 6  
7 7  == What you need to know ==
8 8  
9 -* Key concepts
10 -* Relevant requirements
11 -* Important distinctions
9 +* Distinguish eligibility requirements, eligible costs and reporting obligations.
10 +* Check internal deadlines and approvals in addition to the external submission deadline.
11 +* Record requirements concerning data, publication, Open Science, communication and preservation in the project plan.
12 12  
13 13  == What you need to do ==
14 14  
15 -1. Identify what applies to your project.
15 +1. Check what applies to your project.
16 16  2. Document the relevant decisions.
17 17  3. Use appropriate institutional services and support where needed.
18 18  
... ... @@ -26,32 +26,32 @@
26 26  
27 27  == Services & Tools ==
28 28  
29 -Add links to relevant institutional services, infrastructure and tools.
29 +Use the institutional services, infrastructure and tools that fit your project and its requirements. Specific links will be added as the relevant services are included in the Navigator.
30 30  
31 31  == Info Sheets & Checklists ==
32 32  
33 -Add links to related Info Sheets, checklists and templates.
33 +Relevant Info Sheets, checklists and templates will be added here as they become available.
34 34  
35 35  == Tutorials ==
36 36  
37 37  
38 38  {{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">COMING SOON</span>{{/html}}
39 -Add links to step-by-step tutorials for this topic.
39 +Step-by-step tutorials will be added here as they become available.
40 40  
41 41  == Related Topics ==
42 42  
43 -Add links to related pages in Enable, Work & Manage, and Publish & Share.
43 +Further guidance can be found in the adjacent phases Prepare, Work & Manage and Publish & Share.
44 44  
45 45  == Who is responsible? ==
46 46  
47 -{{html}}<!-- ARSN_TOPIC_ROUTING_V1 -->{{/html}}
47 +
48 48  {{info title="Service routing"}}
49 -**Primary specialist service(s):** Support Kunst und Forschung (SKF) for research funding landscape, call fit, proposal development, internal routing and funded-project coordination.
49 +**Primary specialist service(s):** Support Kunst und Forschung (SKF) for the research-funding landscape, call fit, proposal development, internal routes and coordination of funded research projects.
50 50  
51 -**Role of Support Kunst und Forschung (SKF):** Lead / central project-and-funding hub for this topic; specialist units are involved when the call triggers legal, financial, HR, data, IT or other requirements.
51 +**Role of Support Kunst und Forschung (SKF):** Lead / central project and funding hub for this topic; specialist services are involved when the call triggers legal, financial, HR, data, IT or other requirements.
52 52  {{/info}}
53 53  
54 -If you are unsure which route applies, start with the service named above. For funded or project-based research where several units are involved, SKF can coordinate the project route.
54 +If you are unsure which route applies, start with the specialist service named above. For funded or project-based research involving several units, SKF can coordinate the project route.
55 55  
56 56  {{html}}
57 57  <!-- ARSN_SEARCH_TERMS_START -->
... ... @@ -62,7 +62,7 @@
62 62  This topic can also be found through related terms, synonyms and common search queries.
63 63  Select a term to search the Art &amp; Research Services Navigator.
64 64  </p>
65 -<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=art%20and%20research#arsn-search-input" class="arsn-search-term" data-search-term="art and research" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">art and research</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=enable#arsn-search-input" class="arsn-search-term" data-search-term="enable" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">enable</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=research%20funding#arsn-search-input" class="arsn-search-term" data-search-term="research funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">research funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funder requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="grant requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=data%20management%20plan#arsn-search-input" class="arsn-search-term" data-search-term="data management plan" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">data management plan</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=open%20science%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="open science requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">open science requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=eligible%20costs#arsn-search-input" class="arsn-search-term" data-search-term="eligible costs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">eligible costs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding#arsn-search-input" class="arsn-search-term" data-search-term="funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant#arsn-search-input" class="arsn-search-term" data-search-term="grant" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20application#arsn-search-input" class="arsn-search-term" data-search-term="grant application" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant application</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder#arsn-search-input" class="arsn-search-term" data-search-term="funder" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funding requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderung#arsn-search-input" class="arsn-search-term" data-search-term="förderung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rdergeber#arsn-search-input" class="arsn-search-term" data-search-term="fördergeber" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">fördergeber</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderbedingungen#arsn-search-input" class="arsn-search-term" data-search-term="förderbedingungen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderbedingungen</a></p>
65 +<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=art%20and%20research#arsn-search-input" class="arsn-search-term" data-search-term="art and research" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">art and research</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=prepare#arsn-search-input" class="arsn-search-term" data-search-term="prepare" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">prepare</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=research%20funding#arsn-search-input" class="arsn-search-term" data-search-term="research funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">research funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funder requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="grant requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=data%20management%20plan#arsn-search-input" class="arsn-search-term" data-search-term="data management plan" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">data management plan</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=open%20science%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="open science requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">open science requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=eligible%20costs#arsn-search-input" class="arsn-search-term" data-search-term="eligible costs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">eligible costs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding#arsn-search-input" class="arsn-search-term" data-search-term="funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant#arsn-search-input" class="arsn-search-term" data-search-term="grant" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20application#arsn-search-input" class="arsn-search-term" data-search-term="grant application" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant application</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder#arsn-search-input" class="arsn-search-term" data-search-term="funder" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funding requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderung#arsn-search-input" class="arsn-search-term" data-search-term="förderung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rdergeber#arsn-search-input" class="arsn-search-term" data-search-term="fördergeber" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">fördergeber</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderbedingungen#arsn-search-input" class="arsn-search-term" data-search-term="förderbedingungen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderbedingungen</a></p>
66 66  </div>
67 67  </details>
68 68  <!-- ARSN_SEARCH_TERMS_END -->
... ... @@ -69,21 +69,132 @@
69 69  {{/html}}
70 70  
71 71  {{html clean="false"}}
72 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_START -->
73 -<style data-sn-horizontal-box-harmonizer="1">
74 -[data-sn-equal-height-managed="1"]{box-sizing:border-box}
75 -@media(max-width:767px){
76 - [data-sn-equal-height-managed="1"]{min-height:0!important}
72 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
73 +
74 +<style data-sn-service-navigator-master="1">
75 +/* =========================================================
76 + MASTER TYPOGRAPHY
77 + ========================================================= */
78 +#xwikicontent h1,
79 +#xwikicontent h2,
80 +#xwikicontent h3,
81 +#xwikicontent h4,
82 +#xwikicontent h5,
83 +#xwikicontent h6,
84 +#xwikicontent .box-title,
85 +#xwikicontent [role="heading"],
86 +#xwikicontent h1 a,
87 +#xwikicontent h2 a,
88 +#xwikicontent h3 a,
89 +#xwikicontent h4 a,
90 +#xwikicontent h5 a,
91 +#xwikicontent h6 a,
92 +#xwikicontent .box-title a,
93 +#xwikicontent [role="heading"] a{
94 + text-align:left!important;
95 + text-justify:auto!important;
96 + word-spacing:normal!important;
77 77  }
98 +
99 +/* =========================================================
100 + COMING SOON / IN VORBEREITUNG
101 + ========================================================= */
102 +.sn-coming-soon-badge{
103 + display:inline-block;
104 + vertical-align:middle;
105 + margin-left:10px;
106 + padding:4px 8px;
107 + border-radius:14px;
108 + border:1px solid #efd9cc;
109 + background:#fff4ee;
110 + color:#8a4d36;
111 + font-size:11px;
112 + font-weight:700;
113 + letter-spacing:.055em;
114 + line-height:1.2;
115 + white-space:nowrap;
116 +}
117 +
118 +/* =========================================================
119 + NATIVE / DETAIL CALLOUT GEOMETRY
120 + Preserve existing backgrounds.
121 + ========================================================= */
122 +#xwikicontent .arsn-info,
123 +#xwikicontent .dmp-info,
124 +#xwikicontent .ido-info,
125 +#xwikicontent .pp-info,
126 +#xwikicontent .infomessage{
127 + box-sizing:border-box!important;
128 + border-left:4px solid #21b6d7!important;
129 + border-radius:8px;
130 + text-align:left!important;
131 + word-spacing:normal!important;
132 +}
133 +
134 +#xwikicontent .arsn-warn,
135 +#xwikicontent .dmp-warn,
136 +#xwikicontent .ido-warn,
137 +#xwikicontent .pp-warn,
138 +#xwikicontent .warn,
139 +#xwikicontent .warning,
140 +#xwikicontent .warningmessage,
141 +#xwikicontent .errormessage{
142 + box-sizing:border-box!important;
143 + border-left:4px solid #e94b13!important;
144 + border-radius:8px;
145 + text-align:left!important;
146 + word-spacing:normal!important;
147 +}
148 +
149 +[data-sn-master-equal-height],
150 +[data-sn-master-first-row]{
151 + box-sizing:border-box;
152 +}
153 +
154 +/* =========================================================
155 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
156 + ========================================================= */
157 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
158 + display:grid!important;
159 + grid-template-columns:minmax(0,1fr)!important;
160 + grid-auto-rows:auto!important;
161 + width:100%!important;
162 + max-width:none!important;
163 + box-sizing:border-box!important;
164 + justify-items:start!important;
165 + align-items:start!important;
166 + gap:2px!important;
167 + text-align:left!important;
168 + text-align-last:left!important;
169 + text-justify:auto!important;
170 + word-spacing:normal!important;
171 + white-space:normal!important;
172 +}
173 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
174 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
175 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
176 + display:block!important;
177 + width:100%!important;
178 + margin:0!important;
179 + text-align:left!important;
180 + text-align-last:left!important;
181 + text-justify:auto!important;
182 + word-spacing:normal!important;
183 + white-space:normal!important;
184 +}
78 78  </style>
79 -<script data-sn-horizontal-box-harmonizer="1">
186 +
187 +<script data-sn-service-navigator-master="1">
80 80  (function(){
81 81   "use strict";
82 82  
191 + var PAGE_KIND="detail";
192 + var PLACEHOLDER=true;
193 + var PLACEHOLDER_LABEL="COMING SOON";
194 +
83 83   var MOBILE_MAX=767;
84 - var ROW_TOLERANCE=4;
85 - var MIN_W=150;
86 - var MIN_H=36;
196 + var ROW_TOLERANCE=6;
197 + var RESIZE_DEBOUNCE=220;
87 87  
88 88   var root=
89 89   document.getElementById("xwikicontent")||
... ... @@ -93,212 +93,1268 @@
93 93  
94 94   if(!root)return;
95 95  
96 - var managed=new Set();
97 - var raf=0;
207 + var managedHeight=new Set();
208 + var managedMargin=new Set();
209 + var originalHeight=new WeakMap();
210 + var originalMargin=new WeakMap();
98 98  
99 - function num(v){
100 - var n=parseFloat(v);
212 + var resizeTimer=0;
213 + var running=false;
214 +
215 + var THEMES=[
216 + {
217 + name:"BLUE",
218 + accent:"#21b6d7",
219 + bg:"#eaf7fb",
220 + text:"#315d68",
221 + labels:[
222 + "HIER STARTEN",
223 + "ENTSCHEIDEN",
224 + "ÜBERPRÜFEN & ANPASSEN",
225 + "START HERE",
226 + "DECIDE",
227 + "REVIEW & ADAPT"
228 + ]
229 + },
230 + {
231 + name:"RED",
232 + accent:"#e94b13",
233 + bg:"#fff1ec",
234 + text:"#8a4d36",
235 + labels:[
236 + "PLANEN & ORGANISIEREN",
237 + "ORGANISIEREN & DOKUMENTIEREN",
238 + "PUBLIZIEREN & PRÄSENTIEREN",
239 + "PLAN & ORGANISE",
240 + "PLAN & ORGANIZE",
241 + "ORGANISE & DOCUMENT",
242 + "ORGANIZE & DOCUMENT",
243 + "PUBLISH & PRESENT"
244 + ]
245 + },
246 + {
247 + name:"YELLOW",
248 + accent:"#f0aa00",
249 + bg:"#fff8e7",
250 + text:"#785b17",
251 + labels:[
252 + "SCHÜTZEN & KLÄREN",
253 + "STANDARDISIEREN & IDENTIFIZIEREN",
254 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
255 + "PROTECT & CLARIFY",
256 + "STANDARDISE & IDENTIFY",
257 + "STANDARDIZE & IDENTIFY",
258 + "OPEN, REUSE & MAKE FINDABLE"
259 + ]
260 + },
261 + {
262 + name:"GREEN",
263 + accent:"#38b76a",
264 + bg:"#edf9f1",
265 + text:"#3f7451",
266 + labels:[
267 + "INFRASTRUKTUR EINRICHTEN",
268 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
269 + "SPEICHERN & ZUGRIFF STEUERN",
270 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
271 + "SET UP INFRASTRUCTURE",
272 + "SET UP INFRASTRUCTURE & COLLABORATION",
273 + "STORE & CONTROL ACCESS",
274 + "REPOSITORY, PRESERVE & HAND OVER"
275 + ]
276 + }
277 + ];
278 +
279 + function num(value){
280 + var n=parseFloat(value);
101 101   return Number.isFinite(n)?n:0;
102 102   }
103 103  
284 + function norm(value){
285 + return String(value||"")
286 + .replace(/\s+/g," ")
287 + .trim()
288 + .toUpperCase();
289 + }
290 +
104 104   function visible(el){
105 105   if(!el||el.nodeType!==1)return false;
106 - var s=getComputedStyle(el);
107 - if(s.display==="none"||s.visibility==="hidden"||Number(s.opacity)===0)return false;
108 - var r=el.getBoundingClientRect();
109 - return r.width>=MIN_W&&r.height>=MIN_H;
293 +
294 + var style=getComputedStyle(el);
295 + var rect=el.getBoundingClientRect();
296 +
297 + return (
298 + style.display!=="none"&&
299 + style.visibility!=="hidden"&&
300 + rect.width>20&&
301 + rect.height>4
302 + );
110 110   }
111 111  
112 - function excluded(el){
113 - return !el.matches||el.matches(
114 - "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]"
305 + function saveStyle(el,map,property){
306 + if(map.has(el))return;
307 +
308 + map.set(el,{
309 + value:el.style.getPropertyValue(property),
310 + priority:el.style.getPropertyPriority(property)
311 + });
312 + }
313 +
314 + function restoreStyle(el,map,property){
315 + var original=map.get(el);
316 +
317 + if(original&&original.value){
318 + el.style.setProperty(
319 + property,
320 + original.value,
321 + original.priority||""
322 + );
323 + }else{
324 + el.style.removeProperty(property);
325 + }
326 + }
327 +
328 + function resetRuntime(){
329 + managedHeight.forEach(function(el){
330 + restoreStyle(
331 + el,
332 + originalHeight,
333 + "min-height"
334 + );
335 + el.removeAttribute(
336 + "data-sn-master-equal-height"
337 + );
338 + });
339 +
340 + managedMargin.forEach(function(el){
341 + restoreStyle(
342 + el,
343 + originalMargin,
344 + "margin-top"
345 + );
346 + el.removeAttribute(
347 + "data-sn-master-first-row"
348 + );
349 + });
350 +
351 + managedHeight.clear();
352 + managedMargin.clear();
353 + }
354 +
355 + function themeFor(text){
356 + var value=norm(text);
357 +
358 + for(var i=0;i<THEMES.length;i++){
359 + for(var j=0;j<THEMES[i].labels.length;j++){
360 + var label=THEMES[i].labels[j];
361 +
362 + if(
363 + value===label||
364 + value.indexOf(label+" ")===0||
365 + value.indexOf(label+" -")===0||
366 + value.indexOf(label+" ·")===0
367 + ){
368 + return THEMES[i];
369 + }
370 + }
371 + }
372 +
373 + return null;
374 + }
375 +
376 + /* =======================================================
377 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
378 + ======================================================= */
379 +
380 + function colourDistance(a,b){
381 + return Math.sqrt(
382 + Math.pow(a[0]-b[0],2)+
383 + Math.pow(a[1]-b[1],2)+
384 + Math.pow(a[2]-b[2],2)
115 115   );
116 116   }
117 117  
118 - function namedLikeBox(el){
119 - var c=typeof el.className==="string"?el.className:"";
120 - return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c);
388 + function makeFilledRedOrangeCTAsBorderless(){
389 + var RED_ORANGE=[233,75,19];
390 +
391 + Array.from(
392 + root.querySelectorAll(
393 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
394 + )
395 + ).forEach(function(el){
396 + if(!visible(el))return;
397 +
398 + var style=getComputedStyle(el);
399 + var rgb=parseRGB(style.backgroundColor);
400 +
401 + if(!rgb)return;
402 +
403 + if(
404 + colourDistance(
405 + rgb,
406 + RED_ORANGE
407 + )>55
408 + ){
409 + return;
410 + }
411 +
412 + var rect=el.getBoundingClientRect();
413 +
414 + if(
415 + rect.width<80||
416 + rect.height<24
417 + ){
418 + return;
419 + }
420 +
421 + el.style.setProperty(
422 + "border",
423 + "none",
424 + "important"
425 + );
426 +
427 + el.style.setProperty(
428 + "border-left",
429 + "none",
430 + "important"
431 + );
432 +
433 + el.style.setProperty(
434 + "border-top",
435 + "none",
436 + "important"
437 + );
438 +
439 + el.style.setProperty(
440 + "border-right",
441 + "none",
442 + "important"
443 + );
444 +
445 + el.style.setProperty(
446 + "border-bottom",
447 + "none",
448 + "important"
449 + );
450 +
451 + el.style.setProperty(
452 + "box-shadow",
453 + "none",
454 + "important"
455 + );
456 + });
121 121   }
122 122  
123 - function boxLike(el){
124 - if(!visible(el)||excluded(el))return false;
125 - var s=getComputedStyle(el);
126 - var r=el.getBoundingClientRect();
127 - var border=
128 - num(s.borderTopWidth)+num(s.borderRightWidth)+
129 - num(s.borderBottomWidth)+num(s.borderLeftWidth);
130 - var radius=Math.max(
131 - num(s.borderTopLeftRadius),num(s.borderTopRightRadius),
132 - num(s.borderBottomLeftRadius),num(s.borderBottomRightRadius)
459 + /* =======================================================
460 + FULL-WIDTH THREE-LINE AREA LABELS
461 + ======================================================= */
462 +
463 + function compactText(value){
464 + return String(value||"")
465 + .replace(/\s+/g," ")
466 + .trim();
467 + }
468 +
469 + function makeThreeLineAreaLabels(){
470 + Array.from(
471 + root.querySelectorAll(
472 + ".arsn-area-label"
473 + )
474 + ).forEach(function(label){
475 + if(
476 + label.getAttribute(
477 + "data-sn-three-line"
478 + )==="1"
479 + ){
480 + return;
481 + }
482 +
483 + var number=
484 + label.querySelector(
485 + ":scope > .arsn-area-number"
486 + );
487 +
488 + var action=
489 + label.querySelector(
490 + ":scope > .arsn-area-action"
491 + );
492 +
493 + if(
494 + !number||
495 + !action
496 + ){
497 + return;
498 + }
499 +
500 + var clone=
501 + label.cloneNode(true);
502 +
503 + var cloneNumber=
504 + clone.querySelector(
505 + ":scope > .arsn-area-number"
506 + );
507 +
508 + var cloneAction=
509 + clone.querySelector(
510 + ":scope > .arsn-area-action"
511 + );
512 +
513 + if(cloneNumber){
514 + cloneNumber.remove();
515 + }
516 +
517 + if(cloneAction){
518 + cloneAction.remove();
519 + }
520 +
521 + var titleText=
522 + compactText(
523 + clone.textContent
524 + );
525 +
526 + if(!titleText){
527 + return;
528 + }
529 +
530 + var numberNode=
531 + number.cloneNode(true);
532 +
533 + var actionNode=
534 + action.cloneNode(true);
535 +
536 + var titleNode=
537 + document.createElement(
538 + "span"
539 + );
540 +
541 + titleNode.className=
542 + "sn-area-label-title";
543 +
544 + titleNode.textContent=
545 + titleText;
546 +
547 + while(label.firstChild){
548 + label.removeChild(
549 + label.firstChild
550 + );
551 + }
552 +
553 + label.appendChild(
554 + numberNode
555 + );
556 +
557 + label.appendChild(
558 + titleNode
559 + );
560 +
561 + label.appendChild(
562 + actionNode
563 + );
564 +
565 + label.setAttribute(
566 + "data-sn-three-line",
567 + "1"
568 + );
569 +
570 + var head=
571 + label.closest(
572 + ".arsn-area-head"
573 + );
574 +
575 + if(head){
576 + head.style.setProperty(
577 + "width",
578 + "100%",
579 + "important"
580 + );
581 +
582 + head.style.setProperty(
583 + "max-width",
584 + "100%",
585 + "important"
586 + );
587 +
588 + head.style.setProperty(
589 + "box-sizing",
590 + "border-box",
591 + "important"
592 + );
593 + }
594 + });
595 + }
596 +
597 + /* =======================================================
598 + PLACEHOLDER BADGE
599 + ======================================================= */
600 +
601 + function applyPlaceholderBadge(){
602 + if(!PLACEHOLDER)return;
603 +
604 + if(
605 + document.querySelector(
606 + ".sn-coming-soon-badge"
607 + )
608 + ){
609 + return;
610 + }
611 +
612 + var title=
613 + document.querySelector(
614 + "#document-title"
615 + )||
616 + document.querySelector(
617 + "h1"
618 + );
619 +
620 + if(!title)return;
621 +
622 + var badge=
623 + document.createElement(
624 + "span"
625 + );
626 +
627 + badge.className=
628 + "sn-coming-soon-badge";
629 +
630 + badge.textContent=
631 + PLACEHOLDER_LABEL;
632 +
633 + badge.setAttribute(
634 + "aria-label",
635 + PLACEHOLDER_LABEL
133 133   );
134 - var bg=s.backgroundColor&&s.backgroundColor!=="rgba(0, 0, 0, 0)"&&s.backgroundColor!=="transparent";
135 - var shadow=s.boxShadow&&s.boxShadow!=="none";
136 - return namedLikeBox(el)||border>=1||(bg&&radius>=3)||(shadow&&r.width>=180);
637 +
638 + title.appendChild(
639 + badge
640 + );
137 137   }
138 138  
139 - function pickTarget(child){
140 - if(!visible(child))return null;
141 - if(boxLike(child))return child;
643 + /* =======================================================
644 + DETAIL PAGE OWN-ACCENT PROPAGATION
645 + ======================================================= */
142 142  
143 - var cr=child.getBoundingClientRect();
144 - var q=[];
145 - Array.from(child.children||[]).forEach(function(el){
146 - q.push({el:el,depth:1});
647 + function parseRGB(value){
648 + var match=String(value||"").match(
649 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
650 + );
651 +
652 + if(!match)return null;
653 +
654 + return [
655 + Number(match[1]),
656 + Number(match[2]),
657 + Number(match[3])
658 + ];
659 + }
660 +
661 + function distance(a,b){
662 + return Math.sqrt(
663 + Math.pow(a[0]-b[0],2)+
664 + Math.pow(a[1]-b[1],2)+
665 + Math.pow(a[2]-b[2],2)
666 + );
667 + }
668 +
669 + function paletteMatch(cssColor){
670 + var rgb=parseRGB(cssColor);
671 +
672 + if(!rgb)return null;
673 +
674 + var palette=[
675 + {hex:"#21b6d7",rgb:[33,182,215]},
676 + {hex:"#e94b13",rgb:[233,75,19]},
677 + {hex:"#f0aa00",rgb:[240,170,0]},
678 + {hex:"#38b76a",rgb:[56,183,106]}
679 + ];
680 +
681 + var best=null;
682 + var bestDistance=Infinity;
683 +
684 + palette.forEach(function(item){
685 + var d=distance(rgb,item.rgb);
686 +
687 + if(d<bestDistance){
688 + best=item;
689 + bestDistance=d;
690 + }
147 147   });
148 148  
149 - var best=null,bestScore=-1;
693 + return bestDistance<=30
694 + ?best
695 + :null;
696 + }
150 150  
151 - while(q.length){
152 - var item=q.shift();
153 - var el=item.el;
154 - if(!visible(el))continue;
698 + function propagateDetailAccents(){
699 + if(PAGE_KIND!=="detail")return;
155 155  
156 - var r=el.getBoundingClientRect();
701 + Array.from(
702 + root.querySelectorAll(
703 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
704 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
705 + )
706 + ).forEach(function(el){
707 + if(!visible(el))return;
157 157  
158 - if(r.width>=cr.width*.72&&boxLike(el)){
159 - var widthFit=1-Math.min(1,Math.abs(cr.width-r.width)/Math.max(1,cr.width));
160 - var topFit=1-Math.min(1,Math.abs(cr.top-r.top)/80);
161 - var score=widthFit*5+topFit*2+Math.min(r.height,600)/600;
162 - if(score>bestScore){
163 - best=el;
164 - bestScore=score;
709 + var style=getComputedStyle(el);
710 +
711 + if(
712 + num(style.borderTopWidth)>=2
713 + ){
714 + var match=
715 + paletteMatch(
716 + style.borderTopColor
717 + );
718 +
719 + if(match){
720 + el.style.setProperty(
721 + "border-left",
722 + "4px solid "+match.hex,
723 + "important"
724 + );
165 165   }
166 166   }
727 + });
167 167  
168 - if(item.depth<3){
169 - Array.from(el.children||[]).forEach(function(next){
170 - q.push({el:next,depth:item.depth+1});
171 - });
729 + // Warning families: explicit safety override.
730 + Array.from(
731 + root.querySelectorAll(
732 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
733 + ".warn,.warning,.warningmessage,.errormessage"
734 + )
735 + ).forEach(function(el){
736 + if(!visible(el))return;
737 +
738 + el.style.setProperty(
739 + "border-left",
740 + "4px solid #e94b13",
741 + "important"
742 + );
743 + });
744 +
745 + // Info families: explicit orientation override.
746 + Array.from(
747 + root.querySelectorAll(
748 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
749 + )
750 + ).forEach(function(el){
751 + if(!visible(el))return;
752 +
753 + el.style.setProperty(
754 + "border-left",
755 + "4px solid #21b6d7",
756 + "important"
757 + );
758 + });
759 + }
760 +
761 + /* =======================================================
762 + OVERVIEW SEMANTIC THEME PALETTE
763 + ======================================================= */
764 +
765 + function smallestThemeHeaders(){
766 + return Array.from(
767 + root.querySelectorAll(
768 + "div,span,p,strong,h3,h4,h5,h6"
769 + )
770 + ).filter(function(el){
771 + if(!visible(el))return false;
772 + if(!themeFor(el.textContent))return false;
773 +
774 + return !Array.from(
775 + el.children||[]
776 + ).some(function(child){
777 + return !!themeFor(
778 + child.textContent
779 + );
780 + });
781 + });
782 + }
783 +
784 + function findOverviewCard(header){
785 + var node=header.parentElement;
786 + var candidates=[];
787 +
788 + while(node&&node!==root){
789 + var rect=node.getBoundingClientRect();
790 + var style=getComputedStyle(node);
791 +
792 + var border=
793 + num(style.borderTopWidth)+
794 + num(style.borderRightWidth)+
795 + num(style.borderBottomWidth)+
796 + num(style.borderLeftWidth);
797 +
798 + if(
799 + rect.width>=220&&
800 + rect.width<=800&&
801 + rect.height>=120&&
802 + border>=1
803 + ){
804 + candidates.push(node);
172 172   }
806 +
807 + node=node.parentElement;
173 173   }
174 174  
175 - return best;
810 + if(!candidates.length)return null;
811 +
812 + candidates.sort(function(a,b){
813 + return (
814 + b.getBoundingClientRect().height-
815 + a.getBoundingClientRect().height
816 + );
817 + });
818 +
819 + return candidates[0];
176 176   }
177 177  
178 - function reset(){
179 - managed.forEach(function(el){
180 - el.style.removeProperty("min-height");
181 - el.removeAttribute("data-sn-equal-height-managed");
822 + function rowCandidates(link,card){
823 + var result=[];
824 + var cardRect=
825 + card.getBoundingClientRect();
826 +
827 + var node=link;
828 +
829 + while(node&&node!==card){
830 + if(visible(node)){
831 + var rect=
832 + node.getBoundingClientRect();
833 +
834 + if(
835 + rect.height<=105&&
836 + rect.width>=
837 + cardRect.width*.50&&
838 + rect.width<=
839 + cardRect.width*1.03
840 + ){
841 + result.push(node);
842 + }
843 + }
844 +
845 + node=node.parentElement;
846 + }
847 +
848 + return result;
849 + }
850 +
851 + function chooseOuterRow(
852 + candidates,
853 + link
854 + ){
855 + if(!candidates.length){
856 + return link;
857 + }
858 +
859 + var bordered=
860 + candidates.filter(function(el){
861 + return (
862 + num(
863 + getComputedStyle(el)
864 + .borderLeftWidth
865 + )>=1
866 + );
867 + });
868 +
869 + var pool=
870 + bordered.length
871 + ?bordered
872 + :candidates;
873 +
874 + pool.sort(function(a,b){
875 + var ar=
876 + a.getBoundingClientRect();
877 +
878 + var br=
879 + b.getBoundingClientRect();
880 +
881 + return (
882 + ar.left-br.left||
883 + br.width-ar.width
884 + );
182 182   });
183 - managed.clear();
886 +
887 + return pool[0]||link;
184 184   }
185 185  
186 - function horizontalLayout(parent){
187 - if(!visible(parent))return false;
188 - var s=getComputedStyle(parent);
189 - if(s.display==="grid"||s.display==="inline-grid")return true;
190 - if(s.display==="flex"||s.display==="inline-flex"){
191 - return s.flexDirection==="row"||s.flexDirection==="row-reverse";
890 + function applyOverviewPalette(){
891 + if(PAGE_KIND!=="overview"){
892 + return [];
192 192   }
193 - return false;
894 +
895 + var headers=
896 + smallestThemeHeaders()
897 + .map(function(el){
898 + return {
899 + el:el,
900 + theme:
901 + themeFor(
902 + el.textContent
903 + ),
904 + card:
905 + findOverviewCard(
906 + el
907 + )
908 + };
909 + })
910 + .filter(function(row){
911 + return !!row.card;
912 + });
913 +
914 + var unique=[];
915 + var seenHeaders=new Set();
916 +
917 + headers.forEach(function(row){
918 + var key=
919 + row.theme.name+
920 + "|"+
921 + Math.round(
922 + row.card
923 + .getBoundingClientRect()
924 + .left
925 + )+
926 + "|"+
927 + Math.round(
928 + row.el
929 + .getBoundingClientRect()
930 + .top
931 + );
932 +
933 + if(!seenHeaders.has(key)){
934 + seenHeaders.add(key);
935 + unique.push(row);
936 + }
937 + });
938 +
939 + unique.forEach(function(row){
940 + var headerRect=
941 + row.el
942 + .getBoundingClientRect();
943 +
944 + row.el.style.setProperty(
945 + "background",
946 + row.theme.bg,
947 + "important"
948 + );
949 +
950 + row.el.style.setProperty(
951 + "color",
952 + row.theme.text,
953 + "important"
954 + );
955 +
956 + row.el.style.setProperty(
957 + "text-align",
958 + "left",
959 + "important"
960 + );
961 +
962 + row.el.style.setProperty(
963 + "word-spacing",
964 + "normal",
965 + "important"
966 + );
967 +
968 + var later=
969 + unique
970 + .filter(function(other){
971 + return (
972 + other.card===row.card&&
973 + other.el
974 + .getBoundingClientRect()
975 + .top>
976 + headerRect.top+2
977 + );
978 + })
979 + .sort(function(a,b){
980 + return (
981 + a.el
982 + .getBoundingClientRect()
983 + .top-
984 + b.el
985 + .getBoundingClientRect()
986 + .top
987 + );
988 + });
989 +
990 + var stopTop=
991 + later.length
992 + ?later[0].el
993 + .getBoundingClientRect()
994 + .top
995 + :Infinity;
996 +
997 + Array.from(
998 + row.card.querySelectorAll("a")
999 + ).forEach(function(link){
1000 + if(!visible(link))return;
1001 +
1002 + var rect=
1003 + link.getBoundingClientRect();
1004 +
1005 + if(
1006 + rect.top<=
1007 + headerRect.bottom-2||
1008 + rect.top>=
1009 + stopTop-2
1010 + ){
1011 + return;
1012 + }
1013 +
1014 + var candidates=
1015 + rowCandidates(
1016 + link,
1017 + row.card
1018 + );
1019 +
1020 + var target=
1021 + chooseOuterRow(
1022 + candidates,
1023 + link
1024 + );
1025 +
1026 + candidates.forEach(function(el){
1027 + el.style.setProperty(
1028 + "border-left",
1029 + "0 solid transparent",
1030 + "important"
1031 + );
1032 + });
1033 +
1034 + target.style.setProperty(
1035 + "border-left",
1036 + "3px solid "+
1037 + row.theme.accent,
1038 + "important"
1039 + );
1040 +
1041 + target.style.setProperty(
1042 + "box-sizing",
1043 + "border-box",
1044 + "important"
1045 + );
1046 + });
1047 + });
1048 +
1049 + return unique;
194 194   }
195 195  
196 - function rowGroups(entries){
1052 + /* =======================================================
1053 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1054 + ======================================================= */
1055 +
1056 + function alignOverviewCards(headers){
1057 + if(
1058 + PAGE_KIND!=="overview"||
1059 + window.innerWidth<=MOBILE_MAX
1060 + ){
1061 + return;
1062 + }
1063 +
1064 + var cards=[];
1065 + var seen=new Set();
1066 +
1067 + headers.forEach(function(row){
1068 + if(!seen.has(row.card)){
1069 + seen.add(row.card);
1070 + cards.push(row.card);
1071 + }
1072 + });
1073 +
1074 + if(cards.length<2){
1075 + return;
1076 + }
1077 +
1078 + // Group cards by actual top position.
197 197   var groups=[];
198 - entries.slice().sort(function(a,b){
199 - return a.rect.top-b.rect.top||a.rect.left-b.rect.left;
200 - }).forEach(function(entry){
1080 +
1081 + cards.forEach(function(card){
1082 + var top=
1083 + card.getBoundingClientRect().top;
1084 +
201 201   var group=null;
1086 +
202 202   for(var i=0;i<groups.length;i++){
203 - if(Math.abs(groups[i].top-entry.rect.top)<=ROW_TOLERANCE){
1088 + if(
1089 + Math.abs(
1090 + groups[i].top-top
1091 + )<=ROW_TOLERANCE
1092 + ){
204 204   group=groups[i];
205 205   break;
206 206   }
207 207   }
1097 +
208 208   if(!group){
209 - group={top:entry.rect.top,entries:[]};
1099 + group={
1100 + top:top,
1101 + cards:[]
1102 + };
210 210   groups.push(group);
211 211   }
212 - group.entries.push(entry);
1105 +
1106 + group.cards.push(card);
213 213   });
214 - return groups;
215 - }
216 216  
217 - function run(){
218 - reset();
1109 + groups.forEach(function(group){
1110 + if(group.cards.length<2){
1111 + return;
1112 + }
219 219  
220 - if(window.innerWidth<=MOBILE_MAX)return;
1114 + var firstHeaders=
1115 + group.cards.map(function(card){
1116 + var candidates=
1117 + headers
1118 + .filter(function(row){
1119 + return row.card===card;
1120 + })
1121 + .sort(function(a,b){
1122 + return (
1123 + a.el
1124 + .getBoundingClientRect()
1125 + .top-
1126 + b.el
1127 + .getBoundingClientRect()
1128 + .top
1129 + );
1130 + });
221 221  
222 - var parents=Array.from(root.querySelectorAll("*")).filter(function(el){
223 - return el.children&&el.children.length>=2&&horizontalLayout(el);
224 - });
1132 + return candidates.length
1133 + ?candidates[0]
1134 + :null;
1135 + });
225 225  
226 - parents.forEach(function(parent){
227 - var entries=[];
1137 + if(
1138 + !firstHeaders.some(function(row){
1139 + return !row;
1140 + })
1141 + ){
1142 + var targetTop=
1143 + Math.max.apply(
1144 + Math,
1145 + firstHeaders.map(function(row){
1146 + return (
1147 + row.el
1148 + .getBoundingClientRect()
1149 + .top-
1150 + row.card
1151 + .getBoundingClientRect()
1152 + .top
1153 + );
1154 + })
1155 + );
228 228  
229 - Array.from(parent.children).forEach(function(child){
230 - if(!visible(child))return;
231 - var target=pickTarget(child);
232 - if(!target)return;
233 - entries.push({
234 - target:target,
235 - rect:target.getBoundingClientRect()
1157 + firstHeaders.forEach(function(row){
1158 + var relativeTop=
1159 + row.el
1160 + .getBoundingClientRect()
1161 + .top-
1162 + row.card
1163 + .getBoundingClientRect()
1164 + .top;
1165 +
1166 + var delta=
1167 + targetTop-relativeTop;
1168 +
1169 + if(delta>1){
1170 + saveStyle(
1171 + row.el,
1172 + originalMargin,
1173 + "margin-top"
1174 + );
1175 +
1176 + var current=
1177 + num(
1178 + getComputedStyle(
1179 + row.el
1180 + ).marginTop
1181 + );
1182 +
1183 + row.el.style.setProperty(
1184 + "margin-top",
1185 + (
1186 + current+delta
1187 + )+"px"
1188 + );
1189 +
1190 + row.el.setAttribute(
1191 + "data-sn-master-first-row",
1192 + "1"
1193 + );
1194 +
1195 + managedMargin.add(
1196 + row.el
1197 + );
1198 + }
236 236   });
1200 + }
1201 +
1202 + var maxHeight=0;
1203 +
1204 + group.cards.forEach(function(card){
1205 + maxHeight=
1206 + Math.max(
1207 + maxHeight,
1208 + card
1209 + .getBoundingClientRect()
1210 + .height
1211 + );
237 237   });
238 238  
239 - if(entries.length<2)return;
1214 + maxHeight=
1215 + Math.ceil(maxHeight);
240 240  
241 - rowGroups(entries).forEach(function(group){
242 - if(group.entries.length<2)return;
1217 + group.cards.forEach(function(card){
1218 + saveStyle(
1219 + card,
1220 + originalHeight,
1221 + "min-height"
1222 + );
243 243  
244 - var lefts=group.entries.map(function(e){return e.rect.left;}).sort(function(a,b){return a-b;});
245 - if(lefts[lefts.length-1]-lefts[0]<80)return;
1224 + card.style.setProperty(
1225 + "min-height",
1226 + maxHeight+"px"
1227 + );
246 246  
247 - var targets=[];
248 - var seen=new Set();
1229 + card.setAttribute(
1230 + "data-sn-master-equal-height",
1231 + "1"
1232 + );
249 249  
250 - group.entries.forEach(function(e){
251 - if(!seen.has(e.target)){
252 - seen.add(e.target);
253 - targets.push(e.target);
1234 + managedHeight.add(
1235 + card
1236 + );
1237 + });
1238 + });
1239 + }
1240 +
1241 + /* =======================================================
1242 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1243 + ======================================================= */
1244 +
1245 + function equaliseDetailGrids(){
1246 + if(
1247 + PAGE_KIND!=="detail"||
1248 + window.innerWidth<=MOBILE_MAX
1249 + ){
1250 + return;
1251 + }
1252 +
1253 + var selectors=[
1254 + ".arsn-grid",
1255 + ".arsn-grid-2",
1256 + ".arsn-grid-3",
1257 + ".dmp-grid",
1258 + ".ido-grid",
1259 + ".pp-grid"
1260 + ];
1261 +
1262 + selectors.forEach(function(selector){
1263 + Array.from(
1264 + root.querySelectorAll(selector)
1265 + ).forEach(function(grid){
1266 + var children=
1267 + Array.from(
1268 + grid.children||[]
1269 + ).filter(visible);
1270 +
1271 + if(children.length<2){
1272 + return;
1273 + }
1274 +
1275 + var groups=[];
1276 +
1277 + children.forEach(function(child){
1278 + var top=
1279 + child
1280 + .getBoundingClientRect()
1281 + .top;
1282 +
1283 + var group=null;
1284 +
1285 + for(var i=0;i<groups.length;i++){
1286 + if(
1287 + Math.abs(
1288 + groups[i].top-top
1289 + )<=ROW_TOLERANCE
1290 + ){
1291 + group=groups[i];
1292 + break;
1293 + }
254 254   }
255 - });
256 256  
257 - if(targets.length<2)return;
1296 + if(!group){
1297 + group={
1298 + top:top,
1299 + items:[]
1300 + };
1301 + groups.push(group);
1302 + }
258 258  
259 - var max=0;
260 - targets.forEach(function(el){
261 - max=Math.max(max,el.getBoundingClientRect().height);
1304 + group.items.push(child);
262 262   });
263 263  
264 - max=Math.ceil(max);
265 - if(max<MIN_H)return;
1307 + groups.forEach(function(group){
1308 + if(group.items.length<2){
1309 + return;
1310 + }
266 266  
267 - targets.forEach(function(el){
268 - el.style.setProperty("min-height",max+"px");
269 - el.setAttribute("data-sn-equal-height-managed","1");
270 - managed.add(el);
1312 + var maxHeight=0;
1313 +
1314 + group.items.forEach(function(item){
1315 + maxHeight=
1316 + Math.max(
1317 + maxHeight,
1318 + item
1319 + .getBoundingClientRect()
1320 + .height
1321 + );
1322 + });
1323 +
1324 + maxHeight=
1325 + Math.ceil(maxHeight);
1326 +
1327 + group.items.forEach(function(item){
1328 + saveStyle(
1329 + item,
1330 + originalHeight,
1331 + "min-height"
1332 + );
1333 +
1334 + item.style.setProperty(
1335 + "min-height",
1336 + maxHeight+"px"
1337 + );
1338 +
1339 + item.setAttribute(
1340 + "data-sn-master-equal-height",
1341 + "1"
1342 + );
1343 +
1344 + managedHeight.add(item);
1345 + });
271 271   });
272 272   });
273 273   });
274 274   }
275 275  
276 - function schedule(){
277 - if(raf)cancelAnimationFrame(raf);
278 - raf=requestAnimationFrame(function(){
279 - raf=requestAnimationFrame(function(){
280 - raf=0;
281 - run();
282 - });
283 - });
1351 + /* =======================================================
1352 + RUN / RESPONSIVE SCHEDULING
1353 + ======================================================= */
1354 +
1355 + function run(){
1356 + if(running)return;
1357 +
1358 + running=true;
1359 +
1360 + try{
1361 + resetRuntime();
1362 + applyPlaceholderBadge();
1363 + propagateDetailAccents();
1364 +
1365 + var headers=
1366 + applyOverviewPalette();
1367 +
1368 + makeThreeLineAreaLabels();
1369 + makeFilledRedOrangeCTAsBorderless();
1370 +
1371 + if(
1372 + window.innerWidth>
1373 + MOBILE_MAX
1374 + ){
1375 + alignOverviewCards(
1376 + headers
1377 + );
1378 +
1379 + equaliseDetailGrids();
1380 + }
1381 + }finally{
1382 + running=false;
1383 + }
284 284   }
285 285  
286 - addEventListener("resize",schedule,{passive:true});
287 - addEventListener("load",schedule,{once:true});
1386 + function onResize(){
1387 + if(resizeTimer){
1388 + clearTimeout(
1389 + resizeTimer
1390 + );
1391 + }
288 288  
289 - root.addEventListener("click",function(){
290 - setTimeout(schedule,0);
291 - },true);
1393 + resizeTimer=
1394 + setTimeout(
1395 + function(){
1396 + resizeTimer=0;
1397 + run();
1398 + },
1399 + RESIZE_DEBOUNCE
1400 + );
1401 + }
292 292  
293 - if(document.fonts&&document.fonts.ready){
294 - document.fonts.ready.then(schedule);
1403 + async function waitForReady(){
1404 + if(
1405 + document.readyState!=="complete"
1406 + ){
1407 + await new Promise(function(resolve){
1408 + window.addEventListener(
1409 + "load",
1410 + resolve,
1411 + {once:true}
1412 + );
1413 + });
1414 + }
1415 +
1416 + if(
1417 + document.fonts&&
1418 + document.fonts.ready
1419 + ){
1420 + try{
1421 + await document.fonts.ready;
1422 + }catch(error){}
1423 + }
1424 +
1425 + var images=
1426 + Array.from(
1427 + root.querySelectorAll("img")
1428 + );
1429 +
1430 + await Promise.all(
1431 + images.map(function(img){
1432 + if(img.complete){
1433 + return Promise.resolve();
1434 + }
1435 +
1436 + return new Promise(function(resolve){
1437 + var done=function(){
1438 + resolve();
1439 + };
1440 +
1441 + img.addEventListener(
1442 + "load",
1443 + done,
1444 + {once:true}
1445 + );
1446 +
1447 + img.addEventListener(
1448 + "error",
1449 + done,
1450 + {once:true}
1451 + );
1452 + });
1453 + })
1454 + );
1455 +
1456 + run();
295 295   }
296 296  
297 - schedule();
298 - setTimeout(schedule,250);
299 - setTimeout(schedule,900);
1459 + window.addEventListener(
1460 + "resize",
1461 + onResize,
1462 + {passive:true}
1463 + );
1464 +
1465 + waitForReady();
300 300  })();
301 301  </script>
302 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_END -->
1468 +
1469 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
303 303  {{/html}}
304 304