/* supplement.css — hook for Phase 4 visual fixes. Base theme is /inc/styl.css. */

/* --- de-framed layout (wayback-fixer rebuild) --- */
.wf-wrap { max-width: 980px; margin: 0 auto; }
.wf-head { background: url('/img/prechod3.png') repeat-y; padding: 10px 0 0 10px; line-height: 0; }
.wf-head img { border: 0; max-width: 100%; height: auto; }
.wf-menu { background: url('/img/prechod3.png') repeat-y; padding: 9px 0; }
.wf-menu table { margin: 0 auto; }
.wf-menu td { background: #66ccff; text-align: center; vertical-align: middle; }
.wf-menu td.g { background: transparent; width: 5px; padding: 0; }
.wf-menu td.blog { background: #ff8000; }
.wf-menu td.blog a { color: #fff; }
.wf-subnav { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 0 0 16px; }
.wf-subnav a { background: #66ccff; color: #000; font: bold 12px Verdana, sans-serif; text-decoration: none; padding: 6px 10px; }
.wf-subnav a:hover, .wf-subnav a.active { background: #ff8000; color: #fff; }
.wf-body { max-width: 980px; margin: 0 auto; display: flex; align-items: flex-start; }
.wf-content { width: 780px; box-sizing: border-box; background: url('/img/prechod4.png') repeat-y; padding: 14px 22px; min-height: 460px; }
.wf-side { width: 200px; box-sizing: border-box; background: url('/img/prechod5.png') repeat-y; padding: 8px 6px; text-align: center; }
.wf-side img { max-width: 100%; height: auto; }
.wf-foot { background: url('/img/prechod3.png') repeat-y; text-align: center; padding: 10px; }
.wf-recent { background: #fff; border: 1px solid #cbe6f5; margin-bottom: 14px; padding: 10px 8px; text-align: left; }
.wf-recent .h { font: bold 12px Verdana, sans-serif; color: #ff8000; text-transform: uppercase; margin-bottom: 8px; text-align: center; }
.wf-recent a { display: block; font: bold 12px Verdana, sans-serif; color: #002; line-height: 1.4; padding: 5px 0; border-bottom: 1px solid #eee; }
.wf-recent a:last-child { border-bottom: 0; }
.wf-recent a:hover { color: #ff8000; }
@media (max-width: 800px) { .wf-body { flex-direction: column; } .wf-content, .wf-side { width: 100%; } }