/* The discussion is a quiet marginal notebook; gold is the saved reading,
   pale jade the proposed change. The source remains above it in both scripts. */
.sa-script-switch{display:flex;border:1px solid light-dark(#586763,#657179);padding:3px;border-radius:8px;background:light-dark(#f0f3f2,#182128);gap:3px}
.sa-script-switch button,#reader-view .sa-script-switch button{font:500 .76rem/1.5 'Noto Serif Devanagari',Georgia,serif;min-height:40px;padding:6px 12px;background:transparent;border:0;color:light-dark(#344344,#d5dfdf);border-radius:5px}
.sa-script-switch button[aria-pressed=true],#reader-view .sa-script-switch button[aria-pressed=true]{background:light-dark(#305b42,#ccd9cf);color:light-dark(#f0f3f2,#182b28)}
.sa-passage[data-script=deva],.sa-inspector[data-script=deva] .sa-original,.sa-inspector[data-script=deva] .sa-member-form,.sa-inspector[data-script=deva] .sa-member-title{font-family:'Noto Serif Devanagari',serif;line-height:2.1!important;letter-spacing:0;font-synthesis:none}
.sa-stale-label{color:light-dark(#76551e,#f1d6a1);font-size:.75rem}
.sa-tabs{display:flex!important;flex-wrap:wrap;gap:4px}
.sa-tabs button,#reader-view .sa-tabs button{flex:1 0 auto!important;min-height:40px;min-width:0!important;width:auto!important;font-size:.75rem!important}
.sa-inspector.sa-guiding{display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px;max-height:calc(var(--sg-viewport,100dvh) - 110px)}
.sa-guiding[hidden]{display:none}
.sa-guiding .sa-original{flex:none;max-height:3.8em;margin:6px 0;font-size:1rem;scrollbar-width:thin}
.sa-guiding>.sa-sense,.sa-guiding>.sa-role,.sa-guiding>.sa-inspector-footer{display:none}
.sa-guiding>.sa-tabs{flex:none;margin:8px 0 12px}
.sa-guiding>.sa-inspector-top{position:static;flex:none;padding:0}
.sa-guiding>.sa-tab-content{min-height:0;display:flex;flex:1;overflow:hidden}
.sg-guide{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;gap:10px;--sg-jade:light-dark(#305b42,#c3dfd2);--sg-gold:light-dark(#76551e,#edcf94)}
.sg-orientation{display:flex;align-items:center;gap:10px;flex:none;border-bottom:1px solid light-dark(#a3aca9,#5e716b);padding-bottom:10px}
.sg-tree{width:64px;height:40px;flex:none;overflow:visible}
.sg-freshness{min-width:0;flex:1}
.sg-eyebrow{font:500 .75rem/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:light-dark(#76551e,#d4c4a5);display:block}
.sg-layer-row{display:flex;gap:2px 14px;flex-wrap:wrap;margin-top:5px}
.sg-layer{font-size:.75rem;color:light-dark(#305b42,#c3dcd1);line-height:1.7}
.sg-layer{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sg-layer::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.sg-layer.is-stale::before{opacity:1;box-shadow:0 0 0 2px light-dark(#f0e2c4,#4a3d22)}
.sg-layer.is-stale{color:light-dark(#76551e,#f0cf94)}
.sg-refresh{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.sg-refresh button,#reader-view .sg-refresh button{font-size:.75rem;padding:5px 7px;min-height:30px}
.sg-feed{overflow-y:auto;overscroll-behavior:contain;min-height:80px;flex:1;scrollbar-width:thin;scrollbar-color:light-dark(#586763,#728881) transparent;padding:0 4px 2px 0}
.sg-empty{padding:20px 1px 12px}
.sg-empty h3{font:400 1.5rem/1.3 Georgia,serif;color:light-dark(#76551e,#f0dfbf);margin:10px 0;text-transform:none;letter-spacing:-.02em;text-shadow:none}
.sg-empty h3::before{content:none}
.sg-empty p{font:1rem/1.55 Georgia,serif;color:light-dark(#344344,#d8e0dc);margin:12px 0}
.sg-empty small{font-size:.75rem;line-height:1.7;color:light-dark(#305b42,#bfcfc7);display:block}
.sg-message{padding:14px 0;border-bottom:1px solid light-dark(#a3aca94f,#5b6a674f);overflow-wrap:anywhere;animation:sg-arrive .24s ease-out}
.sg-user{border-left:2px solid light-dark(#305b42,#9cb9b0);padding:10px 12px;margin:8px 0 14px;background:light-dark(#305b4208,#a6c3b408);border-radius:0 7px 7px 0}
.sg-message-text{white-space:pre-wrap;font:1.03rem/1.6 Georgia,serif;margin:7px 0 0;color:light-dark(#344344,#e4eae5)}
.sg-user .sg-message-text{font:400 .75rem/1.65 'JetBrains Mono',monospace}
.sg-proposal{margin-top:14px;background:linear-gradient(135deg,light-dark(#f0f3f2,#1c2a2d),light-dark(#f0f3f2,#1d272d));border:1px solid light-dark(#586763,#7c958b);border-radius:10px;overflow:hidden;padding:14px 12px;animation:sg-arrive .3s ease-out;box-shadow:0 4px 16px #0002}
.sg-proposal h4{font:400 1.16rem/1.4 Georgia,serif;margin:6px 0;color:light-dark(#76551e,#e9e4d2)}
.sg-reason{font-size:.75rem;line-height:1.65;color:light-dark(#305b42,#c4d4cd);margin:8px 0 13px}
.sg-diff{display:grid;grid-template-columns:1fr;gap:0;border:1px solid light-dark(#586763,#63776d);border-radius:7px;overflow:hidden}
.sg-diff>div{padding:11px;min-width:0}
.sg-diff p{font:400 .91rem/1.7 'Noto Serif Devanagari',Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;max-height:180px;overflow:auto}
.sg-before{background:light-dark(#f0f3f2,#172025);color:light-dark(#344344,#becac7)}
.sg-after{background:light-dark(#f0f3f2,#263b34);color:light-dark(#305b42,#e0efe4);border-top:1px solid light-dark(#586763,#718b7d)}
.sg-diff-label{font:500 .75rem/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:light-dark(#344344,#c4cecb)}
.sg-after .sg-diff-label{color:light-dark(#305b42,#d2e9d8)}
.sg-proposal-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;align-items:center}
.sg-guide button,#reader-view .sg-guide button{min-height:38px;font-size:.75rem;white-space:normal;overflow:visible;text-overflow:clip;padding:8px 10px;line-height:1.5;letter-spacing:0}
.sg-guide button.sg-apply,#reader-view .sg-guide button.sg-apply,.sg-guide button.sg-send,#reader-view .sg-guide button.sg-send{background:light-dark(#305b42,#c8ddce);border:1px solid light-dark(#305b42,#c8ddce);color:light-dark(#f0f3f2,#172b22);font-weight:600}
.sg-guide button:disabled,#reader-view .sg-guide button:disabled{opacity:.58;cursor:default}
.sg-guide .sg-apply-all,#reader-view .sg-guide .sg-apply-all{border-color:light-dark(#305b42,#94b39d);color:light-dark(#305b42,#d9e8d8);margin-top:12px;width:100%}
.sg-edit-state{color:light-dark(#305b42,#c7e5d4);font-size:.75rem}
.sg-proposal.is-dismissed{opacity:.76;border-color:light-dark(#586763,#657470)}
.sg-proposal.is-applied{border-color:light-dark(#305b42,#a6c4ab)}
.sg-error,.sg-conflict{background:light-dark(#f6f5ef,#3c3026);border:1px solid light-dark(#586763,#bca27a);border-radius:7px;color:light-dark(#76551e,#f1dab5);padding:10px;font-size:.75rem;line-height:1.7;margin:0;overflow-wrap:anywhere}
.sg-error{flex:none;max-height:130px;overflow:auto}
.sg-error[hidden],.sg-stream[hidden]{display:none}
.sg-error p{margin:7px 0}
.sg-stream{flex:none;max-height:140px;overflow:auto;border-left:2px solid light-dark(#305b42,#b9cfbe);padding:9px 12px;background:light-dark(#305b4209,#b5d3bb09);border-radius:0 8px 8px 0}
.sg-stream p{font:1rem/1.6 Georgia,serif;color:light-dark(#305b42,#dae8df);margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.sg-stream .sg-eyebrow::before{content:'';display:inline-block;width:5px;height:5px;background:light-dark(#305b42,#c8ddc8);border-radius:50%;margin-right:8px;animation:sg-breathe 1.6s ease-in-out infinite}
.sg-chips{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.sg-chips button,#reader-view .sg-chips button{border-radius:18px;font-size:.75rem;min-height:32px;padding:5px 10px;background:light-dark(#f0f3f2,#1e2a30);border-color:light-dark(#586763,#667a72);color:light-dark(#305b42,#cbded3)}
.sg-composer{flex:none;border:1px solid light-dark(#586763,#7d9589);border-radius:9px;background:light-dark(#f0f3f2,#172229);padding:9px 10px;box-shadow:0 -5px 24px #0002}
.sg-input-label{font-size:.75rem;color:light-dark(#305b42,#bdcfc4);letter-spacing:.05em;display:block}
.sg-guide textarea.sg-input{width:100%;max-height:110px;min-height:52px;resize:vertical;padding:6px 0;margin:0;border:0;background:transparent;color:light-dark(#305b42,#e4eee6);font:400 16px/1.5 Georgia,'Noto Serif Devanagari',serif;outline-offset:2px;box-shadow:none;border-radius:0}
.sg-input::placeholder{color:light-dark(#305b42,#9fb7aa);opacity:1}
.sg-composer-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid light-dark(#a3aca9,#52665b);padding-top:8px}
.sg-quote{font-size:.75rem;line-height:1.7;color:light-dark(#305b42,#bbcfc2);min-width:0;flex:1;overflow-wrap:anywhere}
.sg-send{flex:none;max-width:48%}
.sg-history{flex:none;font-size:.75rem;color:light-dark(#305b42,#c6d4ca);max-height:140px;overflow:auto;padding:1px 0}
.sg-history summary{cursor:pointer;padding:4px 0;min-height:28px}
.sg-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid light-dark(#a3aca9,#56695d)}
.sg-history-row span{overflow-wrap:anywhere;min-width:0}
.sg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sg-edit-form h4{font:1.2rem/1.5 Georgia,serif;color:light-dark(#76551e,#e6d0a8);margin:24px 0 8px}
.sg-edit-form textarea{min-height:140px}.sg-edit-note{color:light-dark(#344344,#b5c7bd)}
@keyframes sg-arrive{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sg-breathe{50%{opacity:.35;transform:scale(.7)}}
@media(min-width:1101px){#reader-view .sa-inspector.sa-guiding{width:440px;height:calc(100dvh - 125px)}#reader-view:has(.sa-guiding).sa-inspecting .rd-page{margin-right:480px;max-width:calc(100vw - 530px)}}
@media(max-width:700px){.sa-inspector.sa-guiding,#reader-view .sa-inspector.sa-guiding{position:fixed;z-index:90;left:8px;right:8px;width:auto;top:auto;bottom:calc(8px + var(--sg-keyboard,0px));height:calc(var(--sg-viewport,100dvh) * .84);max-height:calc(var(--sg-viewport,100dvh) - 20px)!important;padding:14px 14px max(9px,env(safe-area-inset-bottom));border-radius:18px 18px 10px 10px;box-shadow:0 -10px 70px #0009}
.sa-guiding>.sa-original{font-size:.9rem;max-height:3.5em}.sa-guiding>.sa-tabs{margin:5px 0 8px;gap:1px}.sa-guiding>.sa-tabs button,#reader-view .sa-guiding>.sa-tabs button{font-size:.75rem!important;padding:7px 5px!important;min-height:36px}
.sg-orientation{gap:7px;padding-bottom:7px}.sg-guide{gap:8px}.sg-tree{width:48px;height:32px}.sg-refresh button,#reader-view .sg-refresh button{font-size:.75rem;min-height:28px;padding:3px 6px}.sg-feed{min-height:60px}.sg-empty{padding:12px 0}.sg-empty h3{font-size:1.4rem}.sg-message-text{font-size:1rem}
.sa-script-switch{margin-left:auto}.sa-script-switch button,#reader-view .sa-script-switch button{min-height:38px;padding:5px 10px}.sa-heading{min-width:0;flex-basis:100%}.sa-mode-toggle{margin-left:0}
}
@media(max-width:360px){.sa-guiding>.sa-tabs button,#reader-view .sa-guiding>.sa-tabs button{font-size:.75rem!important;padding:6px 4px!important}.sg-proposal{padding:12px 9px}.sg-guide button,#reader-view .sg-guide button{font-size:.75rem;padding:7px 8px}.sg-chips button,#reader-view .sg-chips button{font-size:.75rem;padding:4px 8px;min-height:30px}.sg-layer{font-size:.75rem}.sg-tree{width:38px}.sg-quote{font-size:.75rem}.sg-empty small{font-size:.75rem}}
@media(max-height:570px){.sa-guiding .sg-orientation,.sa-guiding>.sa-original,.sa-guiding .sg-chips{display:none}.sa-guiding .sg-history{max-height:75px}.sg-guide textarea.sg-input{min-height:40px;max-height:70px}}
@media(prefers-reduced-motion:reduce){.sg-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reset the site's decorative heading treatment inside the reading notebook. */
.sg-guide h4,#reader-view .sg-guide h4{font:400 1.1rem/1.4 Georgia,serif;text-transform:none;letter-spacing:0;text-shadow:none;border:0;padding:0;margin:6px 0;color:light-dark(#76551e,#e9e4d2)}
.sg-guide h4::before,.sg-guide h4::after{content:none!important}
.sg-proposal-actions{position:sticky;bottom:-2px;background:light-dark(#f0f3f2,#1d292d);padding:8px 0 0}
.sg-draft-members{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.sg-draft-members span{font:1rem/1.7 'Noto Serif Devanagari',Georgia,serif;border:1px solid light-dark(#586763,#688777);padding:3px 8px;border-radius:6px;color:light-dark(#305b42,#dce5d6);animation:sg-arrive .2s ease-out}
.sa-guiding.sg-keyboard-open .sg-orientation,.sa-guiding.sg-keyboard-open>.sa-original,.sa-guiding.sg-keyboard-open .sg-chips{display:none}
.sa-guiding.sg-keyboard-open .sg-history{max-height:60px}

.sg-source-note{padding:8px 0;color:light-dark(#76551e,#d6c9ad);font-size:.75rem;line-height:1.7}.sg-source-note summary{cursor:pointer;min-height:30px}.sg-source-note p{white-space:pre-wrap;overflow-wrap:anywhere}