.zgs-page{max-width:760px;margin:0 auto;padding:24px 20px 48px;line-height:1.85}.zgs-page h1{font-size:clamp(25px,5vw,36px);line-height:1.4}.zgs-page h2{font-size:22px;margin-block:24px 8px}.zgs-page p{margin-block:12px}.zgs-page a,.zgs-page summary{min-height:44px;display:inline-flex;align-items:center}.zgs-page summary{display:list-item;cursor:pointer;padding:10px 0}.zgs-page details{border-block:1px solid #ddd4ce;margin-block:20px;padding:8px 0}.zgs-examples section{border-inline-start:3px solid #7b3546;padding-inline-start:16px;margin-block:28px}.zgs-value{background:#f5efeb;padding:20px;border-radius:12px;margin-block:28px}.zgs-original{max-width:100%;height:auto;display:block}.zgs-picks{padding-inline-start:20px}.zgs-page dt{font-weight:700}.zgs-page dd{margin:0 0 16px}.zgs-page bdi{display:inline-block}.zgs-dialog{width:min(850px,calc(100vw - 16px));max-width:none;height:calc(100dvh - 24px);max-height:none;border:1px solid #d8cdc7;padding:0;background:#fffefa;border-radius:14px;overflow:hidden}.zgs-dialog::backdrop{background:#24161ab3}.zgs-dialog-bar{height:62px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;gap:12px;border-bottom:1px solid #ddd4ce}.zgs-dialog-bar button{min-height:44px;padding:8px 14px;font:inherit;background:#7b3546;color:white;border:0;border-radius:8px;cursor:pointer}.zgs-dialog iframe{width:100%;height:calc(100% - 62px);border:0;display:block}.zgs-dialog :focus-visible,.zgs-page :focus-visible{outline:3px solid #7b3546;outline-offset:3px}.zm-guide-page .zgs-early{margin-block:12px}.zm-guide-page .zgs-early a{min-height:44px;display:inline-flex;align-items:center}.zgs-includes{font-size:15px;line-height:1.8}.zgs-includes summary{cursor:pointer;min-height:44px;padding-block:10px}
.zgs-embedded .zm-header,.zgs-embedded .zm-menu-panel,.zgs-embedded .zm-footer,.zgs-embedded .zm-bottom,.zgs-embedded .zm-dock,.zgs-embedded #zm-ask-launch,.zgs-embedded #zm-ask-dialog{display:none!important}.zgs-embedded body{padding-bottom:0!important}.zgs-embedded .zgs-page{padding-top:12px}
@media(max-width:360px){.zgs-dialog-bar{padding-inline:10px;gap:8px;font-size:15px}.zgs-dialog-bar strong{white-space:nowrap}.zgs-dialog-bar button{white-space:nowrap;padding-inline:10px;font-size:14px;flex-shrink:0}}

/* 4 Nov 2026 fix release (FIX-PLAN د): guide card with the facts line and the sample as the burgundy button. */
.zm-gcard-facts{margin:6px 0 10px;font-size:16px;line-height:1.7;color:var(--muted,#546570)}
.zm-gcard .zm-gcard-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.zm-gcard .zm-gcard-sample.zm-btn{background:var(--primary,#7B3546);border-color:var(--primary,#7B3546);color:#fff;text-decoration:none;min-height:48px;display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-weight:700}
.zm-gcard .zm-gcard-buy{background:transparent;border:0;color:var(--ink,#173B4B);text-decoration:underline;text-underline-offset:.2em;font-weight:700;padding:0;min-height:44px;display:inline-flex;align-items:center}
#local-payment-notice.zm-gcard-replaced{display:none!important}
/* fix8 (5 Nov 2026): the free-sample pages (/guide/sample/ and its worksheets, also opened inside the guide-card dialog) load neither
   november-ui.css nor combined.css, where the fold cue lives, so a summary showed both labels and two indicators (the browser marker
   and the chevron). The same cue rules, scoped to these pages: one label for the current state, one indicator (the chevron). */
.zgs-page details>summary.zc-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;list-style:none;cursor:pointer}
.zgs-page details>summary.zc-summary::-webkit-details-marker{display:none}
.zgs-page .zc-summary>.zc-cue{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;margin-inline-start:auto;font-size:13px;font-weight:600;color:#365D64;line-height:1.5;white-space:nowrap}
.zgs-page .zc-summary>.zc-cue .zc-close{display:none}
.zgs-page details[open]>.zc-summary>.zc-cue .zc-open{display:none}
.zgs-page details[open]>.zc-summary>.zc-cue .zc-close{display:inline}
.zgs-page details[open]>.zc-summary>.zc-cue .zc-chevron{transform:rotate(180deg)}
@media(max-width:520px){.zgs-page .zc-summary>.zc-cue{font-size:12px}}