/* 気になる話題ラボ：Editorial Note UI v1.4 */
:root {
  --knl-bg: #f5f7f6;
  --knl-paper: #ffffff;
  --knl-soft: #eef3f1;
  --knl-line: #dde5e2;
  --knl-text: #17211e;
  --knl-sub: #697570;
  --knl-accent: #0d9f78;
  --knl-accent-dark: #08785b;
  --knl-accent-pale: #ddf4ec;
  --knl-yellow: #f6c85f;
  --knl-max: 1200px;
  --knl-radius: 18px;
  --knl-shadow: 0 14px 40px rgba(24, 49, 42, .08);
}

html { scroll-behavior: smooth; }
body {
  background: var(--knl-bg) !important;
  color: var(--knl-text) !important;
  -webkit-font-smoothing: antialiased;
}

/* Header */
#header, .header, .header-container, .header-container-in {
  background: rgba(255,255,255,.96) !important;
  box-shadow: none !important;
}
.header-container { border-bottom: 0 !important; }
.logo-header {
  position: relative;
  padding: 36px 20px 30px !important;
  overflow: hidden;
}
.logo-header::before,
.logo-header::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
.logo-header::before {
  width: 240px; height: 240px;
  left: -100px; top: -150px;
  background: radial-gradient(circle, rgba(13,159,120,.13), rgba(13,159,120,0) 68%);
}
.logo-header::after {
  width: 170px; height: 170px;
  right: -70px; bottom: -115px;
  background: radial-gradient(circle, rgba(246,200,95,.18), rgba(246,200,95,0) 70%);
}
.site-name-text, .logo-text {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 13px;
  color: var(--knl-text) !important;
  font-size: clamp(29px, 3.1vw, 43px) !important;
  font-weight: 800 !important;
  letter-spacing: .035em;
  line-height: 1.25;
}
.site-name-text::before, .logo-text::before {
  content: "?";
  display: inline-grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #1bc59a, var(--knl-accent-dark) 75%);
  color: #fff;
  font: 900 24px/1 system-ui, sans-serif;
  box-shadow: 0 10px 26px rgba(13,159,120,.26);
  border: 3px solid rgba(255,255,255,.88);
  transform: rotate(-7deg);
}
.tagline {
  margin-top: 11px !important;
  color: var(--knl-sub) !important;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: .10em;
}

/* Navigation */
#navi, .navi, .navi-in, .menu-header { background: #fff !important; }
#navi, .navi {
  border-top: 1px solid var(--knl-line);
  border-bottom: 1px solid var(--knl-line);
  box-shadow: 0 5px 18px rgba(25,51,44,.035) !important;
}
.navi-in > ul, .menu-header {
  max-width: var(--knl-max);
  margin: 0 auto !important;
  justify-content: center !important;
  gap: 4px;
  padding: 0 18px;
}
.navi-in a, .menu-header a {
  position: relative;
  min-height: 58px !important;
  padding: 0 17px !important;
  color: #3b4743 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: transparent !important;
  transition: color .2s ease, transform .2s ease !important;
}
.navi-in a:hover, .menu-header a:hover,
.navi-in .current-menu-item > a {
  color: var(--knl-accent-dark) !important;
  background: transparent !important;
  transform: translateY(-1px);
}
.navi-in .current-menu-item > a::after {
  content: "";
  position: absolute;
  left: 18px; right: 18px; bottom: 0;
  height: 3px;
  border-radius: 5px 5px 0 0;
  background: var(--knl-accent);
}
.knl-nav-icon { gap: 7px; }
.knl-nav-icon::before {
  content: "";
  width: 17px; height: 17px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: var(--knl-icon) center / contain no-repeat;
  mask: var(--knl-icon) center / contain no-repeat;
  opacity: .85;
}
.navi-in a.knl-nav-icon, .menu-header a.knl-nav-icon {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}
.navi-in a.knl-nav-icon::before, .menu-header a.knl-nav-icon::before {
  flex: 0 0 auto;
}
.knl-icon-home { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.5 12 4l7.5 6.5V20h-5.2v-5.4H9.7V20H4.5z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.knl-icon-new { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5M5.5 5.5l3.2 3.2M15.3 15.3l3.2 3.2M18.5 5.5l-3.2 3.2M8.7 15.3l-3.2 3.2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3C/svg%3E"); }
.knl-icon-popular { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16.5 10 11l3.4 3.3 5.6-6.3' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8 8h3.2v3.2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.knl-icon-category { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='5' width='7' height='6' rx='1.8'/%3E%3Crect x='13.5' y='5' width='7' height='6' rx='1.8'/%3E%3Crect x='3.5' y='13' width='7' height='6' rx='1.8'/%3E%3Crect x='13.5' y='13' width='7' height='6' rx='1.8'/%3E%3C/svg%3E"); }
.knl-icon-contact { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 20 4l-4.8 15-3.7-5.1L4 7.5Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='m20 4-8.5 9.9' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"); }
.knl-icon-about { --knl-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='3.2'/%3E%3Cpath d='M5 19.5c1.5-3.5 4-5 7-5s5.5 1.5 7 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Editorial hero */
.knl-editorial-hero {
  background:
    radial-gradient(circle at 13% 20%, rgba(13,159,120,.15), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(246,200,95,.20), transparent 24%),
    linear-gradient(135deg, #f7fbf9, #edf5f2);
  border-bottom: 1px solid var(--knl-line);
}
.knl-hero-inner {
  max-width: var(--knl-max);
  min-height: 265px;
  margin: 0 auto;
  padding: 44px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.knl-hero-copy { max-width: 720px; }
.knl-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--knl-accent-dark);
  font: 800 11px/1.2 system-ui, sans-serif;
  letter-spacing: .18em;
}
.knl-hero-kicker::before { content:""; width: 26px; height: 2px; background: var(--knl-accent); }
.knl-hero-title {
  margin-top: 15px;
  font-size: clamp(29px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .015em;
}
.knl-hero-title strong { color: var(--knl-accent-dark); font-weight: 850; }
.knl-hero-copy p { margin: 15px 0 0; color: var(--knl-sub); font-size: 15px; line-height: 1.9; }
.knl-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:21px; }
.knl-hero-tags span {
  padding: 7px 12px;
  border: 1px solid rgba(13,159,120,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--knl-accent-dark);
  font-size: 12px;
  font-weight: 750;
}
.knl-hero-mark {
  position: relative;
  flex: 0 0 165px;
  width: 165px; height: 165px;
  display:grid; place-items:center;
  border-radius: 46px 46px 46px 14px;
  background: linear-gradient(145deg, var(--knl-accent), var(--knl-accent-dark));
  color:#fff;
  box-shadow: 0 24px 50px rgba(13,159,120,.23);
  transform: rotate(4deg);
}
.knl-hero-mark span { font: 900 92px/1 system-ui,sans-serif; transform: rotate(-4deg); }
.knl-hero-mark i {
  position:absolute; right:-11px; bottom:-11px; width:42px; height:42px;
  border-radius:50%; background:var(--knl-yellow); border:7px solid #edf5f2;
}

/* Main layout */
#content, .content-in { max-width: var(--knl-max) !important; }
.content-in {
  gap: 36px;
  padding: 46px 22px 78px !important;
}
.main, .main-content, #main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.knl-note-list-page .main { width: min(100%, 820px) !important; }
.list-title, .archive-title, .search-title, .page-title {
  margin: 0 0 20px !important;
  padding: 0 0 15px !important;
  border-bottom: 2px solid var(--knl-line) !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}

/* Article cards */
.entry-card-wrap, a.entry-card-wrap {
  display:block;
  margin: 0 0 20px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  animation: knl-rise .45s ease both;
  animation-delay: calc(min(var(--knl-index), 8) * 45ms);
}
@keyframes knl-rise { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
.entry-card, .related-entry-card {
  position: relative;
  display:grid !important;
  grid-template-columns:minmax(240px, 315px) minmax(0,1fr);
  gap:25px;
  align-items:center;
  margin:0 !important;
  padding:18px !important;
  border:1px solid rgba(221,229,226,.95) !important;
  border-radius:var(--knl-radius) !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 8px 25px rgba(24,49,42,.055) !important;
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.entry-card::before {
  content:"";
  position:absolute; left:0; top:18px; bottom:18px; width:4px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(var(--knl-accent), var(--knl-accent-dark));
  opacity:0;
  transform:scaleY(.65);
  transition:.22s ease;
}
.entry-card-wrap:hover .entry-card {
  opacity:1 !important;
  transform:translateY(-4px) !important;
  border-color:rgba(13,159,120,.25) !important;
  box-shadow:var(--knl-shadow) !important;
}
.entry-card-wrap:hover .entry-card::before { opacity:1; transform:scaleY(1); }
.entry-card-thumb, .entry-card-thumb.card-thumb, .related-entry-card-thumb {
  width:100% !important; margin:0 !important; float:none !important;
  overflow:hidden; border-radius:13px;
}
.entry-card-thumb img, .related-entry-card-thumb img {
  display:block; width:100% !important; aspect-ratio:16/9; object-fit:cover;
  border-radius:13px !important;
  transition:transform .4s ease, filter .4s ease;
}
.entry-card-wrap:hover .entry-card-thumb img { transform:scale(1.025); filter:saturate(1.04); }
.entry-card-content, .related-entry-card-content { min-width:0; padding:1px 2px !important; margin:0 !important; }
.entry-card-title, .entry-card-title.card-title, .related-entry-card-title {
  margin:0 0 10px !important;
  color:var(--knl-text) !important;
  font-size:clamp(18px,2vw,22px) !important;
  font-weight:800 !important;
  line-height:1.55 !important;
}
.entry-card-snippet, .related-entry-card-snippet {
  margin:0 0 15px !important;
  color:#59645f !important;
  font-size:14px !important;
  line-height:1.8 !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.entry-card-meta, .related-entry-card-meta, .e-card-info {
  position:static !important;
  display:flex !important;
  flex-wrap:wrap; gap:8px 14px;
  margin-top:8px !important;
  color:var(--knl-sub) !important;
  font-size:12px !important;
}
.entry-card .post-count, .entry-card .post-counts, .entry-card .view-count,
.entry-card .post-date, .entry-card .post-update, .entry-card .category { color:var(--knl-sub) !important; }
.entry-card-meta .fa, .e-card-info .fa {
  color:var(--knl-accent) !important;
  font-size:13px !important;
}

/* Sidebar */
.sidebar, #sidebar { width:320px !important; padding:0 !important; background:transparent !important; }
.sidebar .widget, #sidebar .widget {
  margin:0 0 22px !important;
  padding:23px !important;
  border:1px solid var(--knl-line) !important;
  border-radius:var(--knl-radius) !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 8px 26px rgba(24,49,42,.05) !important;
}
.sidebar .widget:first-child, #sidebar .widget:first-child {
  border-top:4px solid var(--knl-accent) !important;
}
.sidebar .widget-title, #sidebar .widget-title {
  display:flex; align-items:center; gap:10px;
  margin:0 0 18px !important; padding:0 0 13px !important;
  border:0 !important; border-bottom:1px solid var(--knl-line) !important;
  background:transparent !important;
  color:var(--knl-text) !important;
  font-size:16px !important; font-weight:800 !important;
}
.knl-widget-icon::before {
  content:""; flex:0 0 30px; width:30px; height:30px; border-radius:9px;
  background-color:var(--knl-accent-pale);
  background-image:var(--knl-widget-symbol);
  background-position:center; background-repeat:no-repeat; background-size:16px;
}
.knl-widget-search { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.4' fill='none' stroke='%2308785b' stroke-width='2.2'/%3E%3Cpath d='m15.3 15.3 4.7 4.7' stroke='%2308785b' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.knl-widget-category { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='7' height='7' rx='2' fill='%2308785b'/%3E%3Crect x='13' y='4' width='7' height='7' rx='2' fill='%2308785b'/%3E%3Crect x='4' y='13' width='7' height='7' rx='2' fill='%2308785b'/%3E%3Crect x='13' y='13' width='7' height='7' rx='2' fill='%2308785b'/%3E%3C/svg%3E"); }
.knl-widget-popular { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16.5 10 11l3.4 3.3 5.6-6.3' fill='none' stroke='%2308785b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8 8H19v3.2' fill='none' stroke='%2308785b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.knl-widget-new { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5M5.5 5.5l3.2 3.2M15.3 15.3l3.2 3.2M18.5 5.5l-3.2 3.2M8.7 15.3l-3.2 3.2' fill='none' stroke='%2308785b' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='3.1' fill='%2308785b'/%3E%3C/svg%3E"); }
.knl-widget-about { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='3.2' fill='%2308785b'/%3E%3Cpath d='M5 19.5c1.5-3.5 4-5 7-5s5.5 1.5 7 5' fill='none' stroke='%2308785b' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.knl-widget-spark { --knl-widget-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 1.7 4.8L18.5 9.5l-4.8 1.7L12 16l-1.7-4.8L5.5 9.5l4.8-1.7z' fill='none' stroke='%2308785b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.search-box, .widget_search form { display:flex; gap:8px; position:relative; }
.search-box input, .widget_search input[type="search"], .widget_search input[type="text"] {
  min-width:0; height:48px !important;
  border:1px solid #d7e0dc !important; border-radius:11px !important;
  background:#f9fbfa !important; box-shadow:none !important;
  padding:0 14px !important; font-size:14px !important;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.search-box input:focus, .widget_search input:focus {
  border-color:var(--knl-accent) !important;
  box-shadow:0 0 0 4px rgba(13,159,120,.11) !important;
  outline:none;
}
.search-box button, .search-box .search-submit, .widget_search button, .widget_search input[type="submit"] {
  min-width:50px; height:48px !important; border:0 !important; border-radius:11px !important;
  background:linear-gradient(145deg,var(--knl-accent),var(--knl-accent-dark)) !important;
  color:#fff !important; box-shadow:0 7px 16px rgba(13,159,120,.20) !important;
}
.sidebar ul, #sidebar ul { margin:0; padding:0; list-style:none; }
.sidebar li, #sidebar li { position:relative; padding:11px 18px 11px 0; border-bottom:1px solid #eef2f0; }
.sidebar li::after, #sidebar li::after {
  content:"↗"; position:absolute; right:2px; top:50%; transform:translateY(-54%);
  color:var(--knl-accent); font-size:16px; font-weight:700;
  opacity:.85;
}
.sidebar li:last-child, #sidebar li:last-child { border-bottom:0; }

/* Pagination / Footer */
.pagination { margin-top:42px !important; }
.pagination a, .pagination span {
  border:1px solid var(--knl-line) !important; border-radius:10px !important;
  background:#fff !important; color:var(--knl-text) !important; box-shadow:none !important;
}
.pagination .current { border-color:var(--knl-accent) !important; background:var(--knl-accent) !important; color:#fff !important; }
#footer, .footer { border-top:1px solid var(--knl-line); background:#eaf1ee !important; }

@media (max-width:1023px) {
  .content-in { gap:25px; padding-top:34px !important; }
  .sidebar, #sidebar { width:285px !important; }
  .entry-card, .related-entry-card { grid-template-columns:250px minmax(0,1fr); gap:20px; }
  .knl-hero-inner { padding:38px 25px; }
  .knl-hero-mark { flex-basis:135px; width:135px; height:135px; }
  .knl-hero-mark span { font-size:75px; }
}

@media (max-width:834px) {
  .logo-header { padding:25px 16px 20px !important; }
  .site-name-text::before, .logo-text::before { width:35px; height:35px; font-size:21px; border-radius:11px 11px 11px 4px; }
  .navi-in > ul, .menu-header { overflow-x:auto; flex-wrap:nowrap !important; justify-content:flex-start !important; padding:0 8px; scrollbar-width:none; }
  .navi-in > ul::-webkit-scrollbar, .menu-header::-webkit-scrollbar { display:none; }
  .navi-in a, .menu-header a { white-space:nowrap; min-height:52px !important; padding:0 13px !important; }
  .knl-hero-inner { min-height:0; padding:34px 20px 37px; }
  .knl-hero-title { font-size:30px; }
  .knl-hero-mark { display:none; }
  .content-in { display:block !important; padding:28px 14px 56px !important; }
  .knl-note-list-page .main, .sidebar, #sidebar { width:100% !important; }
  .sidebar, #sidebar { margin-top:34px !important; }
  .entry-card, .related-entry-card { grid-template-columns:1fr; gap:15px; padding:14px !important; }
  .entry-card-thumb, .entry-card-thumb.card-thumb { order:1; }
  .entry-card-content { order:2; }
  .entry-card-title, .entry-card-title.card-title { font-size:19px !important; }
  .entry-card-snippet { -webkit-line-clamp:2; font-size:13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-card-wrap { animation:none; }
  .entry-card, .entry-card-thumb img, .navi-in a { transition:none !important; }
}

/* v1.2 PC: note風の小型カードを並べる */
@media (min-width: 835px) {
  :root { --knl-max: 1240px; }

  .knl-note-list-page .main {
    width: min(100%, 860px) !important;
  }

  .knl-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 22px;
    align-items: stretch;
  }

  .knl-card-grid > .entry-card-wrap,
  .knl-card-grid > a.entry-card-wrap {
    min-width: 0;
    height: 100%;
    margin: 0 !important;
  }

  .knl-card-grid .entry-card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: 100%;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff !important;
    box-shadow: 0 8px 26px rgba(28, 42, 38, .055) !important;
  }

  .knl-card-grid .entry-card::before { display: none; }

  .knl-card-grid .entry-card-thumb,
  .knl-card-grid .entry-card-thumb.card-thumb {
    border-radius: 0 !important;
  }

  .knl-card-grid .entry-card-thumb img {
    aspect-ratio: 1.82 / 1;
    border-radius: 0 !important;
  }

  .knl-card-grid .entry-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 17px 18px 16px !important;
  }

  .knl-curiosity-label {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 9px;
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--knl-accent-pale);
    color: var(--knl-accent-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.2;
  }

  .knl-curiosity-label::before {
    content: '?';
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--knl-accent);
    color: #fff;
    font: 800 10px/1 system-ui, sans-serif;
  }

  .knl-card-grid .entry-card-title,
  .knl-card-grid .entry-card-title.card-title {
    margin-bottom: 10px !important;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.62 !important;
    letter-spacing: .01em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .knl-card-grid .entry-card-snippet {
    margin-bottom: 14px !important;
    color: #66706c !important;
    font-size: 12.5px !important;
    line-height: 1.78 !important;
    -webkit-line-clamp: 2;
  }

  .knl-card-grid .entry-card-meta,
  .knl-card-grid .e-card-info {
    margin-top: auto !important;
    padding-top: 12px;
    border-top: 1px solid #edf1ef;
    font-size: 11px !important;
  }

  .knl-card-grid .entry-card-wrap:hover .entry-card {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 38px rgba(22, 44, 37, .11) !important;
  }

  .knl-card-grid .entry-card-wrap:hover .entry-card-title {
    color: var(--knl-accent-dark) !important;
  }

  .sidebar, #sidebar { width: 300px !important; }
}

@media (min-width: 1180px) {
  .knl-note-list-page .main { width: 890px !important; }
  .knl-card-grid { gap: 26px 24px; }
}

@media (max-width: 834px) {
  .knl-curiosity-label {
    display: inline-flex;
    margin: 0 0 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--knl-accent-pale);
    color: var(--knl-accent-dark);
    font-size: 11px;
    font-weight: 800;
  }
}


/* v1.3 PC single post: 余白の大きいサイドバーをなくし、note風の読みやすい1カラムへ */
@media (min-width: 1024px) {
  .knl-note-single-page #content,
  .knl-note-single-page .content-in,
  .knl-note-single-page .container,
  .knl-note-single-page .container-in {
    max-width: 1120px !important;
  }

  .knl-note-single-page .content-in {
    display: block !important;
    padding: 40px 24px 88px !important;
  }

  .knl-note-single-page .main,
  .knl-note-single-page .main-content,
  .knl-note-single-page #main {
    width: min(100%, 860px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  .knl-note-single-page .sidebar,
  .knl-note-single-page #sidebar {
    display: none !important;
  }

  .knl-note-single-page .article,
  .knl-note-single-page article.post,
  .knl-note-single-page article.page,
  .knl-note-single-page .entry-content,
  .knl-note-single-page .post,
  .knl-note-single-page .page {
    background: transparent !important;
  }

  .knl-note-single-page .article-header,
  .knl-note-single-page .entry-header {
    margin: 0 0 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--knl-line) !important;
  }

  .knl-note-single-page .entry-title,
  .knl-note-single-page .article-title,
  .knl-note-single-page h1.entry-title {
    color: var(--knl-text) !important;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
    font-size: clamp(31px, 3vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: .02em !important;
    margin-bottom: 18px !important;
  }

  .knl-note-single-page .entry-categories,
  .knl-note-single-page .entry-date,
  .knl-note-single-page .post-date,
  .knl-note-single-page .post-update,
  .knl-note-single-page .entry-header .date-tags {
    color: var(--knl-sub) !important;
    font-size: 13px !important;
  }

  .knl-note-single-page .eye-catch,
  .knl-note-single-page .eye-catch img,
  .knl-note-single-page .entry-card-thumb img {
    border-radius: 18px !important;
    overflow: hidden;
  }

  .knl-note-single-page .entry-content,
  .knl-note-single-page .article .entry-content {
    color: #2d3734 !important;
    font-size: 17px !important;
    line-height: 2.15 !important;
  }

  .knl-note-single-page .entry-content p {
    margin: 0 0 1.55em !important;
  }

  .knl-note-single-page .entry-content h2 {
    margin-top: 2.4em !important;
    margin-bottom: .9em !important;
    padding: 0 0 .45em !important;
    border-bottom: 1px solid var(--knl-line) !important;
    color: var(--knl-text) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
  }

  .knl-note-single-page .entry-content h3 {
    margin-top: 2em !important;
    margin-bottom: .85em !important;
    color: var(--knl-text) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
  }

  .knl-note-single-page .entry-content ul,
  .knl-note-single-page .entry-content ol {
    padding-left: 1.4em !important;
    line-height: 2.05 !important;
  }

  .knl-note-single-page .pager-post-navi,
  .knl-note-single-page .post-navi,
  .knl-note-single-page .related-entries,
  .knl-note-single-page .comment-area {
    width: min(100%, 860px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1023px) {
  .knl-note-single-page .content-in {
    display: block !important;
  }
}