.ygd-force-root,
.yarmontech-gallery-design {
  --ygd-bg:#f6f8fe; --ygd-surface:#fff; --ygd-text:#10172e; --ygd-muted:#5e6883;
  --ygd-line:#dde5f4; --ygd-primary:#245dff; --ygd-secondary:#5a28ff; --ygd-accent:#f0a63a;
  --ygd-shadow:0 20px 50px rgba(14,30,70,.10);
  color:var(--ygd-text); max-width:100%; overflow-x:hidden;
  background:linear-gradient(180deg,#fbfcff 0%,var(--ygd-bg) 100%);
  padding:26px 0 42px; font-family:Arial, Helvetica, sans-serif;
}
.ygd-force-root *, .yarmontech-gallery-design * { box-sizing:border-box; }
.ygd-force-root img, .yarmontech-gallery-design img { max-width:100%; display:block; height:auto; }
.ygd-wrap { width:min(1200px,100%); margin:0 auto; padding:0 16px; }
.ygd-hero { background:#fff; border:1px solid rgba(221,229,244,.9); border-radius:28px; box-shadow:var(--ygd-shadow); padding:28px; margin-bottom:28px; }
.ygd-brand { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.ygd-brand img { width:42px; height:42px; }
.ygd-brand span { font-size:1.8rem; font-weight:800; background:linear-gradient(90deg,#16357b 0%,var(--ygd-primary) 52%,var(--ygd-secondary) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ygd-chip { display:inline-block; margin:0 0 12px; padding:8px 14px; border-radius:999px; background:rgba(36,93,255,.08); color:var(--ygd-primary); font-weight:800; letter-spacing:.03em; text-transform:uppercase; font-size:.83rem; }
.ygd-hero h1 { margin:0 0 14px; font-size:clamp(2rem,4vw,4rem); line-height:1.08; }
.ygd-section-head { margin:0 0 22px; }
.ygd-section-head h2 { margin:0 0 12px; font-size:clamp(1.9rem,3.5vw,3.2rem); line-height:1.08; }
.ygd-hero p, .ygd-section-head p, .ygd-feature-copy p { color:var(--ygd-muted); line-height:1.75; margin:0; }
.ygd-feature { display:grid; grid-template-columns:280px 1fr; gap:26px; align-items:center; background:#fff; border:1px solid rgba(220,228,243,.9); box-shadow:var(--ygd-shadow); border-radius:28px; padding:24px; margin-bottom:26px; }
.ygd-item-no, .ygd-card-no { display:inline-block; margin-bottom:8px; color:var(--ygd-accent); font-weight:800; letter-spacing:.08em; }
.ygd-feature-copy h3, .ygd-card-meta h3 { margin:0 0 14px; line-height:1.12; }
.ygd-feature-copy h3 { font-size:clamp(1.45rem,3vw,2.15rem); }
.ygd-feature-media img, .ygd-card img { border:1px solid var(--ygd-line); border-radius:18px; width:100%; }
.ygd-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ygd-card { background:#fff; border-radius:24px; padding:20px; border:1px solid rgba(220,228,243,.9); box-shadow:var(--ygd-shadow); }
.ygd-card.ygd-wide { grid-column:span 2; }
.ygd-card-meta { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.ygd-card-meta h3 { font-size:clamp(1.25rem,2vw,1.8rem); }
.ygd-menu-gallery-design, .ygd-menu-gallery-design > a { font-size:1.15em!important; font-weight:800!important; }
body.ygd-force-tentang .ygd-old-content-hidden { display:none!important; visibility:hidden!important; height:0!important; overflow:hidden!important; }
body.ygd-force-tentang #ygd-force-root { display:block!important; }
@media(max-width:900px){ .ygd-feature{grid-template-columns:1fr;} }
@media(max-width:780px){ .ygd-grid{grid-template-columns:1fr;} .ygd-card.ygd-wide{grid-column:auto;} }
@media(max-width:640px){
  .ygd-force-root,.yarmontech-gallery-design{padding:16px 0 28px;}
  .ygd-hero,.ygd-feature,.ygd-card{padding:18px;border-radius:20px;}
  .ygd-brand span{font-size:1.45rem;} .ygd-brand img{width:34px;height:34px;}
}