harmonize header page

assets/css/components/_card-article.scss

@@ -17,7 +17,7 @@
         position: absolute;
         top: var(--padding-inner);
         left: var(--padding-inner);
-        z-index: 200;
+        z-index: 10;
         width: 24px;
         height: 24px;
         border-radius: var(--radius-small);

assets/css/components/_card-folder.scss

@@ -1,5 +1,6 @@
 .card--folder{
     position: relative;
+    max-width: var(--max-w-cards);
 
     border: var(--border-light);
     padding: var(--padding-inner);
@@ -21,6 +22,8 @@
         margin-bottom: 0.25em;  
          text-wrap: balance;
         max-width: 42ch;
+        text-transform: uppercase;
+        padding-top: calc(var(--spacing)*0.25);
         a{ text-decoration: none;}
        
          @media #{$small}{
@@ -30,7 +33,7 @@
     }
 
     .short{
-          @include clamp(2);
+          @include clamp(3);
     }
 
     ul{
@@ -64,9 +67,20 @@
     }
 
 
+
+
     @media #{$x-small}{
+        display: flex;
+        flex-direction: column;
         padding: calc(var(--padding-inner)*0.5);
-        .short{ display: none; }
+        // .short{ display: none; }
+
+        .content{ display: contents;}
+
+        .title{ order: 1; }
+        figure{ order: 2; }
+        .short{ order: 3; }
+        ul{ order: 4; }
     }
 
 

assets/css/components/_dropdown.scss

@@ -152,3 +152,19 @@
 }
 
 
+
+@media screen and (max-width: 1280px){
+
+    [data-template="investigations"]{
+        .dropdown .dropdown__content {
+            left: auto;
+            right: 0;
+            &::before{
+                left: auto;
+                right: 16px;
+        
+            }
+        }
+    }
+
+}

assets/css/components/_page-header.scss

@@ -1,21 +0,0 @@
-.page__header{
-      max-width: var(--max-w-cards);
-        margin: calc(var(--spacing)*1.5) auto;
-
-
-    .page__title{
-        font-size: var(--fs-big);
-        font-weight: normal;
-        text-transform: uppercase;
-    }
-
-    .page__description{
-        margin-top: calc(var(--spacing)*1);
-        p{
-            font-size: var(--fs-medium);
-            max-width: 54ch;
-        
-        }
-    }
-
-}

assets/css/components/_sort.scss

@@ -1,6 +1,4 @@
 button.sort{
-
-
     .arrow{
         line-height: 0;
         --size:  12px;
@@ -28,4 +26,17 @@ button.sort{
         }
     }
 
+}
+
+
+.page__sort {
+    margin-bottom: calc(var(--spacing) * 1);
+    display: flex;
+    justify-content: right;
+    grid-gap: var(--padding-inner);
+    width: 100%;
+    max-width: var(--max-w-cards);
+    margin-inline: auto;
+    // z-index: calc(var(--z-header) - 100);
+
 }

assets/css/components/_tags.scss

@@ -21,27 +21,4 @@
 }
 
 
-.tag-inline{
-    
-    height: calc(var(--h-block)*0.75);
-    // border-radius: calc(var(--h-block)*0.75/2);
-    border-radius: var(--radius-small);
-    border: var(--border-medium);
 
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 1.5ch;
-    padding-top: 3px;
-
-    font-size: var(--fs-small);
-    line-height: 1;
-
-    background-color: var(--color-bg);
-    color: var(--color-txt-light);
-
-    overflow: hidden;
-    white-space: nowrap;
-    text-transform: uppercase;
-
-}