.guides-page{background:#fffaf3;color:#2e241b;font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.95;}
.guide-main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 58px;}
.guide-hero{background:linear-gradient(135deg,#fff5e5,#f7ead8);border:1px solid rgba(121,83,43,.18);border-radius:28px;padding:30px;box-shadow:0 14px 38px rgba(72,46,22,.08);margin-bottom:22px;}
.guide-kicker{display:inline-flex;background:#fff;border:1px solid rgba(121,83,43,.18);border-radius:999px;padding:5px 13px;font-size:.9rem;color:#7a5633;margin-bottom:12px;}
.guide-hero h1{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.35;margin:0 0 12px;color:#2b2018;}
.guide-hero p{font-size:1.07rem;margin:0;color:#594431;max-width:900px;}
.breadcrumbs{font-size:.92rem;color:#806344;margin:0 0 16px;}
.breadcrumbs a{color:#6c472b;text-decoration:none;}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:22px 0;}
.guide-card{background:#fff;border:1px solid rgba(121,83,43,.16);border-radius:22px;padding:20px;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(72,46,22,.055);transition:.18s ease;}
.guide-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(72,46,22,.1);}
.guide-card h2,.guide-card h3{font-size:1.12rem;margin:0 0 8px;color:#34251b;}
.guide-card p{margin:0;color:#66513f;font-size:.96rem;}
.guide-section{background:#fff;border:1px solid rgba(121,83,43,.14);border-radius:24px;padding:24px;margin:18px 0;box-shadow:0 8px 24px rgba(72,46,22,.045);}
.guide-section h2{font-size:1.36rem;margin:0 0 12px;color:#302218;}
.guide-section h3{font-size:1.12rem;margin:20px 0 8px;color:#3c2a1d;}
.guide-section p{margin:9px 0;color:#463426;}
.guide-section ul,.guide-section ol{padding-inline-start:28px;margin:10px 0;color:#463426;}
.guide-section li{margin:7px 0;}
.guide-steps{counter-reset:step;display:grid;gap:12px;margin:14px 0;}
.guide-step{counter-increment:step;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:14px;background:#fff9f0;border:1px solid rgba(121,83,43,.15);border-radius:18px;padding:15px 18px;overflow-wrap:anywhere;}
.guide-step:before{content:counter(step);position:static;inset:auto;transform:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7b4f2d;color:#fff;font-weight:700;font-size:.95rem;line-height:1;flex-shrink:0;}
.example-box{background:#fcf4e8;border:1px solid rgba(121,83,43,.18);border-radius:20px;padding:18px;margin:14px 0;}
.copy-sample{direction:rtl;unicode-bidi:plaintext;background:#fff;border:1px dashed rgba(121,83,43,.36);border-radius:16px;padding:16px;margin:12px 0;white-space:pre-wrap;font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;color:#2d2219;line-height:2;}
.copy-sample.ltr{direction:ltr;text-align:left;font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.75;}
.copy-sample.poem{font-size:1.08rem;text-align:center;line-height:2.3;}
.interface-card{background:linear-gradient(180deg,#ffffff,#fff7ec);border:1px solid rgba(121,83,43,.18);border-radius:22px;overflow:hidden;margin:16px 0;}
.interface-title{background:#6c472b;color:#fff;padding:10px 16px;font-weight:700;}
.interface-body{padding:16px;display:grid;gap:10px;}
.interface-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.ui-pill{background:#fff;border:1px solid rgba(121,83,43,.22);border-radius:999px;padding:5px 11px;color:#4b3829;font-size:.92rem;}
.ui-button{display:inline-flex;background:#7b4f2d;color:#fff;border-radius:12px;padding:7px 13px;font-weight:700;}
.answer-key{background:#f8fff5;border:1px solid rgba(70,120,60,.22);border-radius:18px;padding:15px;margin-top:10px;}
.warning-soft{background:#fff7df;border:1px solid rgba(170,125,40,.25);border-radius:18px;padding:14px;margin:12px 0;color:#4b3829;}
.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.related-links a{background:#fff8ee;border:1px solid rgba(121,83,43,.16);border-radius:999px;padding:7px 12px;color:#5a3b24;text-decoration:none;}
.table-wrap{overflow-x:auto;margin:14px 0;}
.guide-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;}
.guide-table th,.guide-table td{border:1px solid rgba(121,83,43,.13);padding:11px;text-align:right;vertical-align:top;}
.guide-table th{background:#f5e7d4;color:#322216;}
.small-note{font-size:.93rem;color:#6d5947;}
@media(max-width:640px){.guide-main{width:min(100% - 22px,1120px);padding-top:22px}.guide-hero,.guide-section{padding:18px;border-radius:20px}.guide-step{grid-template-columns:36px minmax(0,1fr);column-gap:10px;padding:15px 14px;font-size:.98rem}.guide-step:before{width:32px;height:32px;font-size:.92rem}.copy-sample.poem{text-align:right}}