/* Tutorial inherits Beranda's exact header/footer from base.css and home.css.
   Only page-content spacing belongs here; never restyle Elementor widgets. */
#zi-landing.zih-tutorial-shell .zih-tutorial-content {
  min-height: 45vh;
  width: 100%;
  background: #fdfbf8;
}
#zi-landing.zih-tutorial-shell .zih-tutorial-editor {
  width: min(1170px, calc(100% - 64px));
  margin-inline: auto;
  padding-block: 56px 84px;
}
#zi-landing.zih-tutorial-shell .zih-tutorial-editor > :first-child { margin-top: 0; }
#zi-landing.zih-tutorial-shell .zih-tutorial-editor > :last-child { margin-bottom: 0; }
#zi-landing.zih-tutorial-shell .zih-tutorial-editor p,
#zi-landing.zih-tutorial-shell .zih-tutorial-editor li { line-height: 1.8; }
#zi-landing.zih-tutorial-shell .zih-tutorial-editor a:not(.wp-block-button__link) {
  color: #87544f;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#zi-landing.zih-tutorial-shell .zih-tutorial-elementor { padding: 0; }
@media (max-width: 620px) {
  #zi-landing.zih-tutorial-shell .zih-tutorial-editor {
    width: min(100% - 36px, 1170px);
    padding-block: 36px 62px;
  }
}
/* Standalone page template must not inherit theme body margins. */
body.zih-tutorial { margin: 0; }

/* Editorial article heading; Page hub keeps exactly its existing content. */
#zi-landing.zih-tutorial-shell .zih-tutorial-article-heading{margin:0 0 34px;max-width:900px}
#zi-landing.zih-tutorial-shell .zih-tutorial-article-heading h1{font-size:clamp(30px,4vw,48px);font-weight:750;line-height:1.17;letter-spacing:-.035em;margin:13px 0 0;color:#382b30}
#zi-landing.zih-tutorial-shell .zih-tutorial-back{display:inline-block;font-weight:700;font-size:13px;color:#87544f;text-decoration:none}
#zi-landing.zih-tutorial-shell .zih-tutorial-back:hover{text-decoration:underline}

/* Pusat Tutorial — local CSS, scoped to the Tutorial shell only. */
#zi-landing.zih-tutorial-shell .zih-tutorial-hub{max-width:1180px;margin:0 auto;}
#zi-landing.zih-tutorial-shell .zih-tutorial-intro{margin-bottom:35px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-eyebrow{display:block;color:#98655b;font-weight:750;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:12px 0;}
#zi-landing.zih-tutorial-shell .zih-tutorial-intro h1{font-size:clamp(32px,4vw,54px);margin:9px 0 15px;font-weight:760;line-height:1.1;color:#342b2f;letter-spacing:-.035em;}
#zi-landing.zih-tutorial-shell .zih-tutorial-intro p{max-width:670px;color:#70646b;margin:0;font-size:16px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 28px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-filters input,#zi-landing.zih-tutorial-shell .zih-tutorial-filters select{background:#fff;border:1px solid #e8dfda;border-radius:12px;padding:13px 14px;color:#3d3337;font:inherit;font-size:14px;min-height:48px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-filters input{flex:1 1 250px;min-width:0;}
#zi-landing.zih-tutorial-shell .zih-tutorial-filters select{flex:0 1 225px;max-width:100%;}
#zi-landing.zih-tutorial-shell .zih-tutorial-search{min-height:48px;border:0;background:#86544f;border-radius:12px;padding:0 20px;color:#fff;font:inherit;font-weight:700;cursor:pointer;}
#zi-landing.zih-tutorial-shell .zih-tutorial-search:hover{background:#70443f;}
#zi-landing.zih-tutorial-shell .zih-tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee2dd;border-radius:18px;box-shadow:0 5px 22px rgba(40,25,22,.035);overflow:hidden;transition:box-shadow .2s,transform .2s;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(40,25,22,.085);}
#zi-landing.zih-tutorial-shell .zih-tutorial-card-link{display:flex;flex-direction:column;flex:1;text-decoration:none!important;color:inherit!important;padding:24px 23px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card-tag{font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:#936059;margin-bottom:13px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card h2{font-size:clamp(18px,2.4vw,23px);line-height:1.25;letter-spacing:-.025em;color:#372b30;margin:0 0 10px;font-weight:700;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card p{font-size:14px;line-height:1.65;color:#71636b;margin:0 0 18px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#987e79;font-size:12px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-card-bottom strong{color:#87544f;font-size:13px;white-space:nowrap;}
#zi-landing.zih-tutorial-shell .zih-tutorial-empty{background:#fff;padding:30px;border:1px dashed #dfccc5;border-radius:15px;color:#75646a;}
#zi-landing.zih-tutorial-shell .zih-tutorial-pages{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:34px;flex-wrap:wrap;}
#zi-landing.zih-tutorial-shell .zih-tutorial-pages a{font-weight:700;}
#zi-landing.zih-tutorial-shell .zih-tutorial-byline{font-size:13px;color:#897b80;margin:14px 0 0;}
#zi-landing.zih-tutorial-shell .zih-tutorial-article-heading{max-width:880px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-article-heading h1{max-width:850px;}
#zi-landing.zih-tutorial-shell .zih-tutorial-editor:not(.zih-hub) > p,#zi-landing.zih-tutorial-shell .zih-tutorial-editor:not(.zih-hub) > ul,#zi-landing.zih-tutorial-shell .zih-tutorial-editor:not(.zih-hub) > ol{max-width:900px;}
@media(max-width:900px){#zi-landing.zih-tutorial-shell .zih-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){#zi-landing.zih-tutorial-shell .zih-tutorial-grid{grid-template-columns:1fr;gap:13px;}#zi-landing.zih-tutorial-shell .zih-tutorial-card-link{padding:21px;}#zi-landing.zih-tutorial-shell .zih-tutorial-filters{gap:9px;align-items:stretch;}#zi-landing.zih-tutorial-shell .zih-tutorial-filters input,#zi-landing.zih-tutorial-shell .zih-tutorial-filters select,#zi-landing.zih-tutorial-shell .zih-tutorial-filters button{flex:1 1 100%;width:100%;}}
@media(prefers-reduced-motion:reduce){#zi-landing.zih-tutorial-shell .zih-tutorial-card{transition:none;}#zi-landing.zih-tutorial-shell .zih-tutorial-card:hover{transform:none;}}

#zi-landing.zih-tutorial-shell .zih-tutorial-hub .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}