/* The print edition's promotion (partials/print-promo.php): a strip of
   newsprint with the day's front page lying on it. On the Local front, under
   the newsletter signup, and on /public-safety after the first day's calls. */
.ppr-wrap { width: min(1180px, calc(100% - 32px)); margin: 26px auto 8px; }
.ppr {
    position: relative; display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 34px; align-items: center;
    padding: 26px 34px 26px 30px;
    background: #f6f1e4; color: #16130f;
    border-top: 3px double #2a251e; border-bottom: 3px double #2a251e;
    box-shadow: inset 0 0 0 1px #e4dac2;
}
.ppr-sheet { display: block; transform: rotate(-2.2deg); transition: transform .3s ease; }
.ppr-sheet img {
    display: block; width: 100%; height: auto; aspect-ratio: 440 / 570; object-fit: cover; object-position: top;
    background: #fbf8ef; border: 1px solid #d0c5aa;
    box-shadow: 0 2px 3px rgba(40,30,15,.18), 0 14px 30px rgba(40,30,15,.24);
}
.ppr:hover .ppr-sheet { transform: rotate(0deg) translateY(-4px); }
.ppr-kicker {
    margin: 0 0 8px;
    font: 700 .7rem/1.3 Georgia, 'Times New Roman', serif; letter-spacing: .2em; text-transform: uppercase; color: #a3201c;
}
.ppr-title { margin: 0; line-height: 1; }
.ppr-title a { color: #16130f; text-decoration: none; }
.ppr-black { font: 400 clamp(1.9rem, 3.4vw, 2.6rem)/1.05 'Canterbury', 'Old English Text MT', serif; }
.ppr-in {
    display: inline-block; margin-left: 6px; vertical-align: 0.35em;
    font: italic 400 1rem/1 Georgia, 'Times New Roman', serif; color: #8a6a22;
}
.ppr-head {
    margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #2a251e;
    font: 700 clamp(1.1rem, 1.8vw, 1.35rem)/1.25 'Playfair Display', Georgia, serif;
}
.ppr-dek { margin: 8px 0 0; font: italic 400 .98rem/1.55 Georgia, 'Times New Roman', serif; color: #4a4236; }
.ppr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 16px 0 0; }
.ppr .ppr-btn {
    display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px;
    background: #16130f; color: #fbf4e2; text-decoration: none;
    font: 700 .74rem/1 Georgia, 'Times New Roman', serif; letter-spacing: .16em; text-transform: uppercase;
    white-space: nowrap; transition: background-color .15s ease;
}
.ppr .ppr-btn:hover { background: #a3201c; }
.ppr .ppr-more { color: #a3201c; font: 700 .74rem/1 Georgia, serif; letter-spacing: .16em; text-transform: uppercase; text-underline-offset: 4px; }
.ppr a:focus-visible { outline: 3px solid #a3201c; outline-offset: 3px; }
@media (max-width: 640px) {
    .ppr { grid-template-columns: 96px minmax(0, 1fr); gap: 18px; padding: 18px 16px; align-items: start; }
    .ppr-dek { display: none; }
    .ppr-in { display: block; margin: 4px 0 0; vertical-align: 0; }
    .ppr-actions { margin-top: 12px; }
    .ppr .ppr-btn { min-height: 40px; padding: 0 12px; font-size: .64rem; letter-spacing: .08em; }
}
@media (prefers-reduced-motion: reduce) { .ppr-sheet { transition: none; } }

/* Inside the radio page's column: the column's width, not the page's. */
.osc-psr-wrap .ppr-wrap { width: auto; margin: 34px 0 30px; }