/* Long-form player guides: one reading column, including on narrow screens. */
.world-boss-guide { display:block; margin:22px 0; padding:26px; border:1px solid rgba(196,163,95,.4); border-radius:6px; background:linear-gradient(135deg,rgba(14,35,36,.98),rgba(6,20,23,.98)); color:#becdc7; line-height:1.75; overflow-wrap:break-word; scroll-margin-top:85px; }
.world-boss-guide h2 { margin:6px 0 18px; color:#ebce93; font-size:26px; }
.world-boss-guide h3 { margin:25px 0 10px; padding-top:14px; border-top:1px solid rgba(183,163,120,.2); color:#dfc994; font-size:18px; }
.world-boss-guide p { margin:10px 0; font-size:14px; }
.world-boss-guide ul { display:block; margin:12px 0; padding-left:22px; }
.world-boss-guide li { display:list-item; margin:8px 0; padding:0; font-size:14px; }
.world-boss-guide strong { color:#e4d9bf; }
.world-boss-guide a { color:#dec58d; text-decoration:underline; text-underline-offset:3px; }
.world-boss-guide .table-responsive { overflow-x:auto; }
.world-boss-guide table { width:100%; margin:12px 0; border-collapse:collapse; color:#cbd8d0; }
.world-boss-guide th,.world-boss-guide td { padding:11px 12px; border-bottom:1px solid rgba(178,184,159,.2); text-align:left; white-space:nowrap; }
.world-boss-guide th { color:#e2c98f; background:rgba(175,139,65,.09); }
@media(max-width:700px) { .world-boss-guide { padding:18px; } .world-boss-guide h2 { font-size:23px; } .world-boss-guide th,.world-boss-guide td { padding:9px 8px; font-size:12px; } }

.event-calendar-clock { display:grid; gap:8px; margin:18px 0 22px; padding:18px; border:1px solid rgba(202,167,91,.42); border-radius:5px; background:rgba(7,16,21,.72); }
.event-calendar-clock>span { color:#8db9b0; font-size:11px; text-transform:uppercase; letter-spacing:1.6px; }
.event-calendar-clock>strong { font-size:18px; }
.event-calendar-clock output { display:block; color:#f1d397; font:600 30px/1.3 monospace; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.event-calendar-clock small { color:#a7bab3; line-height:1.7; }
.event-calendar-clock a { justify-self:start; font-size:12px; }
@media(max-width:480px) { .event-calendar-clock { padding:12px; } .event-calendar-clock>strong { font-size:15px; } .event-calendar-clock output { font-size:24px; } }