
  :root{--paper:#FBF9F2;--surface:#E8DFC7;--ink:#22271B;--ink-soft:#5F6354;--line:#DAD2B8;--green:#324427;--green-deep:#232F1B;--gold:#FFC60B;--white:#FFFFFF;--font:'IBM Plex Sans Arabic', sans-serif;--read:760px;}
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--font); background:var(--paper); color:var(--ink); line-height:1.8; -webkit-font-smoothing:antialiased;}
  a{color:var(--green); text-decoration:underline;}
  h1,h2,h3{font-weight:700; line-height:1.4;}
  .read{max-width:var(--read); margin:0 auto; padding:0 28px;}

  .page-head{padding:48px 0 24px;}
  .breadcrumb{font-size:.8rem; color:var(--ink-soft); margin-bottom:14px;}
  .breadcrumb a{color:var(--ink-soft); text-decoration:none;}
  .breadcrumb a:hover{color:var(--green);}
  .page-head h1{font-size:2rem; margin-bottom:10px;}
  .updated{font-size:.85rem; color:var(--ink-soft);}
  .page-head .lead{color:var(--ink-soft); font-weight:300; margin-top:18px;}

  /* quick jump nav, matches the chip pattern used on shop/blog */
  .jump-nav{padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:8px;}
  .jump-nav .chip-group{display:flex; gap:10px; flex-wrap:wrap;}
  .chip{font-size:.82rem; font-weight:500; padding:8px 18px; border:1px solid var(--line); border-radius:20px; color:var(--ink-soft); text-decoration:none; white-space:nowrap;}
  .chip:hover{border-color:var(--green); color:var(--green);}

  .part-head{padding:52px 0 8px; border-top:1px solid var(--line); margin-top:20px;}
  .part-head.first{border-top:none; margin-top:0; padding-top:12px;}
  .part-head .eyebrow{font-size:.78rem; font-weight:700; letter-spacing:0; color:var(--green); margin-bottom:8px;}
  .part-head h2{font-size:1.5rem;}

  .section{padding-top:26px;}
  .section h3{font-size:1.12rem; color:var(--green); margin-bottom:14px;}
  .section p{margin-bottom:14px; font-weight:300;}
  .section ul, .section ol{margin:0 0 14px; padding-inline-start:22px;}
  .section li{margin-bottom:10px; font-weight:300;}
  .section li strong, .section p strong{font-weight:600; color:var(--ink);}
  .section p em{font-style:normal; color:var(--ink);}
  hr.rule{border:none; border-top:1px solid var(--line); margin:0;}

  .fill{background:#FFF3C4; color:var(--ink); padding:2px 8px; border-radius:3px; font-weight:600; white-space:nowrap;}

  .contact-block{border:1px solid var(--line); background:var(--white); padding:28px 32px; margin-top:16px;}
  .contact-row{display:flex; flex-direction:column; gap:12px; margin-top:14px;}
  .contact-item{display:flex; align-items:center; gap:10px;}
  .contact-item .c-icon{width:15px; height:15px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .contact-item .c-icon svg{width:15px; height:15px; stroke:var(--green); fill:none; stroke-width:1.8;}
  .contact-item .c-label{font-size:.78rem; color:var(--ink-soft);}
  .contact-item .c-value{font-size:.82rem; font-weight:600; color:var(--ink); text-decoration:none;}
  .contact-item .c-value:hover{color:var(--green);}
  .contact-block h2{color:var(--green); margin-bottom:14px; font-size:1.1rem;}
  .contact-block ul{list-style:none; padding:0;}
  .contact-block li{margin-bottom:8px; font-weight:400;}
  .tel-num{direction:ltr; unicode-bidi:isolate; display:inline-block;}

.shop-card{display:block}
