.site-header {
    height: 115px;
}
.yashchique-description {
    max-width: 700px;
    font-size: 0.85em;
    color: var(--supporting-text);
    margin: 0 auto;
    margin-top: 1.6em;
    padding: 0;
}
.post-stamps {
    margin-top: 1.5em;
    font-size: 0.9em;
    display: flex;
    justify-content: flex-start;
    gap: 0.5em;
    flex-wrap: wrap;
}
.post-stamps a {
    background-color: rgba(186, 85, 211, 0.12);
    color: #BA55D3;
    border: 1px solid transparent;
    padding: 0.35em 0.7em;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.post-stamps a:hover {
    background-color: rgba(186, 85, 211, 0.28);
    color: #DDA0DD;
}
.post-stamps a:focus-visible {
    background-color: rgba(186, 85, 211, 0.28);
    color: #DDA0DD;
    outline: 2px solid #BA55D3;
    outline-offset: 2px;
}
/* Stamp chips already read as pressed via their fill, so they opt out of the
   global press-down. This covers .post-stamps--full and the nav variants too,
   since they all carry the .post-stamps class. */
.post-stamps a:active {
    background-color: rgba(186, 85, 211, 0.35);
    color: #E6C5EB;
    top: 0;
}
/* Self-contained so the element can be any heading level: font-size,
   font-weight, line-height and margin-top were previously inherited from the
   generic h2 rule and would change under h1. */
.stamp-page-header {
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 1.8em;
    text-align: center;
}
.highlighted-stamp {
    color: var(--supporting-text);
    margin-right: 0.1em;
}
.all-stamps-container { 
    display: flex; 
    flex-wrap: wrap;
    gap: 1.5em 35px; 
    justify-content: center;
    padding-top: 1.5em;
    padding-bottom: 2.5em;
}
/* The RSS link is styled in main.css, which serves both this header and the
   sidenotes one - the copy that used to sit here was identical and did nothing. */
/* The footer bar and its arrow link live in main.css, which lists
   .yashchique-main-article alongside .main-article. They used to be duplicated
   here, which drifted silently - a change to one copy left the other behind.
   Only the stamp pills below are genuinely Ящик's own. */
.yashchique-main-article footer .post-stamps {
    margin-top: 0;
    font-size: 0.8em;
}
.yashchique-main-article footer .post-stamps a:active {
    box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.6) inset;
    background-color: rgba(186, 85, 211, 0.35);
    color: #E6C5EB;
}
.post-stamps--full {
    justify-content: center;
    margin-top: 2.5em;
    font-size: 1em;
}
.post-stamps--full a {
    padding: 0.5em 0.9em;
    border-color: rgba(186, 85, 211, 0.4);
    border-radius: 6px;
    gap: 0.4em;
    display: inline-flex;
    align-items: center;
}
.post-stamps--full a:hover,
.post-stamps--full a:focus-visible {
    border-color: #BA55D3;
    background-color: rgba(186, 85, 211, 0.28);
    color: #DDA0DD;
}
.post-stamps--full a:active {
    box-shadow: 2px 2px 4px -1px rgba(0,0,0,0.6) inset;
    background-color: rgba(186, 85, 211, 0.35);
    border-color: #BA55D3;
    color: #E6C5EB;
}
.stamp-emoji {
    font-size: 0.95em;
    line-height: 1;
    position: relative;
    top: 2px;
}
nav.post-stamps a:link:hover,
nav.post-stamps a:visited:hover,
nav.post-stamps a:link:focus-visible,
nav.post-stamps a:visited:focus-visible {
    color: #DDA0DD;
    text-shadow: none;
}
nav.post-stamps a:link:active,
nav.post-stamps a:visited:active {
    color: #E6C5EB;
    text-shadow: none;
}