/* yukkuri content page - unique namespace only */
.ykc-page{
  --ykc-bg1:#203229;
  --ykc-bg2:#31493a;
  --ykc-panel:#22362b;
  --ykc-line:rgba(161,195,73,.18);
  --ykc-accent:#a1c349;
  --ykc-accent-2:#d7ee8b;
  --ykc-text:#eff5ea;
  --ykc-sub:#c9d7c6;
  --ykc-shadow:0 18px 40px rgba(0,0,0,.24);
}
.ykc-shell{max-width:1180px;margin:0 auto;}
.ykc-kicker{
  margin:0 0 10px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--ykc-accent-2);
  text-transform:uppercase;
}
.ykc-title{
  margin:0 0 18px;
  font-size:clamp(2.2rem,4vw,4.5rem);
  line-height:1.06;
  color:#f4f8ef;
  text-shadow:0 0 20px rgba(161,195,73,.08);
}
.ykc-lead{max-width:62ch;color:var(--ykc-sub);font-size:1.03rem;}
.ykc-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:30px;
  align-items:center;
  padding:34px;
  margin-bottom:28px;
  background:
    radial-gradient(circle at top right, rgba(161,195,73,.16), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    var(--ykc-bg1);
  border:1px solid var(--ykc-line);
  border-radius:26px;
  box-shadow:var(--ykc-shadow);
  overflow:hidden;
}
.ykc-hero__media img{
  width:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:#18251d;
}
.ykc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.ykc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#88a83a,#5e7a28);
  color:#fff;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.ykc-btn:hover{color:#fff;text-decoration:none;transform:translateY(-1px);}
.ykc-btn--ghost{
  background:transparent;
  border:1px solid rgba(161,195,73,.38);
  color:var(--ykc-accent-2);
}
.ykc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:28px;
}
.ykc-card,.ykc-box,.ykc-panel,.ykc-cta{
  border:1px solid var(--ykc-line);
  box-shadow:var(--ykc-shadow);
}
.ykc-card{
  padding:24px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)),var(--ykc-panel);
}
.ykc-card h2,.ykc-box h2,.ykc-feature__head h2,.ykc-cta h2{color:#eef7de;}
.ykc-card__eyebrow{
  margin:0 0 8px;
  font-size:.72rem;
  letter-spacing:.16em;
  font-weight:700;
  color:var(--ykc-accent);
}
.ykc-list{margin:0;padding-left:18px;}
.ykc-list li{margin:0 0 8px;color:var(--ykc-sub);}
.ykc-feature{
  margin-bottom:28px;
  padding:28px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#1d2f26;
  border:1px solid var(--ykc-line);
}
.ykc-feature__head{margin-bottom:20px;}
.ykc-feature__list{display:grid;gap:18px;}
.ykc-panel{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:20px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.02);
}
.ykc-panel__image{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:16px;
}

.ykc-panel__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ykc-panel__body{display:flex;flex-direction:column;justify-content:center;}
.ykc-panel__body h3{margin:10px 0 12px;color:#f3f9e6;}
.ykc-panel__body p{margin:0;color:var(--ykc-sub);}
.ykc-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(161,195,73,.12);
  border:1px solid rgba(161,195,73,.2);
  color:var(--ykc-accent-2);
  font-size:.78rem;
  font-weight:700;
}
.ykc-columns{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-bottom:28px;
}
.ykc-box{
  padding:26px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),var(--ykc-bg2);
}
.ykc-box--note{background:linear-gradient(180deg,rgba(161,195,73,.05),rgba(255,255,255,.012)),#2a4132;}
.ykc-flow{margin:0;padding-left:20px;}
.ykc-flow li{margin:0 0 12px;color:var(--ykc-sub);}
.ykc-flow strong{color:#fff;}
.ykc-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at right center, rgba(161,195,73,.15), transparent 28%),
    linear-gradient(135deg,#25382c,#17241d);
}
.ykc-cta__text p:last-child{margin-bottom:0;color:var(--ykc-sub);}
.ykc-page code{
  padding:2px 7px;
  border-radius:8px;
  background:rgba(0,0,0,.22);
  color:#eef7de;
}
@media (max-width:980px){
  .ykc-hero,.ykc-columns,.ykc-panel{grid-template-columns:1fr;}
  .ykc-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .ykc-page{padding:24px 14px 48px;}
  .ykc-hero,.ykc-feature,.ykc-box,.ykc-cta{padding:18px;}
  .ykc-title{font-size:2rem;}
  .ykc-btn{width:100%;min-width:0;}
  .ykc-actions{flex-direction:column;}
  .ykc-panel{padding:14px;}
  .ykc-panel__image img{min-height:160px;}
  .ykc-cta{flex-direction:column;align-items:flex-start;}
}