@font-face{font-family:"Kaushan Script";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/kaushan-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Вигляд за архівною головною glamourmom.dk 01.03.2025: білий фон, чорний текст Arial, рукописний напис
   назви по центру, рамка-«пігулка» з чорним контуром (поле пошуку архіву), сітка карток із чорними мітками. */
:root{--ink:#111;--muted:#5c5c5c;--line:#e4e4e4;--paper:#fff;--soft:#f7f7f7;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;z-index:10}
.skip:focus{left:16px;top:16px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

.site-header{padding:30px 0 10px;text-align:center}
.brand{display:inline-block;text-decoration:none;font-family:"Kaushan Script","Brush Script MT",cursive;font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.1;letter-spacing:.01em}
.brand small{font-family:Arial,Helvetica,sans-serif;font-size:.36em;font-weight:700;letter-spacing:.04em;margin-left:2px;vertical-align:.15em}
.pill{max-width:820px;margin:22px auto 0;border:1px solid #000;border-radius:25px;padding:6px 14px}
.pill ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px}
.pill a{display:block;padding:6px 10px;text-decoration:none;font-size:15px;border-radius:18px}
.pill a:hover{background:var(--soft)}
.pill a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:4px}

main{display:block;padding-bottom:64px}
.home-head{text-align:center;max-width:760px;margin:44px auto 40px}
h1{font-size:clamp(1.65rem,4.2vw,2.45rem);line-height:1.2;margin:0 0 16px;font-weight:700;letter-spacing:-.01em}
.lead{font-size:1.08rem;color:var(--muted);margin:0 0 8px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}
.card{position:relative}
.card-img{position:relative;display:block;background:var(--soft)}
.card-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.chip{position:absolute;top:14px;left:14px;background:#000;color:#fff;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;line-height:1.3}
.card p{margin:0 0 8px;font-size:.92rem;color:var(--muted);line-height:1.5}
.card .card-title{font-size:1.05rem;color:var(--ink);margin:16px 0 4px;line-height:1.35}
.card-title a{text-decoration:none}
.card-title a::after{content:"";position:absolute;inset:0}
.card .more{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.card:hover .card-title a{text-decoration:underline;text-underline-offset:3px}

.prose{max-width:760px;margin:0 auto}
.guide{margin-top:64px}
.prose h2{font-size:1.5rem;line-height:1.25;margin:52px 0 14px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:16px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 16px}
.prose ul{margin:0 0 18px;padding-left:22px}
.prose li{margin:0 0 8px}
.prose a{text-underline-offset:3px}

.page{max-width:760px;margin:44px auto 0}
.page h2{border-top:0;padding-top:0;margin-top:32px}
.not-found{text-align:center;padding:24px 0 8px}
.not-found .code{font-size:clamp(4rem,14vw,6.5rem);font-weight:700;line-height:1;margin-bottom:12px}
.btn{display:inline-block;margin-top:12px;background:#000;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:12px 24px;border-radius:25px}
.btn:hover{background:#333}

.site-footer{border-top:1px solid var(--line);background:#fafafa;font-size:.92rem;color:var(--muted)}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-top:40px;padding-bottom:32px}
.footer-title{color:var(--ink);font-weight:700;margin-bottom:10px}
.footer-main p{margin:0 0 12px}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:0 0 8px}
.footer-links a{text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid var(--line);padding:16px 0;font-size:.85rem}

@media (max-width:760px){
  body{font-size:16px}
  .site-header{padding-top:22px}
  .pill{border-radius:18px;padding:4px 6px;margin-top:16px}
  .pill a{padding:5px 8px;font-size:14px}
  .home-head{margin:30px auto 28px}
  .cards{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .chip{top:8px;left:8px;font-size:10px;padding:3px 6px}
  .card .card-title{font-size:.98rem;margin-top:10px}
  .card p{font-size:.86rem}
  .guide{margin-top:44px}
  .prose h2{font-size:1.3rem;margin-top:40px;padding-top:24px}
  .footer-main{grid-template-columns:1fr;gap:20px}
}