/* rathmell.com additions (2026-11-02): YouTube click-to-play facade + phone layout. Desktop (>800px) layout untouched. */
.yt-facade{display:inline-block;vertical-align:baseline;position:relative;max-width:100%;background:#000;overflow:hidden;margin:0}
.yt-facade .yt-link,.yt-facade .yt-thumb,.yt-facade iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;margin:0;padding:0}
.yt-facade .yt-thumb{object-fit:cover;max-width:none}
.yt-facade .yt-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;padding:0;border:0;border-radius:12px;background:#e00;opacity:.9;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.yt-facade .yt-play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}
.yt-facade:hover .yt-play,.yt-facade .yt-play:focus-visible{opacity:1;background:#f00}
.yt-facade .yt-play:focus-visible{outline:3px solid #fff;outline-offset:2px}
span.yt-play{pointer-events:none}
@media (max-width:800px){
 html,body{width:auto;height:auto}
 body{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}
 #container,#container2,#bh-notice{width:auto!important;max-width:100%;min-width:0}
 #container2{padding:0 8px}
 /* top tabs */
 #menu{padding-bottom:8px}
 .nav-main{float:none;display:table;margin:0 auto;max-width:100%}
 .nav-main .menu{max-width:100%;max-height:none}
 .nav-main ul{height:auto;min-height:48px}
 .nav-main a:link,.nav-main a:visited{padding:13px 8px;font-size:15px}
 .nav-main-bottom{display:none}
 /* header: drop the 1000px sprite frame, keep a paper card */
 #header,#header2,#header3{background:none;top:0;margin:0;padding:0}
 #header{background:#f6f1ea;border:1px solid #dacfba;box-shadow:3px 3px 6px rgba(0,0,0,.35);padding:8px}
 #header4{top:0;padding:0;min-height:0}
 #logo{position:static;top:0;left:0}
 #logo-2,#logo-3{position:static;float:none;background:none;height:auto;padding:0;min-width:0}
 #logo table,#logo td{height:auto;width:100%}
 #logo td{text-align:center;padding:4px 0 8px}
 #logo a:link,#logo a:visited{white-space:normal;font-size:27px;line-height:1.15}
 #site-description{margin-top:4px;font-size:13px}
 #banner{left:0;margin:0}
 #banner img{display:block;width:100%;height:auto;max-width:100%}
 /* content + sidebar stacked */
 .content{background:#f8f4ef;border:1px solid #dacfba;box-shadow:3px 3px 6px rgba(0,0,0,.35);margin-top:10px}
 #col-2-left,#col-2-right,#col-1,#col-3,#col-3-left{padding:10px 0}
 #col-main,#col-left,#col-right,#col-2-left #col-main,#col-2-right #col-main,#col-2-left #col-left,#col-2-right #col-left{width:auto!important;float:none!important;margin:0!important;padding:0!important;overflow:visible}
 #main-content,#col-2-left #main-content,#col-2-right #main-content,#col-1 #main-content{padding:0 12px 20px!important}
 #col-left{padding:0 12px 10px!important}
 .sidebar li.widget{margin-right:0}
 /* posts */
 .entry-title{font-size:24px;line-height:1.2}
 .entry-content,.entry-summary{font-size:16px;line-height:1.55;overflow-wrap:break-word}
 .entry-meta,.entry-utility{font-size:13px;overflow-wrap:break-word}
 .paper-all .post .tape{display:none}
 #main-content img,#main-content video,#main-content embed,#main-content object,#main-content iframe,#main-content table,.wp-caption,.attachment-post-thumbnail,#col-left img{max-width:100%!important;height:auto}
 #main-content iframe{aspect-ratio:16/9;height:auto}
 #main-content embed,#main-content object{height:auto;aspect-ratio:4/3}
 #main-content .yt-facade{aspect-ratio:16/9!important;height:auto}
 #main-content .yt-facade iframe,#main-content .yt-facade .yt-thumb{aspect-ratio:auto;height:100%!important;max-width:none!important}
 #main-content [style*="width"]{max-width:100%!important}
 #main-content table{display:block;overflow-x:auto}
 #main-content pre{white-space:pre-wrap}
 .alignleft,.alignright{float:none!important;display:block;margin:0 auto 10px!important}
 #nav-above,#nav-below{height:auto;overflow:hidden}
 #commentform input,#commentform textarea{max-width:100%}
 .commentlist .comment-body{margin-left:0}
 /* footer */
 #footer{margin-top:10px}
 .nav-footer{background:#f6f1ea;border:1px solid #dacfba;height:auto;top:0;left:0;padding:6px;overflow:visible;text-align:center}
 .nav-footer li{float:none!important;display:inline-block}
 .nav-footer a:link,.nav-footer a:visited{display:inline-block;padding:10px 8px}
 #main-content,#col-left{overflow-wrap:anywhere}
 /* old (2003-era) non-WordPress pages that also load the theme css */
 body:not(:has(#container)){overflow-wrap:anywhere}
 body:not(:has(#container)) img{max-width:100%;height:auto}
 body:not(:has(#container)) table,body:not(:has(#container)) td,body:not(:has(#container)) th{width:auto!important;max-width:100%}
 body:not(:has(#container)) table{table-layout:fixed;width:100%!important}
 body:not(:has(#container)) [style*="width"]{max-width:100%!important}
 body:not(:has(#container)) [style*="margin-left"]{margin-left:0!important}
}