/* Let the enclosing summary receive image taps, including mobile image hit tests. */
summary.soap-magazine-entry > img,
summary.oil-magazine-entry > img { pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
summary.soap-magazine-entry, summary.oil-magazine-entry { touch-action: manipulation; }
.wn-menu-button { cursor: pointer; background: transparent; border: 0; padding: 10px; width: 46px; height: 44px; display: inline-flex; flex-direction: column; justify-content: center; gap: 6px; color: #4b6050; flex-shrink: 0; }
.wn-menu-button span { display: block; width: 26px; height: 1.5px; background: currentColor; }
.wn-menu { position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 8px 22px 20px; box-shadow: 0 12px 20px #00000012; max-height: 75vh; overflow-y: auto; z-index: 100; }
.wn-menu[hidden] { display: none; }
.wn-menu a { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #292d2a; text-decoration: none; font: 16px/1.5 Arial, sans-serif; padding: 18px 10px; border-bottom: 1px solid #e3e4dd; }
.wn-menu a:last-child { border-bottom: 0; }
.wn-menu small { font-size: 13px; color: #777b76; }
.wn-standalone-header { position: sticky; top: 0; background: #fff; z-index: 100; }
.wn-header-row { display: flex; align-items: center; gap: 18px; height: 72px; padding: 0 20px; }
.wn-brand { font: 24px/1 Didot, 'Bodoni MT', 'Times New Roman', serif; color: #4b6050; text-decoration: none; }