/* ============ extras.css — style classes, galleries, misc ============ */

/* ---------- document content defaults (zoom-aware) ---------- */
.pc{font-size:calc(var(--z) * 11pt);line-height:1.08}
.pc p{margin:0 0 calc(var(--z)*8pt)}
.pc li{margin:0;line-height:1.08}
.pc ul,.pc ol{margin:0 0 calc(var(--z)*8pt);padding-left:calc(var(--z)*0.5in)}
.pc td p{margin:0;line-height:1.15}
.pc td{font-size:11pt}
.hd-inner,.ft-inner{font-size:calc(var(--z) * 10pt)}
.hf-master{width:624px}

/* ---------- heading & style classes (theme-driven) ---------- */
.pc h1,.pc h2,.pc h3,.pc h4,.pc h5,.pc h6{font-family:var(--t-heading,'Calibri Light'),'Calibri',sans-serif;font-weight:400;margin:0 0 0}
.pc h1{font-size:calc(var(--z)*16pt);color:var(--t-h1,#1f3864);margin:calc(var(--z)*12pt) 0 0;line-height:1.1}
.pc h2{font-size:calc(var(--z)*13pt);color:var(--t-h2,#2b579a);margin:calc(var(--z)*10pt) 0 0;line-height:1.1}
.pc h3{font-size:calc(var(--z)*12pt);color:var(--t-h3,#2e74b5);margin:calc(var(--z)*8pt) 0 0}
.pc h4{font-size:calc(var(--z)*11pt);color:var(--t-h4,#2e74b5);font-weight:600;margin:calc(var(--z)*8pt) 0 0}
.pc .st-title{font-family:var(--t-heading,'Calibri Light'),'Calibri',sans-serif;font-size:calc(var(--z)*28pt);font-weight:300;color:var(--t-h1,#1f3864);margin:calc(var(--z)*12pt) 0 calc(var(--z)*6pt);line-height:1.05;text-align:left}
.pc .st-subtitle{font-family:var(--t-heading,'Calibri Light'),'Calibri',sans-serif;font-size:calc(var(--z)*14pt);font-weight:300;color:#595959;margin:0 0 calc(var(--z)*14pt)}
.pc .st-nospacing{margin:0}
.pc .st-quote{font-style:italic;font-size:calc(var(--z)*12pt);color:#404040;margin-left:calc(var(--z)*0.5in);margin-right:calc(var(--z)*0.5in);margin-bottom:calc(var(--z)*8pt)}
.pc .st-intense-quote{font-style:italic;font-size:calc(var(--z)*12pt);color:var(--t-accent1,#2b579a);border-left:calc(var(--z)*4pt) solid var(--t-accent1,#2b579a);padding-left:calc(var(--z)*10pt);margin:calc(var(--z)*8pt) 0}
.pc .st-subtle-emphasis{color:#666}
.pc .st-intense-emphasis{color:var(--t-accent2,#1e7145);font-weight:600}
.pc .st-strong{font-weight:700}
.pc .st-reference{font-size:calc(var(--z)*10pt);color:#595959;text-transform:uppercase;letter-spacing:1px}
.pc .st-subtle-ref{font-size:calc(var(--z)*10pt);color:#7f7f7f}
.pc .st-intense-ref{font-size:calc(var(--z)*10pt);color:var(--t-accent1,#2b579a);font-weight:600;text-transform:uppercase}
.pc .st-book-title{font-size:calc(var(--z)*14pt);font-weight:700;font-style:italic}
.pc .st-list-para{margin-left:calc(var(--z)*0.5in)}
.pc .st-caption{font-size:calc(var(--z)*9pt);color:#595959;font-style:italic;text-align:center}
.pc .st-footnote{font-size:calc(var(--z)*9pt)}

/* drop cap */
.pc .dropcap{float:left;font-size:3em;line-height:0.82;margin:2px 4px 0 0;font-family:var(--t-heading,'Calibri Light'),'Calibri',sans-serif}
.pc .has-dropcap.dc-margin .dropcap{margin-left:calc(var(--z)*-0.55in)}

/* ---------- table ---------- */
.pc table.wtable{width:100%}
.pc td{min-width:30px}

/* draft mode break marker */
.draft-break{
  height:20px;display:flex;align-items:center;gap:8px;color:#7f7f7f;font-size:10.5px;
  border-top:1px dashed #9a9a9a;margin:0;width:100%;
}
.draft-break::after{content:"Page Break";padding-left:8px;background:#fff}

/* side-to-side */
body.side-to-side #pages{flex-direction:row;align-items:flex-start}
body.side-to-side #pagescroll{overflow-x:auto;overflow-y:hidden}
body.side-to-side #pagetrack{min-width:max-content}

/* ribbon display modes */
body.ribbon-autohide #tabstrip,body.ribbon-autohide #ribbon{display:none}
body.ribbon-tabs-only #ribbon{display:none}

/* backstage open: hide title/ribbon? keep ribbon visible like Word */
body.backstage-open #tabstrip .tab:not(.file-tab){opacity:.55}
body.backstage-open #tabstrip .tab:not(.file-tab):hover{opacity:1}

/* ---------- menu galleries ---------- */
.pal-grid{display:grid;grid-template-columns:repeat(6,22px);gap:3px;padding:6px 8px}
.pal-grid-title{font-size:11px;color:#666;font-weight:600;padding:6px 8px 2px}
.pal-swatch{width:22px;height:22px;border:1px solid #d0d0d0;border-radius:2px;cursor:pointer;padding:0}
.pal-swatch:hover{outline:1px solid #2b579a;outline-offset:1px}
.pal-swatch:last-child{border:1px solid #999}

.bullet-gallery{padding:6px 8px;min-width:200px}
.bg-item{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:3px;cursor:pointer}
.bg-item:hover{background:var(--menu-hover)}
.bg-glyph{width:34px;text-align:center;font-size:16px}
.bg-label{font-size:12.5px;color:#555}

.table-menu{min-width:220px}
.tp-head{padding:8px 12px 4px;font-size:12.5px;font-weight:600;color:#333}
.tp-grid{display:grid;grid-template-columns:repeat(10,16px);gap:2px;padding:6px 12px}
.tp-cell{width:16px;height:16px;border:1px solid #c8c8c8;border-radius:1px;cursor:pointer}
.tp-cell:hover,.tp-cell.active{background:#2b579a;border-color:#2b579a}
.tp-label{padding:0 12px 8px;font-size:11px;color:#666}

.sym-gallery{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;min-width:260px}
.sym-gallery .sym-cell{width:30px;height:28px;font-size:15px;border:1px solid #e0e0e0;border-radius:2px;background:#fff}
.sym-gallery .sym-cell:hover{background:#d5e4f3;border-color:#2b579a}

.theme-gallery{padding:8px;min-width:300px}
.theme-swatch{display:inline-block;width:92px;margin:4px;padding:6px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;background:#fff;text-align:center;vertical-align:top}
.theme-swatch:hover{border-color:#2b579a}
.theme-swatch.active{border-color:#2b579a;box-shadow:0 0 0 1px #2b579a}
.ts-font{font-size:22px;height:30px;display:flex;align-items:center;justify-content:center}
.ts-colors{display:flex;gap:2px;justify-content:center;margin-top:5px}
.ts-colors span{width:13px;height:9px;border-radius:1px}

.theme-colors{padding:8px;min-width:230px}
.theme-color-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:3px;cursor:pointer}
.theme-color-row:hover{background:var(--menu-hover)}
.theme-color-row.active{background:#d5e4f3}
.tcr-swatches{display:flex;gap:2px}
.tcr-swatches i{width:14px;height:12px;border-radius:1px;display:inline-block}
.tcr-name{font-size:12.5px}

.theme-fonts{padding:8px;min-width:230px}
.theme-font-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:3px;cursor:pointer}
.theme-font-row:hover{background:var(--menu-hover)}
.theme-font-row.active{background:#d5e4f3}
.tfr-fonts{width:70px;display:flex;gap:6px}
.tfr-fonts i{font-style:normal;font-size:15px}
.tfr-name{font-size:12.5px}

.font-menu{min-width:220px;max-height:420px}
.size-menu{min-width:110px;max-height:420px}

/* styles pane */
.sp-style{padding:8px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;cursor:pointer;border-radius:3px}
.sp-style:hover{background:#eef4fa}

/* page borders dialog */
.pb-option{padding:7px 16px;border:1px solid #e0e0e0;border-radius:3px;margin-bottom:6px;font-size:12.5px;cursor:pointer;background:#fff;min-width:110px;text-align:center}
.pb-option:hover{border-color:#2b579a}
.pb-option.active{border-color:#2b579a;background:#d5e4f3;font-weight:600}

/* textbox */
.pc .textbox{display:block;border:1.5px solid #2b579a;padding:8px 12px;margin:calc(var(--z)*8pt) 0;background:#f7f9fc;border-radius:2px}
.pc .textbox:focus-within{outline:1px solid #2b579a}

/* custom list markers */
ul li::marker{content:var(--marker,"•")}
ol.num-a li::marker{content:counter(list-item, lower-alpha) "."}
ol.num-i li::marker{content:counter(list-item, lower-roman) "."}
ol.num-I li::marker{content:counter(list-item, upper-roman) "."}
ol.num-A li::marker{content:counter(list-item, upper-alpha) "."}

/* comment current marker */
.pc .cm-mark.cm-current{background:rgba(255,180,0,.5);box-shadow:0 0 0 1px #c9a227}

/* selection caret styles for read mode pages */
.rm-page .pc{overflow:visible}

/* menu item active */
.menu-item.active{background:#d5e4f3}

/* font preview in font menu */
.font-menu .menu-item{display:flex;gap:8px}

/* table picker label */
.tp-label{min-height:16px}
