/* Note columns: cards that link out to note, shared by the home, business, tool and column pages. */
.notes-home{padding:100px var(--gutter);border-top:1px solid var(--line)}
.notes-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 40px;margin-bottom:40px}
.notes-head .eyebrow{grid-column:1/-1;margin:0}
.notes-head h2{margin:0;font-size:clamp(28px,3.4vw,46px);line-height:1.5;color:var(--ink)}
.notes-head .text-link{min-width:220px;max-width:none}
.note-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.note-grid[hidden],.note-card[hidden],.column-filters[hidden],.column-empty[hidden]{display:none}
.note-card{min-width:0;background:var(--surface,#fffefb);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.note-link{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none}
.note-link:hover .note-title{text-decoration:underline;text-underline-offset:4px}
.note-link:focus-visible{outline:3px solid var(--green);outline-offset:-3px}
.note-thumb{display:block;aspect-ratio:1280/670;background:var(--navy);overflow:hidden}
.note-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.note-thumb-text{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font:400 26px/1 Georgia,serif;letter-spacing:.04em}
.note-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:22px 22px 24px}
.note-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--green)}
.note-meta time{font-family:Georgia,serif;letter-spacing:.02em}
.note-business{padding:2px 9px;border:1px solid var(--green);border-radius:999px;font-size:12px;letter-spacing:.04em}
.note-title{font:700 18px/1.7 'Noto Serif JP',serif;color:var(--ink)}
.note-summary{font-size:14px;line-height:1.85;color:var(--ink)}
.note-read{margin-top:auto;padding-top:10px;font-size:13px;color:var(--green);border-top:1px solid var(--line)}
.note-more{margin:32px 0 0}
.notes-section .note-more .text-link{width:min(100%,420px)}
.column-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.column-filters button{min-height:44px;padding:8px 18px;border:1px solid var(--green);border-radius:999px;background:transparent;color:var(--green);font:14px/1.4 'Noto Sans JP',sans-serif;cursor:pointer}
.column-filters button[aria-pressed="true"]{background:var(--green);color:#fff}
.column-count{margin:0 0 24px;font-size:14px;color:var(--ink)}
.column-empty{margin:0 0 24px;font-size:15px;color:var(--ink)}
.note-grid--all{margin-top:0}
/* Column list: heading above, the cards full width (3 columns on PC). */
.column-list-section{grid-template-columns:minmax(0,1fr);gap:28px}

@media(max-width:1024px){
  .note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .notes-home{padding:72px 24px}
  .notes-head{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:28px}
  .notes-head .text-link{min-width:0;width:100%}
  .note-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .note-body{padding:18px 18px 20px}
  .column-filters button{flex:1 1 auto}
}