/* Placement rules for the icon pack: see inc/skaryna-icons-placements.php */

/* A line icon in a run of text. */
.sk-ico.sk-ico--inline{display:inline-block;width:1.2em;height:1.2em;max-width:none;max-height:none;vertical-align:-.26em;margin-right:.4em;flex:none}
.sk-ico.sk-ico--arrow{width:1.25em;height:1.25em;margin:0 0 0 .3em;transition:transform .18s ease}
a:hover > .sk-ico--arrow,a:focus-visible > .sk-ico--arrow{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.sk-ico.sk-ico--arrow{transition:none}a:hover > .sk-ico--arrow,a:focus-visible > .sk-ico--arrow{transform:none}}

/* List rows. The engraved set is drawn for 48 px and up, so the frame grows to hold it. */
.sk-listrow__thumb.sk-listrow__thumb--eng{width:68px;height:60px}
.sk-listrow__thumb--eng svg.sk-ico-engraved{width:50px;height:50px;max-width:none;max-height:none}
.sk-thumb{display:grid;place-items:center}
.sk-thumb svg.sk-ico-engraved{display:block;width:46px;height:46px}

/* /library/ and /about/ headings */
[data-sk-emblem]{display:flex;align-items:center;gap:.6rem}
[data-sk-emblem] > svg.sk-ico-engraved{flex:none;width:52px;height:52px}

/* 404, shop coming soon */
.sk-page-emblem{display:flex;justify-content:center;margin:0 0 1rem}
.sk-page-emblem svg.sk-ico-engraved{width:112px;height:112px}

/* The end of an article */
.sk-printers-mark{display:flex;justify-content:center;margin:clamp(2.5rem,5vw,4rem) 0 1rem}
.sk-printers-mark__img{display:block;width:80px;height:80px}

/* Footer: engraved art is ink on paper, so each town gets its own small leaf of paper. */
.sk-colophon__sigils{display:flex;gap:.6rem;margin-top:var(--slovo-space-4,1rem)}
.sk-colophon__sigil{display:grid;place-items:center;width:56px;height:56px;background:var(--slovo-bg-raised,#FBF7EE);border:1px solid var(--slovo-gold-line,#C6A24A)}
.sk-colophon__sigil img{display:block;width:44px;height:44px}
.sk-colophon__col .sk-ico--inline{color:var(--slovo-gold-line,#C6A24A);--sk-icon-accent:#E28A8E}
/* On the wide layout the icons hang in the gutter: the email address would not fit beside one. */
@media (min-width:901px){
  .sk-colophon__col a:has(> .sk-ico--inline){position:relative;display:inline-block}
  .sk-colophon__col .sk-ico--inline{position:absolute;right:100%;top:.2em;margin-right:.5em}
}