/* Additions are scoped so the existing SBI site shell keeps its styling. */
.word-scramble-hub .ws-hero{float:left;width:220px;max-width:44%;height:auto;margin:0 20px 12px 0;border:1px solid #d0d7e2;box-shadow:0 2px 8px #0002}
.word-scramble-hub .ws-clear{clear:both}
.word-scramble-hub .ws-jump{clear:both;margin:20px 0 26px;padding:12px 14px;background:#f3f7fa;border-left:4px solid #365f8b;border-radius:4px;line-height:1.9}
.word-scramble-hub .ws-jump a{display:inline-block;margin-right:18px}
.word-scramble-hub .ws-section{clear:both;padding-top:8px;scroll-margin-top:20px}
.word-scramble-hub .ws-grid{display:flex;flex-wrap:wrap;gap:26px 20px;margin:22px 0 30px}
.word-scramble-hub .ws-card{width:170px;min-width:0;text-align:center}
.word-scramble-hub .ws-card img{display:block!important;width:150px;max-width:100%;height:auto;margin:0 auto 9px;padding:0;border:1px solid #d0d7e2;box-sizing:border-box}
.word-scramble-hub .ws-puzzle-name{display:block;font-weight:bold;line-height:1.3}
.word-scramble-hub .ws-puzzle-info{display:block;margin:6px 0 2px;font-size:.82em;line-height:1.4;color:#555}
.word-scramble-hub .ws-solution{display:inline-block;padding:5px 8px;font-size:.9em;font-style:italic}
.word-scramble-hub li{margin-bottom:8px;line-height:1.6}
.word-scramble-hub a:focus-visible,.ws-print a:focus-visible,.ws-print button:focus-visible{outline:3px solid #c16915;outline-offset:3px}
.ws-breadcrumbs{margin:16px 0 0;line-height:1.5;font-size:1em}
.ws-breadcrumbs ol{margin:0;padding:0;list-style:none}
.ws-breadcrumbs li{display:inline}
.ws-breadcrumbs li+li::before{content:"\00bb";padding:0 8px}
/* Use the crossword print-page layout and the site's existing background. */
.ws-screen-frame{box-sizing:border-box;width:min(970px,100%);margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:30px}
.ws-print h1.ws-screen-title{box-sizing:border-box;flex:0 0 100%;margin-right:0;margin-left:0;background-color:#b0e0e6}
.ws-ad-slot{flex:0 0 100%;min-width:0}
.ws-control{box-sizing:border-box;flex:0 0 210px;width:210px;margin:18px 0 0;text-align:center}
.ws-print .ws-action,.ws-print .ws-action:is(:link,:visited,:hover,:focus,:active){box-sizing:border-box;display:inline-block;width:210px;padding:10px 8px;border:1px solid #fff;border-radius:4px;background-color:#0e3963;color:#fff!important;cursor:pointer;font:700 18px/1.2 Arial,Helvetica,sans-serif;text-decoration:none!important;white-space:nowrap}
.ws-print .ws-action:hover{background-color:#245581}
/* Match the Sudoku caption: plain navy text, 8px padding, raised 4px. */
/* Keep the natural Sudoku header height: with no top ad, the note stays in the navy band. */
.ws-print #ws-print{display:block;border-radius:4px}
.ws-print-note{box-sizing:border-box;position:relative;top:-4px;width:100%;margin:0;padding:8px 0 0;border:0;border-radius:0;background:transparent;text-align:center;color:#0e3963;font:14px/1.4 Arial,Helvetica,sans-serif;white-space:normal}
.ws-next{box-sizing:border-box;width:min(900px,calc(100% - 24px));margin:22px auto 0;text-align:right;font-size:17px;line-height:1.4}
.ws-print .ws-next a{color:#0e3963;display:inline-block;padding:4px 0}
.ws-print #print-page{box-sizing:border-box;width:min(900px,calc(100% - 24px));margin:12px auto 30px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #0003;line-height:0}
.ws-print #print-page>img{display:block!important;width:100%;height:auto;margin:0;padding:0!important;border:0}
.ws-print-footer{box-sizing:border-box;width:min(970px,100%);margin:0 auto 30px;padding:0 14px;text-align:center;font-size:18px;line-height:1.5}
.ws-print-footer .ws-breadcrumbs{font-size:18px}
.print-frame{position:fixed;left:-9999px;top:0;width:1px;height:1px;border:none;pointer-events:none}
@media screen and (max-width:900px){
 .ws-screen-frame{padding:0 8px}
 .ws-control{flex:0 0 320px;width:320px;max-width:calc(100% - 16px);margin-top:12px}
 .ws-print .ws-action{width:100%!important;white-space:normal}
 .ws-next{margin-top:14px}
}
@media screen and (max-width:480px){
 .word-scramble-hub .ws-hero{width:140px;margin-right:12px;padding:0!important}
 .word-scramble-hub .ws-grid{gap:22px 12px}
 .word-scramble-hub .ws-card{width:calc(50% - 6px)}
 .word-scramble-hub .ws-card img{width:140px}
 .word-scramble-hub .ws-jump a{padding:2px 0}
}
/* Preserve the tested image-only browser-print fallback. */
@media print{
 @page{size:portrait;margin:0}
 html:has(body.ws-print),body.ws-print{margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;background:#fff!important}
 body.ws-print>:not(#print-page){display:none!important}
 body.ws-print #print-page{display:block!important;position:static!important;box-sizing:border-box!important;max-width:8.5in!important;width:100%!important;margin:0 auto!important;padding:0!important;border:0!important;box-shadow:none!important;line-height:0!important;break-inside:avoid;page-break-inside:avoid;overflow:visible!important}
 body.ws-print #print-page img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;border:0!important;margin:0!important;padding:0!important}
}