/* UrleWeb design, ported with component scoping. Regenerate with tools/urle-import/styles.mjs. */

/* src/layouts/BaseLayout.astro */

  :root {
    color-scheme: dark;
    --font-display: 'skolar-latin', 'Iowan Old Style', Georgia, serif;
    --font-text: 'skolar-latin', 'Iowan Old Style', Georgia, serif;
    --font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
    --ink: #f5f1e7;
    --ink-muted: #d2ccc0;
    --ink-subtle: #9c978e;
    --rule: #ffffff24;
    --surface: #1b1b1a;
    --surface-raised: #222220;
    font-family: var(--font-text);
    background: var(--surface);
    color: var(--ink);
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% -18rem, #46443f 0, var(--surface) 42rem); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  ::selection { color: #171716; background: #d8ccb5; }
  a { color: inherit; text-decoration-thickness: .055em; text-underline-offset: .22em; }
  a:focus-visible { outline: 2px solid #e0d4bd; outline-offset: .35rem; }
  .site-header, main, footer { width: min(72rem, calc(100% - clamp(2rem, 6vw, 5rem))); margin-inline: auto; }
  .site-header { min-height: 6rem; display: flex; align-items: center; gap: clamp(1.5rem, 3vw, 3rem); border-bottom: 1px solid var(--rule); }
  .brand { font-family: var(--font-display); font-size: 1.7rem; line-height: 1; letter-spacing: .14em; font-weight: 600; text-decoration: none; }
  nav { display: flex; gap: clamp(1rem, 2.4vw, 1.8rem); margin-left: auto; font-family: var(--font-display); font-size: .78rem; font-weight: 700; letter-spacing: .055em; }
  nav a { position: relative; padding-block: .6rem; text-decoration: none; color: var(--ink-muted); }
  nav a::after { position: absolute; right: 0; bottom: .3rem; left: 0; height: 1px; content: ''; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 180ms ease; }
  nav a:hover { color: white; }
  nav a:hover::after { transform: scaleX(1); transform-origin: left; }
  nav a[aria-current='page'] { color: white; }
  nav a[aria-current='page']::after { transform: scaleX(1); }
  .languages { font-family: var(--font-ui); font-size: .68rem; letter-spacing: .1em; color: var(--ink-subtle); white-space: nowrap; }
  .mobile-menu { display: none; }
  main { padding-block: clamp(4.5rem, 10vw, 8.5rem); }
  h1, h2 { font-family: var(--font-display); text-wrap: balance; }
  h1 { max-width: 13ch; font-size: clamp(2.7rem, 5.8vw, 4.8rem); font-weight: 500; line-height: .96; letter-spacing: -.033em; margin: 0 0 2.25rem; }
  .page-intro h1 { font-size: clamp(2.5rem, 4.7vw, 4rem); }
  h2 { font-size: clamp(1.7rem, 3.4vw, 2.75rem); font-weight: 500; line-height: 1.04; letter-spacing: -.023em; }
  p { max-width: 47rem; font-size: clamp(1.08rem, 1.4vw, 1.2rem); line-height: 1.72; color: var(--ink-muted); hanging-punctuation: first last; }
  .eyebrow { font-family: var(--font-ui); text-transform: uppercase; letter-spacing: .17em; font-size: .68rem; font-weight: 580; line-height: 1.5; color: #b1ab9f; }
  .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1px; background: var(--rule); margin-top: clamp(3.5rem, 8vw, 6rem); border: 1px solid var(--rule); }
  .card { min-height: 21rem; padding: clamp(1.6rem, 3vw, 2.4rem); background: var(--surface-raised); text-decoration: none; display: flex; flex-direction: column; transition: background-color 180ms ease, transform 180ms ease; }
  .card:hover { background: #292927; }
  .card h2 { font-size: clamp(1.6rem, 2.3vw, 2rem); margin: auto 0 .8rem; }
  .card p { margin-bottom: 0; font-size: 1rem; line-height: 1.6; }
  .prose { max-width: 47rem; margin-top: 3.5rem; }
  .prose p { margin-block: 0 1.35em; }
  .prose h2 { margin: 1.6em 0 .55em; }
  .prose blockquote { margin: 2.5rem 0; padding-left: 1.5rem; border-left: 1px solid #b6ad9c; }
  .prose blockquote p { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; color: var(--ink); }
  .prose a { color: white; }
  .prose img { display: block; width: auto; max-width: 100%; height: auto; margin: 2.5rem 0; }
  footer { border-top: 1px solid var(--rule); padding-block: 2rem 4rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .75rem; letter-spacing: .025em; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }
  @media (max-width: 43rem) {
    .site-header { position: relative; align-items: center; padding-block: 1.25rem; flex-wrap: wrap; gap: 1rem; }
    .desktop-nav { display: none; }
    .languages { margin-left: auto; }
    .mobile-menu { display: block; font-family: var(--font-ui); }
    .mobile-menu summary { cursor: pointer; list-style: none; color: var(--ink-muted); font-size: .7rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
    .mobile-menu summary::-webkit-details-marker { display: none; }
    .mobile-menu summary::after { content: ' +'; }
    .mobile-menu[open] summary::after { content: ' −'; }
    .mobile-menu nav { position: absolute; z-index: 10; top: 100%; right: 0; left: 0; display: grid; gap: 0; width: 100%; margin: 0; padding: .75rem clamp(1rem, 6vw, 2.5rem) 1.25rem; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: #1b1b1af7; backdrop-filter: blur(1rem); }
    .mobile-menu nav a { padding: .8rem 0; border-bottom: 1px solid var(--rule); font-family: var(--font-display); font-size: 1.55rem; letter-spacing: 0; }
    .mobile-menu nav a:last-child { border-bottom: 0; }
    .mobile-menu nav a::after { display: none; }
    main { padding-top: 4rem; }
    h1 { font-size: clamp(2.55rem, 12.5vw, 3.8rem); line-height: .94; }
    .page-intro h1 { font-size: clamp(2.3rem, 10vw, 3.3rem); }
    .card { min-height: 18rem; }
  }


/* src/pages/index.astro */

  :where(.urle-home) .hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; min-height: min(45rem, calc(100vh - 10rem)); }
  :where(.urle-home) .hero h1 { max-width: 11ch; line-height: 1.1; }
  :where(.urle-home) .manifesto { max-width: 39rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-home) .edition-link, :where(.urle-home) .read-more { display: inline-flex; gap: 2rem; align-items: center; margin-top: 1.2rem; color: var(--ink); font-family: var(--font-ui); font-size: .72rem; font-weight: 620; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
  :where(.urle-home) .edition-link span, :where(.urle-home) .read-more span { transition: transform 180ms ease; }
  :where(.urle-home) .edition-link:hover span, :where(.urle-home) .read-more:hover span { transform: translateX(.3rem); }
  :where(.urle-home) .featured-book { display: block; color: inherit; text-decoration: none; }
  :where(.urle-home) .featured-cover { padding: clamp(1.2rem, 2.5vw, 2rem); background: #111110; box-shadow: 0 2rem 5rem #0007; }
  :where(.urle-home) .featured-cover img { display: block; width: 100%; aspect-ratio: 13 / 18; object-fit: contain; transition: transform 350ms cubic-bezier(.2,.75,.25,1); }
  :where(.urle-home) .featured-book:hover img { transform: scale(1.018); }
  :where(.urle-home) .featured-caption { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: end; padding-top: 1rem; }
  :where(.urle-home) .featured-caption span { color: var(--ink-subtle); font-family: var(--font-ui); font-size: .65rem; line-height: 1.45; }
  :where(.urle-home) .featured-caption b { display: block; color: var(--ink-muted); letter-spacing: .08em; text-transform: uppercase; }
  :where(.urle-home) .featured-caption strong { max-width: 10rem; font-family: var(--font-display); font-size: 1.2rem; font-weight: 500; line-height: 1.05; text-align: right; }
  :where(.urle-home) .latest { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; margin: clamp(6rem, 13vw, 11rem) 0; padding-block: clamp(2rem, 5vw, 4rem); border-block: 1px solid var(--rule); }
  :where(.urle-home) .latest.without-image { grid-template-columns: minmax(0, 1fr); padding-inline: clamp(1.5rem, 12vw, 10rem); }
  :where(.urle-home) .latest-media { display: block; overflow: hidden; }
  :where(.urle-home) .latest img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 400ms ease; }
  :where(.urle-home) .latest-media:hover img { transform: scale(1.015); }
  :where(.urle-home) .latest h2 { margin: .65rem 0 1rem; font-size: clamp(2rem, 3.6vw, 3.3rem); }
  :where(.urle-home) .latest-copy > p:not(.eyebrow) { font-size: 1.08rem; line-height: 1.6; }
  :where(.urle-home) .books-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: clamp(5rem, 10vw, 8rem); padding-bottom: 1rem; border-bottom: 1px solid var(--rule); }
  :where(.urle-home) .books-heading p { margin: 0; }
  :where(.urle-home) .books-heading a { color: var(--ink-muted); font-family: var(--font-ui); font-size: .72rem; letter-spacing: .04em; }
  :where(.urle-home) .book-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 5rem) clamp(1.5rem, 3vw, 3rem); margin-top: 2rem; }
  @media (max-width: 48rem) {
    :where(.urle-home) .hero { grid-template-columns: 1fr; min-height: 0; }
    :where(.urle-home) .featured-book { width: min(75%, 22rem); margin-left: auto; }
    :where(.urle-home) .latest, :where(.urle-home) .latest.without-image { grid-template-columns: 1fr; padding-inline: 0; }
  }
  @media (max-width: 48rem) { :where(.urle-home) .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 32rem) { :where(.urle-home) .book-grid { grid-template-columns: 1fr; } :where(.urle-home) .featured-book { width: 82%; } }


/* src/pages/de/index.astro */

  :where(.urle-home-de) h1 { line-height: 1.1; }
  :where(.urle-home-de) .latest { margin: 5rem 0; padding: 2rem 0 2rem 2rem; border-left: 1px solid #aaa69c; }
  :where(.urle-home-de) .books-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: clamp(5rem, 10vw, 8rem); padding-bottom: 1rem; border-bottom: 1px solid var(--rule); }
  :where(.urle-home-de) .books-heading p { margin: 0; }
  :where(.urle-home-de) .books-heading a { color: var(--ink-muted); font-family: var(--font-ui); font-size: .72rem; letter-spacing: .04em; }
  :where(.urle-home-de) .book-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 5rem) clamp(1.5rem, 3vw, 3rem); margin-top: 2rem; }
  @media (max-width: 48rem) { :where(.urle-home-de) .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 32rem) { :where(.urle-home-de) .book-grid { grid-template-columns: 1fr; } }


/* src/components/BookCard.astro */

  :where(.urle-book-card) .book-card { min-width: 0; }
  :where(.urle-book-card) .cover-link { position: relative; display: block; padding: clamp(1.25rem, 3vw, 2rem); overflow: hidden; background: #111110; text-decoration: none; box-shadow: 0 1.5rem 3.5rem #0004; }
  :where(.urle-book-card) .cover-link::after { position: absolute; inset: 0; content: ''; border: 1px solid #ffffff14; pointer-events: none; }
  :where(.urle-book-card) .cover-link img { display: block; width: 100%; aspect-ratio: 13 / 18; object-fit: contain; transition: transform 350ms cubic-bezier(.2,.75,.25,1); }
  :where(.urle-book-card) .cover-link:hover img { transform: scale(1.018); }
  :where(.urle-book-card) .volume { position: absolute; z-index: 1; top: .75rem; right: .8rem; color: #aaa399; font-family: var(--font-ui); font-size: .62rem; font-variant-numeric: tabular-nums; letter-spacing: .12em; }
  :where(.urle-book-card) .book-copy { padding: 1.65rem .15rem 0; }
  :where(.urle-book-card) .meta { margin: 0 0 .65rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .65rem; font-weight: 560; letter-spacing: .09em; text-transform: uppercase; }
  :where(.urle-book-card) h2 { margin: 0 0 .7rem; font-size: clamp(1.6rem, 2.5vw, 2.1rem); line-height: 1.04; }
  :where(.urle-book-card) h2 a { text-decoration: none; }
  :where(.urle-book-card) h2 a:hover { text-decoration: underline; text-decoration-color: #ffffff48; text-decoration-thickness: 1px; }
  :where(.urle-book-card) .description { margin: 0; font-size: 1rem; line-height: 1.55; }


/* src/components/AuthorCard.astro */

  :where(.urle-author-card) .author-card { min-width: 0; }
  :where(.urle-author-card) .portrait { display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; background: #111110; text-decoration: none; box-shadow: 0 1.5rem 3.5rem #0004; }
  :where(.urle-author-card) .portrait img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter 250ms ease, transform 350ms ease; }
  :where(.urle-author-card) .portrait:hover img { filter: grayscale(.25); transform: scale(1.018); }
  :where(.urle-author-card) .portrait span { color: #4d4a44; font-family: var(--font-display); font-size: clamp(4rem, 10vw, 7rem); font-weight: 500; letter-spacing: -.06em; }
  :where(.urle-author-card) .copy { padding-top: 1.6rem; }
  :where(.urle-author-card) .years, :where(.urle-author-card) .also { margin: 0 0 .6rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }
  :where(.urle-author-card) h2 { margin: 0 0 .75rem; font-size: clamp(1.75rem, 3vw, 2.4rem); line-height: 1.02; }
  :where(.urle-author-card) h2 a { text-decoration: none; }
  :where(.urle-author-card) h2 a:hover { text-decoration: underline; text-decoration-color: #ffffff48; text-decoration-thickness: 1px; }
  :where(.urle-author-card) .also { margin-top: -.3rem; }
  :where(.urle-author-card) .copy > p:last-child { margin-bottom: 0; font-size: 1rem; line-height: 1.58; }


/* src/components/NewsCard.astro */

  :where(.urle-news-card) .news-card { min-width: 0; border-top: 1px solid var(--rule); }
  :where(.urle-news-card) .news-link { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 4vw, 3.5rem); padding-block: clamp(2rem, 4vw, 3rem); color: inherit; text-decoration: none; }
  :where(.urle-news-card) .media { display: grid; place-items: center; min-height: 14rem; overflow: hidden; background: #111110; }
  :where(.urle-news-card) .media img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 350ms ease; }
  :where(.urle-news-card) .media span { color: #4b4944; font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 600; letter-spacing: .14em; }
  :where(.urle-news-card) .news-link:hover img { transform: scale(1.018); }
  :where(.urle-news-card) .copy { align-self: center; }
  :where(.urle-news-card) .meta { margin: 0 0 .7rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .65rem; font-weight: 560; letter-spacing: .08em; text-transform: uppercase; }
  :where(.urle-news-card) h2 { margin: 0 0 1rem; font-size: clamp(1.75rem, 3.3vw, 2.7rem); line-height: 1.04; }
  :where(.urle-news-card) .perex { margin: 0 0 1.5rem; font-size: 1.05rem; line-height: 1.58; }
  :where(.urle-news-card) .more { color: var(--ink); font-family: var(--font-ui); font-size: .68rem; font-weight: 620; letter-spacing: .07em; text-transform: uppercase; }
  :where(.urle-news-card) .more b { display: inline-block; margin-left: 1rem; font-weight: inherit; transition: transform 180ms ease; }
  :where(.urle-news-card) .news-link:hover .more b { transform: translateX(.3rem); }
  @media (max-width: 40rem) { :where(.urle-news-card) .news-link { grid-template-columns: 1fr; } :where(.urle-news-card) .media { min-height: 0; } }


/* src/components/BookDetail.astro */

  :where(.urle-book-detail) .book-hero { display: grid; grid-template-columns: minmax(16rem, 25rem) minmax(0, 1fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
  :where(.urle-book-detail) .cover-column { position: relative; }
  :where(.urle-book-detail) .volume { display: flex; justify-content: space-between; margin: 0 0 1rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .67rem; font-variant-numeric: tabular-nums; font-weight: 560; letter-spacing: .14em; text-transform: uppercase; }
  :where(.urle-book-detail) figure { margin: 0; padding: clamp(1.1rem, 2.5vw, 2rem); background: #111110; box-shadow: 0 2rem 5rem #0007; }
  :where(.urle-book-detail) .cover { display: block; width: 100%; height: auto; }
  :where(.urle-book-detail) .book-intro { padding-top: clamp(1.5rem, 5vw, 4.5rem); }
  :where(.urle-book-detail) .book-intro h1 { margin-bottom: 1.35rem; font-size: clamp(2.7rem, 5.2vw, 4.6rem); }
  :where(.urle-book-detail) .author { margin: 0 0 2.4rem; color: var(--ink); font-family: var(--font-display); font-size: clamp(1.35rem, 2.4vw, 1.75rem); font-weight: 500; }
  :where(.urle-book-detail) .author a { text-decoration-color: #ffffff55; }
  :where(.urle-book-detail) .lead { max-width: 35rem; margin-bottom: 2.5rem; font-size: clamp(1.2rem, 2vw, 1.42rem); line-height: 1.52; }
  :where(.urle-book-detail) .buy { display: inline-flex; align-items: center; justify-content: space-between; min-width: 12rem; margin-bottom: 3rem; padding: .9rem 1.1rem; border: 1px solid #ded5c3; color: #171716; background: #ded5c3; font-family: var(--font-ui); font-size: .76rem; font-weight: 650; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: color 180ms ease, background-color 180ms ease; }
  :where(.urle-book-detail) .buy:hover { color: var(--ink); background: transparent; }
  :where(.urle-book-detail) .facts { max-width: 38rem; margin: 0; border-top: 1px solid var(--rule); }
  :where(.urle-book-detail) .facts div { display: grid; grid-template-columns: minmax(7rem, .7fr) 1.3fr; gap: 1.25rem; padding: .75rem 0; border-bottom: 1px solid var(--rule); }
  :where(.urle-book-detail) dt { color: var(--ink-subtle); font-family: var(--font-ui); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
  :where(.urle-book-detail) dd { margin: 0; color: var(--ink-muted); font-size: .98rem; line-height: 1.45; }
  :where(.urle-book-detail) .translation-state { margin-top: 1.25rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
  :where(.urle-book-detail) .book-story { display: grid; grid-template-columns: minmax(10rem, 25rem) minmax(0, 47rem); gap: clamp(3rem, 8vw, 8rem); margin-top: clamp(5rem, 12vw, 10rem); padding-top: 2rem; border-top: 1px solid var(--rule); }
  :where(.urle-book-detail) .section-label { margin: 0; }
  :where(.urle-book-detail) .book-story .prose { margin-top: 0; }
  @media (max-width: 48rem) {
    :where(.urle-book-detail) .book-hero { grid-template-columns: 1fr; gap: 2.5rem; }
    :where(.urle-book-detail) .cover-column { width: min(100%, 25rem); }
    :where(.urle-book-detail) .book-intro { padding-top: 0; }
    :where(.urle-book-detail) .book-intro h1 { font-size: clamp(2.6rem, 12.5vw, 3.9rem); }
    :where(.urle-book-detail) .book-story { grid-template-columns: 1fr; gap: 2rem; margin-top: 6rem; }
  }
  @media (max-width: 28rem) { :where(.urle-book-detail) .facts div { grid-template-columns: 1fr; gap: .3rem; } }


/* src/components/AuthorDetail.astro */

  :where(.urle-author-detail) .author-hero { display: grid; grid-template-columns: minmax(15rem, 23rem) minmax(0, 1fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
  :where(.urle-author-detail) .portrait { display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; background: #111110; box-shadow: 0 2rem 5rem #0006; }
  :where(.urle-author-detail) .portrait img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
  :where(.urle-author-detail) .portrait span { color: #4d4a44; font-family: var(--font-display); font-size: clamp(5rem, 13vw, 9rem); font-weight: 500; letter-spacing: -.07em; }
  :where(.urle-author-detail) .intro h1 { margin-bottom: 1.35rem; }
  :where(.urle-author-detail) .alternative { margin: 0 0 2rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
  :where(.urle-author-detail) .lead { max-width: 38rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-author-detail) .biography { display: grid; grid-template-columns: minmax(10rem, 23rem) minmax(0, 47rem); gap: clamp(3rem, 8vw, 8rem); margin-top: clamp(5rem, 12vw, 10rem); padding-top: 2rem; border-top: 1px solid var(--rule); }
  :where(.urle-author-detail) .biography > p { margin: 0; }
  :where(.urle-author-detail) .biography .prose { margin-top: 0; }
  :where(.urle-author-detail) .author-books { margin-top: clamp(6rem, 12vw, 10rem); }
  :where(.urle-author-detail) .section-heading { padding-bottom: 1rem; border-bottom: 1px solid var(--rule); }
  :where(.urle-author-detail) .section-heading p { margin: 0; }
  :where(.urle-author-detail) .book-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 5rem) clamp(1.5rem, 3vw, 3rem); margin-top: 2rem; }
  @media (max-width: 48rem) { :where(.urle-author-detail) .author-hero, :where(.urle-author-detail) .biography { grid-template-columns: 1fr; gap: 2.5rem; } :where(.urle-author-detail) .portrait { width: min(78%, 23rem); } :where(.urle-author-detail) .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 32rem) { :where(.urle-author-detail) .book-grid { grid-template-columns: 1fr; } }


/* src/components/NewsDetail.astro */

  :where(.urle-news-detail) .article-header { max-width: 56rem; margin-inline: auto; text-align: center; }
  :where(.urle-news-detail) .article-header h1 { max-width: 12ch; margin-inline: auto; }
  :where(.urle-news-detail) .article-header .lead { max-width: 43rem; margin: 0 auto; font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.55; }
  :where(.urle-news-detail) .hero-image { display: grid; place-items: center; margin: clamp(3.5rem, 8vw, 6rem) 0 0; padding: clamp(1rem, 2.5vw, 2rem); overflow: hidden; background: #111110; }
  :where(.urle-news-detail) .hero-image img { display: block; width: auto; max-width: 100%; max-height: min(70vh, 46rem); height: auto; object-fit: contain; }
  :where(.urle-news-detail) .article-body { display: grid; grid-template-columns: minmax(10rem, 18rem) minmax(0, 47rem); gap: clamp(3rem, 8vw, 8rem); margin-top: clamp(4rem, 9vw, 7rem); padding-top: 2rem; border-top: 1px solid var(--rule); }
  :where(.urle-news-detail) .section-label { margin: 0; }
  :where(.urle-news-detail) .article-body .prose { margin-top: 0; }
  :where(.urle-news-detail) .external { display: inline-flex; justify-content: space-between; gap: 2rem; min-width: 13rem; margin-top: 1.5rem; padding: .85rem 1rem; border: 1px solid #ded5c3; color: #171716; background: #ded5c3; font-family: var(--font-ui); font-size: .7rem; font-weight: 650; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
  :where(.urle-news-detail) .external:hover { color: var(--ink); background: transparent; }
  @media (max-width: 42rem) { :where(.urle-news-detail) .article-header { text-align: left; } :where(.urle-news-detail) .article-header h1, :where(.urle-news-detail) .article-header .lead { margin-inline: 0; } :where(.urle-news-detail) .article-body { grid-template-columns: 1fr; gap: 2rem; } }


/* src/components/TeamPage.astro */

  :where(.urle-team) .team-intro .lead { max-width: 42rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-team) .team { margin-top: clamp(4.5rem, 10vw, 8rem); padding-top: 2rem; border-top: 1px solid var(--rule); }
  :where(.urle-team) .team-grid { display: grid; gap: clamp(3rem, 7vw, 6rem); margin-top: 2.5rem; }
  :where(.urle-team) .member { display: grid; grid-template-columns: clamp(9rem, 20vw, 14rem) minmax(0, 34rem); gap: clamp(2rem, 6vw, 5rem); align-items: center; }
  :where(.urle-team) .member:nth-child(even) { margin-left: clamp(0rem, 10vw, 9rem); }
  :where(.urle-team) .member img { width: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; filter: grayscale(18%); }
  :where(.urle-team) .role { margin: 0 0 .65rem; color: var(--ink-subtle); font-family: var(--font-ui); font-size: .67rem; font-weight: 580; letter-spacing: .1em; text-transform: uppercase; }
  :where(.urle-team) .member h2 { margin: 0 0 1rem; font-size: clamp(1.7rem, 3vw, 2.5rem); }
  :where(.urle-team) .bio { margin: 0; font-size: 1.05rem; line-height: 1.6; }
  :where(.urle-team) .links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: 1.2rem 0 0; font-family: var(--font-ui); font-size: .72rem; }
  :where(.urle-team) .collaborators { margin-top: clamp(4rem, 9vw, 7rem); padding-top: 2rem; border-top: 1px solid var(--rule); }
  @media (max-width: 38rem) {
    :where(.urle-team) .member { grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1.5rem; align-items: start; }
    :where(.urle-team) .member:nth-child(even) { margin-left: 0; }
    :where(.urle-team) .member h2 { font-size: clamp(1.5rem, 7.2vw, 2rem); }
    :where(.urle-team) .bio, :where(.urle-team) .links { grid-column: 1 / -1; }
  }


/* src/pages/knihy/index.astro */

  :where(.urle-list-book) .page-intro p:last-child { max-width: 38rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-list-book) .book-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 5rem) clamp(1.5rem, 3vw, 3rem); margin-top: clamp(4rem, 9vw, 7rem); }
  @media (max-width: 48rem) { :where(.urle-list-book) .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 32rem) { :where(.urle-list-book) .book-grid { grid-template-columns: 1fr; } }


/* src/pages/autori/index.astro */

  :where(.urle-list-author) .page-intro p:last-child { max-width: 38rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-list-author) .author-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 7vw, 7rem); margin-top: clamp(4rem, 9vw, 7rem); }
  @media (max-width: 38rem) { :where(.urle-list-author) .author-grid { grid-template-columns: 1fr; } }


/* src/pages/aktuality/index.astro */

  :where(.urle-list-news) .page-intro p:last-child { max-width: 38rem; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.55; }
  :where(.urle-list-news) .news-list { margin-top: clamp(4rem, 9vw, 7rem); border-bottom: 1px solid var(--rule); }


.urle-related{margin-top:5rem}.urle-related .book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:3rem}.lead{color:var(--ink-muted)}.empty{margin-top:4rem}

/* Webz header logo: original vector artwork, cropped to its visible bounds. */
.site-header .brand{display:flex;flex:none;padding-block:.75rem;line-height:0}
.site-header .brand img{display:block;width:auto;height:5rem;filter:brightness(0) invert(.94)}
@media(max-width:720px){.site-header .brand img{height:4rem}}
