/* Čitateljsko izdanje Kerita — zajedničke komponente i mobilni prijelomi. */
:root { --k-header-height:76px }
[data-theme="light"] { --k-muted:#746d5d }
a,button,input,summary { -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid var(--k-water);outline-offset:5px }
button { cursor:pointer }
.k-main { max-width:1040px;margin:0 auto;padding:0 28px 80px;animation:kFade .35s ease both }
.k-main:focus,.k-latest:focus { outline:none }
.k-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0 }
.k-skip { position:fixed;z-index:50;top:10px;left:20px;padding:12px 18px;background:var(--k-bg2);transform:translateY(-180%);border:1px solid var(--k-water) }
.k-skip:focus { transform:none }
.k-nav { display:flex;align-items:center;gap:4px }
.k-nav a { display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:99px;color:var(--k-text2);font-size:13px;text-decoration:none;white-space:nowrap }
.k-nav a:hover,.k-nav a[aria-current="page"] { background:var(--k-water-soft);color:var(--k-water) }
.k-theme { width:44px;height:44px;display:grid;place-items:center;margin-left:6px;border:1px solid var(--k-line);border-radius:50%;background:var(--k-surface);color:var(--k-gold);font-size:17px;flex:none }
.k-eyebrow { margin:0 0 14px;font-size:11px;line-height:1.6;letter-spacing:.19em;text-transform:uppercase;color:var(--k-gold2) }
.k-small { font-size:12px;line-height:1.6;color:var(--k-muted) }
.k-text-link { display:inline-flex;align-items:center;gap:7px;min-height:40px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--k-water);text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--k-water) 40%,transparent) }
button.k-text-link { padding:0;border:0;background:none;text-align:left }
.k-hero { display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:48px 0 32px;border-bottom:1px solid var(--k-line2) }
.k-hero-intro { margin:0;max-width:520px;font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.55;color:var(--k-text2);text-wrap:pretty }
.k-hero-cta { margin-top:10px }
.k-hero-verse { margin:12px 0 0;max-width:460px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:16px;line-height:1.4;color:var(--k-muted) }
.k-hero-art { min-width:0;display:flex;align-items:center;justify-content:flex-end }
.k-latest { padding:28px 0 0;scroll-margin-top:calc(var(--k-header-height) + 20px) }
.k-filter { min-height:40px }
.k-featured { display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--k-line);border-radius:16px;overflow:hidden;background:var(--k-surface);margin:0 0 30px }
.k-featured-plain { grid-template-columns:minmax(0,1fr) }
.k-featured-copy { padding:32px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0 }
.k-featured-title { margin:0 0 14px;font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;font-weight:500;line-height:1.12;text-wrap:balance }
.k-featured-title a,.k-story-title a { color:var(--k-text);text-decoration:none }
.k-featured-title a:hover,.k-story-title a:hover { color:var(--k-water);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px }
.k-featured-quote { padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:var(--k-bg2);border-left:1px solid var(--k-line2);min-width:0 }
.k-post-list { min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px }
.k-list-story { display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;border-bottom:1px solid var(--k-line2);min-width:0 }
.k-list-story>div { width:100% }
.k-story-title { margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;line-height:1.16;text-wrap:pretty }
.k-prose { margin:0;font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.6;color:var(--k-text2) }
.k-home-rubrics { margin-top:44px }
.k-section-heading { display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px }
.k-section-heading h2,.k-related h2 { font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1.15;font-weight:500;margin:0 }
.k-section-heading .k-eyebrow { margin-bottom:8px }
.k-rubric-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px }
.k-rubric-grid-full { grid-template-columns:repeat(2,minmax(0,1fr)) }
.k-rubric-card { display:flex;flex-direction:column;align-items:flex-start;padding:22px 0;border-top:1px solid var(--k-line2);text-decoration:none;min-width:0 }
.k-rubric-card>svg { width:64px;height:48px;color:var(--rubric-color);margin-bottom:14px }
.k-rubric-card h2,.k-rubric-card h3 { margin:0 0 8px;color:var(--k-text);font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1.2;font-weight:500 }
.k-rubric-card p { margin:0 0 14px;color:var(--k-text2);font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.5 }
.k-rubric-card .k-rubric-subtitle { color:var(--rubric-color) }
.k-rubric-card .k-small { margin-top:auto }
.k-rubric-card:hover { border-color:var(--rubric-color) }
.k-rubric-card:hover h2,.k-rubric-card:hover h3 { color:var(--rubric-color) }
.k-rubric-intro>a { margin-bottom:24px }
.k-rubric-intro>svg { display:block;width:88px;height:66px;color:var(--rubric-color);margin-bottom:20px }
.k-rubric-intro .k-eyebrow { color:var(--rubric-color) }
.k-rubric-posts { max-width:730px }
.k-post-rubric { margin:0 0 24px }
.k-paragraph { margin:0;font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.65;color:var(--k-text);text-wrap:pretty }
.k-drawing { margin:8px 0 12px }
.k-drawing>a { position:relative;display:block;background:#fbf6ec;border-radius:6px;overflow:hidden;cursor:zoom-in }
.k-drawing img { display:block;width:100%;height:auto }
.k-drawing figcaption { margin:12px 0 0;font-family:'Newsreader',Georgia,serif;font-size:16px;line-height:1.5;color:var(--k-note-ink) }
.k-source { font-size:15.5px;line-height:1.65;margin:0 }
.k-source a { text-decoration:underline;text-underline-offset:3px }
.k-section-title { scroll-margin-top:calc(var(--k-header-height) + 24px) }
.k-mobile-toc { display:none }
.k-tag { display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border:1px solid var(--k-line2);border-radius:99px;background:var(--k-chip);color:var(--k-text2);font-size:12px;text-decoration:none }
.k-tag[aria-current="true"] { border-color:var(--k-water);background:var(--k-water-soft);color:var(--k-water) }
.k-resume-home { display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;border-bottom:1px solid var(--k-line2);padding:18px 0 }
.k-resume-home .k-eyebrow { margin:0 }
.k-resume-home a { font-family:'Newsreader',Georgia,serif;font-size:18px;text-underline-offset:4px }
.k-resume-notice { padding:14px 18px;border-left:2px solid var(--k-water);background:var(--k-water-soft);margin:0 0 24px }
.k-resume-notice p { margin:0;font-size:13px;line-height:1.5;color:var(--k-text2) }
.k-related { margin-top:32px;padding:24px 0;border-top:1px solid var(--k-olive-line) }
.k-related>a { display:block;margin-top:18px;text-decoration:none }
.k-related h3 { font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500;color:var(--k-text);margin:0 0 8px }
.k-related p { font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.5;color:var(--k-text2);margin:0 0 8px }
.k-search { max-width:620px;margin:28px 0 0 }
.k-search label { display:block;font-size:13px;color:var(--k-text2);margin:0 0 10px }
.k-search input { width:100%;min-height:48px;border:1px solid var(--k-line);border-radius:8px;background:var(--k-surface);color:var(--k-text);padding:12px 16px;font:16px 'Hanken Grotesk',system-ui,sans-serif }
.k-search input::placeholder { color:var(--k-muted) }
.k-empty { padding:36px 0;font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.5;color:var(--k-text2) }
.k-empty h2 { font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;color:var(--k-text) }
.k-page-intro { padding:48px 0 32px;max-width:730px }
.k-page-intro h1 { font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,5vw,56px);font-weight:500;line-height:1.1;margin:0 0 18px;text-wrap:balance }
.k-page-intro>p:last-child { font-family:'Newsreader',Georgia,serif;font-size:20px;line-height:1.6;margin:0;color:var(--k-text2) }
@media(max-width:999px) {
  .k-desktop-toc { display:none }
  .k-mobile-toc { display:block;margin:0 0 26px;padding:0 16px;border:1px solid var(--k-line2);border-radius:8px;background:var(--k-surface) }
  .k-mobile-toc summary { display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:48px;font-size:14px;cursor:pointer }
  .k-mobile-toc summary::-webkit-details-marker { display:none }
  .k-mobile-toc[open] summary span { transform:rotate(180deg) }
  .k-mobile-toc nav { display:flex;flex-direction:column;padding-bottom:12px }
  .k-mobile-toc a { display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:16px }
}
@media(max-width:700px) {
  .k-header>div { padding:8px 20px !important;gap:2px 12px !important }
  .k-nav { width:100%;justify-content:space-between }
  .k-nav a { padding:8px;font-size:12px }
  .k-theme { width:40px;height:40px;margin-left:0 }
  .k-main { padding:0 20px 48px }
  .k-hero { display:block;position:relative;padding:26px 0 22px }
  .k-hero h1 { max-width:390px;font-size:42px !important;margin-bottom:14px !important }
  .k-hero .k-eyebrow { font-size:10px;letter-spacing:.16em;margin-bottom:12px }
  .k-hero-intro { font-size:18px;max-width:480px }
  .k-hero-verse { max-width:430px;font-size:15px;margin-top:10px }
  .k-hero-art { position:absolute;right:0;top:18px;width:68px;height:32px;overflow:hidden;pointer-events:none;opacity:.55 }
  .k-hero-art svg { width:140px !important;max-width:none !important;flex:none;transform:translateY(-6px) }
  .k-hero-art text,.k-hero-art g { display:none }
  .k-latest { padding-top:20px }
  .k-latest>div:first-child { gap:8px !important;margin-bottom:14px !important }
  .k-featured { grid-template-columns:minmax(0,1fr);border-radius:12px;margin-bottom:20px }
  .k-featured-copy { padding:24px;gap:18px }
  .k-featured-title { font-size:32px }
  .k-featured-quote { border-left:0;border-top:1px solid var(--k-line2);padding:20px 24px;gap:10px }
  .k-featured-quote svg { display:none }
  .k-featured-quote p:first-of-type { font-size:21px !important }
  .k-list-story { padding:16px 0 24px }
  .k-home-rubrics { margin-top:32px }
  .k-rubric-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px }
  .k-rubric-grid-full { grid-template-columns:minmax(0,1fr) }
  .k-rubric-card p { font-size:16px }
  .k-section-heading { align-items:start }
  .k-section-heading h2 { font-size:30px }
  .k-section-heading>a { white-space:nowrap }
  .k-section-heading .k-eyebrow { font-size:10px;letter-spacing:.12em }
  .k-post-layout { padding-top:22px }
  .k-page-intro { padding:30px 0 26px }
  .k-page-intro>p:last-child { font-size:18px }
  .k-resume-home { gap:6px 12px }
}
@media print {
  .k-header,.k-skip,footer,.k-mobile-toc,.k-resume-notice,.k-post-copy>nav,.k-related { display:none !important }
  :root { --k-bg:#fff;--k-text:#222;--k-text2:#444;--k-muted:#555 }
  .k-post-layout { display:block }
  .k-marginalia { position:static;width:auto }
  .k-post-sidebar { display:none }
  .k-main { max-width:none;padding:0 }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important;transition:none !important;scroll-behavior:auto !important } }

/* Preglednik crteža: povećanje i pomicanje (28.09.2026.) */
.k-zoom-hint { position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:999px;background:rgba(20,18,14,.78);color:#f3ecdc;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;transition:background .2s }
.k-zoom-hint svg { width:15px;height:15px;flex:none }
.k-drawing>a:hover .k-zoom-hint { background:rgba(20,18,14,.94) }
.k-drawing>a:focus-visible { outline:2px solid var(--k-gold);outline-offset:3px }
html.k-lb-open, html.k-lb-open body { overflow:hidden }
.k-lightbox { position:fixed;inset:0;z-index:100;background:#0a0907;color:#ece6d6;animation:k-lb-in .18s ease-out }
.k-lightbox[hidden] { display:none }
@keyframes k-lb-in { from { opacity:0 } to { opacity:1 } }
.k-lb-stage { position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none }
.k-lightbox.is-zoomed .k-lb-stage { cursor:grab }
.k-lightbox.is-dragging .k-lb-stage { cursor:grabbing }
.k-lb-img { position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;background:#fff;border-radius:4px;box-shadow:0 12px 48px rgba(0,0,0,.55);-webkit-user-drag:none;user-select:none }
.k-lb-bar { position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(20,18,14,.88);border:1px solid rgba(236,230,214,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px) }
.k-lb-bar button, .k-lb-bar a { min-width:44px;height:44px;padding:0 10px;border:0;border-radius:999px;background:none;color:#ece6d6;font:400 22px/1 Georgia,serif;display:grid;place-items:center;text-decoration:none;cursor:pointer }
.k-lb-bar .k-lb-level { min-width:74px;font:500 13px/1 system-ui,sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums }
.k-lb-bar a { font-size:18px }
.k-lb-bar button:hover, .k-lb-bar a:hover, .k-lb-close:hover { background:rgba(236,230,214,.12) }
.k-lb-close { position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(236,230,214,.18);background:rgba(20,18,14,.88);color:#ece6d6;font:300 30px/1 system-ui,sans-serif;display:grid;place-items:center;cursor:pointer }
.k-lb-bar :focus-visible, .k-lb-close:focus-visible { outline:2px solid #c9a96a;outline-offset:2px }
.k-lb-hint { position:absolute;left:50%;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:18px;background:rgba(20,18,14,.88);color:#d8cfbd;font:400 13px/1.35 system-ui,sans-serif;width:max-content;max-width:calc(100vw - 144px);text-align:center;opacity:0;transition:opacity .4s;pointer-events:none }
.k-lightbox.k-lb-hint-on .k-lb-hint { opacity:1 }
@media (prefers-reduced-motion:reduce) { .k-lightbox { animation:none } .k-lb-hint, .k-zoom-hint { transition:none } }