/* Native editorial media remain inside their content column at every viewport. */
.post-bodycopy img,.post-bodycopy video,.post-bodycopy iframe,.post-bodycopy embed,.post-bodycopy object{max-width:100%;height:auto;box-sizing:border-box}.post-bodycopy figure{margin:22px 0}.post-bodycopy figcaption{font-size:.85em;line-height:1.5}
/* CODEX_BILDAKT_RESPONSIVE_V1: shared theme layout; no article-inline rules */
@media screen and (max-width:1030px){
html,body{width:100%;min-width:0;overflow-x:hidden}
div#wrapper,div#container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
table#layout{width:100%;max-width:100%;table-layout:fixed}
div.header-image-container{height:20.8vw;min-height:110px;max-height:210px;background-size:100% auto!important;background-position:center top!important}
div.clickable{height:100%}
td#middle .post img,.post-bodycopy img,.post-bodycopy video,.post-bodycopy iframe,.post-bodycopy embed,.post-bodycopy object{max-width:100%!important;height:auto!important;box-sizing:border-box}
.post-bodycopy,.post-bodycopy p,.post-bodycopy li,.post-bodycopy a{overflow-wrap:anywhere}
.post-bodycopy pre{max-width:100%;box-sizing:border-box}
.post-bodycopy table{max-width:100%}
}
@media screen and (max-width:760px){
body{text-align:left}
table#layout,table#layout>tbody,table#layout>tbody>tr{display:block;width:100%;max-width:100%}
table#layout>colgroup{display:none}
table#layout>tbody>tr#bodyrow{display:flex;flex-direction:column;width:100%;max-width:100%}
td#header,td#footer,td#left,td#middle,td#right{display:block;box-sizing:border-box;width:100%!important;max-width:100%}
td#middle{order:1;padding:16px;overflow:hidden}
td#left{order:2;padding:20px 16px}
td#right{order:3;padding:20px 16px}
div.header-image-container{height:20.8vw;min-height:80px;max-height:158px}
td#middle .post img,.post-bodycopy img{float:none!important;display:block;max-width:100%!important;width:auto!important;height:auto!important;margin:10px auto!important}
.post-bodycopy table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.post-bodycopy pre{overflow-x:auto;white-space:pre-wrap;word-break:break-word}
td#footer{padding:12px 16px;background-position:center top}
}

@media screen and (max-width:760px){td#middle{font-size:16px;line-height:1.65}.post-bodycopy figure{margin:20px 0}.post-bodycopy figcaption{font-size:.8em;line-height:1.45}}

/* Keep the native grey hover with stronger text contrast. */
div.post-bodycopy a:hover{color:#666666}