
/* NightBoard Slate Experience v3 */
.nb-text-size-menu{position:relative}
.nb-text-size-menu summary{list-style:none;cursor:pointer;width:38px;height:36px;border:1px solid var(--nb3-border,#314255);border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.025);color:var(--nb3-text,#eaf2f7)}
.nb-text-size-menu summary::-webkit-details-marker{display:none}
.nb-text-size-menu[open] summary{border-color:#49c6e5;color:#7de7ff;background:rgba(73,198,229,.08)}
.nb-text-size-aa{font-weight:800;letter-spacing:-.08em}
.nb-text-size-popover{position:absolute;right:0;top:44px;width:286px;padding:14px;background:#111a26;border:1px solid #33465b;border-radius:12px;box-shadow:0 20px 55px #000a;z-index:1000}
.nb-text-size-popover header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.nb-text-size-popover header small{color:#8fa2b7}
.nb-text-size-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.nb-text-size-options button,.nb-text-size-reset{border:1px solid #33465b;background:#172231;color:#eaf2f7;border-radius:9px;padding:9px;cursor:pointer}
.nb-text-size-options button{display:flex;align-items:baseline;gap:7px;text-align:left}
.nb-text-size-options button span{font-weight:900}.nb-text-size-options button:nth-child(1) span{font-size:13px}.nb-text-size-options button:nth-child(2) span{font-size:15px}.nb-text-size-options button:nth-child(3) span{font-size:17px}.nb-text-size-options button:nth-child(4) span{font-size:19px}
.nb-text-size-options button small{color:#9fb0c1}
.nb-text-size-options button.is-active{border-color:#49c6e5;background:rgba(73,198,229,.12);color:#7de7ff}
.nb-text-size-reset{width:100%;margin-top:8px;font-size:12px;color:#aebdca}
.nb-slate-index-hero{padding:18px 2px 8px;align-items:end}
.nb-slate-eyebrow{display:block;color:#72e7ff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900;margin-bottom:7px}
.nb-slate-index-hero h1{font-size:clamp(34px,4vw,52px)!important;line-height:.98!important;letter-spacing:-.035em;margin-bottom:8px!important}
.nb-slate-index-hero p{max-width:760px}
.nb-slate-category-head{align-items:center}
.nb-slate-category-copy{min-width:0}.nb-slate-category-copy h2{margin:0}.nb-slate-category-copy p{margin:3px 0 0;color:var(--nb3-muted,#92a3b7);font-size:12px;max-width:760px}
.nbpub-board{transition:border-color .16s ease,transform .16s ease,background .16s ease}
.nbpub-board:hover{transform:translateY(-1px);border-color:#3e657d;background:linear-gradient(180deg,rgba(38,59,79,.34),rgba(18,29,42,.18))}
@media(max-width:760px){.nb-text-size-popover{right:-52px;width:min(286px,calc(100vw - 24px))}.nb-slate-index-hero h1{font-size:36px!important}}

/* Member typography controls */
.nb-text-size-popover.is-member{width:360px}
.nb-member-type-form{display:grid;gap:10px}
.nb-member-type-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:3px 10px;align-items:center}
.nb-member-type-row>span{display:flex;flex-direction:column}.nb-member-type-row small{color:#8fa2b7}.nb-member-type-row output{text-align:right;color:#7de7ff;font-size:12px;font-weight:800}
.nb-member-type-row input[type=range]{grid-column:1/-1;width:100%}
.nb-member-type-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}
.nb-member-type-profile-link{display:block;margin-top:10px;color:#75dff7;font-size:12px}
.nb-member-typography-studio{scroll-margin-top:88px}
.nb-member-type-preview{border:1px solid var(--nb3-border,#33465b);border-radius:12px;background:rgba(0,0,0,.14);padding:18px;margin:15px 0}
.nb-member-type-preview h2{font-size:calc(24px * var(--member-heading,1));line-height:1.08;margin:6px 0 10px}
.nb-type-preview-body{font-size:calc(16px * var(--member-content,1));line-height:calc(1.65 * var(--member-line,1));margin:0 0 12px}
.nb-member-type-preview blockquote{font-size:calc(15px * var(--member-content,1));line-height:calc(1.55 * var(--member-line,1));border-left:2px solid #49c6e5;margin:10px 0;padding:8px 12px;background:rgba(255,255,255,.025)}
.nb-type-preview-meta{font-size:calc(12px * var(--member-meta,1));color:var(--nb3-muted,#92a3b7)}
.nb-member-type-full-form{display:grid;gap:14px}
.nb-member-type-slider{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:6px 12px}
.nb-member-type-slider>span{display:flex;flex-direction:column}.nb-member-type-slider small{color:var(--nb3-muted,#92a3b7);font-weight:400}.nb-member-type-slider output{text-align:right;font-weight:900;color:#72e7ff}
.nb-member-type-slider input[type=range]{grid-column:1/-1;width:100%}
@media(max-width:620px){.nb-text-size-popover.is-member{width:min(360px,calc(100vw - 20px));right:-72px}}
