/* Visual identity observed on koprivnica.hr, 26 October 2026.
   Original Greycliff fonts and city marks are served locally. */
@font-face{font-family:"Greycliff CF";src:url("GreycliffCF-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Greycliff CF";src:url("GreycliffCF-Bold.woff2") format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
:root{--paper:#fff;--white:#fff;--ink:#20242a;--muted:#555f69;--wine:#096eb3;--wine-light:#167abf;--green:#096eb3;--line:#d6d6d6;--sans:"Greycliff CF","Segoe UI",Arial,sans-serif;--serif:var(--sans);--blue:#096eb3;--blue-hover:#0c4da2;--yellow:#f6dc0b;--yellow-light:#ffec40;--pale-blue:#eff6fb}
html{scroll-padding-top:170px}body{font-family:var(--sans)}h1,h2,h3,.hero-lede,.about-lede{font-family:var(--sans)}h1,h2,h3{font-weight:700}h1 em,h2 em{font-style:normal;font-weight:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,main:focus-visible{outline-color:#0b2345}
.site-header{background:#fff;border:0}.brand-header{display:flex;align-items:center;gap:30px;min-height:104px;padding-block:15px}.city-brand{width:176px;flex:none}.city-brand img{width:100%;height:auto}.publication-name{font-size:25px;font-weight:700;line-height:1.03;letter-spacing:-.7px;color:var(--blue);border-left:1px solid var(--line);padding-left:30px}.publication-name span{display:block}.header-descriptor{margin-left:auto;color:var(--muted);font-size:11px;line-height:1.7;letter-spacing:1.1px}.navigation-bar{background:var(--blue);color:#fff}.header-inner{min-height:53px;gap:20px}.header-inner nav{gap:0;font-size:15px}.header-inner nav a{padding:14px 30px;font-weight:700;transition:background .2s,color .2s}.header-inner nav a:first-child{border-left:5px solid var(--yellow);padding-left:24px}.header-inner nav a:hover{background:var(--blue-hover);text-decoration:none}.header-inner nav a:focus-visible,.city-link:focus-visible{outline-color:var(--yellow-light);outline-offset:-5px}.city-link{align-self:stretch;padding-inline:20px;background:var(--blue-hover);font-size:13px;gap:10px}
.hero{gap:55px;padding-top:46px;padding-bottom:46px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700}.little-line{background:var(--yellow);height:5px;width:28px}h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-2.8px;line-height:1.02;margin-bottom:26px}.hero-lede{font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.7px;color:var(--ink)}.hero-description{line-height:1.8}.button{font-family:var(--sans);font-weight:700;min-height:52px;border:0;padding:15px 22px}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-hover)}.button-outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.button-outline:hover{background:var(--blue-hover);color:#fff;border-color:var(--blue-hover)}.text-link{color:var(--blue);font-weight:700}.hero-note{color:var(--muted)}
.hero-visual{height:535px;background:var(--yellow);color:var(--ink);border-bottom:7px solid var(--blue)}.visual-topline{color:#27333b;font-weight:700;letter-spacing:1px;font-size:9px;top:24px}.visual-topline span:first-child{border:0;background:var(--blue);color:#fff;padding:7px 10px}.giant-year{font-family:var(--sans);font-weight:700;color:#fff;font-size:195px;letter-spacing:-14px;opacity:.4;top:96px;left:2px}.hero-book{width:251px;transform:rotate(-5deg);box-shadow:12px 20px 23px #0b23453d}.hero-book:hover{transform:rotate(-2deg) translateY(-5px)}.hero-book:before{box-shadow:inset 5px 0 5px #0b23452b}.visual-bottomline{font-family:var(--sans);font-style:normal;font-weight:700;color:#20242a;font-size:13px;bottom:22px}.visual-bottomline>a{border:0;border-radius:0;background:var(--blue);color:#fff;width:39px;height:39px}.visual-bottomline>a:hover{background:var(--blue-hover)}
.collection-line{border-bottom:5px solid var(--yellow);padding-block:20px;color:var(--muted);font-size:10px;font-weight:700}.year-line{background:#b8ccdc}.year-line:after{background:var(--blue)}.collection-line>span:last-child{font-size:13px}.collection-line strong{font-weight:700}
.section-heading h2{font-size:40px;font-weight:700;letter-spacing:-1.5px;color:var(--blue)}.section-heading>p{font-size:14px;line-height:1.7}.section-heading .eyebrow{margin-bottom:12px}.archive-section{padding-top:64px}.archive-total strong{color:var(--blue)}.archive-filters label{color:#555f69;font-weight:700}input,select{background:#fff;border-color:#bfc8ce;font-size:13px}input::placeholder{color:#68737b}.search-field .icon{color:var(--blue)}.tone-0,.tone-1,.tone-2,.tone-3{background:#f3f6f8}.cover-link{border:1px solid #e3e8ed;transition:background .2s}.cover-link:hover{background:#eaf3fa}.cover-link img{box-shadow:5px 7px 12px #0b234526}.new-label{background:var(--blue);color:#fff;font-weight:700;font-size:8px}.cover-action{background:var(--blue);color:#fff;font-weight:700}.edition-meta h3{font-family:var(--sans);font-weight:700;font-size:26px;letter-spacing:-.5px}.format-link{font-size:12px;font-weight:700;color:var(--blue)}.edition-meta{border-color:var(--line)}.archive-file{border-color:#bfced9;color:var(--blue)}.archive-file>strong{font-family:var(--sans);font-weight:700}.archive-file>span{font-weight:700}.archive-source{font-size:11px}.archive-source a{color:var(--blue)}.empty-state{background:var(--pale-blue)}.empty-state h3{font-family:var(--sans);font-weight:700}
.reader-section{background:var(--pale-blue);border-color:#d9e6f0}.reader-shell{background:#fff;border-color:#c4d8e7;border-top:5px solid var(--yellow)}.reader-placeholder h3{font-family:var(--sans);font-size:33px;font-weight:700;color:var(--blue);letter-spacing:-1px}.reader-book-icon{color:var(--blue)}.reader-placeholder>.eyebrow{font-size:10px}.reader-placeholder>.privacy-note{color:var(--muted)}.privacy-note a{color:var(--blue)}.reader-footnote button{color:var(--blue);font-weight:700}
.about-section h2{font-size:43px;font-weight:700;letter-spacing:-1.5px;line-height:1.16}.about-lede{font-family:var(--sans);font-size:21px;font-weight:700;line-height:1.5}summary{font-weight:700;color:var(--blue)}.info-details{border-top:5px solid var(--yellow)}.about-copy details a{color:var(--blue)}
.site-footer{background:var(--blue);border-top:7px solid var(--yellow);color:#fff}.footer-top{border-color:#76acd2}.footer-brand{color:#fff!important;font-family:var(--sans);font-weight:700;letter-spacing:-.6px;gap:16px;font-size:24px}.footer-brand img{width:44px;height:auto}.wordmark>span>span{font-style:normal}.footer-top>p{font-family:var(--sans);font-weight:700;font-size:27px;letter-spacing:-.7px}.footer-top>p em{font-style:normal;color:var(--yellow-light)}.footer-bottom{color:#fff;font-size:11px}.back-top{font-weight:700}.skip-link{background:var(--blue-hover);color:#fff}.back-top:focus-visible,.footer-bottom a:focus-visible,.footer-brand:focus-visible{outline-color:var(--yellow-light)}
@media(min-width:1500px){.hero-visual{height:575px}.hero-book{width:275px}}
@media(max-width:1100px){.brand-header{min-height:96px}.hero{gap:32px}h1{font-size:55px}.hero-lede{font-size:26px}.hero-visual{height:505px}.hero-book{width:235px}.giant-year{font-size:160px;top:112px}.visual-topline{font-size:8px}.section-heading h2{font-size:36px}.format-link{font-size:11px}.about-section h2{font-size:38px}}
@media(max-width:820px){html{scroll-padding-top:155px}.brand-header{min-height:88px;gap:23px;padding-block:13px}.city-brand{width:152px}.publication-name{font-size:22px;padding-left:23px}.header-descriptor{font-size:9px}.header-inner{min-height:49px;padding:0;flex-wrap:nowrap}.header-inner nav{font-size:13px;gap:0;flex-wrap:nowrap}.header-inner nav a{padding:13px 22px}.header-inner nav a:first-child{padding-left:17px}.city-link{display:flex;font-size:12px;padding-inline:15px}.hero{padding-top:32px;gap:27px}h1{font-size:46px;letter-spacing:-2px}.hero-visual{height:467px}.hero-book{width:210px}.hero-lede{font-size:23px}.visual-topline{font-size:7px;left:15px;right:15px}.visual-bottomline{font-size:11px;left:18px;right:18px}.giant-year{font-size:130px;letter-spacing:-9px;top:112px}.hero-actions .button{font-size:13px}.hero .text-link{font-size:13px}.about-section h2{font-size:33px}.about-lede{font-size:19px}.new-label{font-size:7px}}
@media(max-width:600px){html{scroll-padding-top:145px}.brand-header{min-height:87px;gap:19px;padding-block:14px}.city-brand{width:139px}.publication-name{font-size:20px;letter-spacing:-.6px;padding-left:18px}.header-descriptor{display:none}.header-inner{min-height:48px;gap:0;padding:0}.header-inner nav{width:100%;margin:0;border:0;gap:0;justify-content:space-between;font-size:12px}.header-inner nav a{padding:13px 14px;min-height:48px;display:flex;align-items:center}.header-inner nav a:first-child{padding-left:12px;border-left-width:4px}.city-link{display:none}.hero{padding-top:31px;padding-bottom:28px;gap:28px}h1{font-size:clamp(42px,11.4vw,59px);letter-spacing:-1.9px;margin-bottom:22px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-lede{font-size:25px;margin-bottom:18px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding:14px 17px;gap:15px}.hero-actions .text-link{font-size:12px;gap:6px}.hero-note{font-size:11px}.hero-visual{height:430px}.hero-book{width:210px}.giant-year{font-size:160px;left:6px;top:112px;letter-spacing:-10px}.visual-topline{font-size:7px;top:20px;left:20px;right:20px}.visual-bottomline{font-size:12px;bottom:18px;left:20px;right:20px}.collection-line{font-size:8px;letter-spacing:.4px;padding-block:17px}.collection-line>span:last-child{font-size:11px}.archive-section{padding-top:45px}.section-heading h2{font-size:32px;letter-spacing:-1px}.section-heading .eyebrow{font-size:9px}.section-heading>p{font-size:13px}.new-label{font-size:6px;letter-spacing:.3px}.edition-meta h3{font-size:23px}.format-link{font-size:10px}.archive-source{font-size:11px}.reader-section .section-heading h2{font-size:31px;letter-spacing:-1.2px}.reader-placeholder h3{font-size:28px}.reader-placeholder>.eyebrow{font-size:8px}.about-section h2{font-size:33px;letter-spacing:-1.2px}.about-lede{font-size:20px}.footer-brand{font-size:20px;gap:12px}.footer-brand img{width:35px}.footer-top>p{font-size:21px}.footer-bottom{font-size:10px}}
@media(max-width:359px){.brand-header{gap:13px}.city-brand{width:124px}.publication-name{font-size:18px;padding-left:13px}.header-inner nav a{padding-inline:10px;font-size:11px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding-inline:13px;gap:12px}.hero-actions .text-link{font-size:11px}.collection-line{font-size:7px}.collection-line>span:last-child{font-size:10px}.new-label{font-size:5px}.format-link{font-size:9px}}
.archive-overview{display:flex;flex-direction:column;gap:4px}.archive-format-summary{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.footer-credit{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.footer-credit a{display:inline-flex;min-height:44px;text-underline-offset:3px}
@media(max-width:600px){.archive-overview{gap:5px}.archive-format-summary{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:0 12px;padding-block:12px}.footer-credit{width:100%;justify-content:flex-end;font-size:10px}.footer-credit a{min-height:32px}}
@media print{.site-header{display:none!important}.site-footer{display:none!important}.hero-visual{display:none!important}.collection-line{border-bottom-color:#000}h1,h2,h3{color:#000!important}}