/* ShareMAX: open editorial portfolio detail, scoped styles */
#sharemax-site .smpd{--pd-ink:#17191e;--pd-muted:#777c85;--pd-line:#dedfe3;--pd-soft:#f4f5f7;--pd-red:#e50919;color:var(--pd-ink);padding-top:34px;padding-bottom:90px;font-family:inherit}
#sharemax-site .smpd *,#sharemax-site .smpd *::before,#sharemax-site .smpd *::after{box-sizing:border-box}
#sharemax-site .smpd a{text-decoration:none;color:inherit}
#sharemax-site .smpd-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:44px}
#sharemax-site .smpd-back{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:600;color:var(--pd-muted)}
#sharemax-site .smpd-back:hover{color:var(--pd-red)}
#sharemax-site .smpd-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6;color:var(--pd-muted);margin:0}
#sharemax-site .smpd-heading{padding:0 0 44px;border-bottom:1px solid var(--pd-line);margin-bottom:40px}
#sharemax-site .smpd-category{display:block;color:var(--pd-red);font-size:12px;font-weight:700;letter-spacing:.03em;margin-bottom:18px}
#sharemax-site .smpd-title{max-width:1000px;font-size:clamp(32px,4.8vw,64px);font-weight:800;line-height:1.2;letter-spacing:-.06em;margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere;color:var(--pd-ink)}
#sharemax-site .smpd-intro{font-size:16px;line-height:1.8;color:var(--pd-muted);margin:0;max-width:780px;word-break:keep-all;overflow-wrap:anywhere}
#sharemax-site .smpd-visual{margin:0 0 66px;background:var(--pd-soft);overflow:hidden;border-radius:0}
#sharemax-site .smpd .portfolio-cover{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}
#sharemax-site .smpd-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2.1fr);gap:clamp(32px,6vw,100px);align-items:start;padding-bottom:70px}
#sharemax-site .smpd-card{min-width:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
#sharemax-site .smpd-card h3{font-size:23px;font-weight:800;letter-spacing:-.04em;line-height:1.4;color:var(--pd-ink);margin:10px 0 28px}
#sharemax-site .smpd-info dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;font-size:13px;line-height:1.8;margin:0}
#sharemax-site .smpd-info dt{color:var(--pd-muted)}
#sharemax-site .smpd-info dd{margin:0;font-weight:600;overflow-wrap:anywhere}
#sharemax-site .smpd-feature-block{margin-top:26px;padding-top:24px;border-top:1px solid var(--pd-line)}
#sharemax-site .smpd-feature-block h4{font-size:12px;color:var(--pd-muted);margin:0 0 12px;font-weight:500}
#sharemax-site .smpd-tags{display:flex;flex-wrap:wrap;gap:8px 14px}
#sharemax-site .smpd-tags span{font-size:13px;line-height:1.8;font-weight:600;overflow-wrap:anywhere;max-width:100%}
#sharemax-site .smpd-tags span::before{content:"#";color:var(--pd-red);margin-right:3px}
#sharemax-site .smpd .portfolio-description{margin:0;color:var(--pd-muted);font-size:16px;line-height:2;overflow-x:auto;overflow-wrap:anywhere}
#sharemax-site .smpd .portfolio-description>:first-child{margin-top:0}
#sharemax-site .smpd .portfolio-description>:last-child{margin-bottom:0}
#sharemax-site .smpd .portfolio-description h2,#sharemax-site .smpd .portfolio-description h3,#sharemax-site .smpd .portfolio-description h4{color:var(--pd-ink);font-size:20px;line-height:1.5;margin:32px 0 14px}
#sharemax-site .smpd .portfolio-description img,#sharemax-site .smpd .portfolio-description video{max-width:100%;height:auto}
#sharemax-site .smpd .portfolio-description iframe{max-width:100%}
#sharemax-site .smpd .portfolio-description a{color:var(--pd-red);text-decoration:underline;text-underline-offset:4px}
#sharemax-site .smpd-actions{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:30px}
#sharemax-site .smpd .smpd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0;min-height:46px;border:0;border-bottom:1px solid var(--pd-ink);border-radius:0;background:transparent;color:var(--pd-ink);font-size:13px;font-weight:700;line-height:1.6;text-decoration:none;transition:color .2s,border-color .2s}
#sharemax-site .smpd .smpd-btn:hover{color:var(--pd-red);border-color:var(--pd-red)}
#sharemax-site .smpd-contact{padding:48px 0 12px;border-top:1px solid var(--pd-line);display:flex;align-items:center;justify-content:space-between;gap:40px}
#sharemax-site .smpd-contact h3{font-size:clamp(26px,3.3vw,42px);font-weight:800;line-height:1.35;letter-spacing:-.05em;margin:14px 0;color:var(--pd-ink)}
#sharemax-site .smpd-contact p:not(.smpd-kicker){margin:0;color:var(--pd-muted);font-size:14px}
#sharemax-site .smpd .smpd-btn-primary{padding:18px 24px;background:var(--pd-ink);color:#fff;border:1px solid var(--pd-ink);flex-shrink:0;gap:40px}
#sharemax-site .smpd .smpd-btn-primary:hover{background:var(--pd-red);border-color:var(--pd-red);color:#fff}
#sharemax-site .smpd a:focus-visible{outline:3px solid var(--pd-red);outline-offset:5px}
#sharemax-site .smpd-empty{text-align:center;padding:60px 0}
html[data-theme="dark"] #sharemax-site .smpd{--pd-ink:#f2f3f6;--pd-muted:#a3a9b4;--pd-line:#363b43;--pd-soft:#21262e}
html[data-theme="dark"] #sharemax-site .smpd .smpd-btn-primary{color:#17191e}
html[data-theme="dark"] #sharemax-site .smpd .smpd-btn-primary:hover{color:#fff}
@media(max-width:800px){#sharemax-site .smpd-grid{grid-template-columns:1fr;gap:40px;padding-bottom:44px}#sharemax-site .smpd-info{padding-bottom:32px;border-bottom:1px solid var(--pd-line)}#sharemax-site .smpd-visual{margin-bottom:40px}#sharemax-site .smpd-contact{flex-direction:column;align-items:flex-start;gap:26px}#sharemax-site .smpd-nav{padding-bottom:32px}}
@media(max-width:480px){#sharemax-site .smpd{width:calc(100% - 36px);padding-top:24px;padding-bottom:50px}#sharemax-site .smpd-nav>.smpd-kicker{display:none}#sharemax-site .smpd-heading{padding-bottom:28px;margin-bottom:26px}#sharemax-site .smpd-intro{font-size:14px}#sharemax-site .smpd .portfolio-description{font-size:15px}#sharemax-site .smpd .smpd-btn-primary{width:100%}}
@media(prefers-reduced-motion:reduce){#sharemax-site .smpd a{transition:none}}

/* Readability update: larger detail text and shared footer banner text. */
#sharemax-site .smpd-back{font-size:16px}
#sharemax-site .smpd-kicker{font-size:13px}
#sharemax-site .smpd-category{font-size:16px}
#sharemax-site .smpd-title{font-size:clamp(36px,5vw,68px)}
#sharemax-site .smpd-intro{font-size:19px;line-height:1.85}
#sharemax-site .smpd-card h3{font-size:27px}
#sharemax-site .smpd-info dl{font-size:17px;grid-template-columns:86px minmax(0,1fr)}
#sharemax-site .smpd-feature-block h4{font-size:16px}
#sharemax-site .smpd-tags span{font-size:17px}
#sharemax-site .smpd .portfolio-description{font-size:18px;line-height:1.95}
#sharemax-site .smpd .portfolio-description h2,#sharemax-site .smpd .portfolio-description h3,#sharemax-site .smpd .portfolio-description h4{font-size:24px}
#sharemax-site .smpd .smpd-btn{font-size:17px}
#sharemax-site .contact-band .eyebrow{font-size:15px}
#sharemax-site .contact-inner h2{font-size:clamp(34px,3.7vw,48px)}
#sharemax-site .contact-inner p{font-size:18px;line-height:1.8}
#sharemax-site .contact-band .contact-link{font-size:17px;padding:16px 24px}
@media(max-width:480px){#sharemax-site .smpd-intro{font-size:17px}#sharemax-site .smpd .portfolio-description{font-size:17px}#sharemax-site .smpd-info dl{font-size:16px}#sharemax-site .smpd-tags span{font-size:16px}#sharemax-site .contact-inner h2{font-size:34px}#sharemax-site .contact-inner p{font-size:16px}#sharemax-site .contact-band .contact-link{font-size:16px}}

/* Dark-mode contrast: explicit text colors override existing theme/editor colors. */
html[data-theme="dark"] #sharemax-site .smpd{--pd-ink:#f3f4f5;--pd-muted:#c2c7d0;--pd-line:#3e444d;color:#f3f4f5!important}
html[data-theme="dark"] #sharemax-site .smpd :is(.smpd-title,.smpd-card h3,.smpd-info dd,.smpd-tags span){color:#f3f4f5!important}
html[data-theme="dark"] #sharemax-site .smpd :is(.smpd-back,.smpd-kicker,.smpd-intro,.smpd-info dt,.smpd-feature-block h4){color:#c2c7d0!important}
html[data-theme="dark"] #sharemax-site .smpd .smpd-category{color:#ff6975!important}
html[data-theme="dark"] #sharemax-site .smpd .portfolio-description{color:#c2c7d0!important}
html[data-theme="dark"] #sharemax-site .smpd .portfolio-description :is(p,div,span,font,li,ul,ol,td,th,b,strong,em,i,small,blockquote){color:inherit!important}
html[data-theme="dark"] #sharemax-site .smpd .portfolio-description :is(h1,h2,h3,h4,h5,h6){color:#f3f4f5!important}
html[data-theme="dark"] #sharemax-site .smpd .portfolio-description a{color:#ff6975!important}
html[data-theme="dark"] #sharemax-site .smpd .portfolio-description :is(p,div,span,font,td,th,mark){background-color:transparent!important}
html[data-theme="dark"] #sharemax-site .smpd .smpd-btn-outline{color:#f3f4f5!important;border-color:#c2c7d0!important}
html[data-theme="dark"] #sharemax-site .contact-band .contact-inner :is(h2,h3){color:#f3f4f5!important}
html[data-theme="dark"] #sharemax-site .contact-band .contact-inner p{color:#c2c7d0!important}
html[data-theme="dark"] #sharemax-site .contact-band .eyebrow{color:#ff6975!important}
html[data-theme="dark"] #sharemax-site .contact-band .contact-link,html[data-theme="dark"] #sharemax-site .contact-band .contact-link span{color:#fff!important}

/* Global dark band injection must not paint across sibling grid columns. */
html[data-theme="dark"] #sharemax-site.shmx-subpage-dark .smpd .smpd-card.shmx-subpage-band{background:transparent!important;isolation:auto;box-shadow:none!important}
html[data-theme="dark"] #sharemax-site.shmx-subpage-dark .smpd .smpd-card.shmx-subpage-band>.shmx-subpage-band-fill{display:none!important;box-shadow:none!important}
#sharemax-site .smpd-grid{position:relative;isolation:isolate}
#sharemax-site .smpd-grid>.smpd-info{position:relative;z-index:1}