.page-kakko-simplifier{background-color:#f3e5f5 !important;}

/* =========================================================
   2026-09-19 ページ別薄色背景（#f0fdf4）
   ========================================================= */
body {
    background-color: #f0fdf4 !important;
    color: #111111 !important;
}
/* =========================================================
   kakko_simplifier: 2カラムレイアウト (2026-09-26)
   HTML は .tool-grid / .tool-box を使うが CSS 未定義のため追加
   ========================================================= */
body.page-kakko-simplifier .tool-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 20px auto;
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    align-items: start;
}

body.page-kakko-simplifier .tool-box {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

body.page-kakko-simplifier .tool-box textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
}

@media screen and (max-width: 767px) {
    body.page-kakko-simplifier .tool-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
/* 2026-10-16 kakko幅修正 */
html{overflow-x:hidden}
body{max-width:1200px;margin:0 auto;padding:16px 20px;box-sizing:border-box;overflow-x:hidden}
.container,.main-box,.tool-card,.kako-container{max-width:100%;min-width:0;overflow-wrap:anywhere;box-sizing:border-box}