.yjh-front-page{width:100%}
.yjh-home{
  --yjh-accent:#f04a23;--yjh-accent-hover:#c93415;--yjh-text:#111827;--yjh-body:#1f2933;--yjh-muted:#4b5563;
  --yjh-navy:#24324a;--yjh-warm:#fff8f4;--yjh-cool:#f8fafc;--yjh-cream:#fff7e6;--yjh-border:rgba(36,50,74,.15);
  max-width:1180px;margin:0 auto;padding:1.125rem 1rem 2.05rem;color:var(--yjh-body)
}
.yjh-home .yjh-hero,.yjh-home .yjh-tools,.yjh-home .yjh-about,.yjh-home .yjh-featured-posts,.yjh-home .yjh-final-cta{margin-top:3rem}
.yjh-home .yjh-hero:first-child{margin-top:0}
.yjh-home h1,.yjh-home h2,.yjh-home h3{color:var(--yjh-text);line-height:1.2;margin:0 0 .78rem}
.yjh-home h2{font-size:clamp(1.45rem,1vw + 1.05rem,1.95rem)}
.yjh-home p,.yjh-home .yjh-section-intro{margin:0 0 1rem;color:var(--yjh-body)}
.yjh-home .yjh-hero{position:relative;overflow:hidden;isolation:isolate;text-align:center;background:linear-gradient(135deg,#101827 0%,#16243a 55%,#24324a 100%);border:1px solid rgba(219,229,242,.2);border-radius:28px;padding:clamp(2.1rem,4.2vw,3.4rem) clamp(1.2rem,2.8vw,2.4rem);box-shadow:0 16px 34px rgba(8,13,24,.34)}
.yjh-home .yjh-hero::before,.yjh-home .yjh-hero::after{content:"";position:absolute;z-index:-1;border-radius:999px}
.yjh-home .yjh-hero::before{inline-size:18rem;block-size:18rem;top:-8rem;left:-5rem;background:radial-gradient(circle,rgba(240,74,35,.2) 0%,transparent 72%)}
.yjh-home .yjh-hero::after{inline-size:14rem;block-size:14rem;right:-4.5rem;bottom:-5.5rem;background:radial-gradient(circle,rgba(248,250,252,.1) 0%,transparent 72%)}
.yjh-home .yjh-hero-content{max-width:760px;margin:0 auto}
.yjh-home .yjh-hero h1{margin:0 auto .9rem;max-width:760px;line-height:1.13;font-size:clamp(1.95rem,2.3vw + 1rem,3.1rem);text-wrap:balance;color:#f8fafc}
.yjh-home .yjh-hero p{max-width:680px;margin:0 auto;font-size:clamp(1rem,.48vw + .9rem,1.12rem);color:#dbe5f2}
.yjh-home .yjh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1.35rem}
.yjh-home .yjh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1.2rem;border-radius:12px;border:1.5px solid var(--yjh-accent);background:var(--yjh-accent);font-weight:700;text-decoration:none;transition:.2s ease}
.yjh-home a.yjh-btn,.yjh-home a.yjh-btn-primary{color:#fff!important}
.yjh-home a.yjh-btn-secondary{background:#fff;color:#24324a!important;border-color:rgba(36,50,74,.35)}
.yjh-home .yjh-hero a.yjh-btn-secondary{background:rgba(255,255,255,.08);color:#f8fafc!important;border-color:rgba(255,255,255,.68)}
.yjh-home a.yjh-btn:hover,.yjh-home a.yjh-btn:focus-visible{color:#fff!important;background:var(--yjh-accent-hover);border-color:var(--yjh-accent-hover);transform:translateY(-1px)}
.yjh-home a.yjh-btn-secondary:hover,.yjh-home a.yjh-btn-secondary:focus-visible{background:#24324a;border-color:#24324a;color:#fff!important}
.yjh-home .yjh-hero a.yjh-btn-secondary:hover,.yjh-home .yjh-hero a.yjh-btn-secondary:focus-visible{background:#fff;border-color:#fff;color:#16243a!important}
.yjh-home .yjh-grid{display:grid;gap:1rem}.yjh-home .yjh-tools-grid,.yjh-home .yjh-posts-grid{grid-template-columns:1fr}
.yjh-home .yjh-card{border:1px solid var(--yjh-border);border-radius:16px;padding:1.15rem;background:#fff;display:flex;flex-direction:column;height:100%;box-shadow:0 10px 22px rgba(17,24,39,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.yjh-home .yjh-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(17,24,39,.09);border-color:rgba(36,50,74,.24)}
.yjh-home .yjh-card-title{margin-top:.25rem;font-size:1.08rem}
.yjh-home .yjh-card-text{color:var(--yjh-muted);margin-bottom:.95rem;line-height:1.52}
.yjh-home .yjh-text-link{margin-top:auto;text-decoration:none;color:#1d3557;font-weight:700}.yjh-home .yjh-text-link:hover{color:var(--yjh-accent)}
.yjh-home .yjh-about{background:var(--yjh-warm);border:1px solid var(--yjh-border);border-radius:24px;padding:1.9rem 1.5rem;text-align:center}
.yjh-home .yjh-tools,.yjh-home .yjh-featured-posts{text-align:left}
.yjh-home .yjh-tools .yjh-section-intro,.yjh-home .yjh-featured-posts .yjh-section-intro{max-width:760px;margin-left:0;margin-right:0;text-align:left}
.yjh-home .yjh-hero,.yjh-home .yjh-about,.yjh-home .yjh-final-cta{text-align:center}
.yjh-home .yjh-tool-card{position:relative;overflow:hidden;padding:1.45rem;border-radius:20px;min-height:228px;border:1px solid rgba(36,50,74,.16);box-shadow:0 12px 26px rgba(17,24,39,.06)}
.yjh-home .yjh-tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tool-accent,#d97706)}
.yjh-home .yjh-tool-card::after{content:"";position:absolute;right:-2.5rem;top:-2.5rem;width:8rem;height:8rem;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 70%);pointer-events:none}
.yjh-home .yjh-tool-card .yjh-card-title{margin-top:.3rem}
.yjh-home .yjh-tool-card .yjh-card-text{margin-bottom:1rem}
.yjh-home .yjh-tool-card:nth-child(1){--tool-accent:#c47a1a;background:linear-gradient(165deg,#fff8ec 0%,#fffdf7 100%)}
.yjh-home .yjh-tool-card:nth-child(2){--tool-accent:#2563eb;background:linear-gradient(165deg,#eef5ff 0%,#f8fbff 100%)}
.yjh-home .yjh-tool-card:nth-child(3){--tool-accent:#5b6f8f;background:linear-gradient(165deg,#f3f6fb 0%,#f9fbfe 100%)}
.yjh-home .yjh-tool-label{display:inline-flex;align-self:flex-start;padding:.28rem .62rem;border-radius:999px;font-size:.72rem;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tool-accent,#d97706);background:rgba(255,255,255,.72);border:1px solid rgba(36,50,74,.18)}
.yjh-home .yjh-tool-link{margin-top:auto;display:inline-flex;align-items:center;gap:.3rem;font-weight:700;text-decoration:none;color:#1d3557}
.yjh-home .yjh-tool-link:hover,.yjh-home .yjh-tool-link:focus-visible{color:var(--tool-accent,#d97706)}
.yjh-home .yjh-post-card{overflow:hidden;padding:0;border-radius:18px}
.yjh-home .yjh-post-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8eef5}
.yjh-home .yjh-post-image img{width:100%;height:100%;object-fit:cover;display:block}
.yjh-home .yjh-post-image-placeholder{background:linear-gradient(135deg,#e9edf5,#f6f8fc)}
.yjh-home .yjh-post-content{padding:1rem;display:flex;flex-direction:column;flex:1}
.yjh-home .yjh-post-content .yjh-card-title{font-size:1.08rem;line-height:1.34}
.yjh-home .yjh-post-content .yjh-card-text{margin-bottom:1rem}
.yjh-home .yjh-posts-footer{text-align:center;margin:1.1rem 0 0}
.yjh-home .yjh-posts-footer .yjh-btn{border-radius:999px;padding:.68rem 1.2rem;background:#fff;color:#24324a!important;border-color:rgba(36,50,74,.28)}
.yjh-home .yjh-posts-footer .yjh-btn:hover,.yjh-home .yjh-posts-footer .yjh-btn:focus-visible{background:#24324a;color:#fff!important;border-color:#24324a}
.yjh-home .yjh-final-cta{background:linear-gradient(135deg,#24324a,#2f4363);color:#d9e6f3;border-radius:24px;padding:1.95rem 1.45rem;border:1px solid rgba(36,50,74,.26);text-align:center}
.yjh-home .yjh-final-cta h2{color:#fff}
.yjh-home .yjh-final-cta p{color:#deebf8;max-width:700px;margin:0 auto 1rem}
.yjh-home .yjh-final-cta .yjh-actions{justify-content:center}
.yjh-home .yjh-final-cta a.yjh-btn-secondary{color:#fff!important;border-color:rgba(255,255,255,.85);background:transparent}
.yjh-home .yjh-final-cta a.yjh-btn-secondary:hover,.yjh-home .yjh-final-cta a.yjh-btn-secondary:focus-visible{background:#fff;color:#24324a!important;border-color:#fff}
.yjh-home a:focus-visible{outline:3px solid var(--yjh-accent);outline-offset:3px;border-radius:6px}
@media (min-width:700px){.yjh-home .yjh-tools-grid,.yjh-home .yjh-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:920px){.yjh-home .yjh-tools-grid,.yjh-home .yjh-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.yjh-home .yjh-hero,.yjh-home .yjh-tools,.yjh-home .yjh-about,.yjh-home .yjh-featured-posts,.yjh-home .yjh-final-cta{margin-top:2.2rem}}
@media (max-width:640px){.yjh-home{padding:.875rem .9rem 1.5rem}.yjh-home .yjh-hero h1{font-size:clamp(1.7rem,6.2vw,2.22rem)}.yjh-home .yjh-actions{display:grid;grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.yjh-home .yjh-actions .yjh-btn{width:100%}.yjh-home .yjh-tools-grid{grid-template-columns:1fr}}