/* Extraction (S7 port, October 4): awards and the room, in the keep's paper world. Scoped under body.page-extraction. No yield figures. */
body.page-extraction .quote { margin: 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--ink); max-width: 28ch; }
body.page-extraction .quote p { margin: 0; font: 400 clamp(32px, 4.2vw, 56px)/1.08 var(--display); }
body.page-extraction .quote footer { margin-top: 12px; font: 12px var(--meta); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
body.page-extraction .awards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.page-extraction .awards li { position: relative; isolation: isolate; border: var(--rule); background: var(--paper); padding: 16px 18px 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
body.page-extraction .awards li[data-place="1st"] { box-shadow: var(--shadow-card); }
body.page-extraction .awards li::before { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-conic-gradient(#0000000c 0 25%, transparent 0 50%) 0 0/6px 6px; opacity: 0; transition: opacity .18s ease; }
body.page-extraction .awards li:hover::before { opacity: 1; }
body.page-extraction .awards .aw-event { font: 11px/1.4 var(--meta); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-2); }
body.page-extraction .awards h3 { margin: 0; font: 400 24px/1.1 var(--display); overflow-wrap: anywhere; }
body.page-extraction .awards .aw-cat { margin: 0; font-size: 14px; line-height: 1.4; }
body.page-extraction .awards .aw-role { margin-top: auto; padding-top: 6px; font: 11px var(--meta); letter-spacing: .07em; text-transform: uppercase; border-top: var(--dots); align-self: stretch; }
body.page-extraction .room-link { display: flex; gap: 16px 24px; align-items: center; flex-wrap: wrap; border: var(--rule); background: var(--ground); padding: 18px 22px; }
body.page-extraction .room-link p { margin: 0; font-size: 16px; line-height: 1.5; max-width: 56ch; }
body.page-extraction .room-link .btn { min-height: 44px; display: inline-flex; align-items: center; }
body.page-extraction .room-link .btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 1100px) { body.page-extraction .awards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { body.page-extraction .awards { grid-template-columns: 1fr; } body.page-extraction .quote { padding-left: 16px; } }
@media (prefers-reduced-motion: reduce) { body.page-extraction .awards li::before { transition: none; } }
body.page-extraction:is(.paused, .ink-still) .awards li::before { transition: none; }