/* 9stagram 0.1 compact editorial design language. */ *{box-sizing:border-box}.ninestagram-header,.ninestagram-header *,.ninestagram-modal-layer,.ninestagram-modal-layer *,.ninestagram-author-footer,.ninestagram-author-footer *{box-sizing:border-box} .ninestagram-header button,.ninestagram-header a,.ninestagram-dialog button,.ninestagram-dialog a{font:inherit}.ninestagram-header button:focus-visible,.ninestagram-header a:focus-visible,.ninestagram-dialog button:focus-visible,.ninestagram-dialog a:focus-visible{outline:3px solid var(--ninestagram-accent);outline-offset:3px} .ninestagram-active.ninestagram-placement-top{padding-top:var(--ninestagram-rail)!important}.ninestagram-active.ninestagram-placement-bottom{padding-bottom:var(--ninestagram-rail)!important}.ninestagram-active.ninestagram-placement-left{padding-left:var(--ninestagram-rail)!important}.ninestagram-active.ninestagram-placement-right{padding-right:var(--ninestagram-rail)!important} .ninestagram-replace-theme-header :is(header.site-header,#masthead,.site-header){display:none!important}.ninestagram-replace-theme-footer :is(footer.site-footer,#colophon,.site-footer){display:none!important} /* Site chrome: light, compact, one accent. */ .ninestagram-header{position:fixed;z-index:99980;background:var(--ninestagram-header-bg);color:var(--ninestagram-header-text);border:0 solid var(--ninestagram-header-border);display:flex;align-items:center;justify-content:center;padding:0 var(--ninestagram-pad);font:var(--ninestagram-body-size)/1.45 var(--ninestagram-body-font);-webkit-font-smoothing:antialiased} .ninestagram-placement-top .ninestagram-header{top:0;left:0;right:0;height:var(--ninestagram-rail);border-bottom-width:1px}.ninestagram-placement-bottom .ninestagram-header{bottom:0;left:0;right:0;height:var(--ninestagram-rail);border-top-width:1px}.ninestagram-placement-left .ninestagram-header{top:0;bottom:0;left:0;width:var(--ninestagram-rail);flex-direction:column;justify-content:center;border-right-width:1px;padding:var(--ninestagram-pad) 0}.ninestagram-placement-right .ninestagram-header{top:0;bottom:0;right:0;width:var(--ninestagram-rail);flex-direction:column;justify-content:center;border-left-width:1px;padding:var(--ninestagram-pad) 0} .admin-bar.ninestagram-placement-top .ninestagram-header{top:32px}.admin-bar.ninestagram-placement-left .ninestagram-header,.admin-bar.ninestagram-placement-right .ninestagram-header{top:32px;height:calc(100vh - 32px)} .ninestagram-profile{display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit!important;min-width:0;padding:2px}.ninestagram-profile img{display:block;width:calc(var(--ninestagram-rail) - 10px);height:calc(var(--ninestagram-rail) - 10px);max-width:38px;max-height:38px;object-fit:cover;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius)}.ninestagram-profile>span{display:block;min-width:0;padding-right:6px;line-height:1.15}.ninestagram-profile strong{display:block;font:var(--ninestagram-heading-weight) 13px/1.15 var(--ninestagram-heading-font);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ninestagram-profile small{display:block;font-size:10px;color:var(--ninestagram-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ninestagram-placement-left .ninestagram-profile,.ninestagram-placement-right .ninestagram-profile{width:100%;height:var(--ninestagram-rail);flex:0 0 var(--ninestagram-rail);margin-bottom:var(--ninestagram-side-gap);justify-content:center;padding:2px}.ninestagram-placement-left .ninestagram-profile>span,.ninestagram-placement-right .ninestagram-profile>span{display:none} .ninestagram-controls{display:flex;align-items:center;gap:var(--ninestagram-top-gap);margin-left:0}.ninestagram-placement-left .ninestagram-controls,.ninestagram-placement-right .ninestagram-controls{margin:0;width:100%;flex-direction:column;gap:var(--ninestagram-side-gap);align-items:center}.ninestagram-control{appearance:none;border:0;background:transparent;color:inherit;width:var(--ninestagram-control);height:var(--ninestagram-control);min-width:var(--ninestagram-control);padding:0;display:inline-grid;place-items:center;text-decoration:none!important;cursor:pointer;line-height:1;border-radius:var(--ninestagram-style-radius);box-shadow:none;transition:background .14s ease,color .14s ease,transform .14s ease}.ninestagram-control:hover{background:var(--ninestagram-soft);color:var(--ninestagram-accent)}.ninestagram-control svg{width:var(--ninestagram-icon);height:var(--ninestagram-icon);display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ninestagram-featured-control{overflow:hidden;border:0!important;background:transparent!important;padding:var(--ninestagram-featured-inner-pad)!important}.ninestagram-featured-control:hover,.ninestagram-featured-control:focus-visible{background:transparent!important}.ninestagram-featured-avatar{display:block;width:var(--ninestagram-featured-image-size);height:var(--ninestagram-featured-image-size);max-width:calc(100% - (var(--ninestagram-featured-inner-pad) * 2));max-height:calc(100% - (var(--ninestagram-featured-inner-pad) * 2));margin:auto;object-fit:cover;border:0;border-radius:calc(var(--ninestagram-style-radius) - 1px)} .ninestagram-control i{font-size:var(--ninestagram-icon)}.ninestagram-control .dashicons{width:var(--ninestagram-icon);height:var(--ninestagram-icon);font-size:var(--ninestagram-icon);line-height:1}.ninestagram-custom-icon{width:var(--ninestagram-icon);height:var(--ninestagram-icon);object-fit:contain;display:block}.ninestagram-naira{display:block;font-family:Arial,Helvetica,sans-serif;font-size:calc(var(--ninestagram-icon) + 1px);font-weight:800;line-height:1} .ninestagram-toc-control{width:var(--ninestagram-toc-control);height:var(--ninestagram-toc-control);min-width:var(--ninestagram-toc-control);background:var(--ninestagram-toc-bg)!important;color:var(--ninestagram-toc-text)!important;border:1px solid var(--ninestagram-toc-bg)!important;border-radius:var(--ninestagram-toc-radius)!important}.ninestagram-toc-control:hover,.ninestagram-toc-control:focus-visible{background:var(--ninestagram-toc-bg)!important;color:var(--ninestagram-toc-text)!important;filter:brightness(1.04)} /* Modal layer stays outside the fixed rail. */ .ninestagram-modal-layer{position:fixed;z-index:99990;top:0;right:0;bottom:0;left:0;pointer-events:none;font:var(--ninestagram-body-size)/1.5 var(--ninestagram-body-font);color:var(--ninestagram-text)}.ninestagram-placement-left .ninestagram-modal-layer{left:calc(var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.ninestagram-placement-right .ninestagram-modal-layer{right:calc(var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.ninestagram-placement-top .ninestagram-modal-layer{top:calc(var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.ninestagram-placement-bottom .ninestagram-modal-layer{bottom:calc(var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.admin-bar.ninestagram-placement-top .ninestagram-modal-layer{top:calc(32px + var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.admin-bar.ninestagram-placement-left .ninestagram-modal-layer,.admin-bar.ninestagram-placement-right .ninestagram-modal-layer{top:32px} .ninestagram-backdrop{position:absolute;inset:0;background:var(--ninestagram-backdrop);pointer-events:auto}.ninestagram-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(var(--ninestagram-popup-vw),var(--ninestagram-dialog-max,var(--ninestagram-popup-max)),calc(100% - 32px));max-height:var(--ninestagram-dialog-h,var(--ninestagram-popup-h));overflow:hidden;background:var(--ninestagram-dialog-bg,var(--ninestagram-surface));color:var(--ninestagram-text);border:var(--ninestagram-dialog-border-w,1px) solid var(--ninestagram-dialog-border,var(--ninestagram-line));border-radius:var(--ninestagram-dialog-radius,var(--ninestagram-popup-radius));box-shadow:var(--ninestagram-dialog-shadow,0 14px 46px #00000024);pointer-events:auto;display:flex;flex-direction:column}.ninestagram-dialog[hidden],.ninestagram-backdrop[hidden]{display:none!important}.ninestagram-dialog-body{padding:var(--ninestagram-dialog-pad,var(--ninestagram-popup-pad));overflow:auto;background:var(--ninestagram-dialog-bg,var(--ninestagram-surface));color:var(--ninestagram-text)}.ninestagram-dialog-body p{color:inherit;margin:4px 0 7px}.ninestagram-dialog-body iframe{width:100%;min-height:280px;border:0}.ninestagram-intro{margin:0 0 6px!important;font-size:12px;color:var(--ninestagram-muted)!important} /* Shared 9stagram editorial heading grammar. */ .ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading{display:flex;align-items:center;gap:6px;position:relative;min-width:0;margin:0!important;padding:var(--ninestagram-heading-pad)!important;background:transparent;color:var(--ninestagram-text)!important;border:0;border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line);border-radius:0;font:var(--ninestagram-heading-weight) var(--ninestagram-heading-size)/1.35 var(--ninestagram-heading-font)!important;letter-spacing:var(--ninestagram-tracking);text-transform:var(--ninestagram-case);text-align:var(--ninestagram-heading-align)} .ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading{font-size:calc(var(--ninestagram-heading-size) * .86)!important;min-height:28px}.ninestagram-heading-accent,.ninestagram-section>h3::before,.ninestagram-selection>h3::before,.ninestagram-details-section h3::before,.ninestagram-sales-page section>h2::before{content:"";display:block;flex:0 0 3px;width:3px;height:15px;background:var(--ninestagram-accent)}.ninestagram-heading-title{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit!important}.ninestagram-heading-sub{flex:0 1 auto;min-width:0;max-width:38%;font:var(--ninestagram-sub-weight) var(--ninestagram-sub-size)/1.5 var(--ninestagram-body-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ninestagram-text);opacity:.78}.ninestagram-heading-sub:empty{display:none} .ninestagram-dialog-head{flex:0 0 auto;min-height:40px;padding:5px 7px!important;background:var(--ninestagram-dialog-head-bg,#fff)!important;color:var(--ninestagram-dialog-head-text,var(--ninestagram-text))!important}.ninestagram-dialog-head .ninestagram-heading-sub{margin-left:0}.ninestagram-dialog-close{appearance:none;border:1px solid var(--ninestagram-line);background:#fff;color:var(--ninestagram-text);height:30px;min-width:62px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--ninestagram-style-radius);cursor:pointer;font-size:10px;font-weight:700;margin-left:auto}.ninestagram-dialog-close:hover{background:var(--ninestagram-soft);border-color:var(--ninestagram-accent)}.ninestagram-dialog-close svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.7} /* Accent mark families mirror 9stagram. */ .ninestagram-mark-dot .ninestagram-heading-accent,.ninestagram-mark-dot :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2)::before{flex-basis:6px;width:6px;height:6px;border-radius:50%}.ninestagram-mark-diamond .ninestagram-heading-accent,.ninestagram-mark-diamond :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2)::before{flex-basis:6px;width:6px;height:6px;transform:rotate(45deg);margin-inline:2px}.ninestagram-mark-double .ninestagram-heading-accent,.ninestagram-mark-double :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2)::before{flex-basis:6px;width:6px;background:transparent;border-inline:2px solid var(--ninestagram-accent)}.ninestagram-mark-none .ninestagram-heading-accent,.ninestagram-mark-none :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2)::before{display:none} .ninestagram-sub-dots .ninestagram-heading-sub::before{content:'•••';color:var(--ninestagram-accent);letter-spacing:2px;margin-right:5px}.ninestagram-sub-pill .ninestagram-heading-sub{background:var(--ninestagram-soft);border:1px solid var(--ninestagram-line);border-radius:10px;padding:0 5px;opacity:1}.ninestagram-sub-italic .ninestagram-heading-sub{font-style:italic}.ninestagram-sub-uppercase .ninestagram-heading-sub{text-transform:uppercase;letter-spacing:.6px} /* Thirty light heading treatments follow the active 9stagram style family. */ .ninestagram-h1 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h2 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h3 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:calc(var(--ninestagram-heading-border) + 2px) double var(--ninestagram-line)} .ninestagram-h4 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);border:var(--ninestagram-heading-border) solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius)} .ninestagram-h5 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h6 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);border-top:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h7 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-left:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h8 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-top:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h9 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-inline:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h10 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);border-radius:20px} .ninestagram-h11 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) solid var(--ninestagram-line);border-radius:20px} .ninestagram-h12 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h13 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);box-shadow:inset 0 1px 3px #0000000b} .ninestagram-h14 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line);box-shadow:0 2px 0 #00000008} .ninestagram-h15 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-inline:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h16 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:linear-gradient(90deg,var(--ninestagram-accent) 25%,var(--ninestagram-line) 25%) bottom/100% 1px no-repeat} .ninestagram-h17 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) dotted var(--ninestagram-line)} .ninestagram-h18 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) dashed var(--ninestagram-line)} .ninestagram-h19 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-block:var(--ninestagram-heading-border) solid var(--ninestagram-line);font-family:Georgia,serif!important;font-style:italic} .ninestagram-h20 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) solid var(--ninestagram-line);box-shadow:2px 2px 0 var(--ninestagram-soft)} .ninestagram-h21 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);border-top:var(--ninestagram-heading-border) solid var(--ninestagram-accent);border-radius:var(--ninestagram-style-radius) var(--ninestagram-style-radius) 0 0} .ninestagram-h22 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) solid var(--ninestagram-line);box-shadow:0 1px 3px #0000000b} .ninestagram-h23 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:linear-gradient(90deg,var(--ninestagram-soft),#fff);border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h24 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-radius:var(--ninestagram-style-radius);background:var(--ninestagram-soft)} .ninestagram-h25 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-top:var(--ninestagram-heading-border) solid var(--ninestagram-line);border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-accent)} .ninestagram-h26 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-bottom:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h27 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){background:var(--ninestagram-soft);border-left:var(--ninestagram-heading-border) solid var(--ninestagram-accent);border-radius:0 10px 10px 0} .ninestagram-h28 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border-left:var(--ninestagram-heading-border) solid var(--ninestagram-accent);border-top:var(--ninestagram-heading-border) solid var(--ninestagram-line)} .ninestagram-h29 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:calc(var(--ninestagram-heading-border) + 2px) double var(--ninestagram-line)} .ninestagram-h30 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){border:var(--ninestagram-heading-border) solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);box-shadow:0 1px 4px #00000008} .ninestagram-align-center :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){justify-content:center}.ninestagram-align-right :is(.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){justify-content:flex-end} /* Menu and TOC rows use the same compact list language as 9stagram link rows. */ .ninestagram-section{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;margin:0 0 var(--ninestagram-style-gap);background:#fff}.ninestagram-post-links{display:grid;grid-template-columns:1fr;padding:0}.ninestagram-post-links a{display:block;padding:8px;color:var(--ninestagram-text)!important;text-decoration:none!important;border-top:1px solid var(--ninestagram-line);font-size:var(--ninestagram-body-size);font-weight:600;background:#fff}.ninestagram-post-links a:first-child{border-top:0}.ninestagram-post-links a:hover{background:var(--ninestagram-soft)} .ninestagram-toc{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden}.ninestagram-toc p{margin:0!important;padding:8px;background:var(--ninestagram-soft);color:var(--ninestagram-muted)!important}.ninestagram-toc ol{list-style:none;margin:0!important;padding:0!important}.ninestagram-toc li{margin:0!important;border-top:1px solid var(--ninestagram-line)}.ninestagram-toc li:first-child{border-top:0}.ninestagram-toc a{display:block;padding:8px 9px;color:var(--ninestagram-text)!important;text-decoration:none!important;font-size:var(--ninestagram-body-size);font-weight:600;background:#fff}.ninestagram-toc .h3 a{padding-left:20px;font-weight:500}.ninestagram-toc .h4 a{padding-left:32px;font-size:calc(var(--ninestagram-body-size) - 1px)}.ninestagram-toc a:hover{background:var(--ninestagram-soft)} /* Offers echo 9stagram's compact image/link rows. */ .ninestagram-offer-group{margin-bottom:var(--ninestagram-style-gap)}.ninestagram-offer-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;padding:var(--ninestagram-style-pad);border-top:1px solid var(--ninestagram-line);background:#fff}.ninestagram-offer-group .ninestagram-offer-row:first-of-type{border-top:1px solid var(--ninestagram-line)}.ninestagram-offer-image{width:44px;height:44px;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;background:var(--ninestagram-soft)}.ninestagram-offer-image img{width:100%;height:100%;object-fit:cover;display:block}.ninestagram-offer-copy{min-width:0}.ninestagram-offer-copy label{display:flex;align-items:flex-start;gap:7px;cursor:pointer}.ninestagram-offer-copy input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;min-width:17px;margin:1px 0 0;background:#fff;border:1px solid var(--ninestagram-line);border-radius:3px;position:relative}.ninestagram-offer-copy input[type=checkbox]::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--ninestagram-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0)}.ninestagram-offer-copy input[type=checkbox]:checked{background:var(--ninestagram-accent);border-color:var(--ninestagram-accent)}.ninestagram-offer-copy input[type=checkbox]:checked::after{transform:rotate(45deg) scale(1)}.ninestagram-offer-copy label span{min-width:0}.ninestagram-offer-copy strong{display:block;font-size:var(--ninestagram-body-size);line-height:1.25;font-weight:700;color:var(--ninestagram-text)}.ninestagram-offer-copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;font-size:calc(var(--ninestagram-body-size) - 1px);line-height:1.35;color:var(--ninestagram-muted)}.ninestagram-offer-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:5px}.ninestagram-offer-meta b{font-size:11px;font-weight:700}.ninestagram-link-button,.ninestagram-button{appearance:none;border:1px solid var(--ninestagram-button-border);background:var(--ninestagram-button-bg);color:var(--ninestagram-button-text);border-radius:var(--ninestagram-style-radius);padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none!important}.ninestagram-link-button{min-height:28px;padding:4px 8px;font-size:11px}.ninestagram-link-button:hover,.ninestagram-button:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--ninestagram-accent)} .ninestagram-selection{margin-top:var(--ninestagram-style-gap);border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden}.ninestagram-selection>[data-ninestagram-cart]{padding:var(--ninestagram-style-pad)}.ninestagram-cart-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--ninestagram-line);font-size:12px}.ninestagram-cart-row:last-child{border-bottom:0}.ninestagram-total{display:flex;justify-content:space-between;padding:8px;border-top:1px solid var(--ninestagram-line);font-size:13px}.ninestagram-customer{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-top:1px solid var(--ninestagram-line)}.ninestagram-customer textarea{grid-column:1/-1}.ninestagram-customer input,.ninestagram-customer textarea{width:100%;background:var(--ninestagram-input-bg);color:var(--ninestagram-input-text);border:1px solid var(--ninestagram-input-border);border-radius:var(--ninestagram-style-radius);padding:8px;font:var(--ninestagram-body-size)/1.4 var(--ninestagram-body-font)}.ninestagram-selection>.ninestagram-button{margin:0 8px 8px;width:calc(100% - 16px)}.ninestagram-button.secondary{background:#fff;border-color:var(--ninestagram-line)}.ninestagram-dialog-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:8px;border-top:1px solid var(--ninestagram-line);margin-top:8px} .ninestagram-details-section{margin:var(--ninestagram-style-gap) 0;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden}.ninestagram-details-section div{padding:var(--ninestagram-style-pad);font-size:var(--ninestagram-body-size);line-height:1.5}.ninestagram-order-summary{font-size:var(--ninestagram-body-size)}.ninestagram-order-summary h3{font:var(--ninestagram-heading-weight) calc(var(--ninestagram-heading-size) + 1px)/1.2 var(--ninestagram-heading-font);margin:0 0 6px}.ninestagram-order-summary ul{margin:0 0 6px;padding-left:18px} /* Footer continues the same visual treatment. */ .ninestagram-author-footer{margin:0;background:var(--ninestagram-footer-bg);color:var(--ninestagram-footer-text);border-top:1px solid var(--ninestagram-footer-border);font:var(--ninestagram-body-size)/1.5 var(--ninestagram-body-font)}.ninestagram-footer-heading{border-radius:0!important;padding:6px max(8px,var(--ninestagram-style-pad))!important}.ninestagram-footer-inner{max-width:1160px;margin:0 auto;padding:var(--ninestagram-style-gap) max(10px,var(--ninestagram-style-pad))} /* Singular Offer pages use the same editorial rhythm. */ .ninestagram-sales-page{margin-top:var(--ninestagram-style-gap);font:var(--ninestagram-body-size)/1.5 var(--ninestagram-body-font);color:var(--ninestagram-text)}.ninestagram-sales-hero{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);padding:var(--ninestagram-style-pad);background:#fff}.ninestagram-sales-hero h1{font:var(--ninestagram-heading-weight) var(--ninestagram-title-size)/1.15 var(--ninestagram-heading-font);letter-spacing:-.5px;margin:3px 0;color:var(--ninestagram-text)}.ninestagram-sales-hero p{color:var(--ninestagram-muted);margin:5px 0}.ninestagram-sales-hero strong{display:block;margin:6px 0;font-size:17px}.ninestagram-sales-page section{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;margin:var(--ninestagram-style-gap) 0;background:#fff}.ninestagram-sales-page section>p{padding:var(--ninestagram-style-pad);margin:0} @media(max-width:782px){.admin-bar.ninestagram-placement-top .ninestagram-header{top:46px}.admin-bar.ninestagram-placement-left .ninestagram-header,.admin-bar.ninestagram-placement-right .ninestagram-header{top:46px;height:calc(100vh - 46px)}.admin-bar.ninestagram-placement-top .ninestagram-modal-layer{top:calc(46px + var(--ninestagram-rail) + var(--ninestagram-rail-gap))}.admin-bar.ninestagram-placement-left .ninestagram-modal-layer,.admin-bar.ninestagram-placement-right .ninestagram-modal-layer{top:46px}.ninestagram-dialog{width:min(92%,520px);max-height:min(var(--ninestagram-popup-h),calc(100% - 18px))}.ninestagram-customer{grid-template-columns:1fr}.ninestagram-customer textarea{grid-column:auto}.ninestagram-dialog-head .ninestagram-heading-sub{display:none}.ninestagram-offer-row{grid-template-columns:42px minmax(0,1fr)}.ninestagram-offer-image{width:42px;height:42px}.ninestagram-footer-inner{padding:8px}.ninestagram-profile>span{display:none}} @media(max-width:480px){.ninestagram-placement-left .ninestagram-modal-layer{left:calc(var(--ninestagram-rail) + 12px)}.ninestagram-placement-right .ninestagram-modal-layer{right:calc(var(--ninestagram-rail) + 12px)}.ninestagram-placement-top .ninestagram-modal-layer{top:calc(var(--ninestagram-rail) + 12px)}.ninestagram-placement-bottom .ninestagram-modal-layer{bottom:calc(var(--ninestagram-rail) + 12px)}.ninestagram-dialog{width:calc(100% - 12px)}.ninestagram-dialog-head{padding:5px 6px!important}.ninestagram-dialog-head h2{font-size:14px!important}.ninestagram-dialog-close span{display:none}.ninestagram-dialog-close{min-width:30px;width:30px;padding:0}} @media(prefers-reduced-motion:reduce){.ninestagram-header *,.ninestagram-modal-layer *{scroll-behavior:auto!important;transition:none!important}} /* Manual override mode retains the earlier full colour authority without changing the synchronized default. */ .ninestagram-manual-style :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading){background:var(--ninestagram-heading-bg)!important;color:var(--ninestagram-heading-text)!important}.ninestagram-manual-style .ninestagram-heading-sub{color:var(--ninestagram-heading-text)!important}.ninestagram-manual-style .ninestagram-dialog-close{color:var(--ninestagram-heading-text)} /* Profile panel, Font Awesome defaults and readable light heading surfaces. */ .ninestagram-profile{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left} .ninestagram-profile:hover{background:var(--ninestagram-soft)} .ninestagram-fa-svg{display:block;width:var(--ninestagram-icon);height:var(--ninestagram-icon);fill:currentColor!important;stroke:none!important} .ninestagram-dialog-close .ninestagram-fa-svg{width:12px;height:12px;fill:currentColor!important;stroke:none!important} /* Headings are bold and visually distinct without becoming dark banners. */ .ninestagram-editorial-heading, .ninestagram-section>h3, .ninestagram-selection>h3, .ninestagram-details-section h3, .ninestagram-sales-page section>h2, .ninestagram-footer-heading, .ninestagram-profile-section>h3{ color:var(--ninestagram-text)!important; font-weight:var(--ninestagram-heading-weight)!important; } .ninestagram-heading-title{font-weight:var(--ninestagram-heading-weight)!important} /* Manual surface controls never override a live 9stagram heading treatment. */ .ninestagram-manual-style.ninestagram-heading-surface-neutral :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading,.ninestagram-profile-section>h3), .ninestagram-manual-style.ninestagram-heading-surface-9stagram :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading,.ninestagram-profile-section>h3), .ninestagram-manual-style.ninestagram-heading-surface-custom :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading,.ninestagram-profile-section>h3){background:var(--ninestagram-heading-bg)!important;color:var(--ninestagram-heading-text,var(--ninestagram-text))!important} .ninestagram-manual-style.ninestagram-heading-surface-none :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading,.ninestagram-profile-section>h3){background:transparent!important} /* Clicking the header portrait opens a compact profile card. */ .ninestagram-dialog-body :is(.ninestagram-section,.ninestagram-profile-section,.ninestagram-details-section,.ninestagram-selection,.ninestagram-toc,.ninestagram-category-group,.ninestagram-tag-panel){background:var(--ninestagram-section-bg,var(--ninestagram-surface))!important;color:var(--ninestagram-section-text,var(--ninestagram-text))!important;border:var(--ninestagram-section-border-w,1px) solid var(--ninestagram-section-border,var(--ninestagram-line))!important;border-radius:var(--ninestagram-section-radius,var(--ninestagram-style-radius))!important;padding:var(--ninestagram-section-pad,var(--ninestagram-style-pad))!important} .ninestagram-profile-panel{display:grid;gap:var(--ninestagram-style-gap);align-items:start} .ninestagram-profile-hero{display:flex;justify-content:center;align-items:center;padding:2px 0 1px} .ninestagram-profile-hero img{display:block;width:min(var(--ninestagram-profile-popup-image),82vw);height:auto;max-height:62dvh;object-fit:contain;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);background:var(--ninestagram-soft)} .ninestagram-profile-caption{text-align:center;display:grid;gap:2px;padding:0 4px} .ninestagram-profile-caption strong{font:var(--ninestagram-heading-weight) calc(var(--ninestagram-heading-size) + 1px)/1.25 var(--ninestagram-heading-font);color:var(--ninestagram-text)} .ninestagram-profile-caption small{font-size:var(--ninestagram-sub-size);color:var(--ninestagram-muted)} .ninestagram-profile-feature{margin:0;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;background:#fff} .ninestagram-profile-feature img{display:block;width:100%;max-height:58dvh;object-fit:contain;background:#fff} .ninestagram-profile-section{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;background:#fff} .ninestagram-profile-section>h3{display:flex;align-items:center;min-height:28px;margin:0!important;padding:5px 7px!important;font:var(--ninestagram-heading-weight) calc(var(--ninestagram-heading-size) * .86)/1.3 var(--ninestagram-heading-font)!important;border-bottom:1px solid var(--ninestagram-line)} .ninestagram-profile-section>div{padding:var(--ninestagram-style-pad);font-size:var(--ninestagram-body-size);line-height:1.5} .ninestagram-profile-media iframe,.ninestagram-profile-media video,.ninestagram-profile-media img{display:block;max-width:100%;width:100%;border:0;border-radius:calc(var(--ninestagram-style-radius) - 1px)} .ninestagram-profile-media iframe{min-height:300px;aspect-ratio:16/9} .ninestagram-embedded-image,.ninestagram-embedded-video{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--ninestagram-style-radius)} @media(max-width:480px){ .ninestagram-profile-hero img{width:min(var(--ninestagram-profile-popup-image),72vw);height:auto;max-height:56dvh} .ninestagram-profile-media iframe{min-height:210px} } /* Protected TOC anchor and five programmable Category shortcuts. */ .ninestagram-utility-zone,.ninestagram-category-zone{display:flex;align-items:center;gap:var(--ninestagram-top-gap);min-width:0} .ninestagram-category-zone{padding-left:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ninestagram-category-zone::-webkit-scrollbar{display:none} .ninestagram-category-control{appearance:none;width:var(--ninestagram-control);height:var(--ninestagram-control);min-width:var(--ninestagram-control);display:inline-grid;place-items:center;padding:0;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);background:var(--ninestagram-soft);color:var(--ninestagram-text);font:800 12px/1 var(--ninestagram-heading-font);cursor:pointer;box-shadow:none;transition:background .14s ease,border-color .14s ease,color .14s ease} .ninestagram-category-control:hover,.ninestagram-category-control:focus-visible{background:#fff;border-color:var(--ninestagram-accent);color:var(--ninestagram-accent)} .ninestagram-category-control img{display:block;width:calc(var(--ninestagram-icon) + 1px);height:calc(var(--ninestagram-icon) + 1px);object-fit:contain} .ninestagram-category-control.is-menu{width:34px;height:34px;min-width:34px} .ninestagram-menu-category-shortcuts{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid var(--ninestagram-line);scrollbar-width:none} .ninestagram-menu-category-shortcuts::-webkit-scrollbar{display:none} .ninestagram-recent-posts{margin-bottom:0} .ninestagram-empty{padding:8px!important;margin:0!important;color:var(--ninestagram-muted)!important;background:var(--ninestagram-soft)} .ninestagram-category-scroll{max-height:min(58dvh,560px);overflow:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-gutter:stable} .ninestagram-category-tabs{position:sticky;top:0;z-index:2;display:flex;gap:4px;overflow-x:auto;padding:0 0 7px;margin:0 0 7px;border-bottom:1px solid var(--ninestagram-line);background:var(--ninestagram-surface);scrollbar-width:thin} .ninestagram-category-tabs button{appearance:none;flex:0 0 auto;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);background:var(--ninestagram-soft);color:var(--ninestagram-text);padding:6px 9px;font:700 11px/1.2 var(--ninestagram-heading-font);cursor:pointer} .ninestagram-category-tabs button[aria-selected="true"]{background:var(--ninestagram-accent);border-color:var(--ninestagram-accent);color:var(--ninestagram-on-accent)} .ninestagram-category-tabpanel[hidden]{display:none!important} .ninestagram-category-tabpanel .ninestagram-post-links{border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden} .ninestagram-category-group:last-child{margin-bottom:0} .ninestagram-placement-left .ninestagram-controls,.ninestagram-placement-right .ninestagram-controls{max-height:calc(100dvh - var(--ninestagram-rail) - 28px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain} .ninestagram-placement-left .ninestagram-controls::-webkit-scrollbar,.ninestagram-placement-right .ninestagram-controls::-webkit-scrollbar{display:none} .ninestagram-placement-left .ninestagram-utility-zone,.ninestagram-placement-right .ninestagram-utility-zone,.ninestagram-placement-left .ninestagram-category-zone,.ninestagram-placement-right .ninestagram-category-zone{width:100%;flex-direction:column;gap:var(--ninestagram-side-gap);align-items:center;overflow:visible;padding-left:0} .ninestagram-placement-left .ninestagram-category-zone,.ninestagram-placement-right .ninestagram-category-zone{padding-top:3px} .ninestagram-placement-left .ninestagram-category-control,.ninestagram-placement-right .ninestagram-category-control{flex:0 0 var(--ninestagram-control)} @media(max-width:782px){ .ninestagram-category-scroll{max-height:min(56dvh,480px)} .ninestagram-category-tabs{padding-bottom:6px} } .ninestagram-placement-top .ninestagram-utility-zone,.ninestagram-placement-bottom .ninestagram-utility-zone{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ninestagram-placement-top .ninestagram-utility-zone::-webkit-scrollbar,.ninestagram-placement-bottom .ninestagram-utility-zone::-webkit-scrollbar{display:none} /* Shared style/template tokens. */ .ninestagram-h12 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){width:fit-content;max-width:100%} .ninestagram-h22 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){width:fit-content;max-width:100%} .ninestagram-h24 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){width:fit-content;max-width:100%} .ninestagram-h19 .ninestagram-heading-title{font-family:Georgia,serif;font-style:italic} .ninestagram-h26 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2)::after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:2px;background:var(--ninestagram-accent)} .ninestagram-h2 .ninestagram-heading-sub,.ninestagram-h16 .ninestagram-heading-sub,.ninestagram-h25 .ninestagram-heading-sub{margin-left:auto} /* 9stagram box-outline token governs content boxes, not the fixed site rail. */ :is(.ninestagram-section,.ninestagram-profile-section,.ninestagram-profile-feature,.ninestagram-toc,.ninestagram-post-links,.ninestagram-offer-image,.ninestagram-selection,.ninestagram-details-section,.ninestagram-sales-hero,.ninestagram-sales-page section,.ninestagram-category-tabpanel .ninestagram-post-links,.ninestagram-link-button,.ninestagram-button,.ninestagram-category-control,.ninestagram-category-tabs button){border-width:var(--ninestagram-box-border)!important} .ninestagram-profile-media iframe,.ninestagram-profile-media video,.ninestagram-profile-media img,.ninestagram-embedded-image,.ninestagram-embedded-video{border:var(--ninestagram-embed-border) solid var(--ninestagram-line);border-radius:var(--ninestagram-embed-radius)!important;overflow:hidden} /* Tint placement is shared across content surfaces. */ .ninestagram-tint-none :is(.ninestagram-profile-section,.ninestagram-selection,.ninestagram-details-section,.ninestagram-offer-row,.ninestagram-toc a,.ninestagram-post-links a,.ninestagram-sales-hero,.ninestagram-sales-page section){background:#fff} .ninestagram-tint-selected :is(.ninestagram-profile-section,.ninestagram-selection,.ninestagram-details-section){background:var(--ninestagram-soft)} .ninestagram-tint-all :is(.ninestagram-profile-section,.ninestagram-selection,.ninestagram-details-section,.ninestagram-offer-row,.ninestagram-toc a,.ninestagram-post-links a,.ninestagram-sales-hero,.ninestagram-sales-page section){background:var(--ninestagram-soft)} /* Shared separator vocabulary. */ .ninestagram-separator-none :is(.ninestagram-profile-section+.ninestagram-profile-section,.ninestagram-section+.ninestagram-section,.ninestagram-details-section+.ninestagram-details-section){border-top:0!important} .ninestagram-separator-line :is(.ninestagram-profile-section+.ninestagram-profile-section,.ninestagram-section+.ninestagram-section,.ninestagram-details-section+.ninestagram-details-section){border-top:1px solid var(--ninestagram-line)!important} .ninestagram-separator-double :is(.ninestagram-profile-section+.ninestagram-profile-section,.ninestagram-section+.ninestagram-section,.ninestagram-details-section+.ninestagram-details-section){border-top:3px double var(--ninestagram-line)!important} .ninestagram-separator-dotted :is(.ninestagram-profile-section+.ninestagram-profile-section,.ninestagram-section+.ninestagram-section,.ninestagram-details-section+.ninestagram-details-section){border-top:2px dotted var(--ninestagram-line)!important} /* Fine outline / bold outline mirrors 9stagram's icon-style choice where stroke icons are used. */ .ninestagram-icons-line :is(.ninestagram-control svg:not(.ninestagram-fa-svg),.ninestagram-category-control svg){stroke-width:1.7} .ninestagram-icons-solid :is(.ninestagram-control svg:not(.ninestagram-fa-svg),.ninestagram-category-control svg){stroke-width:2.8} .ninestagram-icons-solid .ninestagram-fa-svg{transform:scale(1.06)} /* Link-row mode controls compact post and offer presentation. */ .ninestagram-link-visual-icons .ninestagram-post-links a::before{content:'›';display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;color:var(--ninestagram-accent);font-weight:800} .ninestagram-link-visual-icons .ninestagram-post-links a{display:flex;align-items:center;gap:6px} @media(max-width:600px){.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2,.ninestagram-footer-heading{min-width:0}.ninestagram-heading-title,.ninestagram-heading-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}} .ninestagram-h19 :is(.ninestagram-editorial-heading,.ninestagram-section>h3,.ninestagram-selection>h3,.ninestagram-details-section h3,.ninestagram-sales-page section>h2){font-family:var(--ninestagram-heading-font)!important;font-style:normal} .ninestagram-post-links a{display:flex;align-items:center;gap:8px;min-height:44px}.ninestagram-post-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.ninestagram-post-row-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;color:var(--ninestagram-accent);background:var(--ninestagram-soft);border-radius:var(--ninestagram-style-radius);font-weight:800}.ninestagram-post-thumb{display:block;width:44px;height:44px;flex:0 0 44px;border-radius:var(--ninestagram-style-radius);overflow:hidden;background:var(--ninestagram-soft);border:var(--ninestagram-box-border) solid var(--ninestagram-line)}.ninestagram-post-thumb img{display:block;width:100%;height:100%;object-fit:cover}.ninestagram-post-thumb.is-empty{background:var(--ninestagram-soft)} .ninestagram-link-visual-images .ninestagram-post-links a::before,.ninestagram-link-visual-icons .ninestagram-post-links a::before{content:none!important} .ninestagram-post-links a{display:flex;align-items:center;gap:8px;min-height:44px}.ninestagram-post-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.ninestagram-post-row-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;color:var(--ninestagram-accent);background:var(--ninestagram-soft);border-radius:var(--ninestagram-style-radius);font-weight:800}.ninestagram-post-thumb{display:block;width:44px;height:44px;flex:0 0 44px;border-radius:var(--ninestagram-style-radius);overflow:hidden;background:var(--ninestagram-soft);border:var(--ninestagram-box-border) solid var(--ninestagram-line)}.ninestagram-post-thumb img{display:block;width:100%;height:100%;object-fit:cover}.ninestagram-post-thumb.is-empty{background:var(--ninestagram-soft)} .ninestagram-link-visual-images .ninestagram-post-links a::before,.ninestagram-link-visual-icons .ninestagram-post-links a::before{content:none!important} /* Distinct Posts, Categories and Topics navigation. */ .ninestagram-post-list-panel{max-height:min(60dvh,580px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .ninestagram-tag-scroll{max-height:min(60dvh,580px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .ninestagram-tag-list{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--ninestagram-line)} .ninestagram-tag-toggle{appearance:none;border:1px solid var(--ninestagram-line);background:var(--ninestagram-soft);color:var(--ninestagram-text);border-radius:var(--ninestagram-style-radius);padding:6px 9px;font:700 11px/1.2 var(--ninestagram-heading-font);cursor:pointer;max-width:100%} .ninestagram-tag-toggle:hover,.ninestagram-tag-toggle:focus-visible{border-color:var(--ninestagram-accent);color:var(--ninestagram-accent);background:#fff} .ninestagram-tag-toggle[aria-expanded="true"]{background:var(--ninestagram-accent);border-color:var(--ninestagram-accent);color:var(--ninestagram-on-accent)} .ninestagram-tag-panel{margin:0 0 8px;padding:0;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);overflow:hidden;background:var(--ninestagram-surface)} .ninestagram-tag-panel[hidden]{display:none!important} .ninestagram-tag-panel>h3{margin:0!important;padding:6px 8px!important;background:var(--ninestagram-heading-bg)!important;color:var(--ninestagram-heading-text)!important;font:var(--ninestagram-heading-weight) 13px/1.25 var(--ninestagram-heading-font)!important} .ninestagram-tag-panel .ninestagram-post-links{border:0!important;border-radius:0!important} @media(max-width:600px){.ninestagram-tag-list{gap:4px}.ninestagram-tag-toggle{padding:6px 8px}.ninestagram-tag-scroll,.ninestagram-post-list-panel{max-height:min(56dvh,480px)}} .ninestagram-tag-toggle{display:inline-flex;align-items:center;gap:6px}.ninestagram-tag-toggle small{font:600 9px/1 var(--ninestagram-body-font);opacity:.7} /* Numbered TOC, category hints, author menus, gallery, contact and media. */ .ninestagram-toc a{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px} .ninestagram-toc-number{display:inline-flex;justify-content:flex-end;min-width:2.6em;color:var(--ninestagram-accent);font:800 10px/1.5 var(--ninestagram-heading-font);font-variant-numeric:tabular-nums} .ninestagram-toc-label{min-width:0} .ninestagram-category-control{position:relative;overflow:visible!important} .ninestagram-category-tooltip{position:absolute;z-index:8;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,4px);max-width:180px;padding:5px 7px;border:1px solid var(--ninestagram-line);border-radius:5px;background:var(--ninestagram-text);color:#fff;font:700 10px/1.2 var(--ninestagram-body-font);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease} .ninestagram-category-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ninestagram-text)} .ninestagram-category-control:hover .ninestagram-category-tooltip,.ninestagram-category-control:focus-visible .ninestagram-category-tooltip,.ninestagram-category-control[aria-expanded="true"] .ninestagram-category-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)} .ninestagram-placement-left .ninestagram-category-tooltip{left:calc(100% + 8px);bottom:auto;top:50%;transform:translate(4px,-50%)} .ninestagram-placement-left .ninestagram-category-tooltip::after{right:100%;left:auto;top:50%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--ninestagram-text)} .ninestagram-placement-left .ninestagram-category-control:hover .ninestagram-category-tooltip,.ninestagram-placement-left .ninestagram-category-control:focus-visible .ninestagram-category-tooltip,.ninestagram-placement-left .ninestagram-category-control[aria-expanded="true"] .ninestagram-category-tooltip{transform:translate(0,-50%)} .ninestagram-placement-right .ninestagram-category-tooltip{right:calc(100% + 8px);left:auto;bottom:auto;top:50%;transform:translate(-4px,-50%)} .ninestagram-placement-right .ninestagram-category-tooltip::after{left:100%;top:50%;transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--ninestagram-text)} .ninestagram-placement-right .ninestagram-category-control:hover .ninestagram-category-tooltip,.ninestagram-placement-right .ninestagram-category-control:focus-visible .ninestagram-category-tooltip,.ninestagram-placement-right .ninestagram-category-control[aria-expanded="true"] .ninestagram-category-tooltip{transform:translate(0,-50%)} .ninestagram-post-link-indicator{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;margin-left:auto;color:var(--ninestagram-accent);border:1px solid color-mix(in srgb,var(--ninestagram-accent) 28%,var(--ninestagram-line));border-radius:var(--ninestagram-style-radius);background:#fff} .ninestagram-post-link-indicator svg,.ninestagram-post-link-indicator img,.ninestagram-post-link-indicator i{width:12px!important;height:12px!important;font-size:12px!important} .ninestagram-post-links a:hover .ninestagram-post-link-indicator,.ninestagram-post-links a:focus-visible .ninestagram-post-link-indicator{background:var(--ninestagram-accent);color:var(--ninestagram-on-accent);border-color:var(--ninestagram-accent)} /* Contact choice patterns */ .ninestagram-contact-list{display:grid;gap:7px} .ninestagram-contact-choice,.ninestagram-contact-call{display:flex!important;align-items:center;gap:9px;width:100%;padding:7px 8px!important;border:1px solid var(--ninestagram-line)!important;border-radius:var(--ninestagram-style-radius)!important;background:var(--ninestagram-soft)!important;color:var(--ninestagram-text)!important;text-decoration:none!important} .ninestagram-contact-choice input{flex:0 0 auto}.ninestagram-contact-choice span,.ninestagram-contact-call span{display:grid;gap:2px;min-width:0}.ninestagram-contact-choice small,.ninestagram-contact-call small{color:var(--ninestagram-muted)} .ninestagram-contact-call b{margin-left:auto;color:var(--ninestagram-accent);font-size:10px;text-transform:uppercase;letter-spacing:.05em} .ninestagram-whatsapp-compose{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding-top:4px}.ninestagram-whatsapp-compose textarea{width:100%;resize:vertical;min-height:76px} /* Gallery: bounded grid with optional lightbox or carousel. */ .ninestagram-gallery-grid{display:grid;grid-template-columns:repeat(var(--ninestagram-gallery-columns,3),minmax(0,1fr));gap:6px;max-height:min(58dvh,620px);overflow:auto;overscroll-behavior:contain} .ninestagram-gallery-item,.ninestagram-gallery-slide{appearance:none;border:1px solid var(--ninestagram-line);border-radius:var(--ninestagram-style-radius);padding:0;background:var(--ninestagram-soft);overflow:hidden;cursor:pointer;aspect-ratio:1/1} .ninestagram-gallery-item img,.ninestagram-gallery-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.ninestagram-gallery-item:hover img,.ninestagram-gallery-item:focus-visible img{transform:scale(1.035)} .ninestagram-gallery-carousel{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px}.ninestagram-gallery-carousel>[data-ninestagram-gallery-prev],.ninestagram-gallery-carousel>[data-ninestagram-gallery-next]{width:32px;height:48px;border:1px solid var(--ninestagram-line);background:#fff;color:var(--ninestagram-accent);border-radius:var(--ninestagram-style-radius);font-size:20px;cursor:pointer}.ninestagram-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ninestagram-gallery-track::-webkit-scrollbar{display:none}.ninestagram-gallery-slide{scroll-snap-align:start;aspect-ratio:4/3} .ninestagram-gallery-lightbox{position:fixed;z-index:100005;inset:12px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:52px 12px 12px;background:rgba(10,15,22,.88);border-radius:12px}.ninestagram-gallery-lightbox[hidden]{display:none!important}.ninestagram-gallery-lightbox>img{display:block;max-width:100%;max-height:calc(100dvh - 88px);margin:auto;object-fit:contain;border-radius:8px}.ninestagram-gallery-lightbox button{width:40px;height:44px;border:0;border-radius:6px;background:#fff;color:#111827;font-size:22px;cursor:pointer}.ninestagram-gallery-lightbox-close{position:absolute;top:10px;right:10px}.ninestagram-gallery-open{overflow:hidden} /* Optional author media surface. */ .ninestagram-side-media{position:fixed;z-index:9990;width:var(--ninestagram-side-media-size,70px);height:var(--ninestagram-side-media-size,70px);border:2px solid #fff;border-radius:14px;background:var(--ninestagram-soft);box-shadow:0 8px 24px rgba(15,23,42,.18);overflow:visible} .ninestagram-side-media-bottom-right{right:14px;bottom:14px}.ninestagram-side-media-bottom-left{left:14px;bottom:14px} .ninestagram-placement-right .ninestagram-side-media-bottom-right{right:calc(var(--ninestagram-rail) + 14px)}.ninestagram-placement-left .ninestagram-side-media-bottom-left{left:calc(var(--ninestagram-rail) + 14px)}.ninestagram-placement-bottom .ninestagram-side-media{bottom:calc(var(--ninestagram-rail) + 14px)} .ninestagram-side-media-portrait,.ninestagram-side-media-layer{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;object-fit:cover;overflow:hidden}.ninestagram-side-media-layer video{width:100%;height:100%;object-fit:cover}.ninestagram-side-youtube{position:absolute;inset:-30%;width:160%;height:160%}.ninestagram-side-media-layer iframe{width:100%!important;height:100%!important} .ninestagram-side-media-mute{position:absolute;right:-5px;bottom:-27px;border:1px solid var(--ninestagram-line);border-radius:999px;background:#fff;color:var(--ninestagram-text);font:800 9px/1 var(--ninestagram-body-font);padding:5px 7px;cursor:pointer;white-space:nowrap}.ninestagram-side-media-wave{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:3px;background:rgba(255,255,255,.38);border-radius:12px}.ninestagram-side-media.is-audio .ninestagram-side-media-wave{display:flex}.ninestagram-side-media-wave i{display:block;width:3px;height:18px;border-radius:3px;background:var(--ninestagram-accent);animation:ninestagramWave .75s ease-in-out infinite alternate}.ninestagram-side-media-wave i:nth-child(2){animation-delay:.12s}.ninestagram-side-media-wave i:nth-child(3){animation-delay:.24s}.ninestagram-side-media-wave i:nth-child(4){animation-delay:.36s}@keyframes ninestagramWave{to{height:7px}} /* Ten deliberately different menu/navigation compositions mapped to the 9stagram core layout family names. */ .ninestagram-menu-style-executive .ninestagram-dialog-body :is(.ninestagram-post-links,.ninestagram-category-group,.ninestagram-tag-panel){border-radius:2px!important}.ninestagram-menu-style-executive .ninestagram-post-links a{border-left:3px solid transparent}.ninestagram-menu-style-executive .ninestagram-post-links a:hover{border-left-color:var(--ninestagram-accent)} .ninestagram-menu-style-workshop .ninestagram-dialog-body .ninestagram-post-links{display:grid;gap:7px;border:0!important}.ninestagram-menu-style-workshop .ninestagram-post-links a{border:2px solid var(--ninestagram-line)!important;background:var(--ninestagram-soft)!important;border-radius:2px!important} .ninestagram-menu-style-showcase .ninestagram-post-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:0!important}.ninestagram-menu-style-showcase .ninestagram-post-links a{display:grid!important;grid-template-columns:52px 1fr auto;border:1px solid var(--ninestagram-line)!important;border-radius:12px!important;background:#fff!important} .ninestagram-menu-style-journal .ninestagram-dialog-body{font-family:Georgia,serif}.ninestagram-menu-style-journal .ninestagram-post-links a{border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:1px solid var(--ninestagram-line)!important;border-radius:0!important;background:transparent!important}.ninestagram-menu-style-journal .ninestagram-category-group>h3{font-family:Georgia,serif!important;font-style:italic} .ninestagram-menu-style-gallery .ninestagram-post-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0!important}.ninestagram-menu-style-gallery .ninestagram-post-links a{min-height:76px!important;align-items:end!important;border-radius:10px!important;background:linear-gradient(145deg,var(--ninestagram-soft),#fff)!important} .ninestagram-menu-style-bulletin .ninestagram-post-links a{border:1px dashed var(--ninestagram-line)!important;border-radius:0!important;margin:4px 0;background:#fff!important}.ninestagram-menu-style-bulletin .ninestagram-category-group>h3{text-transform:uppercase;letter-spacing:.08em} .ninestagram-menu-style-campaign .ninestagram-dialog-body{border-left:5px solid var(--ninestagram-accent)}.ninestagram-menu-style-campaign .ninestagram-post-links a{border-radius:999px!important;padding-left:12px!important;background:var(--ninestagram-soft)!important}.ninestagram-menu-style-campaign .ninestagram-category-tabs button[aria-selected="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--ninestagram-accent) 18%,transparent)} .ninestagram-menu-style-profile .ninestagram-post-links a{border-radius:16px!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.06);margin:5px 0}.ninestagram-menu-style-profile .ninestagram-post-row-icon{border-radius:50%!important} .ninestagram-menu-style-tech .ninestagram-dialog-body{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ninestagram-menu-style-tech .ninestagram-post-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ninestagram-line)!important}.ninestagram-menu-style-tech .ninestagram-post-links a{border:0!important;border-radius:0!important;background:#fff!important;min-height:54px!important}.ninestagram-menu-style-tech .ninestagram-category-tabs button{border-radius:0!important} .ninestagram-menu-style-stack .ninestagram-dialog-body .ninestagram-post-links{display:grid;gap:5px;border:0!important}.ninestagram-menu-style-stack .ninestagram-post-links a{min-height:52px!important;border:2px solid var(--ninestagram-text)!important;border-radius:0!important;background:#fff!important;font-weight:900;transform:rotate(-.15deg)}.ninestagram-menu-style-stack .ninestagram-post-links a:nth-child(even){transform:rotate(.15deg)} @media(max-width:600px){.ninestagram-gallery-grid{gap:4px}.ninestagram-gallery-lightbox{inset:5px;grid-template-columns:36px minmax(0,1fr) 36px}.ninestagram-menu-style-showcase .ninestagram-post-links,.ninestagram-menu-style-gallery .ninestagram-post-links,.ninestagram-menu-style-tech .ninestagram-post-links{grid-template-columns:1fr}.ninestagram-category-tooltip{display:none}} @media(prefers-reduced-motion:reduce){.ninestagram-gallery-item img,.ninestagram-category-tooltip,.ninestagram-side-media-wave i{transition:none!important;animation:none!important}.ninestagram-gallery-track{scroll-behavior:auto!important}} /* End-of-site footer with stronger heading/subheading hierarchy. */ .ninestagram-dialog-head.ninestagram-editorial-heading, .ninestagram-editorial-heading{ font-size:var(--ninestagram-primary-heading-size)!important; font-weight:var(--ninestagram-primary-heading-weight)!important; line-height:1.24!important; } .ninestagram-section>h3, .ninestagram-selection>h3, .ninestagram-details-section h3, .ninestagram-sales-page section>h2, .ninestagram-profile-section>h3, .ninestagram-tag-panel>h3{ font-size:var(--ninestagram-section-size)!important; font-weight:var(--ninestagram-section-weight)!important; line-height:1.3!important; } .ninestagram-heading-sub{ font-size:var(--ninestagram-sub-size-strong)!important; font-weight:var(--ninestagram-sub-weight-strong)!important; line-height:1.35!important; color:var(--ninestagram-muted)!important; opacity:1!important; } .ninestagram-intro, .ninestagram-profile-caption small{ font-size:max(10px,var(--ninestagram-sub-size))!important; font-weight:550!important; line-height:1.45!important; } .ninestagram-order-summary h3,.ninestagram-profile-caption strong{ font-size:var(--ninestagram-primary-heading-size)!important; font-weight:var(--ninestagram-primary-heading-weight)!important; line-height:1.25!important; } .ninestagram-sales-hero h1{font-weight:var(--ninestagram-primary-heading-weight)!important} .ninestagram-sales-hero p{font-size:max(12px,var(--ninestagram-body-size));line-height:1.5} @media(max-width:600px){ .ninestagram-dialog-head.ninestagram-editorial-heading,.ninestagram-editorial-heading{font-size:max(14px,var(--ninestagram-primary-heading-size))!important} .ninestagram-heading-sub{font-size:max(10px,var(--ninestagram-sub-size-strong))!important} } /* Default compact visual treatment. */ .ninestagram-placement-left .ninestagram-featured-control,.ninestagram-placement-right .ninestagram-featured-control{flex:0 0 var(--ninestagram-control);margin-bottom:var(--ninestagram-side-gap)} .ninestagram-placement-top .ninestagram-featured-control,.ninestagram-placement-bottom .ninestagram-featured-control{margin-right:var(--ninestagram-top-gap)} .ninestagram-featured-media img{background:#fff;object-fit:contain} .ninestagram-placement-left .ninestagram-header{box-shadow:6px 0 18px rgba(15,23,42,.035)} /* 0.1.2 default-preview parity: these selectors express the shipped default geometry while variables remain programmable. */ .ninestagram-placement-left .ninestagram-header{padding:var(--ninestagram-pad) 0} .ninestagram-featured-control{border:0!important;background:transparent!important} .ninestagram-profile-hero{padding:0} .ninestagram-profile-hero img{max-width:min(420px,80vw);max-height:54dvh;border-color:#e2e8f0;border-radius:10px;background:#fff} .ninestagram-profile-caption{gap:2px;padding:0;text-align:center} .ninestagram-profile-caption strong{font-size:18px;line-height:1.25} .ninestagram-profile-caption small{font-size:12px;margin-top:2px;color:#566275} .ninestagram-profile-section{border-color:#e2e8f0!important;border-radius:9px!important;background:#fff!important;padding:10px!important;color:#475569!important} .ninestagram-profile-section>h3{min-height:0;padding:0 0 6px!important;border:0!important;font-size:14px!important;background:transparent!important;color:#1f2937!important} .ninestagram-profile-section>div{padding:0!important;line-height:1.55;color:#475569} .ninestagram-profile-section>div p{margin:0;color:#475569} /* Exact approved-preview defaults, still driven by editable variables. */ .ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header{gap:var(--ninestagram-side-gap);box-shadow:none} .ninestagram-dialog-head{min-height:46px;padding:8px 10px!important;gap:8px} .ninestagram-menu-style-default .ninestagram-heading-accent{display:none} .ninestagram-menu-style-default .ninestagram-dialog-head{border-bottom:1px solid #e2e8f0!important} .ninestagram-menu-style-default .ninestagram-dialog-head .ninestagram-heading-title{font-family:var(--ninestagram-body-font)!important;font-style:normal!important;font-size:15px!important} .ninestagram-menu-style-default .ninestagram-dialog-head .ninestagram-heading-sub{font-family:var(--ninestagram-body-font)!important;font-size:12px!important;font-weight:400!important;color:#566275!important} .ninestagram-menu-style-default .ninestagram-dialog-close{border-color:#dce3e1;border-radius:7px;background:#fff;color:#1f2937} .ninestagram-menu-style-default .ninestagram-dialog-body{font-family:var(--ninestagram-body-font);padding:12px} .ninestagram-menu-style-default .ninestagram-profile-panel{gap:10px} .ninestagram-menu-style-default .ninestagram-profile-caption strong{font-size:18px!important} .ninestagram-menu-style-default .ninestagram-profile-caption small{font-size:12px!important;font-weight:400!important} /* TOC is the unique 9stagram navigation tab: dark control + dark popup by default. */ .ninestagram-dialog[data-ninestagram-dialog="toc"]{background:var(--ninestagram-dialog-bg,#111827)!important;color:var(--ninestagram-section-text,#fff)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-dialog-head{background:var(--ninestagram-dialog-head-bg,#111827)!important;color:var(--ninestagram-dialog-head-text,#fff)!important;border-bottom-color:var(--ninestagram-section-border,#334155)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-heading-title, .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-heading-sub{color:var(--ninestagram-dialog-head-text,#fff)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-heading-accent{background:var(--ninestagram-dialog-head-text,#fff)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-dialog-body{background:var(--ninestagram-dialog-bg,#111827)!important;color:var(--ninestagram-section-text,#fff)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc{background:var(--ninestagram-section-bg,#111827)!important;color:var(--ninestagram-section-text,#fff)!important;border-color:var(--ninestagram-section-border,#334155)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc li{border-top-color:var(--ninestagram-section-border,#334155)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a, .ninestagram-tint-none .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a, .ninestagram-tint-all .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a{background:var(--ninestagram-section-bg,#111827)!important;color:var(--ninestagram-section-text,#fff)!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a:hover{background:#1f2937!important;color:#fff!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc-number{color:var(--ninestagram-section-text,#fff)!important;opacity:.72} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc p, .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-empty{background:#1f2937!important;color:#e5e7eb!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-dialog-close{background:#111827!important;color:#fff!important;border-color:#475569!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-dialog-close:hover{background:#1f2937!important;border-color:#566275!important;color:#fff!important} /* 0.2.0 launch feedback */ .ninestagram-order-status{margin:4px 0 0;padding:6px 8px;border:1px solid var(--ninestagram-border);border-radius:6px;background:var(--ninestagram-surface-alt);color:var(--ninestagram-text);font-size:12px;line-height:1.35}.ninestagram-order-status:empty{display:none}.ninestagram-order-status.is-error{border-color:#b91c1c;color:#991b1b;background:#fef2f2} /* 0.2.1 — desktop-safe placement and top-header composition. */ body.ninestagram-active{--ninestagram-content-offset:calc(var(--ninestagram-rail) + var(--ninestagram-rail-gap));} body.ninestagram-active.ninestagram-placement-left{padding-left:var(--ninestagram-content-offset)!important;} body.ninestagram-active.ninestagram-placement-right{padding-right:var(--ninestagram-content-offset)!important;} body.ninestagram-active.ninestagram-placement-top{padding-top:var(--ninestagram-content-offset)!important;} body.ninestagram-active.ninestagram-placement-bottom{padding-bottom:var(--ninestagram-content-offset)!important;} body.ninestagram-replace-theme-header :is(header.site-header,#masthead,.site-header,.wp-site-blocks>header,header.wp-block-template-part){display:none!important;} .ninestagram-placement-top .ninestagram-header,.ninestagram-placement-bottom .ninestagram-header{justify-content:space-between;} .ninestagram-placement-top .ninestagram-featured-control,.ninestagram-placement-bottom .ninestagram-featured-control{flex:0 0 var(--ninestagram-control);margin-right:auto;} .ninestagram-placement-top .ninestagram-controls,.ninestagram-placement-bottom .ninestagram-controls{margin-left:auto;justify-content:flex-end;flex:1 1 auto;min-width:0;} .ninestagram-placement-top .ninestagram-utility-zone,.ninestagram-placement-bottom .ninestagram-utility-zone{order:1;} .ninestagram-placement-top .ninestagram-category-zone,.ninestagram-placement-bottom .ninestagram-category-zone{order:2;} .ninestagram-placement-top .ninestagram-toc-control,.ninestagram-placement-bottom .ninestagram-toc-control{order:3;} .ninestagram-placement-top .ninestagram-site-menu-control,.ninestagram-placement-bottom .ninestagram-site-menu-control{order:4;} .ninestagram-placement-left .ninestagram-utility-zone,.ninestagram-placement-right .ninestagram-utility-zone{order:1;} .ninestagram-placement-left .ninestagram-toc-control,.ninestagram-placement-right .ninestagram-toc-control{order:2;} .ninestagram-placement-left .ninestagram-site-menu-control,.ninestagram-placement-right .ninestagram-site-menu-control{order:3;} .ninestagram-placement-left .ninestagram-category-zone,.ninestagram-placement-right .ninestagram-category-zone{order:4;} .ninestagram-site-menu-list,.ninestagram-site-menu-list ul{list-style:none;margin:0;padding:0;} .ninestagram-site-menu-list{display:grid;gap:4px;} .ninestagram-site-menu-list ul{margin:4px 0 0 10px;padding-left:8px;display:grid;gap:4px;border-left:2px solid var(--ninestagram-accent);} .ninestagram-site-menu-list a{display:flex;align-items:center;min-height:34px;padding:5px 7px;border:1px solid var(--ninestagram-section-border,var(--ninestagram-border));border-radius:var(--ninestagram-section-radius,8px);background:var(--ninestagram-section-bg,var(--ninestagram-surface));color:var(--ninestagram-section-text,var(--ninestagram-text))!important;text-decoration:none!important;} .ninestagram-site-menu-list a:hover,.ninestagram-site-menu-list a:focus-visible{border-color:var(--ninestagram-accent);background:var(--ninestagram-soft);} .ninestagram-site-menu-list ul a{background:var(--ninestagram-accent)!important;color:var(--ninestagram-on-accent,#fff)!important;border-color:var(--ninestagram-accent)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .ninestagram-site-menu-list ul a:hover,.ninestagram-site-menu-list ul a:focus-visible{filter:brightness(.94);color:var(--ninestagram-on-accent,#fff)!important} .ninestagram-dialog a:not(.ninestagram-button):not(.ninestagram-link-button):not(.ninestagram-site-menu-list a){text-decoration-color:var(--ninestagram-accent)} .ninestagram-dialog :is(.ninestagram-post-row-icon,.ninestagram-post-link-indicator,.ninestagram-heading-accent,.ninestagram-toc-number){color:var(--ninestagram-accent)} /* On compact screens, desktop side rails become a bottom bar so content is never covered or squeezed. */ @media(max-width:782px){ body.ninestagram-active.ninestagram-placement-left,body.ninestagram-active.ninestagram-placement-right{padding-left:0!important;padding-right:0!important;padding-bottom:var(--ninestagram-content-offset)!important;} .ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header,.admin-bar.ninestagram-placement-left .ninestagram-header,.admin-bar.ninestagram-placement-right .ninestagram-header{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;height:var(--ninestagram-rail)!important;flex-direction:row!important;justify-content:space-between!important;padding:0 var(--ninestagram-pad)!important;border:0!important;border-top:1px solid var(--ninestagram-header-border)!important;} .ninestagram-placement-left .ninestagram-featured-control,.ninestagram-placement-right .ninestagram-featured-control{margin:0 auto 0 0!important;flex:0 0 var(--ninestagram-control)!important;} .ninestagram-placement-left .ninestagram-controls,.ninestagram-placement-right .ninestagram-controls{margin-left:auto!important;width:auto!important;max-width:calc(100vw - var(--ninestagram-rail));max-height:none!important;flex:1 1 auto!important;flex-direction:row!important;justify-content:flex-end!important;gap:var(--ninestagram-top-gap)!important;overflow-x:auto!important;overflow-y:hidden!important;} .ninestagram-placement-left .ninestagram-utility-zone,.ninestagram-placement-right .ninestagram-utility-zone,.ninestagram-placement-left .ninestagram-category-zone,.ninestagram-placement-right .ninestagram-category-zone{width:auto!important;flex-direction:row!important;gap:var(--ninestagram-top-gap)!important;padding:0!important;} .ninestagram-placement-left .ninestagram-modal-layer,.ninestagram-placement-right .ninestagram-modal-layer{left:0!important;right:0!important;top:0!important;bottom:var(--ninestagram-content-offset)!important;} .admin-bar.ninestagram-placement-left .ninestagram-modal-layer,.admin-bar.ninestagram-placement-right .ninestagram-modal-layer{top:46px!important;} } /* Explicit top-placement release invariant: controls stay at the far right. */ .ninestagram-placement-top .ninestagram-controls{margin-left:auto;justify-content:flex-end;} /* 0.4.9 — universal popup actions and mobile-safe geometry. */ .ninestagram-dialog-global-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ninestagram-line);border-top-color:color-mix(in srgb,var(--ninestagram-accent) 22%,var(--ninestagram-line));background:#fff} .ninestagram-dialog-global-actions :is(a,button){appearance:none;border:0;border-right:1px solid var(--ninestagram-line);border-right-color:color-mix(in srgb,var(--ninestagram-accent) 18%,var(--ninestagram-line));background:#fff;color:var(--ninestagram-text)!important;min-height:36px;padding:6px 8px;display:grid;place-items:center;text-align:center;text-decoration:none!important;font-size:11px;font-weight:700;cursor:pointer} .ninestagram-dialog-global-actions :is(a,button):last-child{border-right:0}.ninestagram-dialog-global-actions :is(a,button):hover,.ninestagram-dialog-global-actions :is(a,button):focus-visible{background:var(--ninestagram-soft);color:var(--ninestagram-accent)!important} @media(max-width:782px){body.ninestagram-active{--ninestagram-content-offset:calc(var(--ninestagram-rail-mobile) + var(--ninestagram-rail-gap))}.ninestagram-placement-top .ninestagram-header,.ninestagram-placement-bottom .ninestagram-header,.ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header,.admin-bar.ninestagram-placement-left .ninestagram-header,.admin-bar.ninestagram-placement-right .ninestagram-header{height:var(--ninestagram-rail-mobile)!important}.ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header{width:auto!important}.ninestagram-placement-left .ninestagram-controls,.ninestagram-placement-right .ninestagram-controls{max-width:calc(100vw - var(--ninestagram-rail-mobile))!important}.ninestagram-placement-left .ninestagram-modal-layer,.ninestagram-placement-right .ninestagram-modal-layer{bottom:calc(var(--ninestagram-rail-mobile) + var(--ninestagram-rail-gap))!important}.ninestagram-placement-bottom .ninestagram-modal-layer{bottom:calc(var(--ninestagram-rail-mobile) + var(--ninestagram-rail-gap))}.ninestagram-placement-top .ninestagram-modal-layer{top:calc(var(--ninestagram-rail-mobile) + var(--ninestagram-rail-gap))}} /* 0.5.0 — 9CODE visual hierarchy, readable launcher geometry and real popup navigation. */ /* Primary popup headings are the inverse anchor: dark neutral heading on light content. */ .ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-head{background:var(--ninestagram-dialog-head-bg,var(--ninestagram-heading-bg))!important;color:var(--ninestagram-dialog-head-text,var(--ninestagram-heading-text))!important;border-bottom-color:color-mix(in srgb,var(--ninestagram-dialog-head-bg,var(--ninestagram-heading-bg)) 78%,#fff)!important} .ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-head :is(.ninestagram-heading-title,.ninestagram-heading-sub){color:var(--ninestagram-dialog-head-text,var(--ninestagram-heading-text))!important} .ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-head .ninestagram-heading-accent{background:var(--ninestagram-dialog-head-text,var(--ninestagram-heading-text))!important} .ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-close{background:transparent!important;color:var(--ninestagram-dialog-head-text,var(--ninestagram-heading-text))!important;border-color:color-mix(in srgb,var(--ninestagram-dialog-head-text,var(--ninestagram-heading-text)) 34%,transparent)!important} .ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-close:hover,.ninestagram-dialog:not([data-ninestagram-dialog="toc"]) .ninestagram-dialog-close:focus-visible{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important} /* Section elements remain light/dark-text; their headings invert for fast visual scanning. */ .ninestagram-dialog-body :is(.ninestagram-section,.ninestagram-profile-section,.ninestagram-details-section,.ninestagram-selection)>h3,.ninestagram-offer-group>h3,.ninestagram-sales-page section>h2{background:var(--ninestagram-heading-bg)!important;color:var(--ninestagram-heading-text)!important;border:0!important;border-radius:max(4px,calc(var(--ninestagram-style-radius) - 2px))!important;padding:6px 8px!important;margin:0 0 7px!important;min-height:32px!important} .ninestagram-dialog-body :is(.ninestagram-section,.ninestagram-profile-section,.ninestagram-details-section,.ninestagram-selection)>h3::before,.ninestagram-offer-group>h3::before,.ninestagram-sales-page section>h2::before{background:var(--ninestagram-heading-text)!important;opacity:.86} .ninestagram-dialog-body :is(.ninestagram-section,.ninestagram-profile-section,.ninestagram-details-section,.ninestagram-selection){background:var(--ninestagram-section-bg,#fff)!important;color:var(--ninestagram-section-text,var(--ninestagram-text))!important} /* Site-menu hierarchy: level 1 light, level 2 accent, level 3 light again. */ .ninestagram-site-menu-list>li>a{background:#fff!important;color:var(--ninestagram-text)!important;border-color:var(--ninestagram-line)!important;font-weight:750} .ninestagram-site-menu-list>li>a:hover,.ninestagram-site-menu-list>li>a:focus-visible{background:var(--ninestagram-soft)!important;color:var(--ninestagram-text)!important;border-color:var(--ninestagram-accent)!important} .ninestagram-site-menu-list>li>ul{border-left-color:var(--ninestagram-accent)!important} .ninestagram-site-menu-list>li>ul>li>a{background:var(--ninestagram-accent)!important;color:var(--ninestagram-on-accent,#fff)!important;border-color:var(--ninestagram-accent)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)} .ninestagram-site-menu-list>li>ul>li>a:hover,.ninestagram-site-menu-list>li>ul>li>a:focus-visible{filter:brightness(.94);color:var(--ninestagram-on-accent,#fff)!important} .ninestagram-site-menu-list>li>ul>li>ul{border-left-color:color-mix(in srgb,var(--ninestagram-accent) 34%,var(--ninestagram-line))!important} .ninestagram-site-menu-list>li>ul>li>ul>li>a{background:var(--ninestagram-menu-level-3-bg)!important;color:var(--ninestagram-text)!important;border-color:color-mix(in srgb,var(--ninestagram-accent) 20%,var(--ninestagram-line))!important;box-shadow:none} .ninestagram-site-menu-list>li>ul>li>ul>li>a:hover,.ninestagram-site-menu-list>li>ul>li>ul>li>a:focus-visible{background:var(--ninestagram-soft)!important;color:var(--ninestagram-text)!important;border-color:var(--ninestagram-accent)!important;filter:none} /* Popup history controls are stateful navigation, not decorative chevrons. */ .ninestagram-dialog-global-actions{grid-template-columns:repeat(5,minmax(0,1fr));background:#fff} .ninestagram-dialog-global-actions :is(a,button){min-height:42px;font-size:11px} .ninestagram-dialog-global-actions .ninestagram-history-action span{font-size:24px;font-weight:500;line-height:1;transform:translateY(-1px)} .ninestagram-dialog-global-actions button:disabled{cursor:default;opacity:.28;background:#fff!important;color:var(--ninestagram-muted)!important} /* Mobile: dark bottom dock, light icons, good-practice touch targets, protected end-cap. */ @media(max-width:782px){ body.ninestagram-active{--ninestagram-content-offset:calc(var(--ninestagram-rail-mobile) + var(--ninestagram-rail-gap) + env(safe-area-inset-bottom,0px))} .ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header,.ninestagram-placement-bottom .ninestagram-header{height:calc(var(--ninestagram-rail-mobile) + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important} .ninestagram-placement-left .ninestagram-modal-layer,.ninestagram-placement-right .ninestagram-modal-layer,.ninestagram-placement-bottom .ninestagram-modal-layer{bottom:var(--ninestagram-content-offset)!important} .ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header,.ninestagram-placement-bottom .ninestagram-header{background:var(--ninestagram-dock-bg)!important;color:var(--ninestagram-dock-text)!important;border-top-color:color-mix(in srgb,var(--ninestagram-dock-text) 20%,var(--ninestagram-dock-bg))!important} .ninestagram-placement-left .ninestagram-header,.ninestagram-placement-right .ninestagram-header,.ninestagram-placement-bottom .ninestagram-header{padding-left:calc(16px + env(safe-area-inset-left,0px))!important;padding-right:calc(16px + env(safe-area-inset-right,0px))!important} .ninestagram-placement-left .ninestagram-control,.ninestagram-placement-right .ninestagram-control,.ninestagram-placement-bottom .ninestagram-control{width:var(--ninestagram-control-mobile)!important;height:var(--ninestagram-control-mobile)!important;min-width:var(--ninestagram-control-mobile)!important;color:var(--ninestagram-dock-text)!important;flex:0 0 var(--ninestagram-control-mobile)!important} .ninestagram-placement-left .ninestagram-control:hover,.ninestagram-placement-right .ninestagram-control:hover,.ninestagram-placement-bottom .ninestagram-control:hover,.ninestagram-placement-left .ninestagram-control:focus-visible,.ninestagram-placement-right .ninestagram-control:focus-visible,.ninestagram-placement-bottom .ninestagram-control:focus-visible{background:rgba(255,255,255,.12)!important;color:var(--ninestagram-dock-text)!important} .ninestagram-placement-left .ninestagram-controls,.ninestagram-placement-right .ninestagram-controls,.ninestagram-placement-bottom .ninestagram-controls{overflow:hidden!important;gap:4px!important;max-width:none!important} .ninestagram-placement-left .ninestagram-utility-zone,.ninestagram-placement-right .ninestagram-utility-zone,.ninestagram-placement-bottom .ninestagram-utility-zone{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start!important} .ninestagram-placement-left .ninestagram-utility-zone::-webkit-scrollbar,.ninestagram-placement-right .ninestagram-utility-zone::-webkit-scrollbar,.ninestagram-placement-bottom .ninestagram-utility-zone::-webkit-scrollbar{display:none} .ninestagram-placement-left .ninestagram-category-zone,.ninestagram-placement-right .ninestagram-category-zone,.ninestagram-placement-bottom .ninestagram-category-zone{flex:0 1 auto!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none} .ninestagram-placement-left .ninestagram-toc-control,.ninestagram-placement-right .ninestagram-toc-control,.ninestagram-placement-bottom .ninestagram-toc-control{flex:0 0 var(--ninestagram-control-mobile)!important;width:var(--ninestagram-control-mobile)!important;height:var(--ninestagram-control-mobile)!important;min-width:var(--ninestagram-control-mobile)!important;background:var(--ninestagram-dock-text)!important;color:var(--ninestagram-dock-bg)!important;border-color:var(--ninestagram-dock-text)!important} /* TOC is the one inverted control on the dock (light tile, dark icon) so it reads as the primary invitation to tap. */ .ninestagram-placement-left .ninestagram-toc-control:is(:hover,:focus-visible),.ninestagram-placement-right .ninestagram-toc-control:is(:hover,:focus-visible),.ninestagram-placement-bottom .ninestagram-toc-control:is(:hover,:focus-visible){background:var(--ninestagram-dock-text)!important;color:var(--ninestagram-dock-bg)!important;filter:brightness(.94)} .ninestagram-placement-left .ninestagram-site-menu-control,.ninestagram-placement-right .ninestagram-site-menu-control,.ninestagram-placement-bottom .ninestagram-site-menu-control{flex:0 0 var(--ninestagram-control-mobile)!important;width:var(--ninestagram-control-mobile)!important;height:var(--ninestagram-control-mobile)!important;min-width:var(--ninestagram-control-mobile)!important;color:var(--ninestagram-dock-text)!important} .ninestagram-dialog-global-actions :is(a,button){min-height:44px;padding:5px 4px} } /* 0.6.2 consolidation: submenu parent rows disclose in place; the chevron is a semantic, unboxed control. */ .ninestagram-site-menu-list li.menu-item-has-children{position:relative} .ninestagram-site-menu-list li.menu-item-has-children>a{padding-right:42px!important} .ninestagram-submenu-toggle{position:absolute;z-index:2;right:4px;top:3px;width:32px;height:30px;display:grid;place-items:center;padding:0;background:transparent;border:0;color:inherit;cursor:pointer;border-radius:0;box-shadow:none} .ninestagram-submenu-toggle span{display:block;font-size:20px;line-height:1;transform:rotate(0deg);transition:transform .16s ease} .ninestagram-site-menu-list li.is-open>.ninestagram-submenu-toggle span{transform:rotate(90deg)} .ninestagram-site-menu-list>li>ul>li>.ninestagram-submenu-toggle{color:var(--ninestagram-on-accent,#fff)} .ninestagram-site-menu-list>li>ul>li>ul>li>.ninestagram-submenu-toggle{color:var(--ninestagram-text,#1f2937)} .ninestagram-submenu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:-3px} .ninestagram-site-menu-list ul[hidden]{display:none!important} /* 0.6.2 consolidation: restore 0.6.1 TOC readability and current-location semantics. */ .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a{min-height:48px;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px!important} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc-label{font-size:16px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0} .ninestagram-dialog[data-ninestagram-dialog="toc"] .ninestagram-toc a[aria-current="location"]{background:#1f2937!important;box-shadow:inset 3px 0 0 var(--ninestagram-accent,#991b1b);color:#fff!important} @media(prefers-reduced-motion:reduce){.ninestagram-submenu-toggle span{transition:none}} /* 0.6.3 launcher geometry: profile + history stay left; every other action resolves to the right. */ .ninestagram-launcher-left{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:0} .ninestagram-launcher-right{margin-left:auto;justify-content:flex-end;min-width:0} .ninestagram-launcher-history{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500} .ninestagram-launcher-history span{display:block;font-size:28px;line-height:1;transform:translateY(-1px)} .ninestagram-launcher-history:disabled{cursor:default;opacity:.34;background:transparent!important;color:inherit!important} .ninestagram-placement-top .ninestagram-utility-zone>:first-child,.ninestagram-placement-bottom .ninestagram-utility-zone>:first-child{margin-left:auto} .ninestagram-placement-left .ninestagram-launcher-left,.ninestagram-placement-right .ninestagram-launcher-left{width:100%;flex-direction:column;gap:var(--ninestagram-side-gap)} .ninestagram-placement-left .ninestagram-launcher-right,.ninestagram-placement-right .ninestagram-launcher-right{margin-left:0} @media(max-width:782px){ .ninestagram-placement-left .ninestagram-launcher-left,.ninestagram-placement-right .ninestagram-launcher-left,.ninestagram-placement-bottom .ninestagram-launcher-left{width:auto!important;flex-direction:row!important;gap:2px!important;flex:0 0 auto!important} .ninestagram-placement-left .ninestagram-launcher-right,.ninestagram-placement-right .ninestagram-launcher-right,.ninestagram-placement-bottom .ninestagram-launcher-right{margin-left:auto!important;flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important} .ninestagram-placement-left .ninestagram-utility-zone>:first-child,.ninestagram-placement-right .ninestagram-utility-zone>:first-child,.ninestagram-placement-bottom .ninestagram-utility-zone>:first-child{margin-left:auto} .ninestagram-launcher-history{width:var(--ninestagram-control-mobile)!important;height:var(--ninestagram-control-mobile)!important;min-width:var(--ninestagram-control-mobile)!important} } /* ========================================================================== Site footer (0.7.0) — common site information, never navigation. Self-contained: every size is explicit so theme typography cannot leak in. Tokens: --ninestagram-footer-{bg,text,muted,border}, --ninestagram-accent. ========================================================================== */ .ninestagram-site-footer{--nf-gap:12px;--nf-pad:max(14px,var(--ninestagram-style-pad,14px));--nf-card:#fff;--nf-ink:#1f2937;--nf-ink-soft:#475569;--nf-line:#e2e8f0;--nf-radius:12px;position:relative;background:var(--ninestagram-footer-bg,#30343b);color:var(--ninestagram-footer-text,#f8fafc);box-shadow:inset 0 1px 0 var(--ninestagram-footer-border,#475569);font:400 15px/1.5 var(--ninestagram-body-font,inherit);text-align:left} .ninestagram-site-footer :is(h2,h3,p,ul,li,address){margin:0;padding:0;font-style:normal;letter-spacing:normal;text-transform:none} .ninestagram-site-footer ul{list-style:none} .ninestagram-site-footer img{display:block;max-width:100%;height:auto} .ninestagram-site-footer a{text-decoration:none} .ninestagram-site-footer a:focus-visible{outline:3px solid var(--ninestagram-footer-text,#f8fafc);outline-offset:3px} .ninestagram-site-footer .ninestagram-footer-section a:focus-visible{outline-color:var(--ninestagram-accent,#991b1b)} .ninestagram-site-footer .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0} .ninestagram-footer-context{display:flex;align-items:center;gap:8px;max-width:1160px;margin:0 auto;padding:12px var(--nf-pad);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ninestagram-footer-border,#475569)} .ninestagram-footer-context::-webkit-scrollbar{display:none} .ninestagram-footer-context-button{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;max-width:260px;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.07);color:var(--ninestagram-footer-text,#f8fafc);font-size:14px;font-weight:600;line-height:1} .ninestagram-footer-context-button:first-child{background:var(--ninestagram-footer-text,#f8fafc);border-color:var(--ninestagram-footer-text,#f8fafc);color:var(--ninestagram-footer-bg,#30343b);font-weight:800} .ninestagram-footer-context-button:not(:first-child):hover{background:rgba(255,255,255,.16)} .ninestagram-footer-inner{display:grid;gap:var(--nf-gap);max-width:1160px;margin:0 auto;padding:var(--nf-gap) var(--nf-pad)} .ninestagram-footer-sections{display:grid;gap:var(--nf-gap)} .ninestagram-footer-section{min-width:0;overflow:hidden;background:var(--nf-card);color:var(--nf-ink);border-radius:var(--nf-radius)} .ninestagram-footer-section{grid-column:1/-1} .ninestagram-footer-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 0} .ninestagram-footer-section-head h2{font-size:13px;font-weight:800;line-height:1.3;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--ninestagram-accent,#991b1b)} .ninestagram-footer-more{font-size:13px;font-weight:700;color:var(--nf-ink)} .ninestagram-footer-more:hover{text-decoration:underline} .ninestagram-footer-section-body{padding:10px 14px 14px;color:var(--nf-ink-soft)} .ninestagram-site-footer :is(h3){font-size:16px;font-weight:700;line-height:1.3;color:var(--nf-ink)} .ninestagram-site-footer .ninestagram-footer-section p{font-size:14px;line-height:1.5;color:var(--nf-ink-soft)} .ninestagram-footer-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:44px;padding:0 16px;border:1px solid var(--ninestagram-accent,#991b1b);border-radius:8px;background:transparent;color:var(--ninestagram-accent,#991b1b);font-size:14px;font-weight:700;line-height:1} .ninestagram-footer-action:hover,.ninestagram-footer-action:focus-visible{background:var(--ninestagram-accent,#991b1b);color:var(--ninestagram-on-accent,#fff)} /* Teaser rails: swipeable on mobile, a wrapping grid once there is room. */ .ninestagram-footer-rail{display:flex;gap:10px;margin:0 -14px!important;padding:2px 14px 4px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 14px;scrollbar-width:none} .ninestagram-footer-rail::-webkit-scrollbar{display:none} .ninestagram-footer-rail>li{flex:0 0 auto;scroll-snap-align:start;min-width:0} .ninestagram-footer-featured{display:grid;gap:14px;align-items:start} .ninestagram-footer-featured.has-image{grid-template-columns:minmax(0,240px) minmax(0,1fr)} .ninestagram-footer-featured-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px} .ninestagram-footer-featured-copy{display:grid;gap:8px;align-content:start} .ninestagram-footer-featured-embed{grid-column:1/-1;min-width:0} .ninestagram-footer-featured-embed :is(iframe,video){display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px} .ninestagram-footer-gallery>li{width:132px} .ninestagram-footer-gallery a{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#eef2f7} .ninestagram-footer-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease} .ninestagram-footer-gallery a:hover img{transform:scale(1.05)} .ninestagram-footer-products>li{display:grid;grid-template-rows:auto 1fr;width:220px;overflow:hidden;border:1px solid var(--nf-line);border-radius:10px;background:var(--nf-card)} .ninestagram-footer-product-image{background:#eef2f7} .ninestagram-footer-product-image img{width:100%;aspect-ratio:4/3;object-fit:cover} .ninestagram-footer-product-copy{display:grid;gap:6px;align-content:start;padding:10px} .ninestagram-footer-product-copy h3 a{color:var(--nf-ink)} .ninestagram-footer-product-copy h3 a:hover{text-decoration:underline} .ninestagram-footer-product-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ninestagram-footer-product-price{font-size:16px;font-weight:800;color:var(--nf-ink)} .ninestagram-footer-product-copy .ninestagram-footer-action{margin-top:2px} .ninestagram-footer-videos>li{width:min(300px,82%);overflow:hidden;border-radius:10px;background:#111827} .ninestagram-footer-video :is(iframe,video){display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0} .ninestagram-footer-video .ninestagram-footer-action{margin:12px} .ninestagram-footer-contact{display:flex;flex-wrap:wrap;gap:4px 28px} .ninestagram-footer-contact :is(a,address){display:flex;align-items:center;gap:12px;min-height:44px;color:var(--nf-ink);font-size:15px;font-weight:600;overflow-wrap:anywhere} .ninestagram-footer-contact a:hover span:last-child{text-decoration:underline} .ninestagram-footer-contact address{font-weight:500;color:var(--nf-ink-soft);white-space:pre-line} .ninestagram-footer-icon{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--ninestagram-accent,#991b1b) 10%,#fff);color:var(--ninestagram-accent,#991b1b)} .ninestagram-footer-icon .ninestagram-fa-svg{width:16px;height:16px;fill:currentColor} .ninestagram-footer-downloads{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px} .ninestagram-footer-download{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 12px;border:1px solid var(--nf-line);border-radius:10px;background:var(--nf-card);color:var(--nf-ink);font-size:15px;font-weight:600;overflow-wrap:anywhere} .ninestagram-footer-download-cta{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--ninestagram-accent,#991b1b)} .ninestagram-footer-download:hover{border-color:var(--ninestagram-accent,#991b1b)} .ninestagram-footer-meta{padding-top:12px;border-top:1px solid var(--ninestagram-footer-border,#475569);font-size:12px;line-height:1.5;color:var(--ninestagram-footer-muted,#cbd5e1)} .ninestagram-footer-meta a{color:inherit;text-decoration:underline} @media(min-width:701px){ .ninestagram-footer-rail{flex-wrap:wrap;overflow:visible;margin:0!important;padding:2px 0 4px!important} .ninestagram-footer-gallery>li{width:calc((100% - 50px)/6)} .ninestagram-footer-products>li{width:calc((100% - 30px)/4)} .ninestagram-footer-videos>li{width:calc((100% - 20px)/3)} } @media(max-width:700px){ .ninestagram-footer-featured.has-image{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){.ninestagram-site-footer *{transition:none!important}} .ninestagram-header [hidden]{display:none!important}