/* Noabase PDF のトップ(作業の一覧)。編集画面の /style.css は読み込まず、ここだけで完結させる。色と書体は編集画面に合わせる。 */
/* 本文は端末の書体で表示する(2026-09-27 ユーザー指示) */
*{box-sizing:border-box}
body{margin:0;color:#203047;background:#fff;font:14px Roboto,"Noto Sans JP",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #8171d3;outline-offset:2px}
[hidden]{display:none!important}

/* ヘッダー(編集画面の style.css と同じ指定)。 */
@font-face{font-family:"Noabase Brand";src:url('/assets/shared/fonts/NotoSansJP-ui.woff2') format('woff2');font-weight:600 700;font-display:swap}
header.site-header{display:flex;align-items:center;height:53.25px;min-height:53.25px;padding:0 32px;gap:20px;justify-content:space-between;color:#222b38;line-height:1.5}
header.site-header .brand{font-family:"Noabase Brand",sans-serif;font-synthesis:none;font-size:23px;font-weight:650;letter-spacing:-.04em;line-height:1.5;white-space:nowrap;color:inherit;text-decoration:none}
.site-header #services{font-family:system-ui,"Yu Gothic",sans-serif;font-size:13px;font-weight:600;line-height:20px;letter-spacing:normal;color:#111;padding:12px 0 12px 16px;white-space:nowrap}
.site-header #services:hover{color:#222b38;text-decoration:none}
@media(max-width:650px){header.site-header{height:49.5px;min-height:49.5px;padding:0 16px;gap:8px;flex-wrap:nowrap}header.site-header .brand{flex:1;font-size:18px}.site-header #services{font-size:12px;padding-left:4px}}

/* 本文 */
.top{max-width:1600px;margin:0 auto;padding:8px 24px 56px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
h1{font-size:28px;font-weight:600;line-height:1.4;margin:0 0 6px}
.lead{margin:0;font-size:13px;line-height:1.9;color:#74839a}

/* 編集の続き(途中の編集があるときだけ出す)。 */

/* まとまりと作業 */
.group{margin-top:28px}
.group h2{font-size:15px;font-weight:600;margin:0 0 10px;color:#203047}
.tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tasks li{min-width:0}
.task{display:flex;align-items:center;gap:12px;height:100%;min-height:64px;padding:12px 14px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;transition:background-color .12s,border-color .12s}
.task:hover{background:#f7f8fa;border-color:#cfd7e2}
.task:active{background:#f1f3f6}
.task svg{flex:none;width:38px;height:38px;padding:9px;border-radius:9px;background:#f1f3f6;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.task-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.task-name{font-size:14px;font-weight:600;line-height:1.5}
.task-desc{font-size:12px;line-height:1.5;color:#74839a}

/* 一番下の「PDFを編集」(見出しなし・幅いっぱい)。 */
.edit-entry{margin-top:36px;padding-top:24px}
.task-wide{padding:16px 18px;background:#f1f3f6;border-color:transparent}
.task-wide:hover{background:#e9edf3;border-color:transparent}
.task-wide svg{background:#fff}
.task-wide .task-body{flex:1}
.task-wide .task-name{font-size:15px}
.task-wide svg.task-arrow{width:20px;height:20px;padding:0;background:none;color:#74839a}

@media(max-width:760px){
  .top{padding:4px 16px 40px}
  h1{font-size:22px}
  .group{margin-top:24px}
  .tasks{grid-template-columns:1fr;gap:8px}
  .task{min-height:58px;padding:10px 12px}
  .task svg{width:34px;height:34px;padding:8px}
}