.bowel-guide{--bg-paper:#f8f7f3;--bg-ink:#101f35;--bg-teal:#1b5b59;--bg-muted:#52606b;--bg-line:#d9dfd9;--bg-surface:#fff;--bg-tint:#edf3ef;margin:0;background:var(--bg-paper);color:var(--bg-ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:18px;line-height:1.85;text-align:start;-webkit-text-size-adjust:100%;color-scheme:light}
.bowel-guide *,.bowel-entry,.bowel-entry *{box-sizing:border-box}
.bowel-guide [hidden]{display:none!important}
.bowel-guide a{color:var(--bg-teal);text-decoration-thickness:1px;text-underline-offset:5px}
.bowel-guide button,.bowel-guide input{font:inherit}
.bowel-guide button,.bowel-guide a{-webkit-tap-highlight-color:transparent}
.bowel-guide :is(a,button,input,summary):focus-visible,.bowel-entry a:focus-visible{outline:3px solid #1b5b59;outline-offset:4px}
.bowel-guide :is(h1,h2,h3){font-family:'Readex Pro',Tahoma,sans-serif;font-weight:600;line-height:1.55;text-wrap:pretty;margin:0 0 .65em}
.bowel-guide h1{font-size:clamp(2.15rem,5vw,3.7rem);line-height:1.4;letter-spacing:-.025em;max-width:900px}
.bowel-guide h2{font-size:clamp(1.35rem,2.6vw,2rem)}
.bowel-guide h3{font-size:1.05rem}
.bowel-guide p{margin:0 0 1em;overflow-wrap:anywhere}
.bowel-guide img{max-width:100%;height:auto;display:block}
.bowel-guide ul,.bowel-guide ol{padding-inline-start:1.45em;margin:.6em 0 1em}
.bowel-guide li{padding-inline-start:.2em;margin-bottom:.6em;overflow-wrap:anywhere}
.bowel-guide :is(section,article)[id]{scroll-margin-top:110px}
.bg-skip{position:absolute;inset-block-start:-100px;inset-inline-start:16px;z-index:10;padding:12px 20px;background:#fff;border:2px solid #1b5b59;min-height:44px}
.bg-skip:focus{inset-block-start:10px}
.bg-header{border-bottom:1px solid var(--bg-line);background:var(--bg-paper)}
.bg-header-inner{max-width:1200px;margin:auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.bg-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:122px;min-height:44px}
.bg-logo img{border-radius:13px;width:44px;height:44px}
.bg-logo b{font-family:'Readex Pro',Tahoma,sans-serif;font-size:1.15rem;color:var(--bg-ink);display:block;line-height:1.5}
.bg-logo small{display:block;font-size:.72rem;color:var(--bg-muted);line-height:1.5}
.bg-header nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.85rem}
.bg-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.bg-header nav a:hover{ text-decoration:underline }
.bg-shell{max-width:1140px;margin:auto;padding:0 32px}
.bg-opening{padding:42px 0 32px}
.bg-breadcrumb{font-size:.78rem;color:var(--bg-muted);margin-bottom:1.8rem!important}
.bg-breadcrumb a{display:inline-flex;min-height:44px;align-items:center}
.bg-kicker{font-size:.79rem;font-weight:600;color:var(--bg-teal);margin-bottom:10px!important}
.bg-lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:780px;color:#364553;line-height:1.85}
.bg-scope{border-inline-start:3px solid var(--bg-teal);padding:14px 20px;background:var(--bg-tint);max-width:900px;font-size:.9rem;margin:24px 0}
.bg-scope strong{display:block;margin-bottom:4px}
.bg-scope p:last-child{font-size:.82rem;color:#485b5c;margin:0}
.bg-opening-actions,.bg-program-boundary>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.bowel-guide .bg-button{min-height:48px;padding:10px 20px;display:inline-flex;justify-content:center;align-items:center;border-radius:9px;border:1px solid var(--bg-teal);background:var(--bg-teal);color:#fff;font-size:.86rem;font-weight:600;line-height:1.65;text-decoration:none;cursor:pointer;text-align:center;transition:background .18s ease}
.bowel-guide .bg-button:hover{background:#124542}
.bowel-guide .bg-button-light{background:#fff;color:var(--bg-teal);border-color:#c7d4cd}
.bowel-guide .bg-button-light:hover{background:#e7efea}
.bowel-guide button:disabled{opacity:.48;cursor:default}
.bowel-guide .bg-text-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;color:var(--bg-teal);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.bg-safety{padding:24px 28px;background:#fbf2e9;border:1px solid #e2cdb6;border-radius:15px;margin:8px 0 32px}
.bg-safety .bg-kicker{color:#805029}
.bg-safety-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:.89rem}
.bg-safety-columns>div{min-width:0}
.bg-safety-urgent{border-inline-end:1px solid #ddc6b0;padding-inline-end:28px}
.bg-safety-columns h3{color:#684021}
.bg-safety-columns li::marker{color:#8c5328}
.bg-safety-note{border-top:1px solid #ddc6b0;padding-top:12px;font-size:.85rem;margin-bottom:0!important}
.bg-section-heading{margin-bottom:20px}
.bg-section-heading p:not(.bg-kicker){font-size:.89rem;color:var(--bg-muted);max-width:700px}
.bg-topic-index{padding:14px 0 28px}
.bg-topic-index nav ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.bg-topic-index li{padding:0;margin:0;min-width:0}
.bg-topic-index a{display:flex;align-items:center;gap:13px;min-height:64px;padding:13px 0;text-decoration:none;border-bottom:1px solid var(--bg-line);font-size:.93rem}
.bg-topic-index a>span:first-child{font-size:.73rem;color:var(--bg-muted);font-variant-numeric:tabular-nums}
.bg-topic-index a>span:nth-child(2){flex:1;min-width:0}
.bg-topic-index a[aria-current]{color:#101f35;font-weight:600;border-bottom-color:var(--bg-teal)}
.bg-topic-index a:hover{background:#eef2ec}
.bg-guided{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin:0 0 18px;border:1px solid #cbd7d0;border-radius:12px;background:#f8f7f3f5;box-shadow:0 6px 18px #101f3509;font-size:.8rem}
.bg-guided>span{min-width:0;line-height:1.6}
.bg-guided>div{display:flex;gap:8px;flex-shrink:0}
.bg-guided .bg-button{padding:8px 14px;min-height:44px;font-size:.78rem}
.bg-topic{padding:28px;background:var(--bg-surface);border:1px solid var(--bg-line);border-radius:16px;margin-bottom:22px}
.bg-topic:focus{outline:2px solid #1b5b5970;outline-offset:3px}
.bg-topic-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.bg-topic-heading h2{margin-bottom:0}
.bg-topic-heading .bg-kicker{margin-bottom:3px!important}
.bg-topic-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;background:var(--bg-tint);border:1px solid #d4e1d7;color:var(--bg-teal);border-radius:50%;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:3px}
.bg-topic-body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.bg-topic-illustrated .bg-topic-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
.bg-topic-copy{min-width:0;font-size:.95rem}
.bg-intro{font-size:1rem;color:#344654}
.bg-steps{counter-reset:step;list-style:none;padding:0!important;margin:20px 0!important}
.bg-steps li{position:relative;counter-increment:step;padding:0 44px 0 0!important;margin-bottom:15px!important;min-height:32px}
.bg-steps li::before{content:counter(step,arabic-indic);position:absolute;inset-inline-start:0;top:3px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid #cadaD0;border-radius:9px;background:#f4f8f4;font-size:.86rem;color:var(--bg-teal);line-height:1}
.bg-tip,.bg-warning{padding:14px 16px;font-size:.87rem;border-radius:8px;margin:18px 0}
.bg-tip{background:#eef4ef;border-inline-start:3px solid var(--bg-teal)}
.bg-warning{background:#fbf2e9;border-inline-start:3px solid #a17038}
.bg-tip strong,.bg-warning strong{display:block;margin-bottom:3px;font-size:.8rem}
.bg-tip p,.bg-warning p{margin:0}
.bg-figure{margin:0;min-width:0}
.bg-image-link{display:block;position:relative;background:#f4f4ed;border-radius:12px;overflow:hidden;border:1px solid #e4e5dd}
.bg-image-link img{width:100%;height:auto;object-fit:contain;aspect-ratio:3/2}
.bg-enlarge-label{position:absolute;inset-block-end:10px;inset-inline-end:10px;min-height:44px;display:flex;align-items:center;padding:7px 13px;background:#fffffff0;border:1px solid #ccd6ce;border-radius:8px;font-size:.76rem;color:var(--bg-teal)}
.bg-figure figcaption{font-size:.76rem;color:var(--bg-muted);line-height:1.75;padding:10px 4px 0}
.bg-details{border-top:1px solid var(--bg-line);font-size:.89rem;margin-top:16px}
.bg-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:12px 0;font-weight:600;color:var(--bg-ink);line-height:1.7}
.bg-details summary::-webkit-details-marker{display:none}
.bg-details summary span{font-family:Tahoma,sans-serif;font-size:1.15rem;flex-shrink:0;color:var(--bg-teal)}
.bg-details[open]>summary span{transform:rotate(45deg)}
.bg-details>div{padding:2px 0 8px}
.bg-details>div p:last-child{margin-bottom:0}
.bg-citations{font-size:.74rem;color:var(--bg-muted);margin:14px 0 0!important;line-height:1.7}
.bg-citations a{display:inline-flex;align-items:center;min-height:44px}
.bg-topic-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--bg-line);margin-top:18px;padding-top:5px;font-size:.8rem}
.bg-topic-actions>div{display:flex;flex-wrap:wrap;gap:4px 20px}
.bg-topic-actions a{display:inline-flex;align-items:center;min-height:44px}
.bg-plan{padding:30px 28px;margin:32px 0;background:#eaf1ec;border:1px solid #d1dfd4;border-radius:14px;font-size:.95rem}
.bg-plan>p:not(.bg-kicker){max-width:760px}
.bg-plan ol{margin-bottom:0;padding-inline-start:1.5em}
.bg-plan li{padding-inline-start:10px;border-bottom:1px solid #cedbd1;padding-bottom:12px;margin-bottom:18px}
.bg-plan li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.bg-plan li::marker{color:var(--bg-teal);font-weight:600}
.bg-plan h3{margin-bottom:6px}
.bg-plan li p{margin-bottom:0}
.bg-faq{max-width:880px;margin:32px 0}
.bg-faq .bg-details{margin-top:0}
.bg-faq summary{font-size:.95rem}
.bg-program-boundary{padding:28px;background:var(--bg-ink);color:#fff;border-radius:14px;margin:32px 0;font-size:.95rem}
.bg-program-boundary .bg-kicker{color:#bddece}
.bg-program-boundary p:not(.bg-kicker){color:#dce5e7;max-width:790px}
.bowel-guide .bg-program-boundary .bg-button{border-color:#a2cfc0;background:#d3e9df;color:#101f35}
.bowel-guide .bg-program-boundary .bg-text-button{color:#cce5da}
.bg-share{padding:26px 0;border-block:1px solid var(--bg-line);margin:32px 0}
.bg-share>div:first-child{max-width:700px}
.bg-share>div:first-child p:not(.bg-kicker){font-size:.89rem;color:var(--bg-muted)}
.bg-share-controls{display:flex;flex-wrap:wrap;gap:10px}
.bg-share-fallback{margin-top:18px;max-width:760px}
.bg-share-fallback label{display:block;font-size:.85rem;margin-bottom:5px}
.bg-share-fallback input{background:#fff;color:var(--bg-ink);width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #aebfb5;border-radius:8px;font-size:16px;line-height:1.5}
.bg-status{font-size:.85rem;color:var(--bg-teal);margin:10px 0 0!important}
.bg-status:empty{display:none}
.bg-sources{padding:6px 0 30px;max-width:940px}
.bg-sources>p:not(.bg-kicker){font-size:.86rem;color:var(--bg-muted)}
.bg-sources ol{font-size:.86rem;padding-inline-start:1.4em}
.bg-sources li{margin-bottom:18px;scroll-margin-top:100px}
.bg-sources li>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.7}
.bg-source-label{display:block;font-size:.75rem;color:var(--bg-muted)}
.bg-source-url{display:block;font-size:.68rem;overflow-wrap:anywhere;color:var(--bg-muted);line-height:1.5;margin-top:4px;text-align:start}
.bg-footer{border-top:1px solid var(--bg-line);padding:25px 32px 32px;max-width:1200px;margin:auto;font-size:.79rem;color:var(--bg-muted)}
.bg-footer p{margin-bottom:6px}
.bg-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.bg-footer a{display:inline-flex;align-items:center;min-height:44px}
.bg-image-dialog{border:1px solid #ced6cf;border-radius:16px;background:#f8f7f3;color:#101f35;width:min(1080px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:90dvh;padding:20px;overflow:auto;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
.bg-image-dialog::backdrop{background:#101f35c9}
.bg-dialog-inner{min-width:0}
.bg-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bg-dialog-header h2{font-size:1.1rem;margin:0}
.bg-dialog-header button{flex-shrink:0}
.bg-image-dialog img{max-width:100%;max-height:68dvh;margin:auto;object-fit:contain}
.bg-image-dialog p{font-size:.85rem;margin:12px 0 0;line-height:1.75}
/* This entry is the only component styled outside the educational pages. */
.bowel-entry{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;direction:rtl;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:24px;background:#edf3ef;border:1px solid #cfddd3;border-radius:16px;margin:20px 0 28px;padding:24px;color:#101f35;overflow-wrap:anywhere;text-align:start}
.bowel-entry>div{min-width:0}
.bowel-entry-kicker{font-size:.77rem;font-weight:600;color:#1b5b59}
.bowel-entry h2{font-family:'Readex Pro',Tahoma,sans-serif;font-size:clamp(1.25rem,2.6vw,1.8rem);line-height:1.6;margin:8px 0}
.bowel-entry p{font-size:.95rem;line-height:1.85;margin:0 0 14px}
.bowel-entry a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;background:#1b5b59;color:#fff;border-radius:9px;text-decoration:none;font-size:.85rem;line-height:1.6}
.bowel-entry img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px}
@media(min-width:1000px){.bg-topic:not(.bg-topic-illustrated) .bg-topic-copy{max-width:850px}.bg-figure{position:sticky;top:110px}}
@media(max-width:760px){.bowel-guide{font-size:17px}.bg-header-inner{padding:14px 20px;align-items:flex-start;gap:8px;flex-wrap:wrap}.bg-header nav{width:100%;gap:4px 18px;font-size:.76rem}.bg-header nav a{min-height:44px}.bg-shell{padding:0 20px}.bg-opening{padding:26px 0}.bg-breadcrumb{margin-bottom:1rem!important}.bg-scope{padding:12px 16px}.bg-safety{padding:22px 20px;margin-bottom:24px}.bg-safety-columns{grid-template-columns:1fr;gap:16px}.bg-safety-urgent{border-inline-end:0;padding-inline-end:0;border-bottom:1px solid #ddc6b0;padding-bottom:8px}.bg-topic-index nav ol{grid-template-columns:1fr}.bg-topic-index a{min-height:58px}.bg-topic{padding:20px;margin-bottom:18px}.bg-topic-heading{gap:12px}.bg-topic-heading h2{font-size:1.4rem}.bg-topic-illustrated .bg-topic-body{grid-template-columns:1fr;gap:18px}.bg-topic-illustrated .bg-figure{grid-row:1}.bg-topic-body{gap:16px}.bg-image-link img{max-height:390px}.bg-guided{padding:9px 10px;gap:8px;top:5px;flex-wrap:wrap}.bg-guided>span{width:100%;font-size:.73rem}.bg-guided>div{width:100%;justify-content:space-between}.bg-guided .bg-button{padding:8px 12px}.bg-plan,.bg-program-boundary{padding:22px 20px;margin:26px 0}.bg-share{margin:26px 0}.bg-share-controls .bg-button{flex:1 1 130px}.bg-footer{padding:20px}.bg-footer nav{gap:4px 18px}.bg-image-dialog{padding:14px;border-radius:12px}.bg-dialog-header h2{font-size:.94rem}.bg-dialog-header .bg-button{font-size:.78rem;padding:8px 12px}.bowel-entry{padding:20px;gap:16px;grid-template-columns:1fr}.bowel-entry img{grid-row:1;max-height:280px}.bowel-entry p{font-size:.9rem}}
@media(max-width:360px){.bg-shell{padding:0 14px}.bg-header-inner{padding:12px 14px}.bg-header nav{gap:0 12px;font-size:.73rem}.bg-topic,.bg-safety,.bg-plan,.bg-program-boundary{padding:18px 16px}.bg-topic-heading{gap:9px}.bg-topic-number{min-width:36px;height:36px}.bg-topic-heading h2{font-size:1.24rem}.bg-steps li{padding-inline-start:40px!important}.bg-opening-actions{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){.bowel-guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.bowel-guide{background:#fff;color:#000;font-size:11pt;line-height:1.6}.bg-shell{max-width:none;padding:0}.bg-header{border:0}.bg-header-inner{padding:0 0 12px}.bg-header nav,.bg-skip,.bg-opening-actions,.bg-topic-index,.bg-guided,.bg-topic-actions,.bg-share,.bg-enlarge-label,.bg-image-dialog,.bg-program-boundary>div{display:none!important}.bg-opening{padding:10px 0 14px}.bowel-guide h1{font-size:24pt;max-width:none}.bowel-guide h2{font-size:17pt}.bowel-guide h3{font-size:12pt}.bowel-guide a{color:#000}.bg-scope,.bg-safety,.bg-plan,.bg-topic,.bg-program-boundary{background:#fff;color:#000;border:1px solid #aaa;border-radius:0;padding:14px;margin:14px 0;box-shadow:none}.bg-program-boundary p:not(.bg-kicker),.bg-program-boundary .bg-kicker,.bg-kicker,.bg-safety .bg-kicker{color:#000}.bg-topic-heading{break-after:avoid}.bg-topic-illustrated .bg-topic-body{display:block}.bg-figure{position:static;width:70%;max-width:400px;margin:14px auto;break-inside:avoid}.bg-image-link{border:0}.bg-image-link img{max-height:240px}.bg-details{break-inside:auto}.bg-details>summary{min-height:0;padding:8px 0;break-after:avoid}.bg-details>summary span{display:none}.bg-details:not([open])>div,.bg-details>div{display:block!important;content-visibility:visible!important;height:auto!important}.bg-safety-columns{display:block}.bg-safety-urgent{border:0;padding:0}.bg-sources{max-width:none}.bg-sources li{break-inside:avoid}.bg-source-url{font-size:9pt;color:#000}.bg-footer{padding:10px 0;border-color:#aaa}.bg-footer a{min-height:0}.bg-tip,.bg-warning{background:#fff;border:1px solid #aaa}.bg-topic-number{background:#fff;color:#000;border-color:#aaa}}
