:root { --ink:#202433; --paper:#fffaf1; --pink:#f6b6cb; --sun:#ffd45b; --line:rgba(32,36,51,.16); } * { box-sizing:border-box; } body { background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; margin:0; } a { color:inherit; }.site-header { align-items:center; border-bottom:1px solid var(--line); display:flex; height:76px; justify-content:space-between; padding:0 clamp(1.1rem,5vw,5.8rem); }.brand { font-family:Georgia,serif; font-size:2rem; font-weight:700; letter-spacing:-.08em; text-decoration:none; }.brand span { color:#d85f8b; } nav { display:flex; gap:clamp(.9rem,2.8vw,2.4rem); margin-left:auto; margin-right:clamp(1rem,3vw,3rem); } nav a { font-family:Georgia,serif; font-size:1.05rem; font-weight:700; letter-spacing:-.035em; text-decoration:none; } nav a:first-child { font-size:0; } nav a:first-child::after { content:'főoldal'; font-size:1.05rem; }.header-sticker { background:var(--sun); border:2px solid var(--ink); border-radius:999px; font-size:.69rem; font-weight:800; padding:.48rem .75rem; transform:rotate(3deg); }.archive-hero { background:var(--pink); padding:clamp(3rem,8vw,7rem) clamp(1.2rem,10vw,10rem); }.eyebrow { font-size:.7rem; font-weight:900; letter-spacing:.13em; margin:0 0 1rem; text-transform:uppercase; }.archive-hero h1 { font-family:Georgia,serif; font-size:clamp(3.8rem,8.2vw,8rem); font-weight:500; letter-spacing:-.065em; line-height:.93; margin:0; }.archive-hero p:not(.eyebrow) { font-family:Georgia,serif; font-size:clamp(1.18rem,2.2vw,1.6rem); line-height:1.3; margin:1.7rem 0 0; max-width:650px; }.archive-main { margin:auto; max-width:1080px; padding:clamp(3.6rem,8vw,7rem) clamp(1.2rem,5vw,4rem); }.search-label { display:block; font-size:.72rem; font-weight:900; letter-spacing:.1em; margin-bottom:.55rem; text-transform:uppercase; } #archive-search { background:var(--paper); border:2px solid var(--ink); border-radius:0; font:inherit; font-size:1.05rem; max-width:680px; padding:1rem; width:100%; }.archive-count { font-family:Georgia,serif; font-size:1.1rem; margin:1.5rem 0 2rem; }.archive-list { display:grid; gap:.8rem; }.archive-item { background:#f1f1ee; border:1px solid var(--line); display:block; padding:1.1rem 1.25rem; text-decoration:none; }.archive-item:hover { background:var(--sun); border-color:var(--ink); }.archive-item h2 { font-family:Georgia,serif; font-size:clamp(1.5rem,3vw,2.25rem); font-weight:500; letter-spacing:-.045em; line-height:1; margin:.3rem 0 .8rem; }.archive-meta { display:flex; flex-wrap:wrap; gap:.45rem .8rem; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.archive-tags { color:#5b6072; }.no-results { font-family:Georgia,serif; font-size:1.3rem; }.load-more { background:var(--ink); color:var(--paper); cursor:pointer; font:inherit; font-size:.78rem; font-weight:900; letter-spacing:.08em; margin:1.5rem 0 0; padding:.85rem 1rem; text-transform:uppercase; } footer { align-items:center; background:var(--pink); display:flex; gap:1.2rem; justify-content:space-between; padding:2rem clamp(1.2rem,9vw,9rem); } footer .brand { font-size:1.8rem; } footer p,footer span { font-size:.8rem; font-weight:800; margin:0; } @media (max-width:720px) { .site-header { height:65px; }.header-sticker { display:none; } nav { margin-right:0; } footer { align-items:flex-start; flex-direction:column; } }

nav a:first-child::after { background:var(--sun); border:1.5px solid var(--ink); content:'← főoldal'; display:inline-block; padding:.32rem .5rem; }