/* Keep reading text inside its own panel; action buttons keep their one-line labels. */
:where(.reading-list,.ed-related,.ed-box,.closing-line,.profile-copy,.scene-copy,.reading-copy,.guide-links,.local-notes,.facts,.story-layout,.page-hero-grid,.person-profile)>*{min-width:0;max-width:100%}
:where(.text-link,.reading-list a,.ed-related a){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%;min-width:0;text-align:start;line-height:1.65}
.text-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:fit-content}
.reading-list .text-link{width:100%}
.text-link>span{flex:0 0 auto;white-space:nowrap}
:where(.ed-box,.reading-list,.profile-copy,.closing-line,.scene-copy,.reading-copy,.guide-links,.facts,.local-notes) :where(p,li,h1,h2,h3,h4,dt,dd){overflow-wrap:anywhere;min-width:0;max-width:100%}
:where(.scene-copy,.reading-copy,.ed-content,.profile-copy,.visit-planner,.planning-table) table{width:100%;max-width:100%;table-layout:fixed}
main table{width:100%;max-width:100%;table-layout:fixed}
main :where(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}
main :where(th,td) :where(a,p,span){white-space:normal;overflow-wrap:anywhere}
.breadcrumbs{min-width:0;max-width:100%;flex-wrap:wrap;gap:10px 16px;overflow-wrap:anywhere}
@media(max-width:820px){
 .closing-line{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
 .closing-line>div{width:100%;min-width:0}
 .closing-line .button{max-width:100%}
 .profile-world .reading-list a{font-size:13px;line-height:1.75;padding-block:16px}
 main th,main td{padding-inline:clamp(7px,2vw,14px)}
}
/* Narrow action labels may use two lines rather than escape their container. */
@media(max-width:820px){
 main :where(a.btn,button.btn,a.button,button.button,a.go,button.pill,.ed-related a){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;flex-wrap:wrap!important;min-width:0;max-width:100%;height:auto}
 main :where(a.btn,button.btn,a.button,button.button)>*{white-space:normal!important;min-width:0;max-width:100%}
 main :where(.text-link,.button,.btn){letter-spacing:normal}
}
main :where(h1,h2,h3,h4,h5,p,li,dt,dd){overflow-wrap:anywhere;min-width:0}
@media(max-width:820px){
 #app .row .n{white-space:normal!important;overflow-wrap:anywhere!important}
 .profile-neighbours{flex-wrap:wrap;gap:12px}
}
/* Legacy tables had a 400px minimum, wider than a phone's content column. */
main table,.lotus-table table{min-width:0!important;width:100%!important;max-width:100%!important;table-layout:fixed!important}
.lotus-table,.ed-table-wrap{min-width:0;width:100%;max-width:100%}
.lotus-table th,.lotus-table td{white-space:normal!important;overflow-wrap:anywhere!important}
#app .row .go{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center}
@media(max-width:820px){
 .closing-line .button{min-width:0!important;max-width:100%!important;width:fit-content}
}