:root{--ink:#163038;--muted:#60747a;--teal:#087d78;--teal2:#0a918b;--pale:#eef8f7;--line:#dbe6e5;--paper:#fff;--bg:#f4f8f7;--gold:#b9974b;--shadow:0 16px 44px rgba(24,56,61,.08);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--teal);text-decoration:none}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:330px}.brand img{width:38px;height:48px;object-fit:contain}.brand strong{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:11.5px}.nav{margin-left:auto;display:flex;align-items:center;gap:4px}.nav a{padding:10px 12px;border-radius:10px;font-weight:750;font-size:13px;color:#385157}.nav a:hover,.nav a.active{background:var(--pale);color:var(--teal)}.hero{padding:62px 0 38px}.hero-card{padding:46px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff 35%,#edf8f6);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900;color:var(--teal)}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:#102b31;line-height:1.14}.hero h1{font-size:clamp(38px,6vw,72px);margin:12px 0 18px;letter-spacing:-.035em}.hero p{max-width:830px;color:var(--muted);font-size:17px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:var(--muted)}.section{padding:28px 0 46px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:32px;margin:0}.section-head p{color:var(--muted);margin:4px 0 0}.searchbar{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 12px;box-shadow:0 5px 20px rgba(20,60,65,.04)}.searchbar input{flex:1;border:0;outline:0;font:inherit;padding:4px;background:transparent}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 20px}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}.chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;min-height:230px;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(20,60,65,.045)}.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.guide-card .num{font-size:10px;font-weight:900;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.guide-card h3{font-family:inherit;font-size:17px;line-height:1.35;margin:8px 0 8px}.guide-card p{font-size:12.5px;color:var(--muted);margin:0}.guide-card .meta{margin-top:auto;padding-top:16px;font-size:11px;color:var(--muted)}
.guide-hero{padding:36px 0 25px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:15px}.guide-hero h1{font-size:clamp(36px,5.5vw,66px);margin:0 0 14px;letter-spacing:-.035em;max-width:1080px}.guide-submeta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.reader-layout{display:grid;grid-template-columns:260px minmax(0,850px);gap:36px;align-items:start;padding:30px 0 70px}.toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.toc strong{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.toc a{display:block;color:#456067;font-size:12px;line-height:1.35;padding:7px 8px;border-radius:8px}.toc a:hover{background:var(--pale);color:var(--teal)}.toc a.level3{padding-left:18px;font-size:11px}.toc a.level4{padding-left:28px;font-size:10px}.book>h2,.book>h3,.book>h4{scroll-margin-top:110px}.reader-body .book{animation:reader-enter .55s ease both}.reader-body .figure{transition:transform .3s ease,box-shadow .3s ease}.reader-body .figure:hover{transform:translateY(-3px);box-shadow:0 15px 38px rgba(15,52,58,.1)}@keyframes reader-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.book{background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px 46px;box-shadow:var(--shadow);overflow:hidden}.book h2{font-size:30px;margin:42px 0 15px;padding-top:5px;border-top:1px solid #edf1f1}.book h2:first-child{margin-top:0;border-top:0}.book h3{font-size:22px;margin:30px 0 12px}.book h4{font-size:18px;margin:24px 0 10px}.book p{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.78;margin:0 0 17px;color:#243c42}.book ul,.book ol{font-family:Georgia,"Times New Roman",serif;font-size:16.5px;line-height:1.7;padding-left:25px;margin:0 0 20px}.book li{margin:6px 0}.frontmatter{border:1px solid var(--line);border-radius:14px;background:#f9fbfb;margin-bottom:28px}.frontmatter summary{padding:13px 16px;cursor:pointer;font-weight:800;font-size:12px;color:#50686e}.frontmatter .front-content{padding:3px 18px 18px}.frontmatter p{font-family:inherit;font-size:13px;line-height:1.55;color:var(--muted);margin:8px 0}.table-wrap{margin:28px 0;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table-label{padding:9px 12px;background:var(--pale);font-size:11px;font-weight:900;color:var(--teal);border-bottom:1px solid var(--line)}table.clinical{border-collapse:collapse;width:100%;min-width:620px;font-family:Inter,system-ui,sans-serif;font-size:12.5px;line-height:1.45}table.clinical th,table.clinical td{padding:10px 11px;border-right:1px solid #e4eceb;border-bottom:1px solid #e4eceb;vertical-align:top;text-align:left;white-space:pre-line}table.clinical tr:first-child td,table.clinical tr:first-child th{font-weight:800;background:#f8fbfa}table.clinical tr:last-child td{border-bottom:0}.figure{margin:30px auto;text-align:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.figure img{max-width:100%;height:auto;max-height:760px;object-fit:contain}.figure figcaption{font-size:11px;color:var(--muted);margin-top:8px}.source-note{margin-top:46px;padding:16px;border-radius:13px;background:#f7faf9;color:var(--muted);font-size:12px}.footer{border-top:1px solid var(--line);padding:24px 0 42px;color:var(--muted);font-size:11px;background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.search-results{display:grid;gap:10px;margin-top:15px}.search-hit{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.search-hit h3{font-family:inherit;font-size:15px;margin:0 0 6px}.search-hit p{font-size:12px;color:var(--muted);margin:0}.assistant-shell{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.panel textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:13px;padding:12px;font:inherit;resize:vertical}.answer{white-space:pre-wrap;font-size:14px;line-height:1.6}.sources{display:grid;gap:8px;margin-top:13px}.source-card{border:1px solid var(--line);border-radius:11px;padding:10px;font-size:11px}.notice{padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #ead7a6;color:#6d5a2c;font-size:12px}.empty{padding:28px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);background:#fff}
@media(max-width:980px){.guide-grid{grid-template-columns:repeat(2,1fr)}.reader-layout{grid-template-columns:1fr}.toc{position:relative;top:auto;max-height:none}.assistant-shell{grid-template-columns:1fr}.brand{min-width:auto}.brand small{display:none}}
@media(max-width:700px){.wrap{width:min(var(--max),calc(100% - 20px))}.header-inner{height:66px}.nav a:not(.active){display:none}.brand strong{font-size:14px}.hero{padding-top:30px}.hero-card{padding:25px}.guide-grid{grid-template-columns:1fr}.book{padding:28px 20px}.book p{font-size:16px}.guide-hero h1{font-size:38px}.reader-layout{padding-top:18px}}
@media print{.site-header,.toc,.button-row,.footer{display:none!important}.reader-layout{display:block}.book{border:0;box-shadow:none;padding:0}.guide-hero{border:0}.wrap{width:100%}body{background:#fff}}

/* SLCOG master reader system */
.reader-body{--teal:var(--guide-accent);--teal2:var(--guide-accent);--pale:color-mix(in srgb,var(--guide-light) 18%,#fff);--line:#dce6e4;--bg:#f2f6f5;background:linear-gradient(180deg,#edf3f2 0,#f8faf9 380px);font-family:"Aptos","Inter","Segoe UI",system-ui,sans-serif}
.reader-body .site-header{height:72px;background:rgba(250,252,251,.9);border-color:rgba(210,222,220,.9);backdrop-filter:blur(20px) saturate(140%)}
.reader-body .header-inner{height:72px}
.reader-body .brand{gap:10px;min-width:340px}
.reader-body .brand img{width:34px;height:43px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 5px 15px rgba(15,55,62,.07)}
.reader-body .brand strong{font-size:15px;letter-spacing:.02em}
.reader-body .brand small{font-size:9px}
.reader-body .nav{gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.reader-body .nav a{padding:8px 11px;border-radius:999px;font-size:10px}
.reader-body .guide-hero{position:relative;isolation:isolate;overflow:hidden;padding:64px 0 54px;color:#fff;background:linear-gradient(135deg,var(--guide-dark),var(--guide-accent));border:0}
.reader-body .guide-hero:before{content:"";position:absolute;inset:-50% -10% -70% 40%;z-index:-1;border:1px solid color-mix(in srgb,var(--guide-light) 45%,transparent);border-radius:50%;box-shadow:0 0 0 65px color-mix(in srgb,var(--guide-light) 6%,transparent),0 0 0 135px color-mix(in srgb,var(--guide-light) 4%,transparent)}
.reader-body .guide-hero:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000)}
.reader-body .breadcrumbs,.reader-body .breadcrumbs a{color:color-mix(in srgb,var(--guide-light) 76%,#fff);font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.reader-body .guide-hero .eyebrow{color:var(--guide-light);font-size:9px;letter-spacing:.16em}
.reader-body .guide-hero h1{max-width:1000px;margin-top:12px;color:#fff;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.045em}
.reader-body .guide-submeta{margin:22px 0 0}
.reader-body .guide-submeta .pill{padding:7px 10px;color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-size:8px;text-transform:uppercase;letter-spacing:.06em;backdrop-filter:blur(8px)}
.reader-body .guide-submeta .guide-num{color:var(--guide-dark);border-color:var(--guide-light);background:var(--guide-light);font-weight:900}
.reader-body .guide-hero .button-row{margin-top:19px}
.reader-body .guide-hero .btn{padding:9px 13px;border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.08);font-size:10px;backdrop-filter:blur(8px)}
.reader-body .guide-hero .btn.primary{color:var(--guide-dark);border-color:var(--guide-light);background:var(--guide-light)}
.reader-body .reader-layout{grid-template-columns:270px minmax(0,900px);justify-content:center;gap:28px;padding-top:32px}
.reader-body .toc{top:92px;padding:15px;border-radius:14px;border-color:var(--line);box-shadow:0 10px 30px rgba(20,56,62,.055)}
.reader-body .toc strong{display:block;padding:4px 8px 10px;color:#6f8185;font-size:8px;letter-spacing:.12em}
.reader-body .toc a{padding:6px 8px;color:#5f7479;font-size:10px}
.reader-body .toc a:hover{color:var(--guide-accent);background:var(--pale)}
.reader-body .book{padding:48px 52px;border-color:var(--line);border-radius:18px;box-shadow:0 20px 55px rgba(13,48,54,.09)}
.reader-body .book h2,.reader-body .book h3,.reader-body .book h4{color:#18363e;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:500;letter-spacing:-.02em}
.reader-body .book h2{position:relative;padding-top:12px;border-top-color:#e6eeec;font-size:29px}
.reader-body .book h2:before{content:"";position:absolute;left:0;top:-1px;width:54px;height:2px;background:var(--guide-accent)}
.reader-body .book h2:first-child:before{display:none}
.reader-body .book h3{font-size:21px}
.reader-body .book h4{font-size:17px}
.reader-body .book p,.reader-body .book ul,.reader-body .book ol{color:#2d454b;font-family:"Charter","Bitstream Charter",Georgia,serif}
.reader-body .book p{font-size:16.5px;line-height:1.8}
.reader-body .book ul,.reader-body .book ol{font-size:16px;line-height:1.72}
.reader-body .table-wrap{position:relative;margin:30px 0;border-color:color-mix(in srgb,var(--guide-accent) 24%,var(--line));border-radius:12px;box-shadow:0 8px 25px rgba(15,52,58,.045)}
.reader-body .table-label{padding:9px 12px;color:var(--guide-accent);background:var(--pale);border-color:var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.reader-body table.clinical{font-size:12px;line-height:1.5}
.reader-body table.clinical th,.reader-body table.clinical td{padding:10px 11px;border-color:#e1e9e7}
.reader-body table.clinical tr:first-child td,.reader-body table.clinical tr:first-child th{color:#17363d;background:color-mix(in srgb,var(--guide-light) 12%,#f8fbfa)}
.reader-body .figure{margin:34px auto;padding:18px;border-color:color-mix(in srgb,var(--guide-accent) 20%,var(--line));border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(15,52,58,.045)}
.reader-body .figure img{display:block;margin:auto;max-width:100%;height:auto;object-fit:contain}
.reader-body .figure figcaption{margin-top:12px;color:#6f8185;font-size:9px}
@media(max-width:980px){.reader-body .reader-layout{grid-template-columns:1fr}.reader-body .toc{position:relative;top:auto;max-height:320px}.reader-body .guide-hero{padding:48px 0 40px}.reader-body .book{padding:38px 34px}}
@media(max-width:700px){.reader-body .site-header .nav a{display:none}.reader-body .site-header .nav a:first-child{display:block}.reader-body .brand{min-width:auto}.reader-body .guide-hero{padding:40px 0 34px}.reader-body .guide-hero h1{font-size:38px}.reader-body .book{padding:29px 19px;border-radius:14px}.reader-body .book p{font-size:15.5px}.reader-body .book ul,.reader-body .book ol{font-size:15px}.reader-body .table-wrap{margin-inline:-8px;border-radius:8px}}

/* Cross-device resilience and installed-app safe areas */
body{overflow-wrap:anywhere}img,video,canvas{max-width:100%}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:700px){.reader-body .site-header .nav{max-width:38vw;overflow-x:auto;scrollbar-width:none}.reader-body .site-header .nav a{min-height:44px;align-items:center;white-space:nowrap}.reader-body .site-header .nav a:first-child{display:flex}.reader-body .guide-hero h1{font-size:clamp(32px,10vw,38px)}.reader-body .toc{max-height:46vh}.reader-body .btn{min-height:44px}.reader-body .table-wrap{max-width:calc(100vw - 24px);overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top)}body{padding-bottom:env(safe-area-inset-bottom)}}

/* Source-reader alignment and fluid interaction refinements */
html{scroll-behavior:smooth;scroll-padding-top:84px}.reader-body p,.reader-body li,.reader-body blockquote,.reader-body table.clinical td,.reader-body table.clinical th{text-align:justify;text-justify:inter-word}.reader-body .guide-hero h1,.reader-body .book h2{text-align:center}.reader-body .guide-hero h1{margin-inline:auto}.reader-body .book h2:before{left:50%;transform:translateX(-50%)}.reader-body .book h3,.reader-body .book h4{text-align:justify}.reader-body a,.reader-body button,.reader-body summary,.reader-body .figure{cursor:pointer}.reader-body a,.reader-body button,.reader-body .toc,.reader-body .figure,.reader-body .table-wrap{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .28s ease,background-color .28s ease}.reader-body .toc a:hover{transform:translateX(4px)}.reader-body .btn:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(9,49,55,.14)}.reader-body .guide-hero{padding:48px 0 40px}.reader-body .reader-layout{gap:22px;padding-top:24px;padding-bottom:48px}.reader-body .book{padding:40px 44px}.reader-body .book h2{margin-top:32px}.reader-body .book h3{margin-top:24px}.reader-body .book h4{margin-top:20px}.reader-body .book p{margin-bottom:13px}.reader-body .book ul,.reader-body .book ol{margin-bottom:15px}.reader-body .table-wrap{margin:22px 0}.reader-body .figure{margin:25px auto}.reader-body .figure:hover{transform:translateY(-5px) scale(1.003);box-shadow:0 22px 48px rgba(15,52,58,.13)}
@media(max-width:700px){.reader-body .guide-hero{padding:34px 0 29px}.reader-body .reader-layout{padding-bottom:32px}.reader-body .book{padding:25px 17px}.reader-body .book h2{margin-top:27px}.reader-body .figure{margin:20px auto}}

/* Unified reader typography and responsive interaction */
.reader-body { font-family:"Aptos","Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif; font-size:16px; }
.reader-body p,.reader-body li,.reader-body blockquote,.reader-body table.clinical td,.reader-body table.clinical th { text-align:left; text-wrap:pretty; }
.reader-body .guide-hero h1,.reader-body .book h2,.reader-body .book h3,.reader-body .book h4 { text-align:left; text-wrap:balance; }
.reader-body .guide-hero h1 { margin-inline:0; }
.reader-body .book h2:before { left:0; transform:none; }
.reader-body .book p { font-size:17px; line-height:1.78; }
.reader-body .book ul,.reader-body .book ol { font-size:16.5px; line-height:1.72; }
.reader-body .book h2 { font-size:31px; }
.reader-body .book h3 { font-size:23px; }
.reader-body .book h4 { font-size:19px; }
.reader-body .toc a { min-height:34px; font-size:11px; }
.reader-body table.clinical { font-size:13px; }
.reader-body .table-label,.reader-body .figure figcaption { font-size:11px; }
.reader-body :focus-visible { outline:3px solid color-mix(in srgb,var(--guide-accent) 45%,transparent); outline-offset:3px; }

@media(max-width:980px){
  .reader-body .reader-layout { width:min(100% - 36px,900px); }
  .reader-body .toc { max-height:300px; }
}

@media(max-width:700px){
  .reader-body .site-header { height:auto; }
  .reader-body .header-inner { height:auto; min-height:68px; padding-block:8px; flex-wrap:wrap; }
  .reader-body .brand { width:100%; justify-content:center; }
  .reader-body .brand small { display:block; }
  .reader-body .site-header .nav { display:flex; width:100%; max-width:100%; margin:0; overflow-x:auto; padding:4px; }
  .reader-body .site-header .nav a,.reader-body .site-header .nav a:first-child { display:flex; flex:1 0 auto; justify-content:center; min-height:42px; font-size:11px; }
  .reader-body .guide-hero { padding:34px 0 30px; }
  .reader-body .guide-hero h1 { font-size:clamp(32px,10vw,42px); }
  .reader-body .guide-submeta .pill,.reader-body .guide-hero .btn { font-size:10px; }
  .reader-body .reader-layout { width:calc(100% - 20px); gap:16px; }
  .reader-body .toc { max-height:42vh; }
  .reader-body .book { padding:26px 18px; }
  .reader-body .book h2 { font-size:27px; }
  .reader-body .book h3 { font-size:21px; }
  .reader-body .book h4 { font-size:18px; }
  .reader-body .book p { font-size:16px; line-height:1.72; }
  .reader-body .book ul,.reader-body .book ol { font-size:15.5px; }
  .reader-body table.clinical { font-size:12px; }
}

.nav-install{min-height:38px;padding:8px 12px;border:0;border-radius:999px;color:#fff;background:var(--teal);cursor:pointer;font:750 11px/1 "Aptos","Segoe UI",system-ui,sans-serif;white-space:nowrap}.nav-install:hover{background:var(--teal2);transform:translateY(-1px)}
.pwa-help-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(4,22,28,.65);backdrop-filter:blur(10px)}.pwa-help{position:relative;width:min(440px,100%);padding:30px;border-radius:22px;text-align:center;background:#fff;box-shadow:0 30px 90px rgba(0,18,24,.32)}.pwa-help h2{margin:0;font-size:30px;text-align:center}.pwa-help p{margin:14px 0 0;color:var(--muted);font-family:inherit;font-size:14px;line-height:1.65;text-align:center}.pwa-help-close{position:absolute;top:11px;right:11px;width:38px;height:38px;border:0;border-radius:50%;background:var(--pale);cursor:pointer;font-size:22px}
@media(max-width:700px){.reader-body .site-header .nav .nav-install{display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:42px}}
/* Reader typography and interaction polish */
html { scroll-behavior:smooth; scroll-padding-top:86px; }
body { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; letter-spacing:-.004em; }
.topbar,.nav,.toc,.reader-main,.reader-card,button,a { transition-timing-function:cubic-bezier(.22,.72,.24,1); }
.nav a,.nav-install { min-height:42px; display:inline-flex; align-items:center; justify-content:center; }
.nav a.active { color:#075b5b; background:#e7f4f1; }
.reader-main p,.reader-main li { font-size:clamp(15px,1.05vw,17px); line-height:1.72; }
.reader-main h1 { text-wrap:balance; }
.reader-main h2,.reader-main h3 { text-wrap:pretty; scroll-margin-top:100px; }
.reader-main img { height:auto; }
.reader-card { box-shadow:0 14px 44px rgba(13,48,56,.08); }
@media (max-width:700px) {
  .topbar { padding-inline:12px; }
  .nav { overflow-x:auto; scrollbar-width:none; }
  .nav::-webkit-scrollbar { display:none; }
  .nav a,.nav-install { flex:0 0 auto; min-height:44px; }
  .reader-main p,.reader-main li { font-size:16px; line-height:1.68; }
}
@media (hover:none) { a:hover,button:hover { transform:none!important; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Persisted profile theme across every clinical reader */
html { --profile-accent:#b86b25; --profile-dark:#6b3a12; --profile-light:#f6d3a4; --profile-wash:#fff5e9; }
html[data-profile="public"] { --profile-accent:#14808c; --profile-dark:#0c4650; --profile-light:#bdebf0; --profile-wash:#ecf8f9; }
html[data-profile="student"] { --profile-accent:#586fc1; --profile-dark:#2d3c75; --profile-light:#cdd5ff; --profile-wash:#f0f2ff; }
html[data-profile="doctor"] { --profile-accent:#178763; --profile-dark:#0d513f; --profile-light:#bfe9d9; --profile-wash:#edf8f3; }
html[data-profile="postgraduate"] { --profile-accent:#8b5cb4; --profile-dark:#4e326b; --profile-light:#e4cff5; --profile-wash:#f6f0fb; }
html[data-profile="consultant"] { --profile-accent:#b86b25; --profile-dark:#6b3a12; --profile-light:#f6d3a4; --profile-wash:#fff5e9; }
html[data-profile] .reader-body { --guide-dark:var(--profile-dark)!important; --guide-accent:var(--profile-accent)!important; --guide-light:var(--profile-light)!important; --teal:var(--profile-accent); --teal2:color-mix(in srgb,var(--profile-accent) 82%,#fff); --pale:color-mix(in srgb,var(--profile-light) 22%,#fff); background:linear-gradient(180deg,var(--profile-wash),#f8faf9 420px); }
html[data-profile] .reader-body .site-header { box-shadow:0 10px 30px color-mix(in srgb,var(--profile-dark) 5%,transparent); }
html[data-profile] .reader-body .book h2:before { background:var(--profile-accent); }
html[data-profile] .nav a.active { color:var(--profile-dark); background:color-mix(in srgb,var(--profile-accent) 11%,#fff); }
.reveal-ready { opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.22,.72,.24,1),transform .7s cubic-bezier(.22,.72,.24,1); }
.reveal-ready.is-visible { opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}

/* Reader alignment system: content justified; interface elements centred. */
.reader-body { text-align:center; }
.reader-body .book p,.reader-body .book li,.reader-body .book blockquote,.reader-body .frontmatter p,.reader-body table.clinical td { text-align:justify !important; text-justify:inter-word; hyphens:auto; }
.reader-body .guide-hero h1,.reader-body .book h2,.reader-body .book h3,.reader-body .book h4,.reader-body .breadcrumbs,.reader-body .guide-submeta,.reader-body .button-row,.reader-body .toc,.reader-body .toc strong,.reader-body .toc a,.reader-body .table-label,.reader-body table.clinical th,.reader-body .figure figcaption,.reader-body .footer,.reader-body .footer-inner { text-align:center !important; }
.reader-body .guide-hero h1 { margin-inline:auto !important; }
.reader-body .book h2:before { left:50% !important; transform:translateX(-50%) !important; }

/* Shared reader profile icon system. */
.reader-body .profile-context-icon { --profile-icon-size:32px; --profile-role:#b86b25; --profile-context:#7658a7; --profile-icon-tone:color-mix(in srgb,var(--profile-role) 72%,var(--profile-context)); width:var(--profile-icon-size); height:var(--profile-icon-size); flex:0 0 auto; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--profile-icon-tone) 28%,#fff); border-radius:30%; color:var(--profile-icon-tone); background:radial-gradient(circle at 74% 22%,color-mix(in srgb,var(--profile-context) 22%,#fff),transparent 30%),linear-gradient(145deg,#fff,color-mix(in srgb,var(--profile-icon-tone) 13%,#fff)); box-shadow:0 7px 18px color-mix(in srgb,var(--profile-icon-tone) 15%,transparent); }
.reader-body .profile-context-icon svg { width:72%; height:72%; overflow:visible; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.reader-body .profile-context-icon .profile-context-node { fill:var(--profile-context); stroke:#fff; stroke-width:1.5; }
.reader-body .profile-context-icon.profile-public { --profile-role:#14808c; }
.reader-body .profile-context-icon.profile-student { --profile-role:#586fc1; }
.reader-body .profile-context-icon.profile-doctor { --profile-role:#178763; }
.reader-body .profile-context-icon.profile-postgraduate { --profile-role:#8b5cb4; }
.reader-body .profile-context-icon.profile-consultant { --profile-role:#b86b25; }
.reader-body .profile-status { display:flex; align-items:center; gap:8px; padding:5px 9px 5px 6px; border:1px solid color-mix(in srgb,var(--profile-accent) 20%,var(--line)); border-radius:13px; color:var(--ink); background:#fff; }
.reader-body .profile-status > span:last-child { display:flex; flex-direction:column; align-items:flex-start; line-height:1.05; }
.reader-body .profile-status small { color:var(--muted); font-size:7px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.reader-body .profile-status strong { margin-top:3px; font-size:10px; }
@media(max-width:700px){.reader-body .reader-profile-status{margin-left:auto}.reader-body .reader-profile-status>span:last-child{display:none}.reader-body .reader-profile-status{padding:5px}.reader-body .profile-context-icon{--profile-icon-size:30px}}

/* Animated profile identity mark for static guideline readers. */
.reader-body .profile-context-icon { --profile-motion-delay:0s; position:relative; isolation:isolate; overflow:hidden; transition:transform .42s cubic-bezier(.22,.72,.24,1),box-shadow .42s ease; animation:reader-profile-float 6.8s var(--profile-motion-delay) ease-in-out infinite; }
.reader-body .profile-context-icon:before { content:""; position:absolute; inset:-38%; z-index:-1; opacity:.32; background:conic-gradient(from 20deg,transparent 0 36%,color-mix(in srgb,var(--profile-context) 42%,transparent) 46%,transparent 56% 100%); animation:reader-profile-sheen 12s linear infinite; }
.reader-body .profile-context-icon svg { position:relative; z-index:1; }
.reader-body .profile-logo-orbit { fill:none; stroke:color-mix(in srgb,var(--profile-context) 56%,transparent); stroke-width:.85; stroke-dasharray:3.5 6.5; transform-origin:18px 18px; animation:reader-profile-orbit 13s var(--profile-motion-delay) linear infinite; }
.reader-body .profile-logo-head { fill:color-mix(in srgb,var(--profile-role) 7%,white); transform-origin:18px 12px; animation:reader-profile-core 4.8s var(--profile-motion-delay) ease-in-out infinite; }
.reader-body .profile-context-icon .profile-context-node { transform-origin:29px 7px; animation:reader-profile-node 3.6s var(--profile-motion-delay) ease-in-out infinite; }
.reader-body .profile-context-icon.profile-student { --profile-motion-delay:-1.25s; }.reader-body .profile-context-icon.profile-doctor { --profile-motion-delay:-2.5s; }.reader-body .profile-context-icon.profile-postgraduate { --profile-motion-delay:-3.75s; }.reader-body .profile-context-icon.profile-consultant { --profile-motion-delay:-5s; }
.reader-body .reader-profile-status:hover .profile-context-icon { transform:translateY(-2px) scale(1.055); box-shadow:0 14px 30px color-mix(in srgb,var(--profile-icon-tone) 22%,transparent); }
@keyframes reader-profile-float { 0%,100%{translate:0 0}50%{translate:0 -1.5px} }
@keyframes reader-profile-sheen { to{transform:rotate(1turn)} }
@keyframes reader-profile-orbit { to{transform:rotate(1turn)} }
@keyframes reader-profile-core { 0%,100%{transform:scale(1)}50%{transform:scale(1.055)} }
@keyframes reader-profile-node { 0%,100%{transform:scale(.92);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.18);filter:drop-shadow(0 0 3px var(--profile-context))} }
@media(prefers-reduced-motion:reduce){.reader-body .profile-context-icon,.reader-body .profile-context-icon:before,.reader-body .profile-logo-orbit,.reader-body .profile-logo-head,.reader-body .profile-context-node{animation:none!important}}

/* Regenerated rounded-square navigation icons for every static guideline reader. */
.reader-body .nav a { display:inline-flex; align-items:center; gap:6px; }
.reader-body .nav a:before { width:22px; height:22px; flex:0 0 auto; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--profile-accent) 15%,#dce7e5); border-radius:6px; color:var(--profile-dark); background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--profile-light) 25%,#fff)); font:800 14px/1 system-ui,sans-serif; box-shadow:0 3px 8px rgba(20,48,99,.08); }
.reader-body .nav a[href="/"]:before { content:"⌂"; color:#1f65bd; }
.reader-body .nav a[href="/library"]:before { content:"▤"; color:#6546b6; }
.reader-body .nav a[href="/reader"]:before { content:"≡"; color:#087d78; }
.reader-body .nav a[href="/assistant"]:before { content:"✦"; color:#d03e79; }
@media(max-width:700px){.reader-body .nav a:before{display:none}}

/* Mobile reader navigation and unified Ask SLCOG AI mark. */
.reader-body .nav a[href="/assistant"]:before{background-image:none}
@media(max-width:700px){
  .reader-body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .reader-body .site-header .nav{
    position:fixed;z-index:95;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;
    display:grid;width:auto;max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
    padding:6px;overflow:visible;border:1px solid rgba(196,215,212,.95);border-radius:18px;
    background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(5,35,42,.22);backdrop-filter:blur(20px) saturate(145%)
  }
  .reader-body .site-header .nav a,.reader-body .site-header .nav a:first-child,.reader-body .site-header .nav .nav-install{
    min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:5px 2px;border-radius:12px;font-size:8.5px;line-height:1.05;white-space:normal;text-align:center
  }
  .reader-body .site-header .nav .nav-install{color:var(--profile-dark);background:color-mix(in srgb,var(--profile-accent) 12%,#fff)}
  .reader-body .nav a:before{display:grid;width:23px;height:23px}
}

/* Six-role profile system and left-aligned clinical topics. */
html[data-profile="allied"] { --profile-accent:#d9576e; --profile-dark:#70283b; --profile-light:#f7c7d0; --profile-wash:#fff1f4; }
.reader-body .profile-context-icon,.reader-body .profile-context-icon img,.reader-body .pack-icon,.reader-body .assistant-icon { border-radius:24%!important; }
.reader-body .profile-context-icon.profile-allied { --profile-role:#d9576e; --profile-motion-delay:-6.25s; }
.reader-body .profile-context-icon { padding:2px; background:#fff; }
.reader-body .profile-context-icon img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; border-radius:inherit; filter:saturate(.96) contrast(1.02); }
.reader-body .profile-context-icon:before { z-index:0; }
.reader-body .book h2,.reader-body .book h3,.reader-body .book h4,.reader-body .toc,.reader-body .toc strong,.reader-body .toc a,.reader-body .table-label,.reader-body table.clinical th { text-align:left !important; }
.reader-body .book h2:before { left:0 !important; transform:none !important; }
.reader-body { overflow-x:hidden; overscroll-behavior-y:none; }
.reader-body section,.reader-body [id] { scroll-margin-top:96px; }
.reader-body .table-wrap { -webkit-overflow-scrolling:touch; overscroll-behavior-inline:contain; }
@media(max-width:700px){.reader-body .book,.reader-body .figure{content-visibility:auto;contain-intrinsic-size:1px 500px}}
@media(max-width:900px),(hover:none){html{scroll-behavior:auto}.reader-body *, .reader-body *:before,.reader-body *:after{animation:none!important}.reader-body .site-header,.reader-body .pwa-help-backdrop,.reader-body .mobile-reader-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.reader-body .figure:hover,.reader-body .btn:hover,.reader-body .toc a:hover{transform:none!important}.reader-body .book,.reader-body .figure{box-shadow:0 7px 22px rgba(15,52,58,.055)!important}}

/* Uploaded premium pack, crisp reader surfaces, and persistent Ask SLCOG AI. */
.reader-body { background:#eef2f5!important; }
.reader-body .site-header { background:#fff!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.reader-body .book,.reader-body .toc,.reader-body .figure,.reader-body .table-wrap { background:#fff!important; }
.reader-body .nav a:before { content:""!important; border:0; border-radius:6px; background-image:url('../icons/slcog-icon-pack-v2.webp'); background-repeat:no-repeat; background-color:#0b1b3a; box-shadow:0 3px 9px rgba(6,24,55,.22); }
.reader-body .nav a[href="/"]:before { background-size:362px 271.5px; background-position:-104px -71.5px; }
.reader-body .nav a[href="/library"]:before { background-image:url('../icons/library-icon.webp'); background-size:cover; background-position:center; }
.reader-body .nav a[href="/reader"]:before { background-image:url('../icons/reader-icon.webp'); background-size:cover; background-position:center; }
.reader-body .nav a[href="/assistant"]:before { background-image:url('../brand/ask-slcog-ai-futuristic.png'); background-size:cover; background-position:center; }
.reader-body .profile-context-icon { padding:0; overflow:hidden; border:2px solid var(--profile-role); background:var(--profile-dark); box-shadow:0 7px 18px rgba(7,27,59,.2); }

/* PWA reader shell: native scrolling with no fixed control layers. */
@media (max-width:900px) {
  html,body,.reader-body { height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:auto!important; touch-action:pan-y!important; }
  .reader-body .site-header,.reader-body .site-header .nav { position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; overflow:visible!important; }
  .reader-body .site-header .nav { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; padding:5px 12px 8px!important; }
  .reader-body .site-header .nav a { min-width:0!important; min-height:50px!important; padding:5px 2px!important; overflow:hidden!important; font-size:9px!important; text-align:center!important; }
  .reader-body .persistent-ai,.reader-body .pwa-install { display:none!important; }
  .reader-body .reader-layout,.reader-body .guide-grid { display:block!important; height:auto!important; max-height:none!important; overflow:visible!important; }
  .reader-body .toc { position:relative!important; max-height:none!important; margin-bottom:18px!important; }
  .reader-body .book { min-width:0!important; padding:24px 16px!important; overflow:visible!important; }
  .reader-body .table-wrap { max-width:100%!important; overflow-x:auto!important; overflow-y:visible!important; }
}
.reader-body .profile-context-icon img { object-fit:cover; filter:saturate(1.18) contrast(1.08); }
.reader-body .persistent-ai { position:fixed; z-index:92; right:max(14px,env(safe-area-inset-right)); bottom:max(18px,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:8px; min-height:48px; padding:7px 13px 7px 7px; border:1px solid #27457f; border-radius:999px; color:#fff; text-decoration:none; background:#081b38; box-shadow:0 14px 34px rgba(5,20,48,.28); animation:reader-assistant-float 4.2s ease-in-out infinite; }
.reader-body .persistent-ai img { width:34px; height:34px; border-radius:8px; object-fit:cover; }
.reader-body .persistent-ai strong { font-size:11px; white-space:nowrap; }
.reader-body .persistent-ai:hover,.reader-body .persistent-ai:focus-visible { animation-play-state:paused; transform:translateY(-3px); }
@keyframes reader-assistant-float { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-7px,0)} }
@media(max-width:700px){.reader-body .persistent-ai{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:48px;height:48px;padding:7px;border-radius:50%}.reader-body .persistent-ai strong{display:none}}
@media(prefers-reduced-motion:reduce){.reader-body .persistent-ai{animation:none}}

/* Handheld reader-header correction: one compact row at every phone orientation. */
@media(max-width:820px){
  .reader-body .site-header{
    height:64px!important;
    min-height:64px!important;
  }
  .reader-body .header-inner{
    width:calc(100% - 20px);
    height:64px!important;
    min-height:64px!important;
    display:flex;
    flex-wrap:nowrap!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:6px 0!important;
  }
  .reader-body .brand{
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto;
    justify-content:flex-start!important;
    gap:8px;
    overflow:hidden;
  }
  .reader-body .brand img{
    width:34px;
    height:44px;
    flex:0 0 34px;
  }
  .reader-body .brand>span{
    min-width:0;
    text-align:left;
    line-height:1.08;
  }
  .reader-body .brand strong{
    display:block;
    overflow:hidden;
    font-size:clamp(12px,3.6vw,15px)!important;
    line-height:1.12;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .reader-body .brand small{display:none!important}
  .reader-body .reader-profile-status{
    position:static!important;
    width:42px;
    min-width:42px;
    height:42px;
    flex:0 0 42px;
    margin:0!important;
    padding:4px!important;
    align-self:center;
  }
  .reader-body .reader-profile-status>span:last-child{display:none!important}
  .reader-body .profile-context-icon{--profile-icon-size:32px}
  .reader-body .site-header .nav{
    position:fixed!important;
    top:auto!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:8px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
}
.medvision-site-credit{padding:20px;text-align:center;background:#102e3b;color:#fff}.medvision-site-credit a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}