/* 計算ツールのスマホ表示（2026-10-19）：開いてすぐツールを操作できるように、上の部分を小さくまとめる
   週シフト時間計算ツールと同じ形。<body class="cj-app"> のページだけに効く。パソコンの見た目は変えない */
.cj-appbar{display:block}
.cj-howlink,.cj-coach{display:none}
@media (max-width:599px){
  /* サイト名とリンクを1行に */
  body.cj-app .site-header{padding-top:6px}
  body.cj-app .site-header .wrap{flex-wrap:nowrap;row-gap:0}
  body.cj-app .site-header .brand{font-size:14px;white-space:nowrap}
  body.cj-app .site-header .site-nav{white-space:nowrap}
  body.cj-app .site-header .site-nav a{font-size:12px;margin-left:10px}
  body.cj-app main.page{padding-top:4px}
  /* 古い形のページ（消費税の内訳・源泉）の上の行 */
  body.cj-app .cj-head{flex-wrap:nowrap!important;margin:0 0 4px!important}
  body.cj-app .cj-head>a{font-size:14px!important;white-space:nowrap}
  body.cj-app .cj-head nav{white-space:nowrap}
  body.cj-app .cj-head nav a{font-size:12px!important;margin-left:10px!important}
  /* パンくず・大きな吹き出し・説明の1行はスマホでは出さない（説明は下の「使い方・説明」に書いてある） */
  body.cj-app .breadcrumb,body.cj-app .cj-intro,body.cj-app .intro,body.cj-app p.sub{display:none}
  body.cj-app .disclosure-note{font-size:11px;margin:0 0 4px}
  /* 小さなツール名＋「使い方・説明 ↓」 */
  .cj-appbar{display:flex;align-items:center;gap:6px;margin:0 0 8px}
  .cj-appbar h1{margin:0!important;padding:0!important;border:0!important;font-size:14px!important;line-height:1.4!important;color:var(--accent-deep,#c98a00)!important}
  .cj-appbar .cj-howlink{display:inline;margin-left:auto;flex:none;font-size:12.5px;color:var(--muted,#7a6636)}
  /* 坊やの1行の帯 */
  .cj-coach{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:3px 10px;background:var(--highlight,#fff3cd);border-radius:12px;font-size:13.5px;font-weight:700;line-height:1.4;color:var(--text,#4a3f28)}
  .cj-coach img{width:28px;height:auto;flex:none}
  .cj-coach span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
}
@media (max-width:599px) and (prefers-color-scheme:dark){
  .cj-coach{background:var(--highlight,#4a3d17);color:var(--text,#f3ecd8)}
}