:root {
  --navy:    #1c3a6e;
  --navy-d:  #142d56;
  --navy-l:  #e8edf5;
  --gold:    #c8a84b;
  --dark:    #333333;
  --mid:     #555555;
  --muted:   #888888;
  --border:  #dddddd;
  --bg:      #f5f5f5;
  --white:   #ffffff;
  --font:    'Noto Sans JP','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
  --max-w:   1100px;
  --side-w:  260px;
  --gap:     28px;
  --radius:  4px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{
  font-family:var(--font);font-size:1.5rem;line-height:1.8;
  color:var(--dark);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  word-wrap:break-word;overflow-wrap:break-word;
  min-width:320px;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:none;transition:color .15s}
a:hover{color:var(--navy-d)}
p{margin-bottom:1em}
ul,ol{list-style:none;margin:0;padding:0}
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}

#yek-header{
  background:#1a2a4a;
  position:sticky;top:0;left:0;right:0;
  z-index:200;
  box-shadow:none;
}
.yek-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:64px;max-width:var(--max-w);margin:0 auto;padding:0 20px;
}

.yek-logo{
  font-size:2rem;font-weight:700;
  color:#fff!important;letter-spacing:-.3px;flex-shrink:0;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.yek-logo:hover{color:var(--gold)!important}
.yek-logo-sub{display:none}

/* v3.214: コーポレートサイトへ戻る案内バー（ブログ全ページ上部・ヘッダーの上） */
.yek-topbar{background:var(--navy-d);text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.yek-topbar a{display:inline-block;padding:9px 16px;color:var(--gold);font-size:1.3rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;letter-spacing:.2px}
.yek-topbar a:hover{color:#fff}

.yek-nav{display:flex;align-items:stretch;height:64px}
.yek-nav a{
  display:flex;align-items:center;
  padding:0 15px;font-size:1.3rem;font-weight:500;
  color:rgba(255,255,255,.9);
  border-bottom:3px solid transparent;transition:all .15s;white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.yek-nav a:hover{color:#fff;border-bottom-color:var(--gold)}
.yek-nav a.selected{color:#fff;border-bottom-color:var(--gold)}

.yek-ham{
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:8px;border:none;background:none;
}
.yek-ham span{
  display:block;width:22px;height:2px;
  background:#fff;border-radius:2px;transition:all .3s;
}

#yek-header.scrolled{
  background:var(--navy)!important;
  position:fixed;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}

.yek-mob-nav{display:none;background:var(--navy-d)}
.yek-mob-nav.open{display:block}
.yek-mob-nav a{
  display:block;padding:12px 20px;font-size:1.4rem;
  color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.1);
}
.yek-mob-nav a:hover{color:#fff}

#yek-brand{display:none}
.yek-brand-inner{position:relative;z-index:2;max-width:700px}
.yek-brand-inner h1{
  font-size:clamp(2rem,4vw,3rem);font-weight:700;
  line-height:1.3;margin-bottom:.8rem;color:#fff;
}
.yek-brand-inner p{
  font-size:clamp(1.3rem,2vw,1.6rem);color:rgba(255,255,255,.9);
  margin-bottom:1.8rem;line-height:1.6;
}
.yek-brand-btn{
  display:inline-block;padding:12px 32px;
  background:#fff;color:#1c3a6e;
  font-size:1.4rem;font-weight:700;border-radius:3px;
  letter-spacing:.04em;transition:opacity .2s;
}
.yek-brand-btn:hover{opacity:.88;color:#1c3a6e;}

#yek-main-wrap{
  display:grid;
  grid-template-columns:1fr var(--side-w);
  gap:var(--gap);
  align-items:start;
  padding:28px 20px 60px;
  max-width:var(--max-w);
  margin:0 auto;
}

.yek-news-head{
  font-size:1.9rem;font-weight:700;
  padding-bottom:10px;border-bottom:2px solid var(--navy);
  margin-bottom:0;color:var(--dark);
}
.yek-post-list{display:grid;gap:0}
.yek-post-row{
  display:flex;gap:18px;
  padding:22px 0;border-bottom:1px solid var(--border);
  align-items:flex-start;
  background:var(--white);
}
.yek-post-row:first-child{border-top:1px solid var(--border)}

.yek-thumb{
  flex-shrink:0;width:140px;height:105px;
  background:#d8d8d8;overflow:hidden;position:relative;
}
.yek-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.yek-post-row:hover .yek-thumb img{transform:scale(1.05)}
.yek-cat-badge{
  position:absolute;top:0;left:0;
  padding:3px 8px;
  background:var(--navy);color:#fff;
  font-size:1rem;font-weight:500;z-index:1;
}

.yek-row-body{flex:1;min-width:0;padding:0 4px}
.yek-row-date{font-size:1.1rem;color:var(--muted);margin-bottom:5px}
.yek-row-title{
  font-size:1.7rem;font-weight:700;
  color:var(--dark);line-height:1.4;margin-bottom:8px;
}
.yek-row-title a{color:inherit}
.yek-row-title a:hover{color:var(--navy)}
.yek-row-excerpt{
  font-size:1.3rem;color:var(--mid);line-height:1.75;margin-bottom:12px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.yek-readmore{
  display:inline-block;padding:5px 16px;
  background:var(--navy);color:#fff!important;
  font-size:1.2rem;font-weight:500;border-radius:var(--radius);
  transition:background .15s;
}
.yek-readmore:hover{background:var(--navy-d)}

.yek-pager{
  display:flex;justify-content:space-between;
  margin-top:22px;padding-top:18px;border-top:1px solid var(--border);
}
.yek-pager a{
  display:inline-block;padding:6px 18px;
  border:1px solid var(--border);font-size:1.3rem;color:var(--mid);
  background:var(--white);border-radius:var(--radius);transition:all .15s;
}
.yek-pager a:hover{border-color:var(--navy);color:var(--navy)}

.yek-cat-guide{
  margin:48px 0 0;
  padding:32px 0 0;
  border-top:1px solid var(--border);
}
.yek-cat-guide-head{
  font-size:15px;font-weight:700;color:var(--navy);
  letter-spacing:.06em;
  margin:0 0 18px;
}
.yek-cat-chips{
  display:flex;flex-wrap:wrap;gap:8px;
}
.yek-cat-chip{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:9px 18px;
  background:var(--white);
  border:1px solid var(--border);
  color:var(--navy);
  font-size:13px;font-weight:500;
  border-radius:3px;
  transition:all .18s ease;
  text-decoration:none;
  letter-spacing:.02em;
}
.yek-cat-chip:hover{
  background:var(--navy);
  border-color:var(--navy);
  color:var(--white);
}
.yek-cat-chip-count{
  font-size:11px;font-weight:400;color:#999;
  letter-spacing:0;
}
.yek-cat-chip:hover .yek-cat-chip-count{color:rgba(255,255,255,.7);}
@media(max-width:768px){
  .yek-cat-guide{margin-top:36px;padding-top:24px;}
  .yek-cat-chip{padding:8px 14px;font-size:12px;}
}

#single{
  padding:2.5em;background:var(--white);
  margin-top:8px;border-radius:var(--radius);
}

.breadcrumbs{
  font-size:1.2rem;color:var(--muted);
  padding:8px 0;margin-bottom:1.5em;
  display:flex;align-items:center;flex-wrap:wrap;gap:4px;
}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--navy)}

#single-header-date{font-size:1.2rem;color:var(--muted);margin-bottom:.5em}
#single-header-title{
  font-size:clamp(2rem,3vw,2.6rem);font-weight:700;
  line-height:1.35;margin-bottom:.5em;
}
#single-header-category{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:.5em;
}
.single-header-category-item{
  display:inline-block;padding:3px 12px;
  border-radius:2px;background:var(--navy);
  color:#fff;font-size:1.1rem;font-weight:500;
}

#ad-1,#ad-2{overflow:hidden;margin:1.5em 0}

#single-content{
  margin-top:1.5em;font-size:1.5rem;
  line-height:2;color:var(--dark);
}
#single-content p{margin:1.6em 0}
#single-content a{color:var(--navy);text-decoration:underline}
#single-content a:hover{color:var(--navy-d)}
#single-content h2{
  font-size:1.9rem;font-weight:700;
  padding:.7em 1em;margin:2.5em 0 1em;
  background:var(--navy);color:#fff;
  border-radius:var(--radius);line-height:1.3;
}
#single-content h3{
  font-size:1.7rem;font-weight:700;
  margin:2em 0 .8em;padding:.4em 0;
  border-bottom:2px solid var(--navy);
  line-height:1.4;
}
#single-content h4{
  font-size:1.5rem;font-weight:700;
  margin:1.6em 0 .6em;
  padding:.3em .8em;
  border-left:4px solid var(--navy);
  background:var(--navy-l);
}
#single-content blockquote{
  margin:2em 0;padding:1em 1.5em;
  background:var(--navy-l);
  border-left:4px solid var(--navy);
  color:var(--mid);
}
#single-content ul,#single-content ol{
  margin:1em 0 1em 2em;list-style:revert;
}
#single-content li{margin-bottom:.4em}
#single-content img{border-radius:var(--radius);margin:1em auto}
#single-content table{
  width:100%;border-collapse:collapse;margin:1.5em 0;font-size:1.3rem;
}
#single-content th,#single-content td{
  border:1px solid var(--border);padding:.6em .9em;text-align:left;
}
#single-content th{background:var(--navy);color:#fff;font-weight:600}
#single-content tr:nth-child(even) td{background:var(--navy-l)}

#toc-wrap{
  background:var(--navy-l);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.4em 1.8em;
  margin:2em 0;
}
#toc-wrap h3{
  font-size:1.4rem;font-weight:700;margin-bottom:.8em;color:var(--dark);
}
#toc-wrap ul{list-style:none;padding:0;margin:0}
#toc-wrap li{margin:.4em 0;font-size:1.35rem}
#toc-wrap a{color:var(--navy);text-decoration:none}
#toc-wrap a:hover{text-decoration:underline}
#toc-wrap li.toc-h3{padding-left:1.2em;font-size:1.2rem}

.author-box{
  background:#f9f9f9;border-radius:8px;
  margin:4em 0 2em;padding:1.8em;
  border:1px solid var(--border);
}
.author-box-inner{
  display:flex;align-items:flex-start;gap:1.5em;
}
.author-box img{
  width:88px;height:88px;border-radius:50%;
  object-fit:cover;flex-shrink:0;
}
.author-box-text{font-size:1.35rem;line-height:1.9}
.author-box-name{font-weight:700;margin-bottom:.3em;font-size:1.4rem}
.author-box-desc{margin-bottom:.8em;color:var(--mid)}
.author-box-cta a{
  color:var(--navy);font-weight:700;text-decoration:underline;
}

.single-share{
  margin: 36px 0;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 4px;
  text-align: center;
}
.single-share-title{
  font-size: 13px;
  color: #1c3a6e;
  margin-bottom: 12px;
  font-weight: 700;
}
.single-share-buttons{
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.single-share-buttons button{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-family: inherit;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border: none;
  transition: opacity 0.15s;
}
.single-share-buttons button:hover{opacity:0.85;color:#fff}
.single-share-mail{background:#1c3a6e}
.single-share-linkedin{background:#0a66c2}
.single-share-line{background:#06c755}
.single-share-hatena{background:#00a4de}
.single-share-copy{background:#888}

#blog-pager{
  display:flex;justify-content:space-between;
  margin:2em 0;
}
#blog-pager-newer-link a,
#blog-pager-older-link a{
  display:inline-block;padding:.6em 1.4em;
  border:1px solid var(--border);border-radius:var(--radius);
  font-size:1.3rem;color:var(--mid);background:var(--white);
  transition:all .15s;
}
#blog-pager-newer-link a:hover,
#blog-pager-older-link a:hover{
  border-color:var(--navy);color:var(--navy);
}

#single-footer-category{margin-top:2em;text-align:center}
.single-footer-category-item{
  display:inline-block;margin:.3em;padding:.5em 1.2em;
  background:var(--navy);color:#fff;
  border-radius:var(--radius);font-weight:600;font-size:1.3rem;
}

#mrp-wrapper{
  margin-top:3em;
  padding:2em;
  background:var(--navy-l);
  border-radius:8px;
  border:1px solid var(--border);
}
#mrp-title{
  font-size:1.6rem;font-weight:700;
  padding-bottom:.5em;border-bottom:2px solid var(--navy);
  margin-bottom:1.2em;color:var(--navy);
}
#mrp-content{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8em;
}
.mrp-post{
  position:relative;
  display:flex;align-items:center;gap:12px;
  padding:.9em 1em;
  border:1px solid var(--border);border-radius:var(--radius);
  background:var(--white);transition:box-shadow .2s,transform .2s;
}
.mrp-post:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);transform:translateY(-2px)}
.mrp-post-img{
  display:block;width:64px;height:64px;flex-shrink:0;
  border-radius:var(--radius);object-fit:cover;
}
.mrp-post-title{
  font-size:1.25rem;font-weight:600;
  line-height:1.45;color:var(--dark);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.mrp-post-link{position:absolute;inset:0}
@media(max-width:640px){
  #mrp-content{grid-template-columns:1fr}
}

#comments{margin-top:2em;padding-top:2em;border-top:1px solid var(--border)}

#yek-sidebar{display:grid;gap:24px}
.sb-widget{
  background:var(--white);border-radius:var(--radius);
  padding:1.4em;border:1px solid var(--border);
}
.sb-widget h2{
  font-size:1.4rem;font-weight:700;
  padding-bottom:.6em;
  border-bottom:2px solid var(--navy);
  margin-bottom:1em;color:var(--dark);
  background:none;
}
.sb-widget a{color:var(--mid);font-size:1.3rem}
.sb-widget a:hover{color:var(--navy)}
.popular-posts ul li{
  padding:.7em 0;border-bottom:1px solid var(--border);
  font-size:1.3rem;line-height:1.5;
}
.popular-posts ul li:last-child{border-bottom:none}

#yek-footer{
  border-top:1px solid var(--border);
  background:var(--navy);
  margin-top:40px;
}
.yek-footer-inner{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:36px;padding:32px 20px 28px;
  max-width:var(--max-w);margin:0 auto;
}
.yek-fw-title{
  font-size:1.4rem;font-weight:700;
  margin-bottom:1em;padding-bottom:.5em;
  border-bottom:1px solid rgba(255,255,255,.2);
  color:#fff;
}
.yek-footer-inner a{color:rgba(255,255,255,.75);font-size:1.3rem;line-height:2}
.yek-footer-inner a:hover{color:#fff}
.yek-footer-inner ul{list-style:none;padding:0;margin:0}
.yek-footer-inner li{border-bottom:1px dotted rgba(255,255,255,.15);padding:.3em 0}
.yek-footer-inner li:last-child{border-bottom:none}

#yek-copyright{
  text-align:center;padding:14px 20px;
  border-top:1px solid rgba(255,255,255,.15);
  font-size:1.1rem;color:rgba(255,255,255,.6);
  letter-spacing:.02em;
}
#yek-copyright a{color:rgba(255,255,255,.6)}

.ynw-network{
  border-top:1px solid rgba(255,255,255,.12);
  padding:28px 20px 22px;
  background:var(--navy);
}
.ynw-network-inner{max-width:var(--max-w);margin:0 auto;}
.ynw-network-tag{
  text-align:center;font-size:1.05rem;
  letter-spacing:.14em;color:var(--gold);
  margin:0 0 18px;font-weight:500;
}
.ynw-network-cols{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:32px;
}
.ynw-network-h{
  font-size:1.15rem;font-weight:700;
  letter-spacing:.04em;color:rgba(255,255,255,.85);
  margin:0 0 10px;padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.ynw-network-col ul{list-style:none;padding:0;margin:0;}
.ynw-network-col li{margin:6px 0;}
.ynw-network-col a{
  color:rgba(255,255,255,.72);
  font-size:1.25rem;line-height:1.55;
  text-decoration:none;display:inline-block;
  transition:color .2s ease;
}
.ynw-network-col a:hover{color:var(--gold);}
@media (max-width:768px){
  .ynw-network-cols{grid-template-columns:1fr;gap:20px;}
}

.ynw-network,
.ynw-trainers {
  display: none !important;
}

.ftr-new {
  background: var(--navy);
  color: #fff;
  font-family: var(--font);
}
.ftr-new-inner {
  max-width: var(--max-w);
  margin: 0 auto;
}

.ftr-doors {
  padding: 48px 32px 36px;
}
.ftr-doors-eyebrow {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: #e8c873;
  margin: 0 0 8px;
  font-weight: 600;
}
.ftr-doors-title {
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin: 0 0 32px;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.ftr-doors-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}
.ftr-door-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(232, 200, 115, 0.4);
  border-radius: 6px;
  padding: 22px 20px;
}
.ftr-door-step {
  font-size: 12px;
  letter-spacing: 0.18em;
  color: #e8c873;
  margin: 0 0 8px;
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
}
.ftr-door-headline {
  font-size: 15px;
  color: #fff;
  margin: 0 0 6px;
  font-weight: 500;
}
.ftr-door-desc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 16px;
  line-height: 1.7;
}
.ftr-door-cta {
  display: inline-block;
  font-size: 13px;
  color: #e8c873 !important;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(232, 200, 115, 0.6);
  transition: color 0.15s, border-color 0.15s;
  font-weight: 600;
}
.ftr-door-cta:hover {
  color: #fff !important;
  border-bottom-color: #fff;
}

.ftr-trio {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 40px 32px 32px;
  background: rgba(255, 255, 255, 0.02);
}
.ftr-trio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
}
.ftr-trio-col-name {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(232, 200, 115, 0.5);
  letter-spacing: 0.04em;
}
.ftr-trio-col-role {
  font-size: 12px;
  color: #e8c873;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(232, 200, 115, 0.5);
  letter-spacing: 0.04em;
  font-weight: 600;
}
.ftr-trio-col-role.muted {
  color: rgba(255, 255, 255, 0.75);
  border-bottom-color: rgba(255, 255, 255, 0.35);
}
.ftr-trio-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ftr-trio-col li {
  margin: 0 0 10px;
}
.ftr-trio-col a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.15s;
}
.ftr-trio-col a:hover {
  color: #e8c873 !important;
}

.ftr-legal {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 18px 32px 14px;
}
.ftr-legal-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 24px;
  max-width: 900px;
  margin: 0 auto;
}
.ftr-legal-inner a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 12px;
  text-decoration: none;
  transition: color 0.15s;
  font-weight: 500;
}
.ftr-legal-inner a:hover {
  color: #e8c873 !important;
}

.ftr-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 16px 20px;
  text-align: center;
}
.ftr-copyright p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  letter-spacing: 0.04em;
}

@media (max-width: 768px) {
  .ftr-doors {
    padding: 32px 20px 24px;
  }
  .ftr-doors-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ftr-door-card {
    padding: 16px 16px;
  }
  .ftr-door-headline {
    font-size: 14px;
  }
  .ftr-trio {
    padding: 24px 20px 20px;
  }
  .ftr-trio-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .ftr-legal {
    padding: 14px 20px 12px;
  }
  .ftr-legal-inner {
    gap: 6px 16px;
  }
  .ftr-copyright {
    padding: 14px 16px;
  }
  .ftr-copyright p {
    font-size: 11px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  .ftr-legal-inner a {
    font-size: 11.5px;
  }
}

.reading-time{
  display:inline-block;
  font-size:1.2rem;color:var(--muted);
  margin-bottom:1em;
}
.reading-time::before{content:'📖 ';font-size:1.1rem;}

.sb-cta{
  background:linear-gradient(135deg,var(--navy) 0%,#2e5faa 100%);
  border-radius:var(--radius);
  padding:1.6em 1.4em;
  text-align:center;
  color:#fff;
}
.sb-cta h3{font-size:1.4rem;font-weight:700;margin-bottom:.6em;color:#fff;background:none;border:none;padding:0;}
.sb-cta p{font-size:1.2rem;color:rgba(255,255,255,.85);margin-bottom:1em;line-height:1.7;}
.sb-cta a{
  display:inline-block;padding:8px 20px;
  background:var(--gold);color:#fff;
  font-size:1.2rem;font-weight:700;border-radius:var(--radius);
  transition:background .2s;
}
.sb-cta a:hover{background:#b8963a;color:#fff;}

#ヘッダー, #ヘッダー h1, #ヘッダー p,
.Header, .Header h1, .Header p,
#header, #header h1, #header p {
  color: var(--navy) !important;
  font-size: 0 !important;
}

#Attribution1{display:none!important}
.Attribution{display:none!important}

#yek-top{
  position:fixed;bottom:22px;right:22px;
  width:40px;height:40px;
  background:var(--navy);color:#fff;
  border:none;border-radius:var(--radius);
  cursor:pointer;
  display:none;align-items:center;justify-content:center;
  font-size:1.8rem;z-index:300;
  transition:background .2s;
}
#yek-top.show{display:flex}
#yek-top:hover{background:var(--navy-d)}

.yek-empty{
  padding:4em 0;text-align:center;
  color:var(--muted);font-size:1.4rem;
}

@media(max-width:900px){
  #yek-main-wrap{grid-template-columns:1fr}
}
@media(max-width:768px){
  .yek-footer-inner{grid-template-columns:1fr}
  #yek-main-wrap{padding:20px 12px 40px}
}
@media(max-width:640px){
  .yek-nav{display:none}
  .yek-ham{display:flex}
  .yek-post-row{flex-direction:column}
  .yek-thumb{width:100%;height:200px}
  #single{padding:1.5em 1em}
  .author-box-inner{flex-direction:column;align-items:center;text-align:center}
  .yek-brand-search input[type='text']{width:100%}
}
@media print{
  #yek-header,#yek-footer,#yek-sidebar,.single-share,#yek-top{display:none!important}
  #yek-main-wrap{grid-template-columns:1fr}
}

.top-hero{
  position:relative;width:100%;min-height:420px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background-image:url('https://images.unsplash.com/photo-1499540633125-484965b60031?w=1400&q=80');
  background-size:cover;background-position:center;
  margin-bottom:0;
}
.top-hero::before{content:'';position:absolute;inset:0;background:rgba(10,25,60,.58);}
.top-hero-inner{position:relative;z-index:2;padding:48px 24px;max-width:720px;}
.top-hero-badge{
  display:inline-block;border:1px solid rgba(255,255,255,.6);
  color:rgba(255,255,255,.85);font-size:11px;letter-spacing:.18em;
  padding:5px 18px;border-radius:20px;margin-bottom:20px;
}
.top-hero h1{
  font-size:clamp(22px,4vw,40px);font-weight:700;color:#fff;
  line-height:1.35;margin-bottom:16px;letter-spacing:.04em;
}
.top-hero p{font-size:clamp(13px,1.8vw,16px);color:rgba(255,255,255,.82);margin-bottom:28px;line-height:1.75;}
.top-hero-btn{
  display:inline-block;padding:12px 32px;
  background:#fff;color:#1c3a6e;font-size:14px;font-weight:700;
  border-radius:3px;letter-spacing:.06em;transition:opacity .2s;
}
.top-hero-btn:hover{opacity:.88;color:#1c3a6e;}

.top-section{padding:40px 20px 0;}
.top-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.top-sec-head h2{font-size:20px;font-weight:700;color:#1c3a6e;letter-spacing:.04em;background:none;padding:0;margin:0;color:#1c3a6e!important;}
.top-sec-head::after{content:'';flex:1;height:1px;background:#ddd;}

.top-about{
  background:#f5f7fb;border-left:4px solid #1c3a6e;
  border-radius:0 6px 6px 0;padding:28px 32px;
  font-size:15px;line-height:2;color:#333;
}
.top-about p+p{margin-top:1em;}
.top-about strong{color:#1c3a6e;}

.single-footer-back{
  display:block;
  text-align:center;
  margin:0 0 28px;
  font-size:13px;
}
.single-footer-back a{
  color:var(--navy);
  text-decoration:none;
  border-bottom:1px solid var(--navy);
  padding-bottom:2px;
  letter-spacing:.04em;
}
.single-footer-back a:hover{opacity:.7;}

.yek-intro-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.yek-intro-card{
  background:#fff;border:1px solid #e0e4ed;border-radius:6px;
  padding:22px 20px 20px;position:relative;
  display:flex;flex-direction:column;
}
.yek-intro-num{
  font-size:11px;font-weight:700;color:#1c3a6e;letter-spacing:.08em;
  margin-bottom:10px;
}
.yek-intro-title{
  font-size:15px;font-weight:700;color:#1c3a6e;line-height:1.5;
  margin-bottom:8px;flex:1;
}
.yek-intro-desc{
  font-size:13px;color:#555;line-height:1.7;margin-bottom:16px;
}
.yek-intro-btn{
  display:inline-block;align-self:flex-start;
  background:#1c3a6e;color:#fff!important;
  font-size:13px;padding:7px 18px;border-radius:3px;
  text-decoration:none!important;letter-spacing:.04em;
  transition:opacity .2s;
}
.yek-intro-btn:hover{opacity:.82;}
@media(max-width:680px){
  .yek-intro-grid{grid-template-columns:1fr;}
}

.top-posts-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.top-post-card{
  background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;
  transition:transform .2s,box-shadow .2s;
  display:flex;flex-direction:column;
}
.top-post-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1);}
.top-post-card a{display:flex;flex-direction:column;color:inherit;height:100%;}
.top-post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;display:block;background:#d0d8e8;}
.top-post-thumb-placeholder{
  width:100%;aspect-ratio:16/9;
  background:linear-gradient(135deg,#1c3a6e 0%,#2e5faa 100%);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.1em;
}
.top-post-body{padding:14px 16px 18px;}
.top-post-cat{
  display:inline-block;background:#1c3a6e;color:#fff;
  font-size:10px;padding:2px 9px;border-radius:2px;
  margin-bottom:7px;letter-spacing:.04em;
}
.top-post-title{
  font-size:14px;font-weight:700;line-height:1.5;color:#222;
  margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.top-post-date{font-size:11px;color:#999;}
.top-posts-more{text-align:center;margin-top:24px;}
.top-posts-more a{
  display:inline-block;padding:9px 28px;
  border:1.5px solid #1c3a6e;color:#1c3a6e;
  font-size:13px;font-weight:700;border-radius:3px;
  letter-spacing:.06em;transition:all .2s;
}
.top-posts-more a:hover{background:#1c3a6e;color:#fff;}

.top-cta{
  background:linear-gradient(135deg,#1c3a6e 0%,#2e5faa 100%);
  border-radius:10px;padding:32px 40px;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
}
.top-cta-text h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;}
.top-cta-text p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.7;}
.top-cta-btn{
  display:inline-block;padding:14px 32px;
  background:#c8a84b;color:#fff;font-size:14px;font-weight:700;
  border-radius:4px;white-space:nowrap;letter-spacing:.06em;
  transition:background .2s;flex-shrink:0;
}
.top-cta-btn:hover{background:#b8963a;color:#fff;}

.top-trainers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.top-trainer-card{
  background:#fff;border:1px solid #e8e8e8;border-radius:8px;
  padding:28px 24px;text-align:center;
}
.top-trainer-name{font-size:16px;font-weight:700;color:#1c3a6e;margin-bottom:4px;}
.top-trainer-role{font-size:12px;color:#888;margin-bottom:14px;letter-spacing:.04em;}
.top-trainer-desc{font-size:13px;color:#555;line-height:1.85;margin-bottom:16px;text-align:left;}
.top-trainer-link{
  display:inline-block;padding:7px 20px;
  border:1.5px solid #1c3a6e;color:#1c3a6e;
  font-size:12px;font-weight:700;border-radius:3px;
  text-align:center;margin-top:8px;
  transition:all .2s;
}
.top-trainer-card .top-trainer-link{display:block;width:fit-content;margin:8px auto 0;}
.top-trainer-link:hover{background:#1c3a6e;color:#fff;}

.top-company{
  background:#fff;border:1px solid #e8e8e8;border-radius:8px;
  padding:28px 32px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.top-company-logo{font-size:18px;font-weight:700;color:#1c3a6e;letter-spacing:.06em;flex-shrink:0;min-width:160px;}
.top-company-logo span{display:block;font-size:11px;font-weight:400;color:#888;letter-spacing:.1em;margin-top:2px;}
.top-company-info{font-size:13px;color:#555;line-height:1.9;flex:1;}
.top-company-link{
  display:inline-block;padding:7px 20px;
  border:1.5px solid #1c3a6e;color:#1c3a6e;
  font-size:12px;font-weight:700;border-radius:3px;flex-shrink:0;
  transition:all .2s;
}
.top-company-link:hover{background:#1c3a6e;color:#fff;}

.top-voice{
  background:#fff;border:1px solid #e8e8e8;border-radius:8px;
  padding:32px 28px;text-align:center;position:relative;
}
.top-voice::before{
  content:'\201C';display:block;
  font-family:Georgia,serif;font-size:52px;color:#1c3a6e;
  opacity:.22;line-height:1;margin-bottom:8px;
}
.top-voice-title{
  font-size:16px;font-weight:700;color:#1c3a6e;margin-bottom:4px;
}
.top-voice-sub{
  font-size:12px;color:#888;margin-bottom:14px;letter-spacing:.04em;
}
.top-voice-desc{
  font-size:13px;color:#555;line-height:1.85;margin-bottom:16px;text-align:left;
}
.top-voice-link{
  display:inline-block;padding:7px 20px;
  border:1.5px solid #1c3a6e;color:#1c3a6e;
  font-size:12px;font-weight:700;border-radius:3px;
  transition:all .2s;
}
.top-voice-link:hover{background:#1c3a6e;color:#fff;}

@media(max-width:768px){
  .top-hero{min-height:320px;}
  .top-posts-grid{grid-template-columns:repeat(2,1fr);}
  .top-trainers{grid-template-columns:1fr;}
  .top-cta{flex-direction:column;text-align:center;padding:28px 20px;}
  .top-about{padding:20px;}
  .top-company{flex-direction:column;gap:16px;}
  .top-voice{padding:28px 20px;}
}
@media(max-width:480px){
  .top-posts-grid{grid-template-columns:1fr;}
  .top-section{padding:32px 12px 0;}
}

:root{
  
  --serif:'Hiragino Mincho ProN','Hiragino Mincho Pro','游明朝体',YuMincho,'Shippori Mincho','Noto Serif JP',serif;
  --sans:'Noto Sans JP','Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  --ink:#191919; --body:#3A3C40; --muted:#6E7378; --line:#E7E6E3;
  --paper:#FFFFFF; --soft:#F5F4F1; --soft-2:#EEEDEA;
  --accent:#FF2A00; --accent-dk:#D62300;
  --slate-1:#223B4A; --slate-2:#62808C;     
  --p-dark:#1C1733; --p-slate:#223B4A;       
  --p-lav:#ECE8F8; --p-mint:#E2F0EB; --p-sky:#E6EEF7; --p-peach:#FBEADF; --p-sand:#F3EFE6;
  
  --maxw:1180px; --radius:4px; --radius-card:8px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

body{ background:var(--paper); color:var(--body); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.lo-wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }
.lo-eyebrow{ font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin:0 0 22px; }
.lo-h2{ font-family:var(--serif); font-size:clamp(28px,3.7vw,46px); font-weight:400; line-height:1.38; color:var(--ink); letter-spacing:-.01em; margin:0 0 22px; }
.lo-lead{ font-family:var(--sans); font-size:15.5px; line-height:2.1; color:var(--body); margin:0 0 44px; max-width:660px; }
em.ac{ font-style:normal; color:var(--accent); }
.lo-link{ font-family:var(--sans); font-size:14px; font-weight:600; color:var(--ink); display:inline-block; border-bottom:1px solid currentColor; padding-bottom:3px; transition:color .2s; }
.lo-link:hover{ color:var(--accent); }

.lo-btn{ display:inline-flex; align-items:center; gap:14px; padding:11px 28px 11px 11px; border-radius:999px;
  font-family:var(--sans); font-size:15px; font-weight:600; letter-spacing:.02em; transition:background .2s, color .2s, border-color .2s, transform .2s var(--ease); }
.lo-btn .ci{ width:32px; height:32px; border-radius:50%; border:1px solid currentColor; display:grid; place-items:center; font-size:13px; flex-shrink:0; }
.lo-btn:hover{ transform:translateY(-1px); }
.lo-btn.red{ background:var(--accent); color:#fff; }
.lo-btn.red:hover{ background:var(--accent-dk); }
.lo-btn.dark{ background:var(--ink); color:#fff; }
.lo-btn.dark:hover{ background:#000; }
.lo-btn.outline{ background:var(--paper); color:var(--ink); border:1px solid var(--ink); padding:10px 27px 10px 10px; }
.lo-btn.outline:hover{ background:var(--ink); color:#fff; }
.lo-btn.on-dark{ background:rgba(255,255,255,.0); color:#fff; border:1px solid rgba(255,255,255,.5); padding:10px 27px 10px 10px; }
.lo-btn.on-dark:hover{ background:#fff; color:var(--slate-1); }

.lo-ann{ background:var(--soft); border-bottom:1px solid var(--line); }
.lo-ann-in{ max-width:1280px; margin:0 auto; padding:11px 28px; display:flex; align-items:center; gap:14px; }
.lo-ann .arw{ color:var(--accent); font-weight:700; flex-shrink:0; }
.lo-ann .txt{ font-size:13px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lo-ann .more{ margin-left:auto; font-size:12.5px; font-weight:600; color:var(--accent); border-bottom:1px solid var(--accent); flex-shrink:0; }

#yek-brand{ display:none !important; }
#yek-header{ position:sticky; top:0; z-index:120; background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px); -webkit-backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--line); }
.yek-header-inner{ max-width:1280px; margin:0 auto; padding:0 28px; height:72px; display:flex; align-items:center; gap:26px; }
.yek-logo{ font-family:var(--sans); font-size:23px; font-weight:700; letter-spacing:.04em; color:var(--ink); line-height:1; }
.yek-logo span{ color:var(--accent); }
.yek-logo-sub{ font-family:var(--sans); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-top:3px; }
nav.yek-nav{ display:flex; align-items:center; gap:6px; margin-left:30px; }
nav.yek-nav .widget, nav.yek-nav .widget-content, nav.yek-nav ul{ display:flex; gap:6px; margin:0; padding:0; list-style:none; }
nav.yek-nav a{ display:inline-block; padding:8px 12px; font-size:14px; font-weight:500; color:var(--ink); transition:color .15s; }
nav.yek-nav a:hover, nav.yek-nav a.selected{ color:var(--accent); }
.yek-head-cta{ display:flex; align-items:center; gap:14px; margin-left:auto; flex-shrink:0; }
.yek-head-login{ display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:500; color:var(--ink); }
.yek-head-cta .lo-btn{ font-size:13.5px; padding:8px 20px 8px 8px; }
.yek-head-cta .lo-btn .ci{ width:26px; height:26px; }
.yek-ham{ display:none; width:44px; height:44px; background:none; border:0; cursor:pointer; padding:10px; margin-left:auto; }
.yek-ham span{ display:block; height:2px; background:var(--ink); border-radius:2px; margin:5px 0; transition:.3s; }
.yek-mob-nav{ display:none; }

#yek-main-wrap{ display:block !important; max-width:none !important; margin:0 !important; padding:0 !important; }
#yek-main{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; }
#yek-sidebar, .yek-sidebar, aside#sidebar{ display:none !important; }

.lo-hero{ background:linear-gradient(115deg, var(--slate-1) 0%, var(--slate-2) 125%); color:#fff; overflow:hidden; }
.lo-hero-inner{ max-width:var(--maxw); margin:0 auto; padding:96px 28px 100px; display:grid; grid-template-columns:1.08fr .92fr; gap:56px; align-items:center; }
.lo-hero .lo-eyebrow{ color:rgba(255,255,255,.72); }
.lo-hero h1{ font-family:var(--serif); font-size:clamp(34px,4.6vw,58px); font-weight:400; line-height:1.3; letter-spacing:0; margin:0 0 28px; }
.lo-hero h1 .big{ font-size:1.15em; }
.lo-hero h1 em.ac{ color:#fff; }
.lo-hero p.lead{ font-family:var(--sans); font-size:15.5px; line-height:2.1; color:rgba(255,255,255,.82); margin:0 0 38px; max-width:480px; }
.lo-hero .cta-row{ display:flex; gap:14px; flex-wrap:wrap; }
.lo-hero .note{ font-size:11.5px; color:rgba(255,255,255,.5); margin-top:30px; }

.lo-mock{ background:#fff; border-radius:var(--radius-card); box-shadow:0 30px 60px -34px rgba(0,0,0,.45); overflow:hidden; }
.lo-mock-bar{ height:34px; background:#EFEFEF; display:flex; align-items:center; gap:6px; padding:0 14px; }
.lo-mock-bar i{ width:9px; height:9px; border-radius:50%; background:#CFCFCF; display:block; }
.lo-mock-body{ padding:26px 28px 34px; }
.lo-mock-body .ln{ height:10px; border-radius:5px; background:#EDEDED; margin:0 0 13px; }
.lo-mock-body .ln.a{ width:46%; background:#E4E4E4; } .lo-mock-body .ln.b{ width:90%; } .lo-mock-body .ln.c{ width:74%; }
.lo-mock-body .ln.h{ width:38%; height:14px; background:#D9D9D9; margin-top:24px; }
.lo-mock-body .chip{ display:inline-block; height:28px; border-radius:4px; background:var(--p-lav); width:60%; margin-top:8px; }
.lo-mock-body .chip.r{ background:#FFE2DA; width:48%; }

.lo-sec{ padding:104px 0; }
.lo-sec.soft{ background:var(--soft); }
.lo-sec-head{ text-align:center; max-width:760px; margin:0 auto 64px; }
.lo-sec-head .lo-lead{ margin:0 auto; }
.lo-sec-head.left{ text-align:left; margin-left:0; }
.lo-sec-head.left .lo-lead{ margin-left:0; }

.lo-panels{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.lo-panel{ border-radius:var(--radius-card); padding:52px 46px; min-height:392px; display:flex; flex-direction:column; justify-content:space-between;
  transition:transform .3s var(--ease); }
.lo-panel:hover{ transform:translateY(-2px); }
.lo-panel .eb{ font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; margin-bottom:26px; opacity:.85; }
.lo-panel h3{ font-family:var(--serif); font-size:clamp(24px,2.5vw,32px); font-weight:400; line-height:1.55; margin:0 0 20px; }
.lo-panel p{ font-family:var(--sans); font-size:14px; line-height:2; margin:0 0 26px; opacity:.92; }
.lo-panel .lo-link{ align-self:flex-start; }
.lo-panel .ic{ width:60px; height:60px; margin-top:30px; }
.lo-panel .ic svg{ width:60px; height:60px; fill:none; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.lo-panel .grow{ display:flex; flex-direction:column; }

.p-dark{ background:var(--p-dark); color:#fff; } .p-dark .lo-link{ color:#fff; }
.p-slate{ background:var(--p-slate); color:#fff; } .p-slate .lo-link{ color:#fff; }
.p-dark .ic svg, .p-slate .ic svg{ stroke:rgba(255,255,255,.85); }
.p-lav{ background:var(--p-lav); color:var(--ink); } .p-lav .ic svg{ stroke:#6A5BD0; }
.p-mint{ background:var(--p-mint); color:var(--ink); } .p-mint .ic svg{ stroke:#1E9E78; }
.p-sky{ background:var(--p-sky); color:var(--ink); } .p-sky .ic svg{ stroke:#2D6FB0; }
.p-peach{ background:var(--p-peach); color:var(--ink); } .p-peach .ic svg{ stroke:var(--accent); }
.p-lav p,.p-mint p,.p-sky p,.p-peach p{ color:var(--body); }
.p-wide{ grid-column:1 / -1; }

.lo-impact{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lo-impact .it{ text-align:center; padding:48px 24px; border-right:1px solid var(--line); }
.lo-impact .it:last-child{ border-right:0; }
.lo-impact .fig{ font-family:var(--serif); font-size:clamp(46px,5.6vw,68px); font-weight:400; line-height:1; color:var(--ink); }
.lo-impact .fig span{ font-size:.42em; color:var(--accent); margin-left:4px; }
.lo-impact .lab{ font-family:var(--sans); font-size:14px; color:var(--muted); margin-top:18px; }

.lo-cases{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.lo-case{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:transform .25s var(--ease), box-shadow .25s; }
.lo-case:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(25,25,25,.28); }
.lo-case .ph{ aspect-ratio:16/10; background:linear-gradient(120deg,var(--p-slate),var(--slate-2)); display:grid; place-items:center; color:rgba(255,255,255,.7); font-size:12px; letter-spacing:.18em; }
.lo-case .bd{ padding:26px 26px 30px; }
.lo-case .cat{ font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.1em; color:var(--accent); }
.lo-case h3{ font-family:var(--serif); font-size:18px; font-weight:400; color:var(--ink); line-height:1.7; margin:10px 0 14px; }
.lo-case .org{ font-size:12.5px; color:var(--muted); }

.lo-sem-list{ border-top:1px solid var(--line); }
.lo-sem-row{ display:grid; grid-template-columns:180px 1fr auto; gap:32px; align-items:center; padding:30px 8px; border-bottom:1px solid var(--line); transition:background .2s; }
.lo-sem-row:hover{ background:var(--soft); }
.lo-sem-date .d{ font-family:var(--serif); font-size:21px; font-weight:400; color:var(--ink); }
.lo-sem-date .t{ font-size:12.5px; color:var(--muted); margin-top:4px; }
.lo-sem-badge{ display:inline-block; margin-top:9px; font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--accent-dk); background:#FFE6DF; padding:4px 12px; border-radius:3px; }
.lo-sem-main h3{ font-family:var(--serif); font-size:19px; font-weight:400; color:var(--ink); line-height:1.65; margin:0 0 8px; }
.lo-sem-main .meta{ font-size:12.5px; color:var(--muted); }
.lo-sem-go{ font-size:14px; font-weight:600; color:var(--ink); white-space:nowrap; display:inline-flex; align-items:center; gap:10px; }
.lo-sem-go .ci{ width:30px; height:30px; border-radius:50%; border:1px solid var(--ink); display:grid; place-items:center; font-size:12px; transition:.2s; }
.lo-sem-row:hover .lo-sem-go{ color:var(--accent); } .lo-sem-row:hover .ci{ border-color:var(--accent); }

.lo-od-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.lo-od{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:28px 26px; transition:transform .22s var(--ease), box-shadow .22s; }
.lo-od:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:none; }
.lo-od .badge{ font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--muted); background:var(--soft-2); padding:4px 11px; border-radius:3px; }
.lo-od h3{ font-family:var(--serif); font-size:16px; font-weight:400; color:var(--ink); line-height:1.7; margin:16px 0 0; }

.lo-cta-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.lo-cta-card{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:34px 24px; text-align:center; transition:transform .22s var(--ease), box-shadow .22s; }
.lo-cta-card:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(25,25,25,.28); }
.lo-cta-card .ic{ width:46px; height:46px; margin:0 auto 18px; }
.lo-cta-card .ic svg{ width:46px; height:46px; fill:none; stroke:var(--accent); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.lo-cta-card h3{ font-family:var(--serif); font-size:16px; font-weight:400; color:var(--ink); margin:0 0 16px; line-height:1.6; }
.lo-cta-card .go{ font-size:13px; font-weight:600; color:var(--accent); }

.lo-cat-nav{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 auto 60px; max-width:900px; }
.lo-cat-nav a{ font-size:13.5px; font-weight:500; color:var(--ink); padding:10px 20px; border:1px solid var(--line); border-radius:var(--radius); transition:.18s; }
.lo-cat-nav a:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.lo-feat-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.lo-feat{ display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:transform .25s var(--ease), box-shadow .25s; }
.lo-feat:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(25,25,25,.28); }
.lo-feat .ph{ aspect-ratio:16/9; background:linear-gradient(120deg,var(--slate-1),var(--slate-2)); position:relative; }
.lo-feat .ph .em{ position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.55); font-size:12px; letter-spacing:.2em; }
.lo-feat .bd{ padding:26px 28px 30px; }
.lo-feat .top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.lo-feat .cat{ font-size:11px; font-weight:600; letter-spacing:.08em; color:#fff; background:var(--accent); padding:4px 11px; border-radius:3px; }
.lo-feat .date{ font-size:12px; color:var(--muted); }
.lo-feat h3{ font-family:var(--serif); font-size:20px; font-weight:400; color:var(--ink); line-height:1.65; margin:0; }

.lo-kw{ display:flex; flex-wrap:wrap; gap:10px; }
.lo-kw a{ font-size:13.5px; font-weight:500; color:var(--ink); background:var(--soft); padding:9px 18px; border-radius:var(--radius); border:1px solid var(--line); transition:.18s; }
.lo-kw a:hover{ background:var(--accent); color:#fff; }

.lo-arts{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.lo-art{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:transform .22s var(--ease), box-shadow .22s; }
.lo-art:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(25,25,25,.28); }
.lo-art .ph{ aspect-ratio:16/9; background:var(--soft-2); position:relative; overflow:hidden; }
.lo-art .ph img{ width:100%; height:100%; object-fit:cover; }
.lo-art .ph .em{ position:absolute; inset:0; display:grid; place-items:center; color:var(--muted); font-size:11px; letter-spacing:.18em; }
.lo-art .bd{ padding:22px 24px 26px; }
.lo-art .cat{ font-size:11px; font-weight:600; letter-spacing:.08em; color:var(--accent); }
.lo-art h3{ font-family:var(--serif); font-size:16px; font-weight:400; color:var(--ink); line-height:1.7; margin:10px 0 14px; }
.lo-art .date{ font-size:12px; color:var(--muted); }
.lo-more-row{ text-align:center; margin-top:56px; }

.lo-cta-band{ background:linear-gradient(115deg, var(--slate-1), var(--slate-2) 130%); color:#fff; text-align:center; padding:104px 28px; }
.lo-cta-band .lo-eyebrow{ color:rgba(255,255,255,.7); }
.lo-cta-band h2{ font-family:var(--serif); font-size:clamp(28px,3.7vw,46px); font-weight:400; line-height:1.55; margin:0 0 22px; }
.lo-cta-band h2 em.ac{ color:#fff; }
.lo-cta-band p{ font-size:15px; line-height:1.9; color:rgba(255,255,255,.8); margin:0 0 38px; }
.lo-cta-band .cta-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

#yek-footer{ background:var(--soft); color:var(--body); border-top:1px solid var(--line); }
.gh-footer-inner{ max-width:var(--maxw); margin:0 auto; padding:76px 28px 30px; }
.gh-footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; }
.gh-footer-brand .gh-foot-logo{ font-family:var(--sans); font-size:23px; font-weight:700; letter-spacing:.04em; color:var(--ink); margin-bottom:16px; display:block; }
.gh-footer-brand p{ font-size:13px; line-height:1.95; color:var(--muted); margin:0 0 20px; max-width:330px; }
.gh-foot-social{ display:flex; gap:10px; }
.gh-foot-social a{ font-size:12px; padding:7px 14px; border:1px solid var(--line); border-radius:var(--radius); color:var(--ink); transition:.18s; }
.gh-foot-social a:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }
.gh-foot-col h4{ font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin:0 0 18px; }
.gh-foot-col ul{ list-style:none; margin:0; padding:0; }
.gh-foot-col li{ margin-bottom:12px; }
.gh-foot-col a{ font-size:13.5px; color:var(--ink); transition:color .15s; }
.gh-foot-col a:hover{ color:var(--accent); }
.gh-foot-attr{ margin-top:60px; padding-top:26px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.gh-foot-attr p{ font-size:12px; color:var(--muted); margin:0; }
.gh-foot-attr .legal{ display:flex; gap:20px; }
.gh-foot-attr .legal a{ font-size:12px; color:var(--muted); }
.gh-foot-attr .legal a:hover{ color:var(--ink); }

#yek-top{ position:fixed; right:24px; bottom:24px; width:48px; height:48px; border-radius:50%; border:0; background:var(--ink); color:#fff; font-size:18px; cursor:pointer; opacity:0; pointer-events:none; transition:opacity .3s, transform .3s; z-index:90; }
#yek-top.show{ opacity:1; pointer-events:auto; } #yek-top:hover{ transform:translateY(-3px); background:var(--accent); }

#single-header-title, #single h1, #single h2, .top-sec-head h2{ font-family:var(--serif) !important; font-weight:400 !important; color:var(--ink) !important; }
#single-header-category .single-header-category-item, .single-footer-category-item, .top-post-cat{ color:var(--accent) !important; border-color:var(--accent) !important; }
#single-content a{ color:var(--accent) !important; }
.top-section{ max-width:var(--maxw); margin:0 auto; padding:72px 28px; }
.author-box-name, #mrp-title{ font-family:var(--serif) !important; color:var(--ink) !important; }
.yek-cat-chip:hover{ background:var(--ink) !important; color:#fff !important; border-color:var(--ink) !important; }

@media(max-width:960px){
  .lo-hero-inner{ grid-template-columns:1fr; gap:44px; }
  .lo-panels{ grid-template-columns:1fr; }
  .lo-cases, .lo-od-grid, .lo-arts{ grid-template-columns:repeat(2,1fr); }
  .lo-cta-grid{ grid-template-columns:repeat(2,1fr); }
  .lo-feat-grid{ grid-template-columns:1fr; }
}
@media(max-width:768px){
  nav.yek-nav, .yek-head-cta{ display:none; }
  .yek-ham{ display:block; }
  .yek-mob-nav{ display:block; position:fixed; inset:72px 0 auto 0; background:#fff; border-bottom:1px solid var(--line); transform:translateY(-130%); transition:transform .32s var(--ease); z-index:110; max-height:calc(100vh - 72px); overflow:auto; }
  .yek-mob-nav.open{ transform:translateY(0); }
  .yek-mob-nav .widget, .yek-mob-nav ul{ display:block; margin:0; padding:0; list-style:none; }
  .yek-mob-nav a{ display:block; padding:16px 28px; font-size:15px; font-weight:500; color:var(--ink); border-bottom:1px solid var(--soft); }
  .lo-sec{ padding:64px 0; }
  .lo-hero-inner{ padding:64px 28px 70px; }
  .lo-impact{ grid-template-columns:1fr; } .lo-impact .it{ border-right:0; border-bottom:1px solid var(--line); }
  .lo-sem-row{ grid-template-columns:1fr; gap:12px; padding:24px 4px; } .lo-sem-go{ display:none; }
}
@media(max-width:560px){
  .lo-cases, .lo-od-grid, .lo-arts, .lo-cta-grid{ grid-template-columns:1fr; }
  .gh-footer-grid{ grid-template-columns:1fr 1fr; gap:30px; } .gh-footer-brand{ grid-column:1 / -1; }
  .lo-panel{ padding:42px 32px; min-height:320px; }
  .gh-foot-attr{ flex-direction:column; align-items:flex-start; }
}

.lo-hero.indigo{ background:#1B002D; }
.lo-hero.indigo::after{ display:none; }   
.lo-hero.indigo .lo-hero-inner{ grid-template-columns:1.12fr .88fr; gap:40px; min-height:300px; padding:40px 28px; align-items:center; }
.lo-hero.indigo h1{ font-size:clamp(30px,3.4vw,46px); line-height:1.55; margin:0 0 16px; }
.lo-hero.indigo .lead{ max-width:560px; margin:0; }
.lo-hero-art{ position:relative; height:220px; }
.lo-hero-art svg{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:100%; max-width:460px; height:auto; }
@media(max-width:760px){ .lo-hero.indigo .lo-hero-inner{ grid-template-columns:1fr; min-height:0; padding:56px 28px; } .lo-hero-art{ display:none; } }
.lo-sem-head{ text-align:center; margin:0 0 52px; }
.lo-sem-head h2{ font-family:var(--serif); font-size:clamp(26px,3.2vw,38px); font-weight:400; color:var(--ink); margin:0; }
.lo-sem-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.lo-sem-card{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:transform .22s var(--ease), box-shadow .22s; }
.lo-sem-card:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(25,25,25,.28); }
.lo-sem-card .thumb{ aspect-ratio:16/10; background:linear-gradient(135deg,#1C1733 0%,#3A3566 100%); position:relative; display:grid; place-items:center; }
.lo-sem-card .thumb .lbl{ position:absolute; top:12px; right:12px; font-size:10px; letter-spacing:.12em; color:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.4); border-radius:4px; padding:3px 9px; }
.lo-sem-card .thumb .tt{ font-family:var(--serif); color:#fff; font-size:17px; line-height:1.6; text-align:center; padding:0 24px; }
.lo-sem-card .datebar{ background:var(--p-slate); color:#fff; font-size:13px; font-weight:600; padding:10px 18px; letter-spacing:.02em; }
.lo-sem-card .cb{ padding:18px 20px 22px; }
.lo-sem-card .cat{ font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--muted); }
.lo-sem-card h3{ font-family:var(--sans); font-size:15px; font-weight:500; line-height:1.75; color:var(--ink); margin:8px 0 0; }

.lo-media-top{ background:#B9C6CD; }
.lo-feat-lg{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.lo-fc{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:transform .22s var(--ease), box-shadow .22s; }
.lo-fc:hover{ transform:translateY(-2px); border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(20,20,30,.3); }
.lo-fc .ph{ aspect-ratio:16/10; background:linear-gradient(135deg,#1C1733 0%,#2A2350 100%); position:relative; display:grid; place-items:center; padding:24px; }
.lo-fc .ph .cat{ position:absolute; top:14px; left:14px; background:#fff; color:var(--ink); font-size:11px; font-weight:600; padding:4px 11px; border-radius:3px; }
.lo-fc .ph .tt{ font-family:var(--serif); color:#fff; font-size:19px; line-height:1.65; text-align:center; }
.lo-fc .meta{ padding:15px 18px 18px; font-size:12.5px; color:var(--muted); }
.lo-media-intro{ display:grid; grid-template-columns:1fr 1.15fr; gap:50px; align-items:center; padding:6px 0 2px; }
.lo-media-intro h2{ font-family:var(--serif); font-size:clamp(26px,3vw,38px); font-weight:400; line-height:1.6; color:var(--ink); margin:0; }
.lo-media-intro h2 em.ac{ color:var(--accent); }
.lo-media-intro p{ font-size:14px; line-height:2.1; color:var(--body); margin:0; }
@media(max-width:760px){ .lo-sem-cards, .lo-feat-lg{ grid-template-columns:1fr; } .lo-media-intro{ grid-template-columns:1fr; gap:22px; } }

.reveal{ opacity:0; transform:translateY(20px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.is-visible{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .reveal{ opacity:1 !important; transform:none !important; } }

:root{
  --accent:#B8973F; --accent-dk:#9C7D31;
  --gold:#B8973F; --gold-l:#C9AD63;
  --navy:#13294B; --navy-d:#0C1C36; --navy-l:#1F3D6B;
  --slate-1:#13294B; --slate-2:#1F3D6B;
  --ink:#1B2535; --body:#3A4254; --muted:#5B6678;
  --soft:#F3F5F8; --soft-2:#EAEEF3; --line:#E4E8EE;
  --drawer-w:272px;
}

.lo-h2,.lo-hero h1{ color:var(--ink); }
em.ac{ color:var(--gold); }
.lo-eyebrow{ color:var(--gold); }
.lo-btn.red{ background:var(--gold); }
.lo-btn.red:hover{ background:var(--accent-dk); }
.lo-link:hover{ color:var(--gold); }
.lo-ann .arw,.lo-ann .more{ color:var(--gold); }
.lo-ann .more{ border-bottom-color:var(--gold); }
.yek-logo span{ color:var(--gold) !important; }
.yek-nav a:hover,.yek-nav a.selected{ color:var(--gold) !important; border-bottom-color:var(--gold) !important; }
.lo-cta-band{ background:linear-gradient(120deg,var(--navy-d),var(--navy-l)); }
.lo-hero{ background:linear-gradient(115deg,var(--navy-d) 0%,var(--navy-l) 125%); }

#ci-menu{ display:inline-flex; align-items:center; gap:9px; background:none;
  border:1px solid var(--line); border-radius:7px; padding:9px 13px; cursor:pointer;
  color:var(--navy); font-size:12.5px; font-weight:700; letter-spacing:.05em;
  font-family:var(--sans); transition:.18s; flex-shrink:0; }
#ci-menu:hover{ background:var(--navy); color:#fff; border-color:var(--navy); }
#ci-menu .ci-bars{ display:inline-flex; flex-direction:column; gap:3px; }
#ci-menu .ci-bars i{ width:16px; height:2px; background:currentColor; border-radius:2px; }
.yek-ham{ display:none !important; }   

.ci-drawer{ position:fixed; top:0; left:0; width:var(--drawer-w); height:100%;
  background:var(--navy-d); color:#fff; z-index:200; display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .32s cubic-bezier(.4,0,.2,1);
  box-shadow:2px 0 24px rgba(0,0,0,.18); }
.ci-drawer-head{ display:flex; align-items:center; justify-content:space-between;
  padding:22px 22px 18px; border-bottom:1px solid rgba(255,255,255,.1); }
.ci-drawer-head .mk{ font-family:var(--serif); font-size:18px; letter-spacing:.05em; }
.ci-drawer-head .mk b{ color:var(--gold-l); font-weight:400; }
.ci-drawer-close{ background:none; border:0; color:#fff; font-size:24px; line-height:1; cursor:pointer; opacity:.8; }
.ci-drawer-close:hover{ opacity:1; }
.ci-drawer-nav{ padding:8px 0; overflow-y:auto; flex:1; }
.ci-drawer-nav .grp{ font-size:11px; letter-spacing:.18em; color:var(--gold-l); padding:18px 24px 6px; text-transform:uppercase; }
.ci-drawer-nav a{ display:flex; align-items:center; gap:12px; padding:11px 24px; font-size:14.5px;
  color:#DFE4EE; border-left:3px solid transparent; transition:.18s; }
.ci-drawer-nav a:hover{ background:rgba(255,255,255,.06); border-left-color:var(--gold); color:#fff; }
.ci-drawer-nav a .dot{ width:6px; height:6px; border-radius:50%; background:var(--gold); opacity:.7; }
.ci-drawer-foot{ padding:18px 24px; border-top:1px solid rgba(255,255,255,.1); font-size:12px; color:#9AA6BA; }
.ci-overlay{ position:fixed; inset:0; background:rgba(8,16,32,.45); z-index:190; opacity:0; visibility:hidden; transition:.32s; }

#ci-shell{ transition:margin-left .32s cubic-bezier(.4,0,.2,1); }
body.ci-open .ci-drawer{ transform:translateX(0); }
body.ci-open .ci-overlay{ opacity:1; visibility:visible; }

.ci-ph{ position:relative; overflow:hidden; background:linear-gradient(135deg,var(--navy-l),var(--navy)); }
.ci-ph::after{ content:""; position:absolute; inset:0; background:
   radial-gradient(circle at 78% 22%,rgba(255,255,255,.14),transparent 42%),
   repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 14px,transparent 14px 28px); }
.ci-ph.alt{ background:linear-gradient(135deg,#8A6F2F,var(--gold)); }
.ci-ph.alt2{ background:linear-gradient(135deg,#244A6B,#3D6FA0); }
.ci-ph.alt3{ background:linear-gradient(135deg,#3A3F52,#1B2535); }
.ci-ph .tag{ position:absolute; left:11px; bottom:11px; z-index:2; background:var(--gold); color:#fff;
  font-size:11px; font-weight:700; padding:3px 10px; border-radius:4px; letter-spacing:.03em; }

.ci-sec{ padding:46px 0; }
.ci-sec.soft{ background:var(--soft); }
.ci-head{ position:relative; display:flex; align-items:flex-end; justify-content:space-between; max-width:var(--maxw);
  margin:0 auto 22px; padding:0 28px; }
.ci-head h2{ font-family:var(--serif); font-size:clamp(20px,2.4vw,26px); font-weight:500; color:var(--navy);
  letter-spacing:.03em; display:flex; align-items:center; gap:11px; margin:0; padding-bottom:11px; padding-right:90px;
  border-bottom:2px solid var(--navy); flex:1; }
.ci-head h2::before{ content:""; width:5px; height:22px; background:var(--gold); border-radius:2px; }
.ci-head .more{ font-size:12.5px; color:var(--muted); font-weight:600; white-space:nowrap; position:absolute; right:28px; bottom:13px; }
.ci-head .more:hover{ color:var(--gold); }

.ci-hero{ max-width:var(--maxw); margin:0 auto; padding:0 28px; display:grid;
  grid-template-columns:1.6fr 1fr; gap:18px; }
.ci-feat-main{ background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 14px rgba(20,40,75,.08);
  display:flex; flex-direction:column; }
.ci-feat-main .ci-ph{ aspect-ratio:16/9; border-radius:8px 8px 0 0; }
.ci-feat-main .bd{ padding:20px 22px 24px; }
.ci-feat-main h3{ font-family:var(--serif); font-size:clamp(19px,2.2vw,23px); line-height:1.5; color:var(--navy); margin:0 0 10px; font-weight:500; }
.ci-feat-main p{ font-size:13.5px; color:var(--muted); margin:0; line-height:1.85; }
.ci-side{ display:flex; flex-direction:column; gap:14px; align-self:start; }
.ci-mini{ display:grid; grid-template-columns:108px 1fr; gap:13px; background:#fff; border-radius:8px;
  overflow:hidden; box-shadow:0 1px 8px rgba(20,40,75,.06); }
.ci-mini .ci-ph{ height:100%; border-radius:8px 0 0 8px; }
.ci-mini .bd{ padding:11px 13px 11px 0; display:flex; flex-direction:column; justify-content:center; }
.ci-mini .cat{ font-size:11px; color:var(--gold); font-weight:700; letter-spacing:.04em; }
.ci-mini h4{ font-size:14px; font-weight:600; line-height:1.5; margin:3px 0 5px; color:var(--ink); }
.ci-mini .mt{ font-size:11px; color:#9AA3B2; }

.ci-grid{ max-width:var(--maxw); margin:0 auto; padding:0 28px; display:grid;
  grid-template-columns:repeat(3,1fr); gap:20px; }
.ci-card{ background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 1px 10px rgba(20,40,75,.06);
  transition:.2s; display:flex; flex-direction:column; }
.ci-card:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(20,40,75,.13); }
.ci-card .ci-ph{ aspect-ratio:16/10; border-radius:8px 8px 0 0; }
.ci-card .bd{ padding:14px 16px 18px; flex:1; display:flex; flex-direction:column; }
.ci-card .cat{ font-size:11px; color:var(--gold); font-weight:700; letter-spacing:.04em; }
.ci-card h3{ font-family:var(--serif); font-size:16px; line-height:1.55; color:var(--navy); margin:5px 0 9px; font-weight:500; }
.ci-card p{ font-size:12.5px; color:var(--muted); flex:1; margin:0; line-height:1.8; }
.ci-card .mt{ font-size:11px; color:#9AA3B2; margin-top:12px; display:flex; justify-content:space-between;
  border-top:1px solid var(--line); padding-top:9px; }

.ci-feature{ max-width:var(--maxw); margin:18px auto 0; border-radius:10px; overflow:hidden;
  background:linear-gradient(110deg,var(--navy-d),var(--navy-l)); color:#fff; padding:30px 34px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; }
.ci-feature::before{ content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 18px,transparent 18px 36px); }
.ci-feature .tx{ position:relative; }
.ci-feature .rb{ display:inline-block; background:var(--gold); font-size:11px; font-weight:700;
  letter-spacing:.12em; padding:3px 12px; border-radius:4px; margin-bottom:10px; }
.ci-feature h3{ font-family:var(--serif); font-size:clamp(18px,2.1vw,22px); line-height:1.5; margin:0; font-weight:500; }
.ci-feature .fb{ position:relative; white-space:nowrap; border:1px solid var(--gold-l); color:var(--gold-l);
  padding:11px 22px; border-radius:6px; font-size:13px; font-weight:600; }
.ci-feature .fb:hover{ background:var(--gold); color:#fff; border-color:var(--gold); }

.ci-chips{ max-width:var(--maxw); margin:0 auto; padding:0 28px; display:grid;
  grid-template-columns:repeat(2,1fr); gap:13px; }
.ci-chip{ background:#fff; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:7px;
  padding:15px 18px; display:flex; align-items:center; justify-content:space-between;
  font-size:14px; font-weight:600; color:var(--navy); transition:.18s; }
.ci-chip:hover{ border-left-color:var(--navy); box-shadow:0 4px 14px rgba(20,40,75,.1); }
.ci-chip .ar{ color:var(--gold); }

.lo-sec{ padding:46px 0; }

@media(max-width:980px){
  .ci-hero{ grid-template-columns:1fr; }
  .ci-grid{ grid-template-columns:repeat(2,1fr); }
  body.ci-open #ci-shell{ margin-left:0; }       
  body.ci-open .ci-overlay{ opacity:1; visibility:visible; }
}
@media(max-width:600px){
  .ci-grid{ grid-template-columns:1fr; }
  .ci-chips{ grid-template-columns:1fr; }
  .ci-feature{ flex-direction:column; align-items:flex-start; }
}

.ci-feat-main p{ color:#2E3A4C; font-size:14.5px; }
.ci-card p{ color:#333F50; }
.ci-mini h4{ color:#101F33; font-weight:600; }
.ci-feat-main h3, .ci-card h3{ color:#0F2647; }

.ci-card .cat, .ci-mini .cat{ color:#8A6B22; font-weight:700; }
.ci-feat-main .tag, .ci-card .tag{ background:#9C7D31; }

.ci-card .mt, .ci-card .mt span, .ci-mini .mt{ color:#5B6678; }

.ci-head .more{ color:#46505F; }
.ci-head h2{ color:#0F2647; }

.ci-drawer-nav a{ color:rgba(255,255,255,.9); }

nav.yek-nav a{ color:#1B2535; }

/* 記事本文：紺帯の見出しは白文字（v1.6上書きが濃文字にしていた不具合の是正） */
#single-content h2{ color:#fff !important; }

/* 記事見出し再調整：紺の背景帯をやめ、白地に紺文字＋金の縦ライン（可読性・対比は文字色と余白で） */
#single-content h2{
  background:transparent !important;
  color:#13294B !important;
  border-radius:0 !important;
  border-left:5px solid #B8973F;
  padding:.1em 0 .1em .7em !important;
  margin:2.4em 0 1em !important;
  line-height:1.45 !important;
}

/* === 記事の可読性まとめ直し（カテゴリ・見出しの太さ） === */
/* カテゴリのラベル：紺地に金文字で沈んでいた→薄地に紺文字で確実に読める */
#single-header-category .single-header-category-item{
  background:#EEF1F6 !important;
  color:#13294B !important;
  border:1px solid #D8DEE8 !important;
  font-weight:600 !important;
}
/* 記事タイトル：細い明朝400→600で芯を出す */
#single-header-title{ font-weight:600 !important; }
/* 本文の章見出し：細い明朝400で弱かった→太いゴシック700・紺・金の縦ライン */
#single-content h2{
  font-family:"Noto Sans JP",sans-serif !important;
  font-weight:700 !important;
  color:#13294B !important;
  background:transparent !important;
  border-left:5px solid #B8973F;
  border-radius:0 !important;
  padding:.1em 0 .1em .7em !important;
}

/* ===================================================================
   全体コントラスト強化（Xserver「コントラスト」原則：明暗をはっきり／薄グレー文字を一掃）
   テンプレの薄い文字色を、黒に近い濃さへ底上げ。見出しは太く。
   =================================================================== */
:root{
  --dark:#1b1f27;
  --mid:#1b1f27;
  --muted:#404853;   /* 補助文字も読める濃さに（旧#888は薄すぎ） */
  --ink:#10131a;
  --body:#1f242c;
}
/* 本文 */
body{ color:#1f242c; }
#single-content{ color:#1b1f27 !important; font-weight:400; }
#single-content p{ color:#1b1f27 !important; }
/* トップのカード抜粋・見出し */
.ci-feat-main p, .ci-card p{ color:#262f3c !important; }
.ci-feat-main h3, .ci-card h3{ color:#10233f !important; font-weight:600 !important; }
.ci-mini h4{ color:#0f1f33 !important; font-weight:600 !important; }
.ci-mini .cat, .ci-card .cat{ color:#8A6B22 !important; font-weight:700 !important; }
/* メタ（著者・日付）：薄グレーを濃いグレーへ */
.ci-card .mt, .ci-card .mt span, .ci-mini .mt{ color:#46505f !important; }
/* セクション見出し・more */
.ci-head h2{ color:#10233f !important; font-weight:600 !important; }
.ci-head .more{ color:#3a424e !important; }
/* ヘッダーナビ */
nav.yek-nav a{ color:#13294B !important; }
.yek-logo-sub{ color:#46505f !important; }
.yek-logo{ color:#13294B !important; } /* v3.218: 白ヘッダー上で「インサイト」が白×白で消える二重定義(48行#fff!important)を確定上書き */

/* === スクロール時にヘッダーが紺地化→紺文字が消える不具合の是正 ===
   スクロール後も白基調のまま（影だけ付ける）。MENU・ナビ・ロゴを濃いまま読めるように。 */
#yek-header.scrolled{
  background:rgba(255,255,255,.97) !important;
  position:sticky !important;
  box-shadow:0 2px 10px rgba(0,0,0,.07) !important;
}
#yek-header.scrolled .yek-logo,
#yek-header.scrolled nav.yek-nav a,
#yek-header.scrolled #ci-menu{ color:#13294B !important; }
#yek-header.scrolled .yek-logo span{ color:#B8973F !important; }
#yek-header.scrolled #ci-menu{ border-color:#13294B !important; }

/* v3.221: 横並びナビ撤去に伴いヘッダーをMENU＋ロゴの左寄せに（space-between解除） */
.yek-header-inner{ justify-content:flex-start !important; }

/* v3.223: 記事ページ(.single-wrap)のみ中央寄せ2カラム復活＝本文行長を読みやすく＋サイドバー表示。
   一覧(blog/index.html)の全幅マガジンは1080-1082の上書きのまま不変。 */
.single-wrap#yek-main-wrap{ display:grid !important; grid-template-columns:1fr var(--side-w) !important; gap:var(--gap) !important; max-width:var(--max-w) !important; margin:0 auto !important; padding:28px 20px 60px !important; }
.single-wrap #yek-main{ width:auto !important; max-width:none !important; }
.single-wrap #yek-sidebar{ display:grid !important; }
@media(max-width:900px){ .single-wrap#yek-main-wrap{ grid-template-columns:1fr !important; padding:20px 12px 40px !important; } }


/* ===== v3.232 reader letter (MailerLite読者リスト) — scoped to .il-news ===== */
.il-news .il-news-wrap{ max-width:680px; margin:0 auto; background:var(--soft); border:1px solid var(--line); border-radius:10px; padding:50px 44px; }
.il-news .il-news-head{ text-align:center; margin-bottom:34px; }
.il-news .il-news-kicker{ font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.18em; color:var(--gold); display:block; margin-bottom:14px; }
.il-news .il-news-head h2{ font-family:var(--serif); font-size:clamp(22px,2.8vw,30px); font-weight:500; color:var(--ink); line-height:1.5; margin:0 0 18px; }
.il-news .il-news-head p{ font-family:var(--sans); font-size:14.5px; line-height:2.05; color:var(--body); margin:0 auto; max-width:600px; text-align:left; }
.il-news .ml-embedded{ max-width:560px; margin:0 auto; }
@media(max-width:768px){ .il-news .il-news-wrap{ padding:36px 22px; border-radius:8px; } }


/* ===== v3.233 newsletter page (/blog/newsletter/) ===== */
#single-content .nl-lead{ color:var(--body); }
#single-content .nl-list{ margin:0 0 6px; padding-left:1.2em; }
#single-content .nl-list li{ margin-bottom:11px; }
.nl-assure{ background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:22px 26px; margin:6px 0; }
.nl-assure ul{ margin:0; padding-left:1.2em; }
.nl-assure li{ margin-bottom:9px; }
.nl-assure li:last-child{ margin-bottom:0; }