/* nch-core · "What you can do now" strip (nch_can_do_strip), 2026-10-09 (round 3: a line icon per path, more presence).
   Self-contained so any template can use it: brand tokens when present, plain fallbacks otherwise.
   Scoped under .nch-can-do so GeneratePress's element styles cannot leak in. */
.nch-can-do {
  --nch-cd-ink: var(--nch-ink, #14384A);
  --nch-cd-ink-deep: var(--nch-shell-ink-deep, #0F2C3C);
  --nch-cd-text-2: #46545E;
  --nch-cd-line: rgba(20, 56, 74, .14);
  --nch-cd-radius: var(--nch-radius, 3px);
  --nch-cd-ease: var(--nch-ease, cubic-bezier(.23, 1, .32, 1));
  padding: 36px 0 40px;
  background: #EFE9DD;
}
.nch-can-do *, .nch-can-do *::before, .nch-can-do *::after { box-sizing: border-box; }
.nch-can-do__in { width: 100%; max-width: calc(1200px + 2 * clamp(16px, 4vw, 48px)); margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px); }
.nch-can-do .nch-can-do__h { margin: 0 0 18px; padding: 0; border: 0; font: 400 clamp(24px, 2.4vw, 30px)/1.15 "Playfair Display", Georgia, serif; letter-spacing: -.01em; color: var(--nch-cd-ink-deep); }
.nch-can-do .nch-can-do__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.nch-can-do .nch-can-do__list li { margin: 0; display: flex; }
.nch-can-do .nch-can-do__item { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 6px; width: 100%; min-height: 44px; margin: 0; padding: 18px 18px 18px;
  border: 1px solid var(--nch-cd-line); border-radius: var(--nch-cd-radius); background: #FDFBF6; box-shadow: 0 1px 0 rgba(20, 56, 74, .04);
  color: var(--nch-cd-ink); text-align: left; text-decoration: none; cursor: pointer; font: inherit;
  transition: border-color 160ms, transform 200ms var(--nch-cd-ease), box-shadow 200ms var(--nch-cd-ease); }
.nch-can-do .nch-can-do__item:hover { border-color: var(--nch-cd-ink); background: #FDFBF6; color: var(--nch-cd-ink); transform: translateY(-2px); box-shadow: 0 16px 28px -20px rgba(15, 44, 60, .6); }
.nch-can-do .nch-can-do__item:focus-visible { outline: 2px solid var(--nch-blue, #215B8F); outline-offset: 2px; }
.nch-can-do__ic { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 6px; border-radius: 50%; background: var(--nch-sand, #F5D9A8); color: var(--nch-cd-ink-deep); }
.nch-can-do__t { display: flex; align-items: baseline; gap: 6px; font: 600 15px/1.3 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--nch-cd-ink-deep); }
.nch-can-do__arr { margin-left: auto; color: #7A5C28; transition: transform 200ms var(--nch-cd-ease); }
.nch-can-do__item:hover .nch-can-do__arr { transform: translateX(3px); }
.nch-can-do__l { font: 400 13.5px/1.5 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--nch-cd-text-2); }
@media (max-width: 1023px) {
  .nch-can-do .nch-can-do__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .nch-can-do { padding: 28px 0 30px; }
  .nch-can-do .nch-can-do__list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .nch-can-do .nch-can-do__item { grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; padding: 14px; }
  .nch-can-do__ic { grid-row: 1 / span 2; width: 40px; height: 40px; margin: 0; }
}
@media (prefers-reduced-motion: reduce) { .nch-can-do .nch-can-do__item, .nch-can-do__arr { transition: none; } }