/* OceanofTools category-local shared CSS. Tool-specific layout belongs in the page CSS file. */
/* Category-local shared rules. Tool function/layout CSS stays in this category or the page itself. */
.search-container{display:none!important}


/* ===== 2026-08-17 Misc tools responsive workspace ===== */
body.misc-tool-page{overflow-x:hidden;background:linear-gradient(180deg,#f5f8fc,#eef4f8);}
body.misc-tool-page *{box-sizing:border-box;min-width:0;}
body.misc-tool-page .hero{width:min(1380px,calc(100% - 24px))!important;margin:14px auto!important;padding:20px 24px!important;border-radius:24px!important;background:linear-gradient(135deg,#10254a,#1a4777)!important;color:#fff!important;text-align:left!important;}
body.misc-tool-page .hero-icon{display:none!important;}body.misc-tool-page .hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;margin:0 0 8px!important;font-size:clamp(1.9rem,4vw,2.8rem)!important;}body.misc-tool-page .hero p{color:rgba(255,255,255,.88)!important;margin:0!important;max-width:980px!important;}
body.misc-tool-page img,body.misc-tool-page canvas,body.misc-tool-page svg{max-width:100%;height:auto;}
@media(max-width:640px){body.misc-tool-page .hero{width:calc(100% - 12px)!important;padding:16px!important;border-radius:18px!important;}body.misc-tool-page .hero h1{font-size:1.72rem!important;}body.misc-tool-page .container1,body.misc-tool-page .container{width:calc(100% - 12px)!important;max-width:none!important;margin:10px auto!important;padding:12px!important;grid-template-columns:1fr!important;}body.misc-tool-page .tool-card{width:100%!important;max-width:100%!important;}body.misc-tool-page .action-buttons,body.misc-tool-page .button-group{display:grid!important;grid-template-columns:1fr!important;}body.misc-tool-page button{max-width:100%;}}