/* dark shell */
.fenelon-operas-page {
    /*background: #0c1015;*/
    background:#7A9CAA;
    color: #e7e4dd;
    min-height: 100vh;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* hero */
.fenelon-hero {
    background: radial-gradient(circle at top, rgba(212,182,126,.08), rgba(12,16,21,0)) , #0c1015;
    background-size: cover;
    background-position: bottom;
    padding: 4.4rem 1.5rem 3.4rem;
    border-bottom: 1px solid rgba(224,188,118,.08);
    position: relative;
}
.fenelon-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(140deg, rgba(8,10,14,.7) 0%, rgba(12,16,21,0) 70%);
}
.fenelon-hero-inner {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
    text-align:center;
}
.fenelon-hero h1 {
    font-family: "Georgia","Times New Roman",serif;
    font-size: clamp(2.4rem, 4vw, 3.2rem);
    margin-bottom: .5rem;
    letter-spacing: .01em;
    color: rgba(237,232,220,.7);
}
.fenelon-hero-sub {
    font-size: 1.05rem;
    color: rgba(237,232,220,.7);
    margin-bottom: .8rem;
}
.fenelon-hero-body {
    max-width: 100%;
    line-height: 1.6;
    color: rgba(237,232,220,.78);
    font-size: .93rem;
    text-align:center;
}
.fenelon-hero-body a{
    color:rgba(237,232,220,.7);
}

/* list area */
.fenelon-operas-list {
    max-width: 1080px;
    margin: 2.75rem auto 4rem;
    padding: 0 1.5rem;
}

/* each edition is a section-like card */
.fenelon-opera-card {
    display: flex;
    gap: 1.4rem;
    background: radial-gradient(circle at top, rgba(218,184,124,.025), rgba(12,16,21,0)) , rgba(10,14,19,.35);
    border: 1px solid rgba(224,188,118,.045);
    border-radius: 14px;
    padding: 1.35rem 1.35rem 1.4rem;
    margin-bottom: 1.1rem;
    box-shadow: 0 16px 35px rgba(0,0,0,.08);
    backdrop-filter: blur(3px);
}

/* image area */
.fenelon-opera-media {
    width: 135px;
    flex: 0 0 135px;
    /*background: radial-gradient(circle at top, #1a222d 0%, #0c1015 70%);*/
    border: 1px solid rgba(255,255,255,.028);
    border-radius: 10px;
    padding: 6px;
    display: flex;
    /*align-items: center;*/
    align-items:baseline;
    justify-content: center;
}
.fenelon-opera-media img {
    max-width: 100%;
    max-height: 195px;
    object-fit: contain;
    background: #0c1015;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
}
.fenelon-opera-placeholder {
    width: 100%;
    height: 195px;
    background: rgba(255,255,255,.02);
    border-radius: 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.75rem;
    color:rgba(231,228,221,.45);
}

/* content */
.fenelon-opera-content {
    flex: 1;
    min-width: 0;
}
.fenelon-opera-title {
    font-family: "Georgia","Times New Roman",serif;
    font-size: 1.5rem;
    margin-bottom: .65rem;
    color: #fff;
}

/* field list on right side */
.fenelon-opera-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .35rem 1.25rem;
    margin-bottom: .85rem;
}
.fenelon-field {
    display: flex;
    gap: .35rem;
    font-size: .78rem;
    line-height: 1.3;
}
.fenelon-field span {
    color: rgba(231,228,221,.45);
    white-space: nowrap;
}
.fenelon-field strong,
.fenelon-field a {
    color: rgba(255,255,255,.9);
    font-weight: 500;
    word-break: break-word;
}
.fenelon-field a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* description */
.fenelon-opera-description {
    font-size: .8rem;
    line-height: 1.6;
    color: rgba(231,228,221,.85);
}

/* responsive */
@media (max-width: 820px) {
    .fenelon-opera-card {
        flex-direction: column;
    }
    .fenelon-opera-media {
        width: 150px;
    }
    .fenelon-opera-fields {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}
@media (max-width: 540px) {
    .fenelon-hero {
        padding: 3.2rem 1.1rem 2.3rem;
    }
    .fenelon-opera-fields {
        grid-template-columns: 1fr;
    }
}
/* --- Anti-print: watermark on screen --- */
.fenelon-anti-watermark {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483647;
  opacity: .05;
  background-image:
    repeating-linear-gradient(45deg, #fff, #fff 2px, transparent 2px, transparent 20px);
  mix-blend-mode: lighten;
  display: none; /* default off; enable with a PHP flag if you want */
}

/* --- Anti-print: replace content in @media print --- */
@media print {
  /* Hide everything by default */
  body * {
    visibility: hidden !important;
  }
  /* Show only the notice */
  #no-print-notice, #no-print-notice * {
    visibility: visible !important;
  }
  #no-print-notice {
    position: fixed;
    inset: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    padding: 2rem;
    z-index: 2147483647 !important;
    text-align: center;
  }

  /* Prevent page breaks “salvaging” hidden content */
  html, body { height: auto !important; }
}