/* 記事を探し、原文を読むためのページ局所スタイル。既存の共有ヘッダーには触れない。 */
.wix-import-shell{width:min(100% - 48px,820px);margin-inline:auto}
.blog-index-shell{width:min(100% - 48px,1120px);margin-inline:auto}
.wix-import-hero{background:var(--ob-color-surface-cool);padding:40px 0 56px;color:var(--ob-color-heading)}
.blog-index-hero{padding-bottom:64px;background:var(--ob-gradient-navy);color:#fff}
.blog-breadcrumb{font-size:13px;line-height:1.8;margin-bottom:40px;display:flex;flex-wrap:wrap;gap:8px}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.blog-heading-label{
  display:block;
  margin:0 0 12px;
  color:var(--ob-color-muted);
  font-family:var(--ob-font-latin);
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
}
.blog-heading-label::before{
  display:inline-block;
  width:18px;
  height:2px;
  margin:0 9px 3px 0;
  background:var(--ob-color-label-rule);
  content:"";
}
.blog-index-hero .blog-heading-label{color:var(--ob-color-surface-cool)}
.blog-article-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--ob-color-muted)}
.wix-import-title{font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.55;overflow-wrap:anywhere;margin:0 0 24px}
.blog-index-hero .wix-import-title{font-size:clamp(32px,5vw,60px);margin-bottom:24px;line-break:strict;text-wrap:balance;word-break:auto-phrase}
.wix-import-copy{padding-block:40px 96px}
.wix-import__body{font-size:16px;line-height:2;overflow-wrap:anywhere;text-align:justify;word-break:normal}
.wix-import__body p{margin:0 0 1.35em}
.wix-import__body h2{font-size:clamp(23px,2.5vw,30px);line-height:1.65;margin:2.2em 0 1em;color:var(--ob-color-heading);text-align:start}
.wix-import__body h3{font-size:clamp(21px,2.1vw,26px);line-height:1.65;margin:2em 0 1em;color:var(--ob-color-heading);text-align:start}
.wix-import__body h4{font-size:20px;margin:1.8em 0 .8em;text-align:start}
.wix-import__body li{margin-bottom:.55em}
.wix-import__body ul,.wix-import__body ol{padding-left:1.6em;margin-block:1.2em}
.wix-import__body a{color:var(--ob-color-action);text-decoration:underline;text-underline-offset:3px}
.wix-import__body figure{margin:32px 0}
.wix-import__body img{max-width:100%;height:auto;margin-inline:auto}
.wix-import__body blockquote{margin:24px 0;padding:16px 24px;background:var(--ob-color-surface-neutral)}
.wix-original-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.wix-import-footnav{border-top:1px solid var(--ob-color-card-border);margin-top:56px;padding-top:26px;display:flex;gap:20px 36px;flex-wrap:wrap}
.wix-import-footnav a{color:var(--ob-color-action);text-decoration:underline;text-underline-offset:4px}
.blog-directory{padding-block:44px 100px}
.blog-search{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:24px;align-items:end}
.blog-search label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}
.blog-search input,.blog-search select,.blog-search button{font:inherit;border:1px solid #8995a1;border-radius:6px;padding:12px 14px;color:var(--ob-color-heading);background:white;min-height:48px;width:100%;min-width:0}
.blog-search button{cursor:pointer;background:var(--ob-color-action);color:#fff;border-color:var(--ob-color-action)}
#blog-count{font-size:14px;color:var(--ob-color-muted);margin-top:26px}
.wix-import-index{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.blog-entry {
  position:relative;
  padding:28px 0 64px;
  border-top:1px solid #aab4c0;
  min-width:0;
}
.blog-entry::before {
  content:"";
  position:absolute;
  inset-block-start:-3px;
  inset-inline-start:0;
  width:40px;
  height:5px;
  background:var(--ob-color-action);
  pointer-events:none;
}
.blog-entry[hidden]{display:none}
.blog-entry-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  margin-bottom:22px;
  font-size:18px;
  line-height:1.4;
  color:var(--ob-color-muted);
}
.blog-entry-meta span{color:var(--ob-color-action);font-weight:700}
.blog-entry h2 {
  margin:0;
  font-size:23px;
  font-weight:700;
  line-height:1.6;
  color:var(--ob-color-heading);
  line-break:strict;
  overflow-wrap:anywhere;
}
.blog-entry a:hover{text-decoration:underline;text-underline-offset:5px}
.blog-page :is(a,input,select,button):focus-visible{outline:3px solid var(--ob-color-accent);outline-offset:5px}
.blog-footer-link{padding-block:20px 32px;font-size:14px}
.blog-footer-link a{text-decoration:underline;text-underline-offset:4px}
.rel-v2 .blog-discovery{padding:64px 0;background:var(--ob-color-surface-cool)}
.rel-v2 .blog-discovery .rel-library__head{margin:0;padding-top:0}
.blog-discovery a{display:inline-block;margin-top:18px;color:var(--ob-color-action);font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.wix-import-index{grid-template-columns:1fr}.blog-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.blog-search label:first-child{grid-column:1/-1}.blog-search button{font-size:14px}.blog-breadcrumb{margin-bottom:28px}.wix-import-hero{padding-bottom:40px}.wix-import-copy{padding-top:28px}.blog-entry{padding:24px 0 32px}.blog-entry-meta{font-size:14px;margin-bottom:14px;column-gap:12px}.blog-entry h2{font-size:20px}}
@media(max-width:360px){.wix-import-shell,.blog-index-shell{width:calc(100% - 32px)}.blog-search{grid-template-columns:1fr}.blog-search label:first-child{grid-column:auto}}