/* Listing Studio: scoped member-facing design system, no public directory changes */ .gpnd:has(.gpnd-editor){max-width:1320px!important;width:calc(100% - 32px);margin:28px auto 70px!important;padding:0 0 30px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edf5!important;background:#121720;border:1px solid #313b4c;border-radius:22px;box-shadow:0 22px 65px #10172225;overflow:visible} .gpnd:has(.gpnd-editor) .gpnd-studio-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px clamp(20px,4vw,46px);background:linear-gradient(115deg,#222e42,#131b2a 70%);border-radius:22px 22px 0 0;border-bottom:1px solid #344154} .gpnd:has(.gpnd-editor) .gpnd-studio-header h2{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:7px 0 8px;color:#fff!important;font-weight:800;letter-spacing:-.035em} .gpnd:has(.gpnd-editor) .gpnd-studio-header p,.gpnd:has(.gpnd-editor) .gpnd-fields-heading p{color:#b7c3d3;margin:0;font-size:14px} .gpnd:has(.gpnd-editor) .gpnd-studio-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#e8c66f} .gpnd:has(.gpnd-editor) .gpnd-studio-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #546074;border-radius:99px;padding:8px 13px;color:#e4e9f1;background:#ffffff0b;font-size:12px;font-weight:700} .gpnd:has(.gpnd-editor) .gpnd-my-listings{margin:22px clamp(20px,4vw,46px) 0;padding:18px 22px;background:#1b2431;border:1px solid #334052;border-radius:14px} .gpnd:has(.gpnd-editor) .gpnd-my-listings h3{font-size:16px;color:#f5f7fb!important;margin:0 0 9px} .gpnd:has(.gpnd-editor) .gpnd-my-listings p{color:#c8d2df;margin:7px 0;font-size:13px} .gpnd:has(.gpnd-editor) a{color:#e8c66f} .gpnd:has(.gpnd-editor) .gpnd-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px clamp(20px,4vw,46px) 17px} .gpnd:has(.gpnd-editor) .gpnd-studio-heading h3{font-size:25px;line-height:1.2;margin:5px 0;color:#fff!important;letter-spacing:-.025em} .gpnd:has(.gpnd-editor) .gpnd-editor{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;margin:0 clamp(20px,4vw,46px);align-items:start} .gpnd:has(.gpnd-editor) .gpnd-editor-fields,.gpnd:has(.gpnd-editor) .gpnd-preview-pane{min-width:0;background:#1d2735;border:1px solid #39475b;border-radius:17px;padding:clamp(18px,2.5vw,28px);color:#e7edf6;box-shadow:0 8px 20px #00000014} .gpnd:has(.gpnd-editor) .gpnd-fields-heading{border-bottom:1px solid #39475b;padding-bottom:17px;margin-bottom:22px} .gpnd:has(.gpnd-editor) .gpnd-fields-heading h4{font-size:19px;margin:0 0 5px;color:#fff} .gpnd:has(.gpnd-editor) .gpnd-editor-fields label{font-size:13px;color:#d8e1ee;font-weight:650;line-height:1.8} .gpnd:has(.gpnd-editor) .gpnd-editor-fields p{margin:0 0 19px} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:not([type=checkbox]),.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea,.gpnd:has(.gpnd-editor) .gpnd-editor-fields select{display:block;width:100%;min-height:44px;background:#111a26!important;color:#f5f7fb!important;border:1px solid #45546a!important;border-radius:10px!important;padding:11px 13px!important;box-shadow:none!important;font:inherit;font-size:14px;line-height:1.5} .gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea{min-height:94px;resize:vertical} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:focus,.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea:focus{outline:2px solid #e6c46c;outline-offset:1px} .gpnd:has(.gpnd-editor) fieldset{border:1px solid #45546a;border-radius:12px;padding:15px} .gpnd:has(.gpnd-editor) legend{color:#e7edf6;padding:0 6px} .gpnd:has(.gpnd-editor) .gpnd-hint{color:#aebbcf;opacity:1;font-size:12px;line-height:1.6} .gpnd:has(.gpnd-editor) .gpnd-savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #39475b;margin-top:24px;padding-top:21px;font-size:12px;color:#aebbcf} .gpnd:has(.gpnd-editor) .gpnd-savebar button{background:#f2d074!important;color:#1a202b!important;font-weight:800;border:0!important;padding:13px 22px;border-radius:10px;box-shadow:none} .gpnd:has(.gpnd-editor) .gpnd-preview-pane{position:sticky;top:24px;background:#1a2331;display:flex;flex-direction:column;align-items:stretch} .gpnd:has(.gpnd-editor) .gpnd-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px} .gpnd:has(.gpnd-editor) .gpnd-preview-heading h3{font-size:19px;margin:4px 0;color:#fff!important} .gpnd:has(.gpnd-editor) .gpnd-live-dot{font-size:10px;letter-spacing:.1em;font-weight:800;color:#9de6bd} .gpnd:has(.gpnd-editor) .gpnd-preview-card{display:block;width:min(100%,390px);margin:20px auto} .gpnd:has(.gpnd-editor) .gpnd-preview-card .gpnd-card-front,.gpnd:has(.gpnd-editor) .gpnd-preview-card .gpnd-card-back{border:1px solid #586477;box-shadow:0 20px 40px #0007} .gpnd:has(.gpnd-editor) .gpnd-preview-card .gpnd-card h3{color:#fff} .gpnd:has(.gpnd-editor)>form{margin:15px clamp(20px,4vw,46px)} .gpnd:has(.gpnd-editor)>form button{background:#293547;color:#f0b4b4;border:1px solid #596476;border-radius:9px;font-size:12px} @media(max-width:900px){.gpnd:has(.gpnd-editor) .gpnd-editor{grid-template-columns:1fr}.gpnd:has(.gpnd-editor) .gpnd-preview-pane{grid-row:1;position:static;max-width:none}.gpnd:has(.gpnd-editor) .gpnd-preview-card{width:min(100%,360px)}} @media(max-width:520px){.gpnd:has(.gpnd-editor){width:calc(100% - 16px)}.gpnd:has(.gpnd-editor) .gpnd-studio-header{padding:23px 18px}.gpnd:has(.gpnd-editor) .gpnd-studio-header>.gpnd-studio-pill{display:none}.gpnd:has(.gpnd-editor) .gpnd-my-listings,.gpnd:has(.gpnd-editor) .gpnd-studio-heading{margin-left:14px;margin-right:14px}.gpnd:has(.gpnd-editor) .gpnd-editor{margin:0 12px;gap:16px}.gpnd:has(.gpnd-editor) .gpnd-savebar{align-items:stretch;flex-direction:column}.gpnd:has(.gpnd-editor) .gpnd-savebar button{width:100%}} .gpnd-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:28px;align-items:start}.gpnd-editor-fields{min-width:0}.gpnd-preview-pane{position:sticky;top:24px;padding:16px;background:#f5f6f9;color:#202937;border:1px solid #dce0e8;border-radius:16px}.gpnd-preview-pane>h3{margin:0 0 8px;color:#202937}.gpnd-preview-card{width:100%;margin:12px 0}.gpnd-preview-art{display:grid;place-items:center}.gpnd-preview-fallback{font-size:6rem;font-weight:900;color:#ffffff55}.gpnd-preview-pane .gpnd-card h3{color:#fff}.gpnd-preview-pane .gpnd-card p{color:#fff}@media(max-width:780px){.gpnd-editor{grid-template-columns:1fr}.gpnd-preview-pane{grid-row:1;position:static;max-width:370px;width:100%;margin:auto}}.gpnd{max-width:1100px;margin:1.5rem auto;color:inherit}.gpnd *{box-sizing:border-box}.gpnd input,.gpnd textarea,.gpnd select{max-width:100%;padding:10px;border-radius:6px}.gpnd button,.gpnd-action{padding:10px 15px;cursor:pointer;border-radius:8px}.gpnd fieldset{margin:14px 0;padding:12px}.gpnd-hint{font-size:.85rem;opacity:.7}.gpnd-danger{color:#a32121}.gpnd-card{display:inline-block;vertical-align:top;width:min(100%,310px);margin:16px 18px 16px 0}.gpnd-flip{perspective:1200px;cursor:pointer;outline-offset:5px}.gpnd-card-inner{position:relative;width:100%;aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .55s}.gpnd-flip.is-flipped .gpnd-card-inner{transform:rotateY(180deg)}.gpnd-card-front,.gpnd-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden;border:1px solid #444;box-shadow:0 8px 24px #0002;background:#181b22;color:#fff}.gpnd-card-front{display:flex;flex-direction:column}.gpnd-art{flex:1;min-height:0;background-position:center;background-size:cover;background-color:#313947}.gpnd-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#3b485a,#161b24)}.gpnd-placeholder span{font-size:6rem;font-weight:900;color:#ffffff55}.gpnd-card-body{padding:17px 18px 16px}.gpnd-card h3{font-size:1.35rem;line-height:1.15;margin:7px 0;color:inherit}.gpnd-card p{font-size:.9rem;line-height:1.4;margin:6px 0 10px}.gpnd-eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#d8bc75}.gpnd-flip-cue{font-size:.75rem;color:#ccc}.gpnd-card-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:8px;padding:24px 20px}.gpnd-card-back p{font-size:1rem;line-height:1.5}.gpnd-card-link{margin-top:auto;font-weight:700;color:#f4d48c}.gpnd-shoebox{border-top:1px solid #ffffff38;padding-top:12px;font-weight:800;letter-spacing:.05em}.gpnd-shoebox small{display:block;font-size:.7rem;font-weight:400;letter-spacing:0;color:#ddd}.gpnd-card-actions{display:flex;gap:12px;align-items:center;padding:10px 2px}.gpnd-card-actions a,.gpnd-card-actions button{font-size:.85rem}.gpnd-card-actions button{background:transparent;border:1px solid currentColor;color:inherit}.gpnd-detail{max-width:780px;width:min(780px,calc(100vw - 32px));margin:32px auto;padding:clamp(20px,4vw,40px);background:#f8f9fb;color:#1c2430;border:1px solid #d9dde4;border-radius:16px;line-height:1.6;overflow-wrap:anywhere}.gpnd-detail h1,.gpnd-detail h2,.gpnd-detail h3,.gpnd-detail strong{color:#17202b}.gpnd-detail p,.gpnd-detail li{color:#303b4b}.gpnd-detail a:not(.gpnd-action){color:#204f84}.gpnd-detail .gpnd-eyebrow{color:#805b14}.gpnd-detail-nav{margin-bottom:22px}.gpnd-return{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:3px}.gpnd-flip-back{display:block;margin-top:8px;font-weight:700;color:#f4d48c}.gpnd-detail .gpnd-hero{max-width:100%;max-height:430px;object-fit:cover;border-radius:14px}.gpnd-action{display:inline-block;background:#171b22;color:#fff;text-decoration:none}@media(max-width:650px){.gpnd-card{display:block;margin:18px auto}.gpnd-card-actions{justify-content:center}} /* 0.1.7 Advanced Workshop: presentation-only overrides; scoped to listing manager. */ .gpnd:has(.gpnd-editor){--gp-cyan:#62d9f3;--gp-amber:#f4c36d;--gp-border:#334759;max-width:1460px!important;background:radial-gradient(ellipse 90% 38% at 75% 0%,#19435a75,transparent 75%),linear-gradient(140deg,#0d1722,#080e16 65%)!important;border:1px solid #3a5264!important;border-radius:18px!important;box-shadow:0 28px 90px #02060cc7,0 0 0 1px #61c9ef12!important;isolation:isolate} .gpnd:has(.gpnd-editor) .gpnd-studio-header{position:relative;overflow:hidden;min-height:205px;padding:44px clamp(24px,5vw,64px)!important;background:linear-gradient(105deg,#0d1c2bf2 0%,#102b3bce 65%,#0a1623f0 100%),repeating-linear-gradient(90deg,transparent 0 47px,#75d5f40c 48px 49px)!important;border-bottom:1px solid #3b6071!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header:after{content:"";position:absolute;right:8%;top:-100px;width:260px;height:260px;border:1px solid #60d8f41f;border-radius:50%;box-shadow:0 0 0 50px #60d8f407,0 0 0 100px #60d8f405;pointer-events:none} .gpnd:has(.gpnd-editor) .gpnd-studio-header h2{font-size:clamp(32px,4.4vw,58px)!important;letter-spacing:-.055em!important;line-height:1.02!important;max-width:720px;text-wrap:balance;text-shadow:0 4px 28px #0008} .gpnd:has(.gpnd-editor) .gpnd-accent{color:#66e1f7} .gpnd:has(.gpnd-editor) .gpnd-studio-header p{font-size:clamp(14px,1.4vw,17px)!important;color:#c2d8e3!important;margin-top:14px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-kicker{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#71dff1!important;font-size:11px!important;letter-spacing:.16em!important} .gpnd:has(.gpnd-editor) .gpnd-studio-pill{background:#0a2231!important;color:#9be9f8!important;border:1px solid #438ba3!important;font-family:ui-monospace,monospace;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase} .gpnd:has(.gpnd-editor) .gpnd-my-listings{background:#0e1b29!important;border:1px solid #2c485a!important;border-left:3px solid #5ac6df!important;border-radius:8px!important;margin-top:28px!important} .gpnd:has(.gpnd-editor) .gpnd-my-listings p{padding:9px 0;border-bottom:1px solid #ffffff0d} .gpnd:has(.gpnd-editor) .gpnd-my-listings p:last-child{border-bottom:0} .gpnd:has(.gpnd-editor) .gpnd-studio-heading{margin-top:40px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-heading h3{font-size:clamp(23px,2.5vw,31px)!important} .gpnd:has(.gpnd-editor) .gpnd-editor{grid-template-columns:minmax(0,1fr) minmax(350px,1.05fr)!important;gap:28px!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields,.gpnd:has(.gpnd-editor) .gpnd-preview-pane{background:linear-gradient(155deg,#142535,#101a28 75%)!important;border:1px solid #385165!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff0b,0 20px 40px #0004!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields{border-top:3px solid #438ba3!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane{border-top:3px solid #e9a75d!important;background:radial-gradient(ellipse at 50% 35%,#1e4050 0%,#0c1927 70%)!important;top:24px!important} .gpnd:has(.gpnd-editor) .gpnd-fields-heading h4,.gpnd:has(.gpnd-editor) .gpnd-preview-heading h3{font-size:22px!important;letter-spacing:-.03em} .gpnd:has(.gpnd-editor) .gpnd-editor-fields label{color:#c9dce8!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:not([type=checkbox]),.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea,.gpnd:has(.gpnd-editor) .gpnd-editor-fields select{background:#091522!important;border:1px solid #385366!important;border-radius:7px!important;color:#edf8fd!important;transition:border-color .2s,box-shadow .2s!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:focus,.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea:focus,.gpnd:has(.gpnd-editor) .gpnd-editor-fields select:focus{border-color:#66d9f1!important;outline:0!important;box-shadow:0 0 0 3px #58d2ef2b!important} .gpnd:has(.gpnd-editor) .gpnd-savebar button{background:linear-gradient(110deg,#f6c76c,#eaa85a)!important;color:#101924!important;border-radius:7px!important;box-shadow:0 6px 24px #eab25e35!important;min-height:48px} .gpnd:has(.gpnd-editor) .gpnd-savebar button:hover{filter:brightness(1.1)} .gpnd:has(.gpnd-editor) .gpnd-preview-card{width:min(100%,430px)!important;margin:26px auto!important;filter:drop-shadow(0 20px 30px #0008)} .gpnd:has(.gpnd-editor) .gpnd-preview-card .gpnd-card-front,.gpnd:has(.gpnd-editor) .gpnd-preview-card .gpnd-card-back{border:1px solid #658092!important;box-shadow:0 0 0 5px #68d9f009,0 24px 45px #0009!important} .gpnd:has(.gpnd-editor) .gpnd-preview-heading{border-bottom:1px solid #3c5666;padding-bottom:12px} .gpnd:has(.gpnd-editor) .gpnd-live-dot{color:#7ef6c5!important;font-family:ui-monospace,monospace;letter-spacing:.16em} .gpnd:has(.gpnd-editor) .gpnd-live-dot:before{content:"● ";text-shadow:0 0 12px #68eeb5} .gpnd:has(.gpnd-editor) a{color:#79e0f3!important} .gpnd:has(.gpnd-editor) a:hover{text-decoration:underline} @media(max-width:950px){.gpnd:has(.gpnd-editor) .gpnd-editor{grid-template-columns:1fr!important}.gpnd:has(.gpnd-editor) .gpnd-preview-pane{position:static!important;grid-row:1!important}} @media(max-width:600px){.gpnd:has(.gpnd-editor) .gpnd-studio-header{min-height:unset;padding:30px 20px!important}.gpnd:has(.gpnd-editor) .gpnd-preview-card{width:min(100%,380px)!important}.gpnd:has(.gpnd-editor) .gpnd-editor-fields,.gpnd:has(.gpnd-editor) .gpnd-preview-pane{padding:18px!important}} @media(prefers-reduced-motion:reduce){.gpnd:has(.gpnd-editor) .gpnd-editor-fields input,.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea{transition:none!important}} /* 0.1.8: shared branded workshop treatment — visual only */ .gpnd{--gpnd-signal:#f3c64c;font-family:Inter,system-ui,sans-serif} .gpnd-brand-beta-box{--gpnd-signal:#8dff4b}.gpnd-brand-fanchiser{--gpnd-signal:#ffd321}.gpnd-brand-launcher{--gpnd-signal:#f3c64c} .gpnd:has(.gpnd-editor) .gpnd-studio-header{display:flex;align-items:center;justify-content:flex-start;gap:26px} .gpnd:has(.gpnd-editor) .gpnd-workshop-mark{display:block;flex:0 0 auto;width:clamp(100px,14vw,180px);height:150px;object-fit:contain;filter:drop-shadow(0 10px 24px #0009)} .gpnd:has(.gpnd-editor) .gpnd-studio-header>div{flex:1;min-width:0} .gpnd-directory{max-width:1400px!important;width:calc(100% - 28px);padding:clamp(18px,3vw,36px)!important;background:radial-gradient(ellipse at 85% 0%,#173e4a,#0a101a 58%)!important;color:#eaf3fa!important;border:1px solid #345064;border-radius:18px;box-shadow:0 20px 70px #0005} .gpnd-directory-header{display:flex;align-items:center;gap:clamp(16px,3vw,38px);padding:12px 0 28px;border-bottom:1px solid #3b5264;margin-bottom:24px} .gpnd-directory-header img{width:clamp(86px,13vw,160px);height:clamp(86px,13vw,160px);object-fit:contain;filter:drop-shadow(0 4px 16px #0008)} .gpnd-system-label{font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#86dced} .gpnd-directory-header h2{color:#fff!important;font-size:clamp(29px,4vw,52px)!important;line-height:1.1;margin:8px 0!important} .gpnd-directory-header p{color:#bdcddd!important;margin:0} .gpnd-directory>form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0 28px} .gpnd-directory>form label{color:#d8e5f1;font-weight:650}.gpnd-directory>form input{display:block;margin-top:7px;background:#0a1725!important;border:1px solid #456175!important;color:#fff!important;min-width:min(310px,75vw);border-radius:9px!important} .gpnd-directory>form button,.gpnd-directory .gpnd-card-actions a{background:var(--gpnd-signal)!important;color:#101721!important;border:0;border-radius:8px;padding:11px 17px;font-weight:800;text-decoration:none} .gpnd-directory .gpnd-card{margin:12px 14px 20px 0;max-width:100%}.gpnd-directory .gpnd-card-front,.gpnd-directory .gpnd-card-back{border:1px solid #577083;box-shadow:0 16px 32px #0008} .gpnd-directory .gpnd-card-actions button{color:#cbe7f5;border:1px solid #648094;border-radius:8px;padding:10px 13px} .gpnd-detail{max-width:1060px!important;width:calc(100% - 28px)!important;padding:clamp(22px,4vw,55px)!important;background:radial-gradient(ellipse at 100% 0%,#1b3b4c,#0b1421 60%)!important;color:#e6f0f7!important;border:1px solid #3b5c6c!important;border-radius:18px!important;box-shadow:0 24px 65px #0006;line-height:1.7} .gpnd-detail .gpnd-detail-brand{display:flex;align-items:center;gap:22px;padding:8px 0 22px;border-bottom:1px solid #395263;margin-bottom:28px} .gpnd-detail-brand img{width:clamp(75px,12vw,130px);height:clamp(75px,12vw,130px);object-fit:contain} .gpnd-detail h1{font-size:clamp(30px,4vw,54px);line-height:1.13;margin:24px 0;color:#fff!important} .gpnd-detail h2,.gpnd-detail h3,.gpnd-detail strong{color:#fff!important} .gpnd-detail p,.gpnd-detail li,.gpnd-detail small{color:#c8d9e5!important} .gpnd-detail .gpnd-eyebrow{color:var(--gpnd-signal)!important} .gpnd-detail a:not(.gpnd-action){color:#8be1f5!important} .gpnd-detail .gpnd-return{display:inline-flex;padding:9px 14px;background:#162b3c;border:1px solid #466477;border-radius:8px;text-decoration:none} .gpnd-detail .gpnd-hero{width:100%;max-height:520px;object-fit:contain;background:#0a101a;border:1px solid #40576a;padding:12px} .gpnd-detail .gpnd-action{background:var(--gpnd-signal)!important;color:#101721!important;font-weight:800;border-radius:8px} @media(max-width:650px){.gpnd:has(.gpnd-editor) .gpnd-studio-header{flex-wrap:wrap;gap:10px}.gpnd:has(.gpnd-editor) .gpnd-workshop-mark{height:85px;width:85px}.gpnd-directory-header{align-items:flex-start}.gpnd-directory-header img{width:82px;height:82px}.gpnd-directory .gpnd-card{margin:16px auto}.gpnd-detail .gpnd-detail-brand{gap:12px}} @media(prefers-reduced-motion:reduce){.gpnd-directory *,.gpnd-detail *{scroll-behavior:auto!important}} /* 0.1.9: explicit flip controls; links remain navigable */ .gpnd-flip{cursor:default} .gpnd-flip-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;border:1px solid #8ba8bc;background:#203449;color:#fff;font:inherit;font-size:.8rem;font-weight:700;border-radius:8px;padding:8px 12px;cursor:pointer;position:relative;z-index:2} .gpnd-flip-button:hover,.gpnd-flip-button:focus-visible{background:#315b73;outline:2px solid #9cdef5;outline-offset:2px} .gpnd-card-back .gpnd-card-link{display:inline-block;color:#f4d48c!important;text-decoration:underline;font-weight:700;position:relative;z-index:2} .gpnd-flip:not(.is-flipped) .gpnd-card-back{pointer-events:none;visibility:hidden} .gpnd-flip.is-flipped .gpnd-card-front{pointer-events:none;visibility:hidden} .gpnd-flip .gpnd-card-back,.gpnd-flip .gpnd-card-front{transition:visibility 0s linear .275s} .gpnd-flip.is-flipped .gpnd-card-back,.gpnd-flip:not(.is-flipped) .gpnd-card-front{visibility:visible;transition:visibility 0s linear .275s} /* 0.1.11: workshop viewport, drawer and mobile edit/preview */ .gpnd:has(.gpnd-editor),.gpnd-directory{box-sizing:border-box!important;max-width:1460px!important;width:calc(100% - 16px)!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header h2{overflow-wrap:normal;word-break:normal} .gpnd-studio-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px clamp(16px,3vw,44px);border-bottom:1px solid #334759} .gpnd-studio-tools button,.gpnd-studio-tools a,.gpnd-drawer-head button{font:700 13px system-ui,sans-serif!important;background:#20384a!important;color:#e7f6ff!important;border:1px solid #53748a!important;border-radius:8px!important;padding:10px 14px!important;text-decoration:none!important;cursor:pointer} .gpnd-studio-tools .gpnd-new-listing{color:#f7d17a!important} .gpnd-mobile-tabs{display:none;gap:4px;margin-left:auto}.gpnd-mobile-tabs button[aria-pressed=true]{background:#e9b965!important;color:#14202d!important} .gpnd-drawer-overlay:not([hidden]){position:fixed;inset:0;background:#03080bc9;z-index:99990} .gpnd:has(.gpnd-editor) .gpnd-my-listings{position:fixed!important;z-index:99991;left:0;top:0;bottom:0;width:min(420px,94vw);max-width:94vw;overflow:auto;margin:0!important;padding:24px!important;border-radius:0 18px 18px 0!important;box-shadow:20px 0 60px #000a!important;transform:translateX(-110%);visibility:hidden;transition:transform .22s ease,visibility .22s} .gpnd:has(.gpnd-editor) .gpnd-my-listings.gpnd-drawer-open{transform:translateX(0);visibility:visible} .gpnd-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} .gpnd:has(.gpnd-editor) .gpnd-drawer-head h3{margin:0!important} .gpnd-flip{cursor:pointer!important}.gpnd-flip-cue{font-size:12px;color:#bdd3df;display:block;margin-top:7px} .gpnd-flip-button{display:none!important} .gpnd-directory>form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.gpnd-directory>form label{flex:1 1 220px;min-width:0}.gpnd-directory>form input{width:100%;min-width:0!important} @media(max-width:950px){ .gpnd:has(.gpnd-editor) .gpnd-editor{grid-template-columns:minmax(0,1fr)!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane{grid-row:auto!important;position:static!important} .gpnd-mobile-tabs{display:flex} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=edit] .gpnd-preview-pane{display:none!important} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-editor-fields{display:none!important} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-preview-pane{display:flex!important} } @media(max-width:600px){ .gpnd:has(.gpnd-editor),.gpnd-directory{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin:8px auto 80px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header{padding:18px 14px!important;min-height:0!important;gap:10px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header h2{font-size:clamp(23px,7vw,32px)!important;line-height:1.12!important} .gpnd:has(.gpnd-editor) .gpnd-workshop-mark{width:60px!important;height:60px!important} .gpnd:has(.gpnd-editor) .gpnd-editor{margin:0 8px!important;gap:10px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-heading{margin:15px 12px!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields,.gpnd:has(.gpnd-editor) .gpnd-preview-pane{padding:14px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-card{width:min(100%,360px)!important} .gpnd-studio-tools{padding:10px 8px;gap:6px}.gpnd-studio-tools button,.gpnd-studio-tools a{padding:9px 10px!important;font-size:12px!important} .gpnd-directory{padding:14px!important}.gpnd-directory-header{gap:10px;flex-wrap:wrap}.gpnd-directory-header h2{font-size:clamp(24px,7vw,34px)!important} .gpnd-directory .gpnd-card{width:min(100%,310px)!important;max-width:100%!important} .gpnd-directory>form button{min-height:44px} } /* 0.1.11: viewport alignment, navigation-safe drawer, GPL yellow identity */ .gpnd:has(.gpnd-editor){--gp-cyan:#e9bd18!important;--gp-amber:#ffca05!important;--gp-border:#66551e!important;background:radial-gradient(ellipse at 85% 0%,#47370f77,transparent 55%),linear-gradient(135deg,#131313,#090909 70%)!important;border-color:#67531a!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header{background:linear-gradient(105deg,#161616,#2b230c 68%,#111)!important;border-bottom-color:#8b6b12!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header:after{border-color:#ffcc1720;box-shadow:0 0 0 50px #ffcc1708,0 0 0 100px #ffcc1705} .gpnd:has(.gpnd-editor) .gpnd-studio-kicker,.gpnd:has(.gpnd-editor) .gpnd-accent,.gpnd:has(.gpnd-editor) .gpnd-live-dot{color:#ffca05!important} .gpnd:has(.gpnd-editor) .gpnd-studio-pill{background:#211c0d!important;color:#ffdc5b!important;border-color:#a37d18!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields,.gpnd:has(.gpnd-editor) .gpnd-preview-pane,.gpnd:has(.gpnd-editor) .gpnd-my-listings{background:#1b1b1b!important;border-color:#786022!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:not([type=checkbox]),.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea,.gpnd:has(.gpnd-editor) .gpnd-editor-fields select{background:#101010!important;border-color:#65552e!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields input:focus,.gpnd:has(.gpnd-editor) .gpnd-editor-fields textarea:focus,.gpnd:has(.gpnd-editor) .gpnd-editor-fields select:focus{border-color:#ffcc05!important;box-shadow:0 0 0 3px #ffcc0525!important} .gpnd:has(.gpnd-editor) .gpnd-savebar button,.gpnd-mobile-tabs button[aria-pressed=true]{background:#ffca05!important;color:#111!important} .gpnd:has(.gpnd-editor) a{color:#ffd54b!important} .gpnd-studio-tools{border-color:#715c1d!important;background:#141414} .gpnd-studio-tools button,.gpnd-studio-tools a,.gpnd-drawer-head button{background:#292511!important;color:#ffe69b!important;border-color:#846d2b!important} .gpnd:has(.gpnd-editor) .gpnd-my-listings{border-left:3px solid #ffca05!important;top:var(--gpnd-drawer-top,56px)!important;bottom:var(--gpnd-drawer-bottom,62px)!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-top:16px!important} .gpnd-workshop-brand{display:block;flex:0 0 auto;width:clamp(130px,18vw,210px)} .gpnd-workshop-brand .gpnd-workshop-mark{display:block;width:100%!important;height:auto!important;max-height:125px!important;object-fit:contain} .gpnd-directory{background:radial-gradient(ellipse at 85% 0%,#352a10,#101010 60%)!important;border-color:#6b5724!important} .gpnd-directory .gpnd-system-label,.gpnd-directory .gpnd-eyebrow{color:#ffd13a!important} .gpnd-directory>form button{background:#ffca05!important;color:#111!important} @media(max-width:950px){ .gpnd:has(.gpnd-editor){position:relative!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-left:0!important;margin-right:0!important;left:0;transform:translateX(var(--gpnd-viewport-shift,0px));} } @media(max-width:650px){ .gpnd-workshop-brand{width:46px!important;height:46px!important;flex:0 0 46px!important} .gpnd-workshop-brand .gpnd-workshop-mark{width:46px!important;height:46px!important;object-fit:contain} .gpnd:has(.gpnd-editor) .gpnd-studio-header{flex-wrap:nowrap!important;gap:12px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header h2{font-size:clamp(22px,6vw,29px)!important} .gpnd:has(.gpnd-editor) .gpnd-studio-header p{font-size:12px!important;margin-top:7px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-kicker{font-size:9px!important;letter-spacing:.08em!important} .gpnd:has(.gpnd-editor) .gpnd-my-listings{width:min(420px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important} .gpnd:has(.gpnd-editor) .gpnd-studio-heading{margin-top:16px!important} } /* 0.1.12: Public-facing directory and detail presentation only. */ .gpnd-directory{--gpnd-signal:#ffcf19;box-sizing:border-box;max-width:1100px!important;width:calc(100% - 24px)!important;margin:20px auto 60px!important;padding:clamp(16px,3vw,32px)!important;background:linear-gradient(145deg,#202020,#0d0e10 72%)!important;border:1px solid #66521c!important;border-radius:18px;color:#f5f2e8!important;transform:none!important;left:auto!important} .gpnd-directory .gpnd-directory-header{display:flex;align-items:center;gap:18px;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid #5c4d27} .gpnd-directory .gpnd-directory-header img{width:clamp(60px,12vw,105px);height:clamp(60px,12vw,105px);object-fit:contain} .gpnd-directory .gpnd-directory-header h2{font-size:clamp(24px,4vw,38px)!important;line-height:1.12!important;margin:4px 0 6px!important;color:#fff!important} .gpnd-directory .gpnd-directory-header p{color:#c7c1b3!important;margin:0;font-size:14px} .gpnd-directory .gpnd-system-label{color:#ffcf19!important;font-size:10px;font-weight:800;letter-spacing:.12em} .gpnd-directory>form{display:flex;align-items:end;gap:10px;margin:0 0 24px!important} .gpnd-directory>form label{flex:1 1 240px;min-width:0;color:#f3e9cc!important} .gpnd-directory>form input{width:100%;min-width:0!important;background:#111318!important;border:1px solid #75663f!important;color:#fff!important} .gpnd-directory>form button{background:#ffcf19!important;color:#151515!important;font-weight:800!important;min-height:44px} .gpnd-directory .gpnd-card{width:min(100%,310px);margin:10px 16px 18px 0} .gpnd-directory .gpnd-card-front,.gpnd-directory .gpnd-card-back{border-color:#756333;background:#17191e} .gpnd-directory .gpnd-card-actions a{color:#171717!important} .gpnd-directory .gpnd-card-actions button{color:#ffe393!important;border-color:#8b753c!important} .gpnd-detail{background:linear-gradient(145deg,#252118,#111214 65%)!important;border-color:#756333!important} .gpnd-detail .gpnd-detail-brand{border-bottom-color:#756333!important} .gpnd-detail .gpnd-return{background:#2b271c!important;border-color:#756333!important;color:#ffdb55!important} .gpnd-detail a:not(.gpnd-action){color:#ffdb55!important} .gpnd-detail .gpnd-action{background:#ffcf19!important;color:#171717!important} @media(max-width:650px){.gpnd-directory{width:calc(100% - 12px)!important;margin:12px auto 50px!important;padding:14px!important}.gpnd-directory .gpnd-directory-header{gap:10px}.gpnd-directory .gpnd-directory-header img{width:62px;height:62px}.gpnd-directory .gpnd-directory-header h2{font-size:clamp(22px,6vw,28px)!important}.gpnd-directory>form{align-items:stretch;flex-direction:column}.gpnd-directory>form label,.gpnd-directory>form button{width:100%;flex:auto}.gpnd-directory .gpnd-card{display:block;width:min(100%,330px)!important;margin:12px auto 20px!important}.gpnd-directory .gpnd-card-actions{justify-content:center}} /* 0.1.13: Elementor-friendly public directory search surface. No theme-global selectors. */ .gpnd-directory{min-width:0!important;overflow-wrap:anywhere} .gpnd-directory .gpnd-search-panel{display:block!important;box-sizing:border-box;width:100%;margin:4px 0 26px!important;padding:clamp(14px,2.5vw,24px)!important;border:1px solid #66521e!important;border-radius:14px!important;background:linear-gradient(125deg,#23221e 0%,#121315 68%)!important;box-shadow:inset 0 1px 0 #ffffff0b,0 12px 28px #0004} .gpnd-directory .gpnd-search-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:14px} .gpnd-directory .gpnd-search-kicker{font-size:11px;font-weight:850;letter-spacing:.12em;color:#ffcf19} .gpnd-directory .gpnd-search-caption{font-size:13px;color:#c4c0b5} .gpnd-directory .gpnd-search-controls{display:flex;align-items:flex-end;gap:12px;width:100%} .gpnd-directory .gpnd-search-controls label{display:block;flex:1 1 auto;min-width:0;font-size:12px;font-weight:700;color:#f2e9d4!important} .gpnd-directory .gpnd-search-controls input[type="search"]{display:block;box-sizing:border-box;width:100%;min-width:0!important;height:46px;margin:7px 0 0!important;padding:10px 14px!important;background:#0b0d11!important;color:#fff!important;border:1px solid #766334!important;border-radius:9px!important;box-shadow:none!important;font:inherit;font-size:15px} .gpnd-directory .gpnd-search-controls input[type="search"]:focus{outline:2px solid #ffcf19!important;outline-offset:1px} .gpnd-directory .gpnd-search-controls input[type="search"]::placeholder{color:#9a9b9e;opacity:1} .gpnd-directory .gpnd-search-controls button[type="submit"]{flex:0 0 auto;min-width:125px;height:46px;margin:0!important;padding:0 18px!important;background:#ffcf19!important;color:#111!important;border:1px solid #ffcf19!important;border-radius:9px!important;font-size:14px;font-weight:850!important;line-height:1!important;cursor:pointer} .gpnd-directory .gpnd-search-controls button[type="submit"]:hover{background:#ffe16a!important} @media(max-width:650px){.gpnd-directory .gpnd-search-panel{padding:14px!important}.gpnd-directory .gpnd-search-controls{flex-direction:column;align-items:stretch;gap:10px}.gpnd-directory .gpnd-search-controls label,.gpnd-directory .gpnd-search-controls button[type="submit"]{width:100%!important;flex:none!important}.gpnd-directory .gpnd-search-controls button[type="submit"]{min-height:46px}} /* 0.1.14: public directory structural layout; loaded as real stylesheet */ .gpnd.gpnd-directory{display:block!important;float:none!important;clear:both!important;position:relative!important;box-sizing:border-box!important;width:min(1100px,calc(100% - 24px))!important;max-width:1100px!important;min-width:0!important;margin:24px auto 64px!important;padding:clamp(18px,3vw,32px)!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:16px!important;line-height:1.5!important;color:#f7f4e9!important;background:#101114!important;border:1px solid #55451e!important;border-radius:18px!important;transform:none!important} .gpnd.gpnd-directory .gpnd-directory-header{display:flex!important;flex-wrap:wrap!important;gap:18px!important;align-items:center!important;max-width:100%!important} .gpnd.gpnd-directory .gpnd-directory-header img{display:block!important;flex:0 0 auto!important;width:clamp(64px,9vw,96px)!important;height:clamp(64px,9vw,96px)!important;max-width:96px!important;max-height:96px!important;object-fit:contain!important;margin:0!important} .gpnd.gpnd-directory .gpnd-directory-header>div{flex:1 1 220px!important;min-width:0!important} .gpnd.gpnd-directory .gpnd-directory-header h2{font-size:clamp(23px,3vw,34px)!important;line-height:1.2!important} .gpnd.gpnd-directory .gpnd-search-panel{display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:none!important;min-width:0!important;padding:20px!important;margin:16px 0 28px!important;background:#1d2026!important;border:1px solid #685523!important;border-radius:14px!important;color:#f6f1e7!important} .gpnd.gpnd-directory .gpnd-search-heading{display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important} .gpnd.gpnd-directory .gpnd-search-controls{display:flex!important;flex-wrap:wrap!important;align-items:end!important;gap:12px!important;width:100%!important} .gpnd.gpnd-directory .gpnd-search-controls label{display:block!important;flex:1 1 260px!important;width:auto!important;min-width:0!important;font-size:13px!important;color:#fff1c4!important} .gpnd.gpnd-directory .gpnd-search-controls input[type=search]{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;font-size:16px!important;line-height:1.3!important;margin:6px 0 0!important;padding:10px 14px!important;background:#0c0e12!important;color:#fff!important;border:1px solid #776431!important;border-radius:9px!important} .gpnd.gpnd-directory .gpnd-search-controls button[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:128px!important;height:48px!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;color:#101010!important;background:#ffcf19!important;border:0!important;border-radius:9px!important} .gpnd.gpnd-directory .gpnd-card{font-size:16px!important} @media(max-width:650px){.gpnd.gpnd-directory{width:calc(100% - 16px)!important;padding:14px!important;margin:12px auto 48px!important}.gpnd.gpnd-directory .gpnd-directory-header img{width:68px!important;height:68px!important}.gpnd.gpnd-directory .gpnd-search-panel{padding:14px!important}.gpnd.gpnd-directory .gpnd-search-controls{display:flex!important;flex-direction:column!important;align-items:stretch!important}.gpnd.gpnd-directory .gpnd-search-controls label,.gpnd.gpnd-directory .gpnd-search-controls button[type=submit]{width:100%!important;flex:0 0 auto!important}} /* R0.1.15: Launcher timeline and discovery filters */ .gpnd .gpnd-launcher-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;margin:16px 0 24px;background:#141921;border:1px solid #3b4552;border-radius:12px;color:#f4f6fa} .gpnd .gpnd-launcher-filters label{display:flex;flex-direction:column;gap:5px;flex:1 1 180px;font-size:13px;font-weight:650} .gpnd .gpnd-launcher-filters input,.gpnd .gpnd-launcher-filters select{width:100%;min-height:42px;background:#222a35;color:#fff;border:1px solid #596575;border-radius:7px;padding:8px} .gpnd .gpnd-launcher-filters button{background:#ffcf19;color:#111;border:0;border-radius:7px;min-height:42px;padding:9px 16px;font-weight:800;cursor:pointer} .gpnd .gpnd-launcher-filters a{color:#ffcf19;padding:10px} .gpnd .gpnd-phase-chip{display:inline-block;margin:5px 0;padding:4px 9px;border:1px solid #d7ac20;border-radius:30px;color:#ffcf19;font-size:12px} .gpnd .gpnd-project-dates{border:1px solid #475261;border-radius:10px;padding:12px;margin:16px 0} .gpnd .gpnd-project-dates input{max-width:300px;width:100%;min-height:40px} /* R0.1.16: avoid BuddyBoss/Elementor form label sizing leaking into filters. */ .gpnd.gpnd-directory .gpnd-launcher-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto!important;align-items:end!important;gap:10px!important;padding:14px!important;margin:12px 0 18px!important} .gpnd.gpnd-directory .gpnd-launcher-filters label{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:none!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;gap:5px!important;line-height:1.3!important} .gpnd.gpnd-directory .gpnd-launcher-filters input,.gpnd.gpnd-directory .gpnd-launcher-filters select{display:block!important;box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:8px 10px!important;line-height:1.2!important} .gpnd.gpnd-directory .gpnd-launcher-filters button,.gpnd.gpnd-directory .gpnd-launcher-filters a{align-self:end!important;min-height:42px!important;height:42px!important;margin:0!important;box-sizing:border-box!important;white-space:nowrap!important} @media(max-width:760px){.gpnd.gpnd-directory .gpnd-launcher-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gpnd.gpnd-directory .gpnd-launcher-filters label:nth-child(3){grid-column:1/-1!important}.gpnd.gpnd-directory .gpnd-launcher-filters button{grid-column:1!important}.gpnd.gpnd-directory .gpnd-launcher-filters a{grid-column:2!important;justify-self:start!important}} @media(max-width:420px){.gpnd.gpnd-directory .gpnd-launcher-filters{grid-template-columns:minmax(0,1fr)!important}.gpnd.gpnd-directory .gpnd-launcher-filters label:nth-child(3),.gpnd.gpnd-directory .gpnd-launcher-filters button,.gpnd.gpnd-directory .gpnd-launcher-filters a{grid-column:1!important}} /* 0.1.18: compact discovery grid and mobile filter drawer; scoped to public directory only. */ .gpnd.gpnd-directory .gpnd-results-grid{display:grid;gap:18px;align-items:start} .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{display:block!important;width:100%!important;max-width:none!important;margin:0!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{aspect-ratio:3/4} .gpnd.gpnd-directory .gpnd-results-meta{font-size:13px;font-weight:700;color:#ffcf19;margin:10px 0 16px} .gpnd.gpnd-directory .gpnd-mobile-filter-toggle{display:none} .gpnd.gpnd-directory .gpnd-clear-all{background:transparent!important;color:#ffcf19!important;border:1px solid #ffcf19!important} @media(max-width:960px){.gpnd.gpnd-directory .gpnd-results-grid{}} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-results-grid{gap:14px} .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{max-width:380px!important;margin:0 auto!important} .gpnd.gpnd-directory .gpnd-mobile-filter-toggle{display:flex!important;width:100%;justify-content:space-between;align-items:center;background:#ffcf19;color:#111;font-weight:800;min-height:44px;margin:8px 0 12px;border:0;border-radius:9px} .gpnd.gpnd-directory .gpnd-search-panel,.gpnd.gpnd-directory .gpnd-launcher-filters{display:none!important} .gpnd.gpnd-directory.gpnd-filters-open .gpnd-search-panel{display:block!important;margin:8px 0!important} .gpnd.gpnd-directory.gpnd-filters-open .gpnd-launcher-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin:8px 0 14px!important} .gpnd.gpnd-directory.gpnd-filters-open .gpnd-launcher-filters>*{grid-column:1!important;width:100%!important} } /* 0.1.19 — Launcher campaign-profile presentation candidate. Product model remains a living public profile; this only changes the public discovery UI. */ .gpnd.gpnd-directory.gpnd-brand-launcher{ width:min(1180px,calc(100% - 24px))!important;max-width:1180px!important; margin:24px auto 64px!important;padding:0!important;overflow:hidden!important; font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important; color:#1e2630!important;background:#f7f8fa!important;border:1px solid #dfe3e8!important; border-radius:18px!important;box-shadow:0 16px 48px #00000018!important; } .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header{ display:flex!important;align-items:center!important;gap:16px!important;margin:0!important; padding:22px 26px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e7e9ed!important; } .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header img{ width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;filter:none!important; } .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-system-label{font-size:10px!important;font-weight:850!important;letter-spacing:.16em!important;color:#a17b00!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header h2{margin:2px 0 2px!important;font-size:clamp(27px,3vw,40px)!important;line-height:1.05!important;color:#20262e!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header p{margin:0!important;color:#68717d!important;font-size:14px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-panel{ margin:22px 24px 12px!important;padding:16px!important;background:#fff!important;color:#20262e!important;border:1px solid #e0e4e9!important;border-radius:12px!important; } .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-heading{margin:0 0 10px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-kicker{color:#20262e!important;font-size:12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-caption{color:#77808b!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-controls label{color:#3a434e!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-controls input[type=search]{background:#fff!important;color:#20262e!important;border:1px solid #cfd5dc!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-controls input[type=search]::placeholder{color:#9299a3!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-controls button[type=submit]{background:#ffe500!important;color:#111!important;border:1px solid #e7cf00!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters{ margin:12px 24px 18px!important;padding:14px!important;background:#fff!important;color:#20262e!important;border:1px solid #e0e4e9!important;border-radius:12px!important; } .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters label{color:#3a434e!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters input,.gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters select{background:#fff!important;color:#20262e!important;border:1px solid #cfd5dc!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters button{background:#20262e!important;color:#fff!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters a,.gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-clear-all{color:#6b7179!important;border-color:#cfd5dc!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-results-meta{margin:18px 24px 12px!important;color:#20262e!important;font-size:14px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-results-grid{padding:0 24px 28px!important;gap:16px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card{background:#fff!important;border:1px solid #dfe3e8!important;border-radius:13px!important;overflow:hidden!important;box-shadow:0 5px 16px #0000000d!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-flip{perspective:1200px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-inner{aspect-ratio:4/5!important;background:#fff!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-front,.gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-back{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#20262e!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-art{flex:0 0 44%!important;min-height:150px!important;background-color:#e9edf1!important;background-size:cover!important;background-position:center!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-body{padding:13px 14px 12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-eyebrow{display:inline-flex!important;width:max-content!important;padding:4px 7px!important;border-radius:999px!important;background:#fff1a6!important;color:#493d00!important;font-size:10px!important;letter-spacing:.04em!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card h3{margin:7px 0 4px!important;color:#20262e!important;font-size:19px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card p{margin:4px 0 8px!important;color:#59636f!important;font-size:13px!important;line-height:1.35!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-phase-chip{display:inline-block!important;margin:1px 0 3px!important;padding:3px 7px!important;background:#f2f3f5!important;color:#505966!important;border-radius:999px!important;font-size:10px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-flip-cue{color:#20262e!important;font-size:12px!important;font-weight:750!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-back{padding:18px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-link{color:#20262e!important;text-decoration:underline!important;text-underline-offset:3px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-actions{justify-content:space-between!important;padding:10px 12px!important;border-top:1px solid #eceef1!important;background:#fff!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 11px!important;background:#ffe500!important;color:#111!important;border-radius:7px!important;font-weight:800!important;text-decoration:none!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-actions button{border:0!important;color:#626b76!important;padding:6px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-mobile-filter-toggle{background:#ffe500!important;color:#111!important} @media(max-width:650px){ .gpnd.gpnd-directory.gpnd-brand-launcher{width:calc(100% - 12px)!important;margin:8px auto 48px!important;border-radius:12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header{padding:16px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-directory-header img{width:50px!important;height:50px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-search-panel,.gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-launcher-filters{margin-left:12px!important;margin-right:12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-mobile-filter-toggle{width:calc(100% - 24px)!important;margin:12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-results-meta{margin-left:12px!important;margin-right:12px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-results-grid{padding:0 12px 18px!important} .gpnd.gpnd-directory.gpnd-brand-launcher .gpnd-card-inner{aspect-ratio:1/1.12!important} } /* 0.1.20 — Center Stage discovery shell. Presentation only; preserve 0.1.19 plumbing. */ .gpnd.gpnd-directory.gpnd-brand-all{ width:min(1240px,calc(100% - 24px))!important;max-width:1240px!important;margin:24px auto 64px!important;padding:0!important;overflow:hidden!important; font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#1e2630!important;background:#f6f7f9!important;border:1px solid #dfe3e8!important;border-radius:18px!important;box-shadow:0 16px 48px #00000014!important; } .gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header{display:flex!important;align-items:center!important;gap:18px!important;margin:0!important;padding:24px 28px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e4e7eb!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important;filter:none!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-system-label{color:#9a7600!important;font-size:10px!important;font-weight:850!important;letter-spacing:.16em!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header h2{margin:2px 0 4px!important;color:#20262e!important;font-size:clamp(29px,3vw,42px)!important;line-height:1.05!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header p{max-width:760px!important;margin:0!important;color:#68717d!important;font-size:14px!important} .gpnd-directory-nav{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:12px 24px!important;background:#fff!important;border-bottom:1px solid #e4e7eb!important} .gpnd-directory-nav-label{margin-right:4px!important;color:#8a929c!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important} .gpnd-directory-nav a,.gpnd-directory-nav-item{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #d9dde3!important;border-radius:999px!important;background:#fff!important;color:#3d4651!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important} .gpnd-directory-nav a.is-current{background:#ffe500!important;border-color:#e4ce00!important;color:#111!important} .gpnd-directory-nav-item{cursor:default!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-panel{margin:20px 24px 12px!important;padding:16px!important;background:#fff!important;border:1px solid #e0e4e9!important;border-radius:12px!important;color:#20262e!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-kicker{color:#20262e!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-caption{color:#77808b!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-controls label{color:#3a434e!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-controls input[type=search]{background:#fff!important;color:#20262e!important;border:1px solid #cfd5dc!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-controls button[type=submit]{background:#ffe500!important;color:#111!important;border:1px solid #e7cf00!important} .gpnd-discovery-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;margin:20px 24px 14px!important;padding-top:4px!important} .gpnd-discovery-kicker{display:block!important;color:#9a7600!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important}.gpnd-discovery-heading h3{margin:2px 0 0!important;color:#20262e!important;font-size:clamp(22px,2.4vw,31px)!important}.gpnd-discovery-heading .gpnd-results-meta{margin:0!important;color:#6d7681!important;font-size:13px!important} .gpnd.gpnd-directory.gpnd-brand-all .gpnd-results-grid{padding:0 24px 30px!important;gap:18px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card{background:#fff!important;border:1px solid #dfe3e8!important;border-radius:13px!important;overflow:hidden!important;box-shadow:0 5px 16px #0000000d!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-inner{aspect-ratio:4/5!important;background:#fff!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-front,.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-back{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#20262e!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-art{flex:0 0 44%!important;min-height:150px!important;background-color:#e9edf1!important;background-size:cover!important;background-position:center!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-body{padding:13px 14px 12px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-eyebrow{display:inline-flex!important;width:max-content!important;padding:4px 7px!important;border-radius:999px!important;background:#fff1a6!important;color:#493d00!important;font-size:10px!important;letter-spacing:.04em!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card h3{margin:7px 0 4px!important;color:#20262e!important;font-size:19px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card p{margin:4px 0 8px!important;color:#59636f!important;font-size:13px!important;line-height:1.35!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-phase-chip{display:inline-block!important;margin:1px 0 3px!important;padding:3px 7px!important;background:#f2f3f5!important;color:#505966!important;border-radius:999px!important;font-size:10px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-flip-cue{color:#20262e!important;font-size:12px!important;font-weight:750!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-back{padding:18px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-link{color:#20262e!important;text-decoration:underline!important;text-underline-offset:3px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-actions{justify-content:space-between!important;padding:10px 12px!important;border-top:1px solid #eceef1!important;background:#fff!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 11px!important;background:#ffe500!important;color:#111!important;border-radius:7px!important;font-weight:800!important;text-decoration:none!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-actions button{border:0!important;color:#626b76!important;padding:6px!important} @media(max-width:650px){.gpnd.gpnd-directory.gpnd-brand-all{width:calc(100% - 12px)!important;margin:8px auto 48px!important;border-radius:12px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header{padding:16px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-directory-header img{width:52px!important;height:52px!important}.gpnd-directory-nav{padding:10px 12px!important;overflow-x:auto!important;flex-wrap:nowrap!important}.gpnd-directory-nav>*{flex:0 0 auto!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-search-panel{margin:12px!important}.gpnd-discovery-heading{margin:16px 12px 12px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-results-grid{padding:0 12px 18px!important}.gpnd.gpnd-directory.gpnd-brand-all .gpnd-card-inner{aspect-ratio:1/1.12!important}} /* 0.1.21 — Discovery shell: persistent desktop sidebar, mobile drawer, dark default + light option. */ .gpnd.gpnd-directory{--gpnd-bg:#20242a;--gpnd-panel:#2d333c;--gpnd-panel2:#252a31;--gpnd-line:#424a55;--gpnd-text:#f4f6f8;--gpnd-muted:#aeb7c2;--gpnd-accent:#ffe500;--gpnd-card:#fff;--gpnd-cardtext:#20262e;background:var(--gpnd-bg)!important;color:var(--gpnd-text)!important;border-color:var(--gpnd-line)!important;max-width:1280px!important;width:min(1280px,calc(100% - 24px))!important;padding:0!important;overflow:hidden!important} .gpnd.gpnd-directory.gpnd-theme-light{--gpnd-bg:#f5f6f8;--gpnd-panel:#fff;--gpnd-panel2:#f7f8fa;--gpnd-line:#dfe3e8;--gpnd-text:#20262e;--gpnd-muted:#68717d;--gpnd-card:#fff;--gpnd-cardtext:#20262e} .gpnd.gpnd-directory .gpnd-directory-header{display:flex!important;align-items:center!important;gap:16px!important;margin:0!important;padding:20px 24px!important;background:var(--gpnd-panel)!important;border:0!important;border-bottom:1px solid var(--gpnd-line)!important} .gpnd.gpnd-directory .gpnd-directory-header>div{min-width:0;flex:1}.gpnd.gpnd-directory .gpnd-directory-header img{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important}.gpnd.gpnd-directory .gpnd-directory-header h2{color:var(--gpnd-text)!important;margin:2px 0 4px!important;font-size:clamp(27px,3vw,39px)!important}.gpnd.gpnd-directory .gpnd-directory-header p{color:var(--gpnd-muted)!important;margin:0!important}.gpnd.gpnd-directory .gpnd-system-label{color:var(--gpnd-accent)!important} .gpnd-theme-toggle{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:8px 11px!important;border:1px solid var(--gpnd-line)!important;border-radius:999px!important;background:var(--gpnd-panel2)!important;color:var(--gpnd-text)!important;font-size:12px!important;font-weight:750!important;cursor:pointer!important} .gpnd-discovery-shell{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;min-height:560px!important}.gpnd-discovery-sidebar{position:relative!important;display:block!important;padding:20px 16px 24px!important;background:var(--gpnd-panel)!important;border-right:1px solid var(--gpnd-line)!important;color:var(--gpnd-text)!important}.gpnd-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 16px;font-size:17px}.gpnd-sidebar-close{display:none}.gpnd-sidebar-label{display:block!important;margin:0 8px 8px!important;color:var(--gpnd-muted)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important}.gpnd-sidebar-nav{display:grid!important;gap:4px!important}.gpnd-sidebar-nav a{display:block!important;padding:9px 10px!important;border-radius:8px!important;color:var(--gpnd-text)!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}.gpnd-sidebar-nav a:hover{background:var(--gpnd-panel2)!important}.gpnd-sidebar-nav a.is-current{background:var(--gpnd-accent)!important;color:#111!important}.gpnd-sidebar-rule{height:1px;background:var(--gpnd-line);margin:18px 4px} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-panel,.gpnd.gpnd-directory.gpnd-brand-all .gpnd-discovery-sidebar .gpnd-search-panel{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--gpnd-text)!important}.gpnd-discovery-sidebar .gpnd-search-heading{display:block!important;margin:0 8px 8px!important}.gpnd-discovery-sidebar .gpnd-search-caption{display:none}.gpnd-discovery-sidebar .gpnd-search-kicker{color:var(--gpnd-muted)!important;font-size:10px!important}.gpnd-discovery-sidebar .gpnd-search-controls{display:grid!important;gap:8px!important}.gpnd-discovery-sidebar .gpnd-search-controls label{color:var(--gpnd-text)!important;font-size:12px!important}.gpnd-discovery-sidebar .gpnd-search-controls input[type=search]{height:40px!important;min-height:40px!important;margin-top:5px!important;background:var(--gpnd-panel2)!important;color:var(--gpnd-text)!important;border:1px solid var(--gpnd-line)!important;font-size:13px!important}.gpnd-discovery-sidebar .gpnd-search-controls button[type=submit]{width:100%!important;min-width:0!important;height:38px!important;background:var(--gpnd-accent)!important;color:#111!important;border:0!important} .gpnd.gpnd-directory .gpnd-launcher-filters{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.gpnd.gpnd-directory .gpnd-launcher-filters label{color:var(--gpnd-text)!important;font-size:12px!important}.gpnd.gpnd-directory .gpnd-launcher-filters select{display:block!important;width:100%!important;margin-top:5px!important;min-height:39px!important;padding:7px 8px!important;background:var(--gpnd-panel2)!important;color:var(--gpnd-text)!important;border:1px solid var(--gpnd-line)!important;border-radius:7px!important}.gpnd.gpnd-directory .gpnd-launcher-filters button{min-height:38px!important;border-radius:7px!important}.gpnd.gpnd-directory .gpnd-launcher-filters button[type=submit]{background:var(--gpnd-accent)!important;color:#111!important;border:0!important}.gpnd.gpnd-directory .gpnd-clear-all{background:transparent!important;color:var(--gpnd-muted)!important;border:1px solid var(--gpnd-line)!important} .gpnd-discovery-main{min-width:0!important;padding:4px 0 28px!important;background:var(--gpnd-bg)!important}.gpnd-discovery-heading{margin:20px 22px 14px!important}.gpnd-discovery-kicker{color:var(--gpnd-accent)!important}.gpnd-discovery-heading h3{color:var(--gpnd-text)!important}.gpnd-discovery-heading .gpnd-results-meta{color:var(--gpnd-muted)!important}.gpnd.gpnd-directory .gpnd-results-grid{padding:0 22px!important;gap:18px!important} .gpnd.gpnd-directory .gpnd-card{background:var(--gpnd-card)!important;border:1px solid #dfe3e8!important;border-radius:13px!important;overflow:hidden!important;box-shadow:0 5px 16px #0000001a!important}.gpnd.gpnd-directory .gpnd-card-front,.gpnd.gpnd-directory .gpnd-card-back{background:var(--gpnd-card)!important;color:var(--gpnd-cardtext)!important}.gpnd.gpnd-directory .gpnd-card h3,.gpnd.gpnd-directory .gpnd-flip-cue,.gpnd.gpnd-directory .gpnd-card-link{color:var(--gpnd-cardtext)!important}.gpnd.gpnd-directory .gpnd-card p{color:#59636f!important}.gpnd.gpnd-directory .gpnd-card-actions{background:#fff!important;border-top:1px solid #eceef1!important}.gpnd.gpnd-directory .gpnd-card-actions a{background:var(--gpnd-accent)!important;color:#111!important} .gpnd-mobile-drawer-toggle{display:none!important}.gpnd-drawer-scrim{display:none} @media(max-width:820px){ .gpnd.gpnd-directory{width:calc(100% - 12px)!important;margin:8px auto 48px!important;border-radius:12px!important}.gpnd.gpnd-directory .gpnd-directory-header{padding:14px 15px!important}.gpnd.gpnd-directory .gpnd-directory-header img{width:48px!important;height:48px!important}.gpnd-theme-label{display:none}.gpnd-theme-toggle{padding:8px 10px!important} .gpnd-mobile-drawer-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:calc(100% - 24px)!important;margin:12px!important;padding:11px 13px!important;background:var(--gpnd-panel)!important;color:var(--gpnd-text)!important;border:1px solid var(--gpnd-line)!important;border-radius:9px!important} .gpnd-discovery-shell{display:block!important;min-height:0!important}.gpnd-discovery-sidebar{position:fixed!important;z-index:100002!important;top:0!important;left:0!important;width:min(86vw,330px)!important;height:100dvh!important;overflow:auto!important;transform:translateX(-105%)!important;transition:transform .2s ease!important;box-shadow:20px 0 50px #0008!important}.gpnd-filters-open .gpnd-discovery-sidebar{transform:translateX(0)!important}.gpnd-sidebar-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;background:transparent!important;color:var(--gpnd-text)!important;border:1px solid var(--gpnd-line)!important;border-radius:8px!important;font-size:22px!important}.gpnd-drawer-scrim{position:fixed;z-index:100001;inset:0;background:#0009}.gpnd-filters-open .gpnd-drawer-scrim{display:block} .gpnd-discovery-heading{margin:14px 12px 12px!important}.gpnd.gpnd-directory .gpnd-results-grid{padding:0 12px 18px!important}.gpnd.gpnd-directory .gpnd-launcher-filters{display:grid!important} } @media(prefers-reduced-motion:reduce){.gpnd-discovery-sidebar{transition:none!important}} /* 0.1.21A — dark-theme continuity + sidebar filter width repair. Preserve 0.1.21 shell and optional light mode; dark mode matches the accepted Goat Pen palette. */ .gpnd.gpnd-directory:not(.gpnd-theme-light){ --gpnd-bg:#101114; --gpnd-panel:#1d2026; --gpnd-panel2:#0c0e12; --gpnd-line:#685523; --gpnd-text:#f7f4e9; --gpnd-muted:#c4c0b5; --gpnd-accent:#ffcf19; --gpnd-card:#17191e; --gpnd-cardtext:#f7f4e9; } .gpnd.gpnd-directory.gpnd-theme-light{ --gpnd-card:#fff; --gpnd-cardtext:#20262e; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-all{ background:var(--gpnd-bg)!important; color:var(--gpnd-text)!important; border-color:var(--gpnd-line)!important; box-shadow:0 16px 48px #0006!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-directory-header, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-all .gpnd-directory-header{ background:var(--gpnd-panel)!important; border-bottom-color:var(--gpnd-line)!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-directory-header h2, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-all .gpnd-directory-header h2{color:var(--gpnd-text)!important} .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-directory-header p, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-all .gpnd-directory-header p{color:var(--gpnd-muted)!important} .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-system-label, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-all .gpnd-system-label{color:var(--gpnd-accent)!important} /* The legacy Launcher filter rule was still carrying a 5-column grid into the new 230px sidebar. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; min-width:0!important; gap:10px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters>*{ grid-column:1!important; width:100%!important; min-width:0!important; max-width:100%!important; justify-self:stretch!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label{ display:block!important; width:100%!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select{ width:100%!important; min-width:0!important; max-width:100%!important; white-space:normal!important; } /* Keep cards/actions visually inside the selected theme. */ .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card-front, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card-back, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card-front, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card-back{ background:var(--gpnd-card)!important; color:var(--gpnd-cardtext)!important; border-color:#756333!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card h3, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-flip-cue, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card-link, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card h3, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-flip-cue, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card-link{color:var(--gpnd-cardtext)!important} .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card p, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card p{color:var(--gpnd-muted)!important} .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-card-actions, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-card-actions{ background:var(--gpnd-panel)!important; border-top-color:var(--gpnd-line)!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-search-panel, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-launcher-filters{ background:transparent!important; color:var(--gpnd-text)!important; border:0!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-search-controls label, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-launcher-filters label{color:var(--gpnd-text)!important} .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-search-controls input[type=search], .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-launcher-filters select{ background:var(--gpnd-panel2)!important; color:var(--gpnd-text)!important; border-color:var(--gpnd-line)!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-search-controls input[type=search]::placeholder{color:#9a9b9e!important} /* 0.1.21B — results-column layout repair. Keep the accepted 0.1.21A shell/theme behavior; prevent legacy/theme sizing from collapsing the discovery main heading, empty state, or result cards. */ .gpnd.gpnd-directory .gpnd-discovery-shell{ width:100%!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-main{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-heading{ display:flex!important; flex-direction:row!important; align-items:flex-end!important; justify-content:space-between!important; width:auto!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-heading>div:first-child{ display:block!important; flex:1 1 auto!important; width:auto!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-heading h3, .gpnd.gpnd-directory .gpnd-discovery-kicker{ display:block!important; width:auto!important; max-width:none!important; min-width:0!important; overflow-wrap:normal!important; word-break:normal!important; white-space:normal!important; } .gpnd.gpnd-directory .gpnd-discovery-heading .gpnd-results-meta{ display:block!important; flex:0 0 auto!important; width:auto!important; max-width:none!important; min-width:max-content!important; white-space:nowrap!important; } .gpnd.gpnd-directory .gpnd-results-grid{ width:auto!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-results-grid>p{ display:block!important; grid-column:1/-1!important; width:100%!important; max-width:none!important; min-width:0!important; margin:4px 0!important; overflow-wrap:normal!important; word-break:normal!important; white-space:normal!important; color:var(--gpnd-muted)!important; } .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{ min-width:0!important; } @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-discovery-heading{align-items:flex-start!important;gap:10px!important} } /* 0.1.21D — results header forensic repair. The 21C block was serialized with literal \n tokens, so the browser could not reliably parse the intended override. Keep the proven shell; make the heading/count a simple stack. */ .gpnd.gpnd-directory .gpnd-discovery-heading{ display:block!important; width:auto!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-heading>div:first-child{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-heading h3{ display:block!important; margin:2px 0 0!important; width:100%!important; line-height:1.15!important; } .gpnd.gpnd-directory .gpnd-discovery-heading .gpnd-results-meta{ display:block!important; margin:6px 0 0!important; width:auto!important; min-width:0!important; white-space:normal!important; } /* 0.1.21F — light-mode accent restraint + sidebar containment. Built from accepted 21D. Preserve layout/routing; retain the requested dark sidebar label contrast. */ .gpnd.gpnd-directory.gpnd-theme-light{ --gpnd-accent:#d8b21f; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-nav-item.is-active, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-search-controls button[type=submit], .gpnd.gpnd-directory.gpnd-theme-light .gpnd-launcher-filters button[type=submit], .gpnd.gpnd-directory.gpnd-theme-light .gpnd-card-actions a, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-mobile-filter-toggle{ background:var(--gpnd-accent)!important; color:#171717!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-sidebar .gpnd-search-kicker, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-sidebar .gpnd-sidebar-label{ color:var(--gpnd-text)!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar, .gpnd.gpnd-directory .gpnd-discovery-sidebar *, .gpnd.gpnd-directory .gpnd-discovery-sidebar *::before, .gpnd.gpnd-directory .gpnd-discovery-sidebar *::after{ box-sizing:border-box!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-panel, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters{ width:100%!important; max-width:100%!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar input, .gpnd.gpnd-directory .gpnd-discovery-sidebar select, .gpnd.gpnd-directory .gpnd-discovery-sidebar button, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-clear-all{ max-width:100%!important; min-width:0!important; } /* 0.1.21I — discovery canvas geometry + card presentation. Built from accepted 21F. The directory may be embedded in a narrow Elementor/content column; on desktop, give the discovery application its own centered viewport canvas so the sidebar and results are true siblings. Cards then occupy the results canvas. */ @media(min-width:901px){ .gpnd.gpnd-directory{ width:min(1400px,calc(100vw - 40px))!important; max-width:1400px!important; position:relative!important; left:50%!important; transform:translateX(-50%)!important; margin-left:0!important; margin-right:0!important; } .gpnd.gpnd-directory .gpnd-discovery-shell{ display:grid!important; grid-template-columns:230px minmax(0,1fr)!important; width:100%!important; } .gpnd.gpnd-directory .gpnd-discovery-main{ grid-column:2!important; width:auto!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-results-grid{ display:grid!important; width:100%!important; } } @media(min-width:651px) and (max-width:1100px){ .gpnd.gpnd-directory .gpnd-results-grid{} } @media(max-width:650px){ .gpnd.gpnd-directory{left:auto!important;transform:none!important} .gpnd.gpnd-directory .gpnd-results-grid{} } /* Discovery-card presentation; no routing, data, persistence or filter changes. */ .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{ display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important; border-radius:16px!important;box-shadow:0 8px 24px #00000020!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{aspect-ratio:4/5!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-front, .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-back{border:0!important;border-radius:0!important;box-shadow:none!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-front .gpnd-art{flex:0 0 48%!important;min-height:170px!important;background-position:center!important;background-size:cover!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;padding:16px 17px 15px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card h3{margin:9px 0 5px!important;font-size:clamp(19px,1.55vw,23px)!important;line-height:1.08!important;font-weight:850!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body p{margin:3px 0 10px!important;font-size:13px!important;line-height:1.42!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body .gpnd-flip-cue{margin-top:auto!important;padding-top:5px!important;font-size:12px!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-back{padding:20px!important;gap:9px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-back .gpnd-card-link{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin-top:auto!important;font-weight:850!important;text-decoration:underline!important;text-underline-offset:3px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-actions{min-height:52px!important;padding:9px 12px!important;justify-content:space-between!important;gap:10px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 12px!important;border-radius:8px!important;font-size:12px!important;font-weight:850!important;text-decoration:none!important} .gpnd.gpnd-directory.gpnd-theme-light .gpnd-results-grid .gpnd-card-actions a{background:var(--gpnd-accent)!important;color:#171717!important} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{max-width:420px!important;margin:0 auto!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{aspect-ratio:1/1.15!important} } /* 0.1.21J — Launcher content intake surface. Progressive disclosure only; accepted 21I discovery shell remains intact. */ .gpnd-intake-intro{display:flex;flex-direction:column;gap:3px;margin:20px 0 12px;padding:14px 16px;border-left:3px solid #e9a75d;background:#ffffff08;border-radius:7px} .gpnd-intake-intro span,.gpnd-intake-section small{display:block;font-size:12px;opacity:.72;margin:3px 0 7px;font-weight:400} .gpnd-intake-section{margin:10px 0;border:1px solid #385165;border-radius:9px;overflow:hidden;background:#09152255} .gpnd-intake-section>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;display:flex;align-items:center;gap:10px} .gpnd-intake-section>summary::-webkit-details-marker{display:none}.gpnd-intake-section>summary span{font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:#e9a75d} .gpnd-intake-section[open]>summary{border-bottom:1px solid #385165}.gpnd-intake-body{padding:14px 16px 6px}.gpnd-intake-body textarea,.gpnd-intake-body input[type=text],.gpnd-intake-body input[type=date],.gpnd-intake-body select{width:100%;box-sizing:border-box} .gpnd-checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:8px 0 14px}.gpnd-checkgrid label{display:flex;gap:7px;align-items:flex-start;font-size:13px}.gpnd-checkgrid input{margin-top:3px}.gpnd-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gpnd-intake-body fieldset{margin:14px 0;padding:12px;border:1px solid #385165;border-radius:7px}.gpnd-intake-body legend{font-weight:800;padding:0 6px} @media(max-width:650px){.gpnd-checkgrid,.gpnd-two-col{grid-template-columns:1fr}.gpnd-intake-body{padding:12px}.gpnd-intake-section>summary{padding:13px}} /* 0.1.21K — accepted 21I geometry + intake revision. */ .gpnd.gpnd-directory .gpnd-discovery-main{align-self:start!important;align-content:start!important;justify-content:start!important} .gpnd.gpnd-directory .gpnd-discovery-heading{align-self:start!important;margin-bottom:12px!important} .gpnd.gpnd-directory .gpnd-results-grid{align-content:start!important;align-items:start!important;justify-items:stretch!important;margin-top:0!important} .gpnd-problem-hero{margin:14px 0;padding:16px;border:1px solid #e9a75d66;border-left:4px solid #e9a75d;border-radius:8px;background:linear-gradient(110deg,#e9a75d12,transparent)} .gpnd-problem-hero>strong,.gpnd-problem-hero>span{display:block}.gpnd-problem-hero>span{font-size:12px;opacity:.78;margin:4px 0 10px}.gpnd-problem-hero label{display:flex;gap:8px;align-items:center} .gpnd-nextpat-head{display:flex;gap:16px;align-items:center;margin-bottom:12px}.gpnd-nextpat-head img{width:150px;max-height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:5px} .gpnd-repeat-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.6fr) auto;gap:8px;align-items:center;margin:8px 0}.gpnd-repeat-row input{min-width:0}.gpnd-repeat-row label{display:flex;gap:5px;align-items:center;white-space:nowrap} .gpnd-add-row{margin:8px 0 14px!important;background:transparent!important;color:#e9a75d!important;border:1px solid #e9a75d88!important;border-radius:7px!important;padding:8px 12px!important} .gpnd-story-row{border:1px solid #385165;border-radius:8px;padding:12px;margin:10px 0;display:grid;gap:8px}.gpnd-story-tools{display:flex;gap:7px;align-items:center}.gpnd-story-tools button{width:32px;height:30px;padding:0!important}.gpnd-story-tools label{margin-left:auto;display:flex;gap:6px;align-items:center} .gpnd-intake-body select[multiple]{min-height:150px!important}.gpnd-intake-body hr{border:0;border-top:1px solid #385165;margin:18px 0} @media(max-width:650px){.gpnd-repeat-row{grid-template-columns:1fr}.gpnd-nextpat-head{align-items:flex-start;flex-direction:column}.gpnd-story-tools label{margin-left:0}} /* 0.1.21L — discovery presentation repair + real sharing/support entry point. Preserve 21K intake work; keep cards pinned to the top of the results canvas. */ .gpnd.gpnd-directory .gpnd-discovery-shell{align-items:start!important;grid-auto-rows:max-content!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar{align-self:start!important} .gpnd.gpnd-directory .gpnd-discovery-main{align-self:start!important;height:auto!important;min-height:0!important;padding-top:0!important} .gpnd.gpnd-directory .gpnd-discovery-heading{margin-top:14px!important;margin-bottom:10px!important} .gpnd.gpnd-directory .gpnd-results-grid{align-self:start!important;align-content:start!important;grid-auto-rows:max-content!important;padding-top:0!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body{min-height:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:3.1em!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-support-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:6px 0 8px!important;padding:9px 11px!important;border-radius:8px!important;background:var(--gpnd-accent)!important;color:#171717!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-actions button.gpnd-share{border:0!important;background:transparent!important;font-weight:750!important;cursor:pointer!important} .gpnd-support-panel{margin:26px 0!important;padding:20px!important;border:1px solid #d9dde4!important;border-radius:14px!important;background:#fff!important} .gpnd-support-panel h2{margin-top:0!important}.gpnd-support-options{display:flex!important;flex-wrap:wrap!important;gap:10px!important} @media(min-width:1101px){ .gpnd.gpnd-directory .gpnd-results-grid{gap:22px!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{aspect-ratio:4/5.15!important} } /* 0.1.21O — canonical Story: listing carousel, project carousel, full vertical Story */ .gpnd-story-show{width:100%;min-width:0}.gpnd-story-stage{position:relative;min-height:420px;overflow:hidden;border-radius:14px;touch-action:pan-y;background:#20252d}.gpnd-story-frame{display:none;height:100%}.gpnd-story-frame.is-active{display:block}.gpnd-story-slide{min-height:420px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;background:#20252d;color:#f6f7f8;overflow:hidden}.gpnd-story-slide:not(:has(.gpnd-story-media)):not(:has(.gpnd-story-video)){grid-template-columns:1fr}.gpnd-story-media{width:100%;height:100%;min-height:260px;max-height:520px;object-fit:cover;display:block}.gpnd-story-video{min-width:0;background:#090a0c;display:flex;align-items:center;justify-content:center}.gpnd-story-video iframe,.gpnd-story-video video{width:100%;aspect-ratio:16/9;max-height:520px;border:0}.gpnd-story-copy{padding:clamp(20px,4vw,48px);display:flex;flex-direction:column;justify-content:center;min-width:0}.gpnd-story-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#ffe500}.gpnd-story-copy h3{font-size:clamp(25px,3vw,42px);line-height:1.05;margin:7px 0 15px!important;color:inherit!important}.gpnd-story-text{font-size:clamp(14px,1.3vw,18px);line-height:1.6;color:#d9dee4}.gpnd-story-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 0}.gpnd-story-controls button{min-width:42px;min-height:36px;border:1px solid #59626e;border-radius:8px;background:#2c323b;color:#fff;cursor:pointer}.gpnd-project-story{margin:30px 0 42px}.gpnd-story-heading{margin:0 0 14px}.gpnd-story-heading h2{margin:3px 0 0!important}.gpnd-full-story{margin:44px 0;display:grid;gap:24px}.gpnd-full-story>.gpnd-story-heading{margin-bottom:0}.gpnd-story-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid #39414b;border-radius:14px;overflow:hidden;background:#242a31;color:#f4f6f8}.gpnd-story-block:not(:has(.gpnd-story-media)):not(:has(.gpnd-story-video)){grid-template-columns:1fr}.gpnd-story-block .gpnd-story-copy{padding:clamp(22px,3vw,38px)}.gpnd-story-block .gpnd-story-copy h3{font-size:clamp(24px,2.5vw,34px)} .gpnd.gpnd-directory .gpnd-card-back{padding:0!important;display:flex!important;flex-direction:column!important}.gpnd-listing-story{flex:1;min-height:0}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-stage{min-height:100%;height:100%;border-radius:0}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-slide{min-height:100%;height:100%;display:none;grid-template-columns:1fr}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-frame.is-active .gpnd-story-slide{display:flex;flex-direction:column}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-media{height:42%;min-height:150px;flex:0 0 42%}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-copy{padding:18px;justify-content:flex-start;overflow:auto}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-copy h3{font-size:22px!important;margin:5px 0 8px!important}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-text{font-size:13px;line-height:1.45}.gpnd.gpnd-directory .gpnd-card-back .gpnd-story-controls{padding:8px 10px;background:#171b20}.gpnd.gpnd-directory .gpnd-card-back>.gpnd-flip-cue{position:absolute;right:12px;bottom:12px;z-index:3;background:#ffe500;color:#111!important;border-radius:7px;padding:6px 8px;text-decoration:none!important}.gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{aspect-ratio:4/5.5!important} .gpnd-preview-pane .gpnd-action{display:inline-flex;margin-top:6px} @media(max-width:700px){.gpnd-story-slide,.gpnd-story-block{grid-template-columns:1fr}.gpnd-story-stage,.gpnd-story-slide{min-height:460px}.gpnd-story-media{max-height:300px}.gpnd-story-copy{padding:22px}.gpnd-story-copy h3{font-size:28px!important}} /* 0.1.21Q — Story-top geometry repair. Break the detail surface out of narrow theme columns, keep the carousel first, and let content determine page height at every zoom level. */ .gpnd.gpnd-detail{ width:min(1060px,calc(100vw - 24px))!important; max-width:1060px!important; min-width:0!important; margin:24px 0 96px!important; margin-left:calc(50% - 50vw + 12px)!important; transform:none!important; position:relative!important; overflow:visible!important; } .gpnd-detail .gpnd-project-story-top{margin:0 0 34px!important;padding:0 0 30px!important;border-bottom:1px solid #756333!important} .gpnd-detail .gpnd-project-story-top>.gpnd-story-heading{margin:0 0 16px!important} .gpnd-detail .gpnd-project-story-top>.gpnd-story-heading h1{font-size:clamp(30px,4vw,52px)!important;margin:4px 0 8px!important} .gpnd-detail .gpnd-project-story-top>.gpnd-story-heading p{max-width:780px!important;margin:0!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-show,.gpnd-detail .gpnd-project-story-top .gpnd-story-stage,.gpnd-detail .gpnd-full-story{width:100%!important;max-width:none!important;min-width:0!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{min-height:0!important;height:auto!important;overflow:hidden!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-frame{height:auto!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-slide{height:auto!important;min-height:clamp(380px,52vw,560px)!important} .gpnd-detail .gpnd-detail-brand{margin-top:30px!important} .gpnd-detail .gpnd-full-story{margin-top:34px!important} @media(max-width:700px){ .gpnd.gpnd-detail{width:calc(100vw - 12px)!important;max-width:none!important;margin-left:calc(50% - 50vw + 6px)!important;margin-top:6px!important;padding:14px!important;border-radius:12px!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{min-height:0!important;height:auto!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-slide{min-height:420px!important;height:auto!important;grid-template-columns:1fr!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-media{height:auto!important;min-height:0!important;max-height:46svh!important;object-fit:contain!important;background:#111722} .gpnd-detail .gpnd-project-story-top .gpnd-story-copy{padding:20px!important} .gpnd-detail .gpnd-project-story-top .gpnd-story-copy h3{font-size:26px!important} .gpnd-detail .gpnd-story-controls{padding:10px 0 2px!important} .gpnd-detail .gpnd-full-story{gap:18px!important} .gpnd-detail .gpnd-story-block{grid-template-columns:1fr!important} } /* 0.1.21R — center the accepted 21Q dossier geometry without changing Story structure. */ .gpnd.gpnd-detail{ margin:24px 0 96px!important; margin-left:50%!important; transform:translateX(-50%)!important; } @media(max-width:700px){ .gpnd.gpnd-detail{ margin-left:50%!important; transform:translateX(-50%)!important; } } /* 0.1.21S — separate Shows from long-form Story; dossier tabs and reliable Show controls. */ .gpnd-detail .gpnd-detail-brand{margin:0 0 18px!important} .gpnd-detail .gpnd-dossier-intro{margin:0 0 18px} .gpnd-detail .gpnd-dossier-intro h1{font-size:clamp(32px,4vw,54px)!important;margin:0 0 8px!important} .gpnd-detail .gpnd-project-story-top{border-bottom:0!important;margin-bottom:24px!important;padding-bottom:0!important} .gpnd-dossier-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #756333;border-bottom:1px solid #756333;padding:12px 0;margin:26px 0 20px} .gpnd-dossier-tabs button{border:1px solid #756333;background:#20252d;color:#fff;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer} .gpnd-dossier-tabs button[aria-selected="true"]{background:#ffe500;color:#111;border-color:#ffe500} .gpnd-dossier-panel{display:none;min-width:0}.gpnd-dossier-panel.is-active{display:block}.gpnd-dossier-panel>h2{margin:0 0 18px!important} .gpnd-declaration{border-top:1px solid #39414b;padding:18px 0}.gpnd-declaration:first-of-type{border-top:0}.gpnd-declaration p:last-child{margin-bottom:0} .gpnd-longform-story{font-size:17px;line-height:1.7;max-width:900px}.gpnd-longform-story img{max-width:100%;height:auto;border-radius:12px}.gpnd-longform-story iframe{max-width:100%} .gpnd-story-slide.gpnd-layout-info{grid-template-columns:1fr}.gpnd-story-slide.gpnd-layout-image .gpnd-story-media,.gpnd-story-slide.gpnd-layout-media .gpnd-story-media{order:0}.gpnd-story-slide.gpnd-layout-image .gpnd-story-copy,.gpnd-story-slide.gpnd-layout-media .gpnd-story-copy{order:1}.gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy{text-align:center;align-items:center}.gpnd-story-slide.gpnd-layout-cta .gpnd-action{font-size:18px;padding:14px 22px} .gpnd-story-controls{position:relative!important;z-index:20!important;min-height:58px!important;padding:10px 8px!important;margin:0!important;background:transparent!important;clear:both} .gpnd-story-controls button{min-width:48px!important;min-height:44px!important;font-size:20px!important;touch-action:manipulation} .gpnd-story-stage{touch-action:pan-y!important;user-select:none;-webkit-user-select:none} .gpnd-show-previews{margin-top:22px;padding-top:18px;border-top:1px solid #756333}.gpnd-show-previews h4{margin:18px 0 8px!important}.gpnd-show-previews .gpnd-story-stage{min-height:360px}.gpnd-show-previews .gpnd-story-slide{min-height:360px} /* Listing Show controls get their own clear row below the slide surface and above site nav. */ .gpnd.gpnd-directory .gpnd-card-back .gpnd-listing-story{display:flex;flex-direction:column;min-height:0;height:100%} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-show{display:flex;flex-direction:column;height:100%;min-height:0} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-stage{flex:1 1 auto;min-height:0!important;height:auto!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-controls{flex:0 0 58px!important;background:#171b20!important;border-top:1px solid #59626e!important;padding:7px 8px!important} .gpnd.gpnd-directory .gpnd-card-back>.gpnd-flip-cue{bottom:68px!important} @media(max-width:700px){ .gpnd-dossier-tabs{position:sticky;top:0;z-index:25;background:#211f1a;padding:8px 0;flex-wrap:nowrap;overflow-x:auto} .gpnd-dossier-tabs button{white-space:nowrap;flex:0 0 auto} .gpnd-story-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-controls{padding-bottom:8px!important} } /* 0.1.21T — published card containment + canonical Listing Show back. */ .gpnd.gpnd-directory .gpnd-results-grid>.gpnd-card{display:flex!important;flex-direction:column!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-flip{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-inner{height:100%!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-front{overflow:hidden!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body{box-sizing:border-box!important;overflow:hidden!important;min-height:0!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body>h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:2.3em!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-card-body>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:3em!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-support-cta{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .gpnd.gpnd-directory .gpnd-card-back{padding:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-listing-story, .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-show, .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-stage{height:100%!important;min-height:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-frame{height:100%!important;min-height:0!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-slide{height:100%!important;min-height:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-copy{overflow:hidden!important;min-height:0!important} .gpnd.gpnd-directory .gpnd-card-back .gpnd-story-text{overflow:hidden!important} .gpnd.gpnd-directory .gpnd-listing-nav{display:none;align-items:center;justify-content:center;gap:12px;flex:0 0 58px;min-height:58px;padding:7px 10px;background:#20252d;border-top:1px solid #59626e;color:#fff;position:relative;z-index:8} .gpnd.gpnd-directory .gpnd-card:has(.gpnd-flip.is-flipped) .gpnd-listing-nav{display:flex} .gpnd.gpnd-directory .gpnd-listing-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:42px;padding:7px 10px;border:1px solid #6b7787;border-radius:8px;background:#39424e;color:#fff;font-weight:850;cursor:pointer} .gpnd.gpnd-directory .gpnd-listing-nav .gpnd-flip-back{margin-left:auto;min-width:auto;background:transparent;border-color:#756333;color:#fff} .gpnd.gpnd-directory .gpnd-card:has(.gpnd-flip.is-flipped) .gpnd-card-actions{display:none!important} .gpnd.gpnd-directory .gpnd-card-back>.gpnd-flip-cue{display:none!important} @media(max-width:700px){ .gpnd.gpnd-directory .gpnd-listing-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));min-height:60px} .gpnd.gpnd-directory .gpnd-listing-nav button{min-width:48px;min-height:44px} } /* 0.1.21V — Elementor-safe Preview Studio + reliable slide video presentation. */ @media(min-width:951px){ .gpnd:has(.gpnd-editor) .gpnd-editor{display:block!important;margin-right:0!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields{width:100%!important;max-width:none!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane{ position:fixed!important;z-index:99970!important;right:18px!important;top:86px!important; width:min(440px,calc(100vw - 36px))!important;max-height:calc(100vh - 110px)!important; overflow:auto!important;overscroll-behavior:contain;box-shadow:0 24px 80px #000c!important; margin:0!important;padding:16px!important;border:2px solid #8b6b12!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-card{width:min(100%,390px)!important;margin:12px auto!important} } .gpnd-preview-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 10px;position:sticky;top:-16px;z-index:4;padding:8px 0;background:#1b1b1bf2} .gpnd-preview-tabs button{min-height:38px;padding:7px 8px!important;background:#252525!important;color:#eee!important;border:1px solid #65552e!important;font-size:12px!important;font-weight:800} .gpnd-preview-tabs button.is-active{background:#ffca05!important;color:#111!important;border-color:#ffca05!important} .gpnd-preview-panel{display:none!important}.gpnd-preview-panel.is-active{display:block!important} .gpnd-preview-panel>h4{margin:10px 0;color:#fff!important} .gpnd-preview-project-link{margin:12px 0 0!important} .gpnd-story-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#050505;min-height:0} .gpnd-story-video iframe,.gpnd-story-video video{display:block;width:100%!important;height:100%!important;border:0;object-fit:contain;background:#050505} @media(max-width:950px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane{position:fixed!important;z-index:99980!important;inset:12px!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:auto!important;margin:0!important;display:none!important} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-preview-pane{display:flex!important} .gpnd-preview-tabs{top:-14px} } /* 0.1.21W.9 — Market Pulse UI shell only. No persistence or interaction wiring. */ .gpnd-pulse-shell{display:grid;gap:14px} .gpnd-pulse-shell h2{margin:0} .gpnd-pulse-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72} .gpnd-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .gpnd-pulse-grid button{min-height:54px;padding:12px 14px;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;text-align:left;font:inherit;font-weight:700;opacity:.72;cursor:default} .gpnd-pulse-status{margin:0;font-size:.82rem;opacity:.68} @media(max-width:600px){.gpnd-pulse-grid{grid-template-columns:1fr}} /* W.10 — first durable Market Pulse signal: Interested only. */ .gpnd-pulse-form{margin:0;padding:0;display:contents} .gpnd-pulse-grid button strong{font:inherit;margin-left:.45rem} .gpnd-pulse-grid .gpnd-pulse-interested.is-active{outline:2px solid currentColor;outline-offset:2px} /* W.11 — in-place Market Pulse save state. */ .gpnd-pulse-form[data-gpnd-busy="1"] .gpnd-pulse-interested{opacity:.7;cursor:wait} /* W.12 — first reusable Pulse question. */ .gpnd-pulse-question{margin-top:22px;padding-top:20px;border-top:1px solid rgba(127,127,127,.28)} .gpnd-pulse-question h3{margin:5px 0 4px;font-size:clamp(1.05rem,2vw,1.35rem)} .gpnd-pulse-scale{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px} .gpnd-pulse-scale button{min-height:42px;padding:9px 13px;border-radius:999px;cursor:pointer} .gpnd-pulse-scale button.is-active{outline:2px solid currentColor;outline-offset:2px;font-weight:700} .gpnd-pulse-question[data-gpnd-busy="1"] .gpnd-pulse-scale button{opacity:.7;cursor:wait} .gpnd-pulse-question-status{margin:7px 0 0;font-size:.9rem;opacity:.8} /* W.13 — Market Pulse sliding scale. */ .gpnd-pulse-slider-question{margin-top:22px} .gpnd-pulse-slider-labels{display:flex;justify-content:space-between;gap:16px;margin:14px 0 4px;font-size:.9rem;font-weight:700} .gpnd-pulse-slider{width:100%;min-height:36px;cursor:pointer;accent-color:currentColor} .gpnd-pulse-slider:disabled{opacity:.55;cursor:not-allowed} .gpnd-pulse-slider-readout{margin-top:3px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums} .gpnd-pulse-slider-question[data-gpnd-busy="1"] .gpnd-pulse-slider{opacity:.7;cursor:wait} /* 0.1.21W.14 — Market Pulse question deck */ .gpnd-pulse-deck{margin-top:22px;overflow:hidden;border-top:1px solid rgba(127,127,127,.28);padding-top:4px} .gpnd-pulse-deck-track{display:flex;align-items:stretch;transition:transform .28s ease;touch-action:pan-y} .gpnd-pulse-deck-card{flex:0 0 100%;min-width:0;padding:0 2px;box-sizing:border-box} .gpnd-pulse-deck-card .gpnd-pulse-question{border-top:0;margin-top:0;padding-top:16px} .gpnd-pulse-deck-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px} .gpnd-pulse-deck-prev,.gpnd-pulse-deck-next{width:38px;height:38px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:700 1.45rem/1 inherit;cursor:pointer} .gpnd-pulse-deck-dots{display:flex;align-items:center;gap:8px} .gpnd-pulse-deck-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:currentColor;opacity:.28;cursor:pointer} .gpnd-pulse-deck-dots button.is-active{opacity:1;transform:scale(1.2)} .gpnd-pulse-deck-count{text-align:center;margin:5px 0 0;font-size:.78rem;opacity:.62} @media (prefers-reduced-motion:reduce){.gpnd-pulse-deck-track{transition:none}} /* 0.1.21W.15 — Preview Studio geometry, Pulse deck clarity, image display modes, custom slides. */ .gpnd-story-media.gpnd-image-fit-crop{object-fit:cover!important} .gpnd-story-media.gpnd-image-fit-fit{object-fit:contain!important;background:#111722} .gpnd-story-media.gpnd-image-fit-fill{object-fit:fill!important} .gpnd-image-fit-control{display:grid;gap:5px} .gpnd-pulse-deck{border:1px solid rgba(255,229,0,.32);border-radius:14px;padding:12px 14px 10px;background:rgba(255,255,255,.025)} .gpnd-pulse-deck-card{padding:0 8px} .gpnd-pulse-interest-question .gpnd-pulse-form{display:block;margin:14px 0 8px} .gpnd-pulse-interest-question .gpnd-pulse-interested{width:100%;min-height:52px;padding:12px 16px;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:800;display:flex;justify-content:space-between;align-items:center;cursor:pointer} .gpnd-pulse-interest-question .gpnd-pulse-interested.is-active{outline:2px solid currentColor;outline-offset:2px} .gpnd-pulse-deck-count{font-weight:750;opacity:.82} @media(min-width:951px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane{width:min(820px,calc(100vw - 36px))!important} .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-stage, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-stage{min-height:440px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide{min-height:440px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="card"]{max-width:430px;margin-inline:auto} } /* 0.1.21W.15R2 — Preview Studio ONLY split repair. Do not alter public/project Show rendering. Preview panels are explicitly presentation canvases, so an authored Split slide remains two-column here even when the editor shell/theme would otherwise collapse it. */ .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split{ display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important; grid-template-rows:1fr!important; align-items:stretch!important; } .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-media, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-video, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-media, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-video{ grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;height:100%!important;max-height:none!important; } .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-copy, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-copy{ grid-column:2!important;grid-row:1!important;min-width:0!important; } /* The mobile collapse rule is for real page Shows. Preview Studio is a simulated canvas; keep Split truthful there rather than inheriting viewport stacking. */ @media(max-width:700px){ .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split, .gpnd-preview-pane .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important; } } /* W.16 — current project Update */ .gpnd-update-date{margin:.25rem 0 1rem;font-size:.86rem;opacity:.72} .gpnd-project-update{max-width:78ch;line-height:1.65} .gpnd-project-update>:first-child{margin-top:0}.gpnd-project-update>:last-child{margin-bottom:0} .gpnd-update-counter{text-align:right;font-size:.82rem;opacity:.72;margin:.45rem 0 0} .gpnd-update-editor.is-over-limit .gpnd-update-counter{font-weight:800;text-decoration:underline} /* 0.1.21W.18 — dossier/pulse presentation cleanup + Preview Studio save. */ .gpnd-declaration-heading{margin:0 0 8px!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.015em!important;color:inherit!important} .gpnd-support-panel{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important} .gpnd-support-panel>.gpnd-hint{display:inline-block;margin:4px 0 10px!important;padding:8px 10px!important;border:1px solid rgba(127,127,127,.22);border-radius:8px;background:rgba(127,127,127,.06);opacity:.75} .gpnd-pulse-deck{contain:layout paint;isolation:isolate} .gpnd-pulse-deck-track{width:100%;overflow:visible} .gpnd-pulse-deck-card{overflow:hidden;visibility:hidden;pointer-events:none} .gpnd-pulse-deck-card.is-current{visibility:visible;pointer-events:auto} .gpnd-preview-actions{display:flex;align-items:center;gap:10px} .gpnd-preview-save{min-height:38px!important;padding:8px 13px!important;border:0!important;border-radius:8px!important;background:#ffca05!important;color:#111!important;font-weight:850!important;cursor:pointer} @media(max-width:520px){.gpnd-preview-actions{gap:6px}.gpnd-preview-save{padding:7px 10px!important;font-size:12px!important}} /* W.19 Story Composer */ .gpnd-story-block{border:1px solid rgba(255,210,0,.28);border-radius:14px;padding:16px;margin:0 0 14px;background:rgba(0,0,0,.12);display:grid;gap:12px}.gpnd-story-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.gpnd-story-block-head>div{display:flex;gap:7px}.gpnd-story-block-head button,.gpnd-story-media-line button{min-height:38px;padding:7px 11px}.gpnd-story-media-line{display:flex;gap:8px;align-items:center}.gpnd-story-media-line input{flex:1;min-width:0}.gpnd-story-addbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gpnd-story-composed{display:grid;gap:22px}.gpnd-story-public-block{padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.12)}.gpnd-story-public-block:last-child{border-bottom:0}.gpnd-story-public-block h3{font-size:clamp(1.35rem,2vw,2rem);margin:0 0 12px}.gpnd-story-public-image{display:block;width:100%;max-height:620px;border-radius:14px;background:#15191d}.gpnd-story-public-image.is-crop{height:min(54vw,520px);object-fit:cover}.gpnd-story-public-image.is-fit{height:min(54vw,520px);object-fit:contain}.gpnd-story-public-image.is-fill{height:min(54vw,520px);object-fit:fill}.gpnd-story-video{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;border-radius:14px}.gpnd-story-video iframe{position:absolute;inset:0;width:100%;height:100%}.gpnd-story-copy{font-size:1.05rem;line-height:1.7}.gpnd-story-public-image+.gpnd-story-copy{margin-top:14px}@media(max-width:700px){.gpnd-story-media-line{align-items:stretch;flex-direction:column}.gpnd-story-block-head{align-items:flex-start}.gpnd-story-block-head>div{flex-wrap:wrap;justify-content:flex-end}} /* W.19R2 constrained Story composer */ .gpnd-story-limits{margin:10px 0 16px;padding:10px 12px;border:1px solid rgba(255,210,0,.25);border-radius:10px;font-size:.92rem}.gpnd-mini-editor{border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden}.gpnd-mini-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;background:rgba(0,0,0,.24);border-bottom:1px solid rgba(255,255,255,.12)}.gpnd-mini-toolbar button{min-height:34px!important;padding:5px 9px!important;width:auto!important}.gpnd-mini-surface{min-height:150px;padding:14px;background:rgba(255,255,255,.04);line-height:1.65;outline:none}.gpnd-mini-surface:focus{box-shadow:inset 0 0 0 2px rgba(255,210,0,.45)}.gpnd-mini-surface h3{font-size:1.35rem;margin:.5em 0}.gpnd-mini-surface blockquote{border-left:3px solid #ffd200;margin:1em 0;padding-left:1em}.gpnd-story-count{text-align:right;padding:5px 9px;font-size:.78rem;opacity:.75}.gpnd-story-composed{display:block;max-width:100%}.gpnd-story-public-block{border:0!important;padding:0!important;margin:0 auto 30px!important}.gpnd-story-public-wysiwyg{max-width:760px}.gpnd-story-public-wysiwyg .gpnd-story-copy{font-size:1.08rem;line-height:1.75}.gpnd-story-public-wysiwyg .gpnd-story-copy h2,.gpnd-story-public-wysiwyg .gpnd-story-copy h3{margin:1.3em 0 .55em;line-height:1.18}.gpnd-story-public-wysiwyg .gpnd-story-copy ul,.gpnd-story-public-wysiwyg .gpnd-story-copy ol{padding-left:1.5em}.gpnd-story-public-wysiwyg .gpnd-story-copy blockquote{border-left:3px solid #ffd200;margin:1.3em 0;padding:.15em 0 .15em 1.1em;font-size:1.12em}.gpnd-story-public-image-block,.gpnd-story-public-media{max-width:1040px}.gpnd-story-public-image{border-radius:14px}.gpnd-story-public-media .gpnd-story-video{margin:0}.gpnd-story-public-media+.gpnd-story-public-wysiwyg,.gpnd-story-public-image-block+.gpnd-story-public-wysiwyg{margin-top:36px!important} /* 0.1.21W.19R3 — readable Story editor + non-constraining Preview Studio. */ .gpnd-mini-editor textarea[hidden],.gpnd-story-block textarea[hidden]{display:none!important} .gpnd-mini-surface,.gpnd-mini-surface p,.gpnd-mini-surface li,.gpnd-mini-surface blockquote{color:#f5f7fb!important} .gpnd-mini-surface h1,.gpnd-mini-surface h2,.gpnd-mini-surface h3,.gpnd-mini-surface h4,.gpnd-mini-surface h5,.gpnd-mini-surface h6,.gpnd-mini-surface strong,.gpnd-mini-surface b{color:#fff!important} .gpnd-mini-surface a{color:#ffe500!important;text-decoration:underline;text-underline-offset:2px} .gpnd-mini-surface::selection,.gpnd-mini-surface *::selection{background:#2878ff;color:#fff} .gpnd-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .gpnd-preview-minimize{min-width:38px!important;min-height:38px!important;padding:6px 10px!important;border:1px solid #756333!important;background:#252525!important;color:#fff!important;font-weight:900!important} @media(min-width:951px){ .gpnd:has(.gpnd-editor) .gpnd-editor{display:block!important;width:100%!important;max-width:none!important;padding-right:0!important;margin-right:0!important} .gpnd:has(.gpnd-editor) .gpnd-editor-fields{width:100%!important;max-width:none!important;margin:0!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane{width:min(460px,calc(100vw - 36px))!important;right:18px!important;left:auto;top:86px!important;max-height:calc(100vh - 110px)!important;cursor:default} .gpnd:has(.gpnd-editor) .gpnd-preview-heading{cursor:move;touch-action:none;user-select:none} .gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized{width:auto!important;max-width:460px!important;overflow:hidden!important;padding:10px 12px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-preview-tabs,.gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-preview-panel,.gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-preview-project-link,.gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-preview-save,.gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-live-dot{display:none!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-preview-heading h3{margin:0!important;font-size:15px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-pane.is-minimized .gpnd-studio-kicker{display:none!important} } /* 0.1.21W.19R4 — Preview Studio production-scale canvas. Show previews keep a fixed desktop production canvas and are uniformly scaled to the Studio viewport. Resizing the Studio changes scale, never Show layout. */ @media(min-width:951px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane{ width:min(760px,calc(100vw - 36px))!important; min-width:420px!important; resize:both!important; } .gpnd-preview-panel[data-preview-panel="listing"], .gpnd-preview-panel[data-preview-panel="project"]{overflow:hidden!important} .gpnd-preview-canvas-viewport{position:relative;width:100%;overflow:hidden!important;margin:0 auto} .gpnd-preview-canvas{width:760px!important;max-width:none!important;transform-origin:top left;will-change:transform} .gpnd-preview-canvas .gpnd-story-show{width:760px!important;max-width:none!important} .gpnd-preview-canvas .gpnd-story-stage{width:760px!important;min-height:440px!important} .gpnd-preview-canvas .gpnd-story-slide{width:760px!important;min-height:440px!important} } /* 0.1.21W.19R7 — explicit Preview Studio resize + mobile escape hatch. */ .gpnd-preview-close{display:none!important} .gpnd-preview-resize-handle{display:none} @media(min-width:951px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane{min-height:320px!important;overflow:auto!important} .gpnd-preview-resize-handle{display:block;position:absolute;right:4px;bottom:4px;width:24px;height:24px;z-index:20;cursor:nwse-resize;touch-action:none;border-right:3px solid #ffca05;border-bottom:3px solid #ffca05;border-radius:0 0 7px 0;opacity:.9} .gpnd-preview-pane.is-minimized .gpnd-preview-resize-handle{display:none} } @media(max-width:950px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane{position:fixed!important;z-index:99980!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:auto!important;padding:14px!important} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-preview-pane{display:flex!important;flex-direction:column!important} .gpnd-preview-heading{position:sticky!important;top:-14px!important;z-index:30!important;background:#1b1b1bf7!important;padding:10px 0!important} .gpnd-preview-close{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;padding:6px 10px!important;border:1px solid #756333!important;background:#252525!important;color:#fff!important;font-size:18px!important;font-weight:900!important} .gpnd-preview-minimize{display:none!important} .gpnd-preview-tabs{top:54px!important} } /* 0.1.21W.21R2 — isolated mobile Preview drawer. Desktop keeps R7 drag/resize. Mobile Preview stays in normal flow so the legacy viewport transform cannot turn a fixed floater into a giant canvas. */ @media(max-width:950px){ .gpnd:has(.gpnd-editor) .gpnd-preview-pane, .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-preview-pane{ position:relative!important; inset:auto!important; left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; width:100%!important;max-width:100%!important;min-width:0!important; height:auto!important;max-height:none!important;min-height:0!important; margin:0!important;padding:14px!important;border-radius:12px!important; overflow:visible!important;transform:none!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-heading{ position:sticky!important;top:0!important;z-index:30!important; background:#1b1b1bf7!important;padding:10px 0!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-tabs{top:64px!important} .gpnd:has(.gpnd-editor) .gpnd-preview-resize-handle, .gpnd:has(.gpnd-editor) .gpnd-preview-minimize{display:none!important} .gpnd:has(.gpnd-editor) .gpnd-preview-close{display:inline-flex!important} .gpnd:has(.gpnd-editor) .gpnd-preview-canvas-viewport, .gpnd:has(.gpnd-editor) .gpnd-preview-canvas, .gpnd:has(.gpnd-editor) .gpnd-preview-canvas .gpnd-story-show, .gpnd:has(.gpnd-editor) .gpnd-preview-canvas .gpnd-story-stage, .gpnd:has(.gpnd-editor) .gpnd-preview-canvas .gpnd-story-slide{ width:100%!important;max-width:100%!important;min-width:0!important; height:auto!important;transform:none!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split{ grid-template-columns:1fr!important;grid-template-rows:auto auto!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-media, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-video, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-media, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-video{ grid-column:1!important;grid-row:1!important;height:auto!important;min-height:180px!important; } .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-copy, .gpnd:has(.gpnd-editor) .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide.gpnd-layout-split>.gpnd-story-copy{ grid-column:1!important;grid-row:2!important; } .gpnd:has(.gpnd-editor) .gpnd-editor-fields{min-width:0!important;max-width:100%!important} .gpnd:has(.gpnd-editor) .gpnd-fields-heading{min-width:0!important;max-width:100%!important} } /* W.165an: removed obsolete desktop two-column grid rule (W.23). */ .gpnd.gpnd-directory .gpnd-show-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-directory-show{display:flex;flex-direction:column;min-width:0;background:#20252d;color:#f6f7f8} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-stage{height:auto!important;min-height:0!important;aspect-ratio:16/10;border-radius:0!important;background:#20252d!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-frame{height:100%!important;min-height:0!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-frame.is-active{display:block!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-slide{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-slide:not(:has(.gpnd-story-media)):not(:has(.gpnd-story-video)){grid-template-columns:1fr!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-media{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-copy{padding:clamp(16px,2.2vw,28px)!important;justify-content:center!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-copy h3{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.05!important;margin:6px 0 10px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-text{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.45!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-text p{margin:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} .gpnd.gpnd-directory .gpnd-directory-show-nav{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:7px 10px;background:#171b20;border-top:1px solid #59626e;color:#fff} .gpnd.gpnd-directory .gpnd-directory-show-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:36px;padding:6px 10px;border:1px solid #6b7787;border-radius:8px;background:#39424e;color:#fff;font-weight:850;cursor:pointer} .gpnd.gpnd-directory .gpnd-show-card .gpnd-card-actions{display:flex!important;flex:0 0 auto!important;background:#2a2f37!important;border-top:1px solid #756333!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-support-cta{width:auto!important;margin:0!important;white-space:nowrap!important} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-stage{aspect-ratio:1/1.15!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-slide{display:flex!important;flex-direction:column!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-media{height:46%!important;flex:0 0 46%!important;object-fit:cover!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-copy{flex:1 1 auto!important;padding:16px 17px!important;justify-content:flex-start!important} .gpnd.gpnd-directory .gpnd-directory-show .gpnd-story-copy h3{font-size:22px!important} .gpnd.gpnd-directory .gpnd-directory-show-nav{min-height:52px;padding-bottom:max(7px,env(safe-area-inset-bottom))} } /* 0.1.21W.24 — canonical Listing Show renderer. Listing Show has one dependable geometry independent of Project/Story templates. Featured image is slide 1. Authored listing slides normalize to media/content on desktop and a constrained stack on mobile. */ .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-stage, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-stage{ aspect-ratio:16/9!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#20252d!important; } .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-frame, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-frame{height:100%!important;min-height:0!important} .gpnd-listing-featured-slide{width:100%;height:100%;min-width:0;background:#111722;overflow:hidden} .gpnd-listing-featured-image{display:block;width:100%;height:100%;object-fit:cover;background:#111722} .gpnd.gpnd-directory .gpnd-listing-normalized-slide, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide{ width:100%!important;height:100%!important;min-height:0!important;display:grid!important; grid-template-columns:minmax(0,44%) minmax(0,56%)!important;grid-template-rows:1fr!important; grid-template-areas:"media copy"!important;align-items:stretch!important;background:#20252d!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide.no-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide.no-media{ grid-template-columns:1fr!important;grid-template-areas:"copy"!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-media, .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-video, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-video{ grid-area:media!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-copy{ grid-area:copy!important;min-width:0!important;height:100%!important;padding:clamp(18px,2.4vw,32px)!important; display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-media{object-fit:cover} .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-media.gpnd-image-fit-fit, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-media.gpnd-image-fit-fit{object-fit:contain!important} .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-media.gpnd-image-fit-fill, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-media.gpnd-image-fit-fill{object-fit:fill!important} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-stage, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-stage{aspect-ratio:1/1.15!important} .gpnd.gpnd-directory .gpnd-listing-normalized-slide, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide{ display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,46%) minmax(0,54%)!important; grid-template-areas:"media" "copy"!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide.no-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide.no-media{grid-template-rows:1fr!important;grid-template-areas:"copy"!important} .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-copy{padding:16px 17px!important;justify-content:flex-start!important} .gpnd-listing-featured-image{object-fit:cover!important} } /* 0.1.21W.25 — Listing Show is the portrait directory card. Card/Flip preview is retired. Featured image is fallback media for listing slides. */ .gpnd.gpnd-directory .gpnd-listing-show, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show{width:100%;max-width:430px;margin-inline:auto} .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-stage, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-stage{ aspect-ratio:4/5!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#20252d!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide, .gpnd.gpnd-directory .gpnd-listing-identity-slide, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-identity-slide{ width:100%!important;height:100%!important;min-height:0!important;display:grid!important; grid-template-columns:1fr!important;grid-template-rows:minmax(0,55%) minmax(0,45%)!important; grid-template-areas:"media" "copy"!important;background:#20252d!important;overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide.no-media, .gpnd.gpnd-directory .gpnd-listing-identity-slide.no-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide.no-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-identity-slide.no-media{ grid-template-rows:1fr!important;grid-template-areas:"copy"!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-media, .gpnd.gpnd-directory .gpnd-listing-identity-slide>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-identity-slide>.gpnd-story-media{ grid-area:media!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important; } .gpnd.gpnd-directory .gpnd-listing-normalized-slide>.gpnd-story-copy, .gpnd.gpnd-directory .gpnd-listing-identity-slide>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-normalized-slide>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-identity-slide>.gpnd-story-copy{ grid-area:copy!important;height:100%!important;min-height:0!important;padding:16px 18px!important; display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-copy h3, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-copy h3{ font-size:clamp(21px,2vw,28px)!important;line-height:1.08!important;margin:5px 0 9px!important; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; } .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-text, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-text{font-size:14px!important;line-height:1.38!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-text p, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0!important} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-stage, .gpnd-preview-panel[data-preview-panel="listing"] .gpnd-listing-show .gpnd-story-stage{aspect-ratio:4/5!important} } /* 0.1.21W.26 — Show contract: Listing Show is automatic; Project Show has only three constrained templates. */ .gpnd-project-template-control{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#cfd5dc} .gpnd-project-template-control select{width:100%} /* Project Show frame is fixed. Content is constrained; it never grows the slide. */ .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-stage, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;overflow:hidden!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-frame, .gpnd-detail .gpnd-project-story-top .gpnd-story-frame{height:100%!important;min-height:0!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-slide, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important} /* Image / Media: creator supplies the finished composition. */ .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_only, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_only{display:block!important;position:relative!important;background:#111722!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_only>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_only>.gpnd-story-video, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_only>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_only>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_only>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_only>.gpnd-story-copy{display:none!important} /* Image + Text and CTA: media left, constrained copy right. */ .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text>.gpnd-story-video, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta>.gpnd-story-media, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta>.gpnd-story-video, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text>.gpnd-story-video, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta>.gpnd-story-copy{height:100%!important;min-height:0!important;overflow:hidden!important;padding:clamp(20px,3vw,38px)!important;justify-content:center!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text .gpnd-story-text, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta .gpnd-story-text{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:6!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta .gpnd-action, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta .gpnd-action{align-self:flex-start!important;margin-top:12px!important} @media(max-width:700px){ .gpnd-preview-panel[data-preview-panel="project"] .gpnd-story-stage, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{aspect-ratio:4/5!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta{grid-template-columns:1fr!important;grid-template-rows:minmax(0,52%) minmax(0,48%)!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text>.gpnd-story-copy, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta>.gpnd-story-copy{padding:16px 18px!important;justify-content:flex-start!important} .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-image_text .gpnd-story-text, .gpnd-preview-panel[data-preview-panel="project"] .gpnd-layout-cta .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta .gpnd-story-text{-webkit-line-clamp:4!important} } /* W.27 — separate Listing Show and Project Show authoring/preview contracts */ .gpnd-listing-builder-row{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px;margin:12px 0;display:grid;gap:10px;background:rgba(255,255,255,.025)} .gpnd-listing-builder-row textarea{resize:vertical;max-height:140px} .gpnd-inline-show-preview{margin-top:22px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0d0f12;overflow:hidden} .gpnd-inline-show-preview .gpnd-preview-heading{cursor:default;margin-bottom:14px} .gpnd-inline-show-preview .gpnd-listing-show{width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important} .gpnd-inline-show-preview .gpnd-listing-show .gpnd-story-stage, .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-stage{aspect-ratio:4/5!important;height:auto!important;min-height:0!important;overflow:hidden!important} .gpnd-inline-show-preview .gpnd-listing-show .gpnd-story-frame, .gpnd.gpnd-directory .gpnd-listing-show .gpnd-story-frame{height:100%!important;min-height:0!important} .gpnd-inline-show-preview .gpnd-listing-custom-slide, .gpnd.gpnd-directory .gpnd-listing-custom-slide{height:100%!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:58% 42%!important;grid-template-columns:1fr!important} .gpnd-inline-show-preview .gpnd-listing-type-media, .gpnd.gpnd-directory .gpnd-listing-type-media{display:block!important} .gpnd-inline-show-preview .gpnd-listing-type-media>.gpnd-story-media, .gpnd.gpnd-directory .gpnd-listing-type-media>.gpnd-story-media, .gpnd-inline-show-preview .gpnd-listing-type-media>.gpnd-story-video, .gpnd.gpnd-directory .gpnd-listing-type-media>.gpnd-story-video{width:100%!important;height:100%!important;max-height:none!important} .gpnd-inline-show-preview .gpnd-listing-type-text, .gpnd.gpnd-directory .gpnd-listing-type-text{display:flex!important;grid-template-rows:none!important;align-items:center!important} .gpnd-inline-show-preview .gpnd-listing-custom-slide>.gpnd-story-media, .gpnd.gpnd-directory .gpnd-listing-custom-slide>.gpnd-story-media, .gpnd-inline-show-preview .gpnd-listing-custom-slide>.gpnd-story-video, .gpnd.gpnd-directory .gpnd-listing-custom-slide>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-inline-show-preview .gpnd-listing-custom-slide>.gpnd-story-copy, .gpnd.gpnd-directory .gpnd-listing-custom-slide>.gpnd-story-copy{height:100%!important;min-height:0!important;overflow:hidden!important;padding:16px 18px!important;justify-content:center!important} .gpnd-inline-show-preview .gpnd-listing-custom-slide h3, .gpnd.gpnd-directory .gpnd-listing-custom-slide h3{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.08!important;margin:0 0 8px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .gpnd-inline-show-preview .gpnd-listing-custom-slide .gpnd-story-text p, .gpnd.gpnd-directory .gpnd-listing-custom-slide .gpnd-story-text p{margin:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden} .gpnd-project-inline-preview .gpnd-story-show{width:100%;max-width:900px;margin:0 auto} .gpnd-project-inline-preview .gpnd-story-stage{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;overflow:hidden!important} .gpnd-project-inline-preview .gpnd-story-frame,.gpnd-project-inline-preview .gpnd-story-slide{height:100%!important;min-height:0!important;overflow:hidden!important} @media(max-width:700px){.gpnd-project-inline-preview .gpnd-story-stage{aspect-ratio:4/5!important}.gpnd-inline-show-preview{padding:10px}} /* W.28 — Featured Card -> Flip -> Listing Show. Listing and Project builders stay separate. */ .gpnd.gpnd-directory .gpnd-show-card>.gpnd-directory-flip{width:100%;min-width:0;perspective:1200px;cursor:pointer} .gpnd.gpnd-directory .gpnd-show-card>.gpnd-directory-flip>.gpnd-card-inner{aspect-ratio:4/5!important;height:auto!important;min-height:0!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-featured-card{display:flex!important;flex-direction:column!important;padding:0!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-featured-card .gpnd-art{flex:1 1 auto!important;min-height:0!important;background-size:cover!important;background-position:center!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-featured-card .gpnd-card-body{flex:0 0 auto!important;padding:15px 16px 14px!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-featured-card .gpnd-card-body p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-card-back{padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-card-back .gpnd-listing-story,.gpnd.gpnd-directory .gpnd-show-card .gpnd-listing-show{height:100%!important;min-height:0!important;max-width:none!important;width:100%!important;margin:0!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-listing-show{display:flex!important;flex-direction:column!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-listing-show .gpnd-story-stage{flex:1 1 auto!important;aspect-ratio:auto!important;height:auto!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-directory-show-nav{flex:0 0 auto!important;min-height:48px!important;padding:6px 8px!important;gap:8px!important} .gpnd.gpnd-directory .gpnd-show-card .gpnd-flip-back{display:inline-flex!important;margin:0 0 0 auto!important;color:#fff!important;background:#303844!important;border:1px solid #697585!important;padding:6px 9px!important;border-radius:7px!important} .gpnd-directory-card-preview .gpnd-preview-card{display:block!important;width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important} .gpnd-directory-card-preview .gpnd-card-inner{aspect-ratio:4/5!important} .gpnd-directory-card-preview .gpnd-featured-card{display:flex!important;flex-direction:column!important;padding:0!important;background:#20252d!important;color:#fff!important} .gpnd-directory-card-preview .gpnd-featured-card .gpnd-art{flex:1 1 auto!important;min-height:0!important;background-size:cover!important;background-position:center!important} .gpnd-directory-card-preview .gpnd-featured-card .gpnd-card-body{flex:0 0 auto!important;padding:15px 16px!important} .gpnd-directory-card-preview .gpnd-card-back{padding:0!important;background:#20252d!important} .gpnd-directory-card-preview .gpnd-listing-story,.gpnd-directory-card-preview .gpnd-listing-show{height:100%!important;width:100%!important;max-width:none!important;margin:0!important} .gpnd-directory-card-preview .gpnd-listing-show{display:flex!important;flex-direction:column!important} .gpnd-directory-card-preview .gpnd-listing-show .gpnd-story-stage{flex:1 1 auto!important;aspect-ratio:auto!important;height:auto!important} .gpnd-directory-card-preview .gpnd-directory-show-nav{flex:0 0 auto!important} .gpnd-directory-card-preview .gpnd-flip-back{display:inline-flex!important;margin-left:auto!important} .gpnd-canned-project-slide{padding:14px!important} .gpnd-canned-slide-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.035)} .gpnd-canned-slide-title span{font-size:12px;opacity:.65} /* W.29 — compact external Listing Show controls + faithful Project Show preview. */ .gpnd-directory-card-unit{width:100%;min-width:0} .gpnd-directory-card-unit>.gpnd-directory-flip{width:100%;min-width:0;perspective:1200px;cursor:pointer} .gpnd-directory-card-unit>.gpnd-directory-show-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:0;background:transparent;border:0;min-height:0;color:inherit;flex-wrap:nowrap} .gpnd-directory-card-unit>.gpnd-directory-show-nav button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:30px;min-height:28px;height:28px;padding:3px 8px;border:1px solid #697585;border-radius:6px;background:#303844;color:#fff;font-size:12px;line-height:1;font-weight:800;white-space:nowrap;cursor:pointer} .gpnd-directory-card-unit>.gpnd-directory-show-nav span{font-size:12px;line-height:1;white-space:nowrap;min-width:38px;text-align:center} .gpnd-directory-card-unit>.gpnd-directory-show-nav .gpnd-flip-back{margin-left:2px!important;padding-inline:8px!important} .gpnd-directory-card-preview .gpnd-preview-card{width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important} .gpnd-directory-card-preview .gpnd-directory-card-unit>.gpnd-directory-show-nav{color:#fff} @media(max-width:480px){.gpnd-directory-card-unit>.gpnd-directory-show-nav{gap:5px}.gpnd-directory-card-unit>.gpnd-directory-show-nav button{min-width:28px;height:27px;min-height:27px;padding:2px 7px;font-size:11px}.gpnd-directory-card-unit>.gpnd-directory-show-nav span{font-size:11px;min-width:34px}} /* Project Show preview uses the same fixed desktop slide geometry as the public Project Show. */ .gpnd-project-inline-preview .gpnd-story-slide{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important} .gpnd-project-inline-preview .gpnd-layout-image_only{display:block!important;position:relative!important;background:#111722!important} .gpnd-project-inline-preview .gpnd-layout-image_only>.gpnd-story-media,.gpnd-project-inline-preview .gpnd-layout-image_only>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-project-inline-preview .gpnd-layout-image_only>.gpnd-story-copy{display:none!important} .gpnd-project-inline-preview .gpnd-layout-image_text,.gpnd-project-inline-preview .gpnd-layout-cta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important} .gpnd-project-inline-preview .gpnd-layout-image_text>.gpnd-story-media,.gpnd-project-inline-preview .gpnd-layout-image_text>.gpnd-story-video,.gpnd-project-inline-preview .gpnd-layout-cta>.gpnd-story-media,.gpnd-project-inline-preview .gpnd-layout-cta>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-project-inline-preview .gpnd-layout-image_text>.gpnd-story-copy,.gpnd-project-inline-preview .gpnd-layout-cta>.gpnd-story-copy{height:100%!important;min-height:0!important;overflow:hidden!important;padding:clamp(20px,3vw,38px)!important;justify-content:center!important} .gpnd-project-inline-preview .gpnd-layout-image_text .gpnd-story-text,.gpnd-project-inline-preview .gpnd-layout-cta .gpnd-story-text{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:6!important} @media(max-width:700px){.gpnd-project-inline-preview .gpnd-layout-image_text,.gpnd-project-inline-preview .gpnd-layout-cta{grid-template-columns:1fr!important;grid-template-rows:minmax(0,52%) minmax(0,48%)!important}.gpnd-project-inline-preview .gpnd-layout-image_text>.gpnd-story-copy,.gpnd-project-inline-preview .gpnd-layout-cta>.gpnd-story-copy{padding:16px 18px!important;justify-content:flex-start!important}.gpnd-project-inline-preview .gpnd-layout-image_text .gpnd-story-text,.gpnd-project-inline-preview .gpnd-layout-cta .gpnd-story-text{-webkit-line-clamp:4!important}} /* W.36 — initial discovery results align to the top of their column. Remove the obsolete W.30 vertical reserve (Listing Show was retired). Preserve the existing discovery shell and CARD4 grid geometry. */ .gpnd.gpnd-directory .gpnd-discovery-main{padding-top:0!important} /* The public/preview card is content-only. Navigation lives in the compact strip below it. */ .gpnd-directory-card-unit>[data-listing-nav]{visibility:hidden;pointer-events:none} .gpnd-directory-card-unit:has(.gpnd-directory-flip.is-flipped)>[data-listing-nav]{visibility:visible;pointer-events:auto} .gpnd-directory-card-unit>[data-listing-nav] button{box-shadow:none!important} /* Every Listing Show frame occupies the same back face; only the active frame is visible. */ .gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-stage{position:relative!important;width:100%!important;height:100%!important;min-height:0!important} .gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:none!important} .gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active{display:block!important} /* Pulse cards are translated as a deck; visibility alone leaves later flex cards off-canvas. */ .gpnd-pulse-deck-track{transform:translate3d(0,0,0)} /* Project Show preview and public Show share the same desktop two-column contract. */ .gpnd-project-inline-preview .gpnd-layout-image_text, .gpnd-project-inline-preview .gpnd-layout-cta, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important} @media(max-width:700px){ .gpnd-project-inline-preview .gpnd-layout-image_text, .gpnd-project-inline-preview .gpnd-layout-cta, .gpnd-detail .gpnd-project-story-top .gpnd-layout-image_text, .gpnd-detail .gpnd-project-story-top .gpnd-layout-cta{grid-template-columns:1fr!important;grid-template-rows:minmax(0,52%) minmax(0,48%)!important} } /* W.31 — direct-on-slide Listing Show editor and deterministic back-face carousel. */ .gpnd-listing-slide-editor{margin:16px 0 22px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.025)} .gpnd-listing-slide-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.gpnd-listing-slide-toolbar strong{margin-right:auto}.gpnd-listing-slide-toolbar label{display:flex;align-items:center;gap:6px;margin:0}.gpnd-listing-slide-toolbar select{width:auto;min-width:145px}.gpnd-listing-slide-toolbar button{min-width:30px!important;min-height:30px!important;height:30px!important;padding:4px 8px!important} .gpnd-listing-slide-canvas{aspect-ratio:4/5;width:min(100%,430px);margin:0 auto;overflow:hidden;border-radius:12px;border:1px solid #4a525e;background:#15191f;display:grid;grid-template-rows:58% 42%;box-shadow:0 10px 26px #0005} .gpnd-listing-canvas-media{min-height:0;background:#252b33 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#929ba7;font-size:12px;text-align:center;padding:10px}.gpnd-listing-canvas-copy{min-height:0;padding:16px;background:#11151a;display:flex;flex-direction:column;gap:8px}.gpnd-listing-canvas-title,.gpnd-listing-canvas-text{width:100%!important;margin:0!important;border:1px dashed transparent!important;background:transparent!important;color:#fff!important;box-shadow:none!important;border-radius:6px!important;padding:6px!important}.gpnd-listing-canvas-title{font-size:22px!important;font-weight:800!important;line-height:1.1!important}.gpnd-listing-canvas-text{font-size:14px!important;line-height:1.4!important;resize:none!important;flex:1 1 auto!important;min-height:0!important}.gpnd-listing-canvas-title:focus,.gpnd-listing-canvas-text:focus{outline:none!important;border-color:#ffe500!important;background:#ffffff08!important} .gpnd-listing-editor-type-media{display:block}.gpnd-listing-editor-type-media .gpnd-listing-canvas-media{height:100%}.gpnd-listing-editor-type-media .gpnd-listing-canvas-copy{display:none}.gpnd-listing-editor-type-text{display:block}.gpnd-listing-editor-type-text .gpnd-listing-canvas-media{display:none}.gpnd-listing-editor-type-text .gpnd-listing-canvas-copy{height:100%;justify-content:center}.gpnd-listing-slide-properties{width:min(100%,430px);margin:10px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.gpnd-listing-slide-properties label{margin:0;white-space:nowrap}.gpnd-listing-slide-properties select{width:auto} .gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2!important}.gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active>.gpnd-story-slide{display:flex!important;width:100%!important;height:100%!important;min-height:0!important}.gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active>.gpnd-listing-type-text{justify-content:center!important}.gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active>.gpnd-listing-type-media{display:block!important}.gpnd-directory-card-unit .gpnd-listing-show .gpnd-story-frame.is-active>.gpnd-listing-type-media>.gpnd-story-media{width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover} @media(max-width:560px){.gpnd-listing-slide-properties{grid-template-columns:1fr}.gpnd-listing-slide-toolbar strong{width:100%}.gpnd-listing-slide-toolbar{gap:6px}.gpnd-listing-slide-toolbar label{margin-right:auto}.gpnd-listing-slide-canvas{width:100%}} /* W.33 baseline — Listing Show deck builder: one authoritative 4:5 editing canvas + thumbnail rail. */ .gpnd-slide-deck-builder{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:start;margin-top:14px} .gpnd-slide-rail{position:sticky;top:12px;display:flex;flex-direction:column;gap:9px;max-height:78vh;overflow:auto;padding:4px 4px 10px} .gpnd-slide-thumbs{display:flex;flex-direction:column;gap:9px} .gpnd-slide-thumb{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:center;width:100%;padding:3px!important;min-height:0!important;border:1px solid #4a525e!important;border-radius:8px!important;background:#11151a!important;color:#fff!important;text-align:left} .gpnd-slide-thumb.is-active{border-color:#ffe500!important;box-shadow:0 0 0 1px #ffe500 inset}.gpnd-slide-thumb-num{font-size:11px;font-weight:800;text-align:center}.gpnd-slide-thumb-canvas{aspect-ratio:4/5;border-radius:5px;background:#252b33 center/cover no-repeat;overflow:hidden;display:flex;align-items:flex-end;padding:5px;font-size:8px;line-height:1.15;color:#fff}.gpnd-slide-thumb-canvas span{display:block;width:100%;padding:3px;background:#000a;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gpnd-slide-add{width:100%!important;min-width:0!important;min-height:32px!important;padding:5px 6px!important;font-size:12px!important} .gpnd-slide-workspace{min-width:0}.gpnd-slide-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:10px;width:min(100%,430px);margin:0 auto 8px;color:#cbd1d8;font-size:12px}.gpnd-slide-workspace-head strong{font-size:14px;color:#fff}.gpnd-slide-workspace .gpnd-listing-slide-editor{display:none;margin:0;padding:0;border:0;background:transparent}.gpnd-slide-workspace .gpnd-listing-slide-editor.is-active{display:block}.gpnd-slide-workspace .gpnd-listing-slide-toolbar{width:min(100%,430px);margin:0 auto 9px}.gpnd-slide-workspace .gpnd-listing-slide-toolbar>strong{display:none}.gpnd-deck-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.gpnd-deck-actions button{min-height:34px!important;padding:6px 10px!important}.gpnd-card-preview-collapsed{margin-top:14px!important} @media(max-width:640px){.gpnd-slide-deck-builder{grid-template-columns:76px minmax(0,1fr);gap:9px}.gpnd-slide-rail{top:6px}.gpnd-slide-thumb{grid-template-columns:14px 1fr}.gpnd-slide-thumb-num{font-size:9px}.gpnd-slide-thumb-canvas{font-size:7px;padding:3px}.gpnd-slide-workspace .gpnd-listing-slide-toolbar{gap:5px}.gpnd-slide-workspace .gpnd-listing-slide-toolbar label{width:100%}.gpnd-slide-workspace .gpnd-listing-slide-toolbar select{flex:1;min-width:0}.gpnd-slide-workspace .gpnd-listing-slide-toolbar button{min-width:28px!important;padding:3px 6px!important}} /* W.33 — repair Listing Show deck workspace layout. Keep rail and active slide in one compact editor viewport. */ #gpnd-listing-show-builder .gpnd-slide-deck-builder{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:18px!important;width:100%!important;max-width:980px!important;margin:14px auto 0!important} #gpnd-listing-show-builder .gpnd-slide-rail{position:sticky!important;top:12px!important;flex:0 0 108px!important;width:108px!important;max-height:72vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:3px!important;margin:0!important} #gpnd-listing-show-builder .gpnd-slide-workspace{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important} #gpnd-listing-show-builder .gpnd-slide-workspace-head{width:min(100%,430px)!important;margin:0 auto 8px!important} #gpnd-listing-show-builder #gpnd-listing-slide-rows{display:block!important;width:100%!important;margin:0!important;padding:0!important} #gpnd-listing-show-builder .gpnd-slide-workspace .gpnd-listing-slide-editor{width:100%!important;max-width:none!important;margin:0!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar,#gpnd-listing-show-builder .gpnd-listing-slide-canvas,#gpnd-listing-show-builder .gpnd-listing-slide-properties{width:min(100%,430px)!important;margin-left:auto!important;margin-right:auto!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar{justify-content:flex-start!important;flex-wrap:nowrap!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar label{margin-right:auto!important;min-width:0!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar select{min-width:135px!important;max-width:180px!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar button{flex:0 0 auto!important} #gpnd-listing-show-builder .gpnd-slide-thumbs{gap:8px!important} #gpnd-listing-show-builder .gpnd-slide-thumb{width:100%!important;min-width:0!important} #gpnd-listing-show-builder .gpnd-slide-add{margin-top:3px!important} @media(max-width:700px){ #gpnd-listing-show-builder .gpnd-slide-deck-builder{display:flex!important;flex-direction:column!important;gap:10px!important} #gpnd-listing-show-builder .gpnd-slide-workspace{order:1!important;width:100%!important} #gpnd-listing-show-builder .gpnd-slide-rail{order:2!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 0 8px!important} #gpnd-listing-show-builder .gpnd-slide-thumbs{display:flex!important;flex-direction:row!important;gap:8px!important;flex:0 0 auto!important} #gpnd-listing-show-builder .gpnd-slide-thumb{flex:0 0 76px!important;width:76px!important} #gpnd-listing-show-builder .gpnd-slide-add{flex:0 0 auto!important;width:auto!important;min-width:64px!important;margin:0!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar{flex-wrap:wrap!important} #gpnd-listing-show-builder .gpnd-listing-slide-toolbar label{width:auto!important;flex:1 1 170px!important} #gpnd-listing-show-builder .gpnd-listing-slide-canvas{width:min(100%,430px)!important} } /* CARD4 — clean independent flip card. Intentionally does not reuse Listing Show flip/back classes. */ .gpnd.gpnd-directory .gpnd-simple-card-unit{width:100%;min-width:0} .gpnd.gpnd-directory .gpnd-simple-flip{width:100%;perspective:1200px;outline:none} .gpnd.gpnd-directory .gpnd-simple-inner{position:relative;width:100%;aspect-ratio:4/5;transform-style:preserve-3d;transition:transform .48s ease} .gpnd.gpnd-directory .gpnd-simple-flip.is-flipped .gpnd-simple-inner{transform:rotateY(180deg)} .gpnd.gpnd-directory .gpnd-simple-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--gpnd-card,#fff);color:var(--gpnd-cardtext,#20262e);backface-visibility:hidden;-webkit-backface-visibility:hidden} .gpnd.gpnd-directory .gpnd-simple-front{transform:rotateY(0)} .gpnd.gpnd-directory .gpnd-simple-back{transform:rotateY(180deg);background:#20252d!important;color:#fff!important;padding:22px!important} .gpnd.gpnd-directory .gpnd-simple-art{flex:0 0 62%;min-height:0;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#e9edf1} .gpnd.gpnd-directory .gpnd-simple-placeholder{display:grid;place-items:center}.gpnd.gpnd-directory .gpnd-simple-placeholder span{font-size:5rem;font-weight:900;opacity:.3} .gpnd.gpnd-directory .gpnd-simple-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:13px 14px 12px;min-height:0} .gpnd.gpnd-directory .gpnd-simple-body h3,.gpnd.gpnd-directory .gpnd-simple-back h3{margin:7px 0 4px!important;font-size:19px!important;line-height:1.15!important} .gpnd.gpnd-directory .gpnd-simple-body p{margin:4px 0 8px!important;font-size:13px!important;line-height:1.35!important;color:#59636f!important} .gpnd.gpnd-directory .gpnd-simple-flip-button{margin-top:auto!important;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;font-size:12px!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important} .gpnd.gpnd-directory .gpnd-simple-back-content{display:flex;flex-direction:column;height:100%;min-height:0} .gpnd.gpnd-directory .gpnd-simple-back .gpnd-eyebrow{color:#ffe500!important;background:transparent!important;padding:0!important} .gpnd.gpnd-directory .gpnd-simple-back h3,.gpnd.gpnd-directory .gpnd-simple-back p{color:#fff!important}.gpnd.gpnd-directory .gpnd-simple-back p{font-size:14px!important;line-height:1.45!important} .gpnd.gpnd-directory .gpnd-simple-links{display:grid;gap:10px;margin:18px 0}.gpnd.gpnd-directory .gpnd-simple-links a{display:block;padding:10px 12px;border:1px solid #69717d;border-radius:8px;color:#fff!important;text-decoration:none!important;font-weight:800}.gpnd.gpnd-directory .gpnd-simple-links a.gpnd-simple-primary{background:#ffe500!important;color:#111!important;border-color:#ffe500!important} .gpnd.gpnd-directory .gpnd-simple-flip-back{color:#fff!important;align-self:flex-start} /* CARD4-PS1 — Project Show workspace first pass. Public Project Show renderer unchanged. */ .gpnd-project-show-section .gpnd-intake-body{display:grid;gap:18px} .gpnd-project-preview-top{order:1;margin:0!important} .gpnd-project-show-editors{order:2;min-width:0} .gpnd-project-source-copy{margin:10px 0;padding:11px 12px;border:1px solid rgba(139,225,245,.32);border-radius:10px;background:rgba(139,225,245,.06)} .gpnd-project-source-copy>span{display:block;margin-bottom:7px;color:#8be1f5;font-size:10px;font-weight:850;letter-spacing:.09em} .gpnd-project-source-copy>div{font-size:.92rem;line-height:1.5;color:#f5f7fb}.gpnd-project-source-copy p{margin:.35em 0}.gpnd-project-source-copy em{opacity:.65} .gpnd-project-expansion-label{display:grid;gap:6px;margin:10px 0}.gpnd-project-expansion-label textarea{min-height:92px} .gpnd-project-preview-top .gpnd-preview-heading small{display:block;margin-top:3px;opacity:.65;font-size:11px} @media(min-width:951px){ .gpnd-project-show-section .gpnd-intake-body{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start} .gpnd-project-show-section .gpnd-intake-body>.gpnd-hint{grid-column:1/-1;margin-bottom:0} .gpnd-project-preview-top{grid-column:1;position:sticky!important;top:20px!important;z-index:4;max-height:calc(100vh - 40px);overflow:auto} .gpnd-project-show-editors{grid-column:2} } @media(max-width:950px){.gpnd-project-preview-top{position:static!important}.gpnd-project-show-section .gpnd-intake-body{display:block}.gpnd-project-preview-top{margin-bottom:18px!important}} /* CARD4-PS2 — proven sticky workspace + ordered slide labels. */ .gpnd-project-slide-number{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:-2px 0 8px;padding:0 0 9px;border-bottom:1px solid rgba(255,204,5,.28)} .gpnd-project-slide-number>span{color:#ffcc05;font-size:11px;font-weight:900;letter-spacing:.11em} .gpnd-project-slide-number>strong{color:#f5f7fb;font-size:13px;text-align:right} @media(min-width:951px){ .gpnd-project-show-section,.gpnd-project-show-section[open],.gpnd-project-show-section>.gpnd-intake-body,.gpnd-project-show-editors{overflow:visible!important} .gpnd-project-preview-top{position:-webkit-sticky!important;position:sticky!important;top:16px!important;align-self:start!important;height:max-content!important;max-height:none!important;overflow:visible!important;z-index:20!important} } /* CARD4-PS3 — preview geometry only. PS2 sticky behavior and numbered editors preserved. */ @media(min-width:951px){ .gpnd-project-show-section .gpnd-intake-body{grid-template-columns:minmax(520px,1.18fr) minmax(380px,.82fr)!important} .gpnd-project-preview-top{min-width:0!important} .gpnd-project-preview-top .gpnd-story-show{width:100%!important;max-width:none!important;margin:0!important} .gpnd-project-preview-top .gpnd-story-stage{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important} .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-image_text, .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta{grid-template-columns:minmax(0,58%) minmax(0,42%)!important;grid-template-rows:1fr!important} .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important} .gpnd-project-preview-top .gpnd-story-copy{padding:20px 22px!important;justify-content:center!important;overflow:hidden!important} .gpnd-project-preview-top .gpnd-story-copy h3{font-size:clamp(20px,1.7vw,28px)!important;line-height:1.08!important;margin:5px 0 10px!important} .gpnd-project-preview-top .gpnd-story-text{font-size:clamp(12px,.92vw,15px)!important;line-height:1.45!important} .gpnd-project-preview-top .gpnd-story-kicker{font-size:9px!important;letter-spacing:.13em!important} } /* CARD4-PS4 — preview internal split only. Preserve PS2 sticky/numbering and PS3 frame/typography. */ @media(min-width:951px){ .gpnd-project-preview-top .gpnd-story-frame.is-active{height:100%!important;min-height:0!important} .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta{ display:flex!important;flex-direction:row!important;align-items:stretch!important; width:100%!important;height:100%!important;min-height:0!important; } .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-video, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta>.gpnd-story-video{ flex:0 0 52%!important;width:52%!important;height:100%!important;min-height:100%!important; max-height:none!important;align-self:stretch!important;object-fit:cover!important; } .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-copy, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta>.gpnd-story-copy{ flex:1 1 48%!important;width:48%!important;height:100%!important;min-height:0!important; box-sizing:border-box!important; } } /* CARD4-PS5 — honor Image Display in the PS4 preview and public Project Show. */ .gpnd-project-preview-top .gpnd-story-media.gpnd-image-fit-crop, .gpnd-detail .gpnd-project-story-top .gpnd-story-media.gpnd-image-fit-crop{object-fit:cover!important;background:#111722!important} .gpnd-project-preview-top .gpnd-story-media.gpnd-image-fit-fit, .gpnd-detail .gpnd-project-story-top .gpnd-story-media.gpnd-image-fit-fit{object-fit:contain!important;background:#111722!important} .gpnd-project-preview-top .gpnd-story-media.gpnd-image-fit-fill, .gpnd-detail .gpnd-project-story-top .gpnd-story-media.gpnd-image-fit-fill{object-fit:fill!important;background:#111722!important} /* CARD4-PS6 — Project Show image guidance; PS4 geometry remains authoritative. */ .gpnd-project-show-section .gpnd-image-guidance{display:block;margin-top:5px;font-size:12px;line-height:1.35;color:#aeb6c0;font-weight:500} /* VE1: selected saved slide / editor correlation */ .gpnd-ve1-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:10px 0;padding:9px;background:#111722;color:#f8fafc;border-radius:9px} .gpnd-ve1-toolbar button{padding:7px 12px;border:1px solid #d8b75c;border-radius:6px;background:#1d2938;color:#fff;cursor:pointer} .gpnd-ve1-toolbar button:disabled{opacity:.4;cursor:default} .gpnd-ve1-toolbar strong{font-size:13px} .gpnd-story-row.gpnd-ve1-selected{outline:2px solid #d8b75c;outline-offset:2px} /* W.37 — discovery content occupies normal flow only when populated. Cards start at the top without a reserved promotional spacer. */ .gpnd.gpnd-directory .gpnd-discovery-main{padding-top:0!important;align-self:start!important} .gpnd.gpnd-directory .gpnd-featured-zone{margin:0 22px 14px;min-width:0} .gpnd.gpnd-directory .gpnd-featured-zone:empty{display:none!important} @media(max-width:700px){.gpnd.gpnd-directory .gpnd-featured-zone{margin:0 12px 12px}} /* W.38 — one wide desktop shell, explicit first-row sidebar/results placement. No reserved space for an unpopulated featured zone. */ @media (min-width:901px){ .gpnd.gpnd-directory, .gpnd.gpnd-directory.gpnd-brand-launcher, .gpnd.gpnd-directory.gpnd-brand-all, .gpnd.gpnd-directory.gpnd-brand-fanchiser, .gpnd.gpnd-directory.gpnd-brand-beta-box{ width:min(1400px,calc(100vw - 40px))!important; max-width:1400px!important; position:relative!important;left:50%!important;transform:translateX(-50%)!important; margin-left:0!important;margin-right:0!important; } .gpnd.gpnd-directory .gpnd-discovery-shell{ display:grid!important;grid-template-columns:230px minmax(0,1fr)!important; grid-template-rows:auto!important;align-items:start!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar{grid-column:1!important;grid-row:1!important;align-self:start!important;} .gpnd.gpnd-directory .gpnd-discovery-main{grid-column:2!important;grid-row:1!important;align-self:start!important;min-width:0!important;min-height:0!important;margin-top:0!important;padding-top:0!important;} } .gpnd.gpnd-directory .gpnd-featured-zone:empty{display:none!important;} /* W.40 VE2 — Undo PS4's forced cover mode for Fit, without changing the public Show. */ @media(min-width:951px){ .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text>img.gpnd-story-media.gpnd-image-fit-fit, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta>img.gpnd-story-media.gpnd-image-fit-fit{object-fit:contain!important} .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-image_text>img.gpnd-story-media.gpnd-image-fit-crop, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide.gpnd-layout-cta>img.gpnd-story-media.gpnd-image-fit-crop{object-fit:cover!important} } /* W.41 VE3: preserve the three established Project Show renderer layouts. */ .gpnd-project-template-control select[name="story_layout[]"]{max-width:100%;min-width:0} /* W.42 VE3: single visible template choice; legacy type retained for saved-slide compatibility. */ #gpnd-story-rows .gpnd-legacy-slide-type { display:none !important; } #gpnd-story-rows .gpnd-template-cta-fields { display:none; } #gpnd-story-rows .gpnd-story-row:has(select[name="story_layout[]"] option[value="cta"]:checked) .gpnd-template-cta-fields { display:grid; } /* W.43: custom Project Show slide removal; declaration slides remain protected. */ .gpnd-story-tools .gpnd-custom-slide-delete{border:1px solid #ad5555;background:#381f24;color:#ffe4e4;border-radius:5px;padding:5px 9px;cursor:pointer;font:inherit} .gpnd-story-tools .gpnd-custom-slide-delete:hover,.gpnd-story-tools .gpnd-custom-slide-delete:focus-visible{background:#632a32;color:#fff} /* W.44: Keep destructive slide action separate from reorder/visibility tools. */ #gpnd-story-rows .gpnd-custom-slide-actions { display:flex; justify-content:flex-end; clear:both; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.15); } #gpnd-story-rows .gpnd-custom-slide-actions .gpnd-custom-slide-delete { display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:100%; min-width:124px; padding:10px 14px; border:1px solid #ef6666; border-radius:7px; background:#562323; color:#fff; font:inherit; font-size:14px; font-weight:700; line-height:1.3; white-space:nowrap; cursor:pointer; } #gpnd-story-rows .gpnd-custom-slide-actions .gpnd-custom-slide-delete:hover { background:#782b2b; } /* W.45: media + headline + caption must actually show its authored copy. */ .gpnd-story-slide.gpnd-layout-image_only{display:flex!important;flex-direction:column!important;min-height:0!important} .gpnd-story-slide.gpnd-layout-image_only>.gpnd-story-media{display:block!important;width:100%!important;height:65%!important;flex:0 0 65%!important;min-height:0!important;max-height:none!important} .gpnd-story-slide.gpnd-layout-image_only>.gpnd-story-copy{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:10px 20px!important;justify-content:center!important} .gpnd-story-slide.gpnd-layout-image_only>.gpnd-story-copy h3{font-size:clamp(16px,1.6vw,25px)!important;line-height:1.1!important;margin:0 0 4px!important} .gpnd-story-slide.gpnd-layout-image_only>.gpnd-story-copy .gpnd-story-text{font-size:clamp(11px,1vw,15px)!important;line-height:1.3!important} /* W.46 Project Show per-slide appearance, custom slides only. */ .gpnd-story-slide{background:var(--gpnd-slide-bg,#232c3a)!important;} .gpnd-story-slide .gpnd-story-copy h3{color:var(--gpnd-slide-heading,#fff)!important;} .gpnd-story-slide .gpnd-story-copy .gpnd-story-text{color:var(--gpnd-slide-body,#fff)!important;} .gpnd-slide-appearance{border:1px solid #586373;border-radius:9px;padding:12px;margin:12px 0;min-width:0;} .gpnd-slide-appearance legend{font-weight:700;padding:0 6px;} .gpnd-slide-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} .gpnd-slide-color-grid label{display:flex;flex-direction:column;gap:5px;min-width:0;} .gpnd-slide-color-grid input[type=color]{width:100%;height:36px;padding:2px;cursor:pointer;} .gpnd-slide-color-grid .gpnd-color-hex{width:100%;box-sizing:border-box;min-width:0;} .gpnd-appearance-reset{margin-top:10px;} @media(max-width:550px){.gpnd-slide-color-grid{grid-template-columns:1fr;}} /* W.47 selection inspector, editor only */ .gpnd-project-preview-top .gpnd-story-frame.is-active .gpnd-story-copy h3, .gpnd-project-preview-top .gpnd-story-frame.is-active .gpnd-story-text, .gpnd-project-preview-top .gpnd-story-frame.is-active .gpnd-story-media, .gpnd-project-preview-top .gpnd-story-frame.is-active .gpnd-action{cursor:pointer} .gpnd-project-preview-top .gpnd-ve4-selected{outline:3px dashed #ffdc00!important;outline-offset:-3px!important} .gpnd-ve4-inspector{padding:12px;margin:10px 0 14px;border:1px solid #e5c548;border-radius:10px;background:#202936;color:#fff} .gpnd-ve4-inspector[hidden]{display:none!important} .gpnd-ve4-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .gpnd-ve4-head button{background:#354254;color:white;border:1px solid #8190a0;border-radius:6px;padding:2px 10px} .gpnd-ve4-inspector label{display:block;margin-bottom:6px} .gpnd-ve4-inspector textarea{box-sizing:border-box;width:100%;background:#151d27;color:white;border:1px solid #a48c39;border-radius:6px;padding:8px} .gpnd-ve4-inspector small{display:block;margin-top:7px;opacity:.75} /* W.48 guided per-slide layout, shared by preview and public renderer */ .gpnd-story-slide .gpnd-story-copy h3{font-size:var(--gpnd-heading-size,32px)!important;text-align:var(--gpnd-text-align,center)!important;overflow-wrap:anywhere} .gpnd-story-slide .gpnd-story-text{font-size:var(--gpnd-body-size,16px)!important;text-align:var(--gpnd-text-align,center)!important;overflow-wrap:anywhere} .gpnd-story-slide .gpnd-story-copy{text-align:var(--gpnd-text-align,center)!important} .gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-media, .gpnd-story-slide.gpnd-layout-cta>.gpnd-story-media{width:var(--gpnd-media-width,50%)!important;flex:0 0 var(--gpnd-media-width,50%)!important} .gpnd-slide-layout-controls{border:1px solid #6d7989;border-radius:8px;padding:10px;margin:10px 0} .gpnd-slide-layout-controls label{display:block;margin:8px 0} .gpnd-slide-layout-controls input[type=range]{width:75%;vertical-align:middle} .gpnd-slide-layout-controls output{display:inline-block;min-width:45px;text-align:right} /* W.49 scoped management buttons, preserving directory and CARD4 buttons. */ .gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-save-listing-btn{box-sizing:border-box!important;min-height:42px!important;height:auto!important;width:auto!important;max-width:100%!important;padding:9px 18px!important;font-size:15px!important;line-height:1.35!important;border-radius:8px!important;box-shadow:none!important;letter-spacing:normal!important} .gpnd-listing-management-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin:14px 0 20px!important} .gpnd-listing-management-actions form{margin:0!important;padding:0!important;display:inline-flex!important;width:auto!important} .gpnd-listing-management-actions button{box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-height:38px!important;height:auto!important;padding:8px 13px!important;font-size:13px!important;line-height:1.3!important;font-weight:650!important;letter-spacing:normal!important;border-radius:7px!important;box-shadow:none!important;white-space:normal!important} .gpnd-listing-management-actions .gpnd-danger{background:#3c2228!important;color:#ffd7db!important;border:1px solid #d77b88!important} .gpnd-listing-management-actions button:not(.gpnd-danger){background:#303a49!important;color:#f2f5fa!important;border:1px solid #778398!important} /* CTA alignment and breathing room in both sticky and public slide. */ .gpnd-story-slide .gpnd-story-copy .gpnd-action{display:table!important;width:max-content!important;max-width:100%!important;margin-top:24px!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important} .gpnd-story-slide[style*="--gpnd-text-align:center"] .gpnd-story-copy .gpnd-action, .gpnd-story-slide:not([style*="--gpnd-text-align"]) .gpnd-story-copy .gpnd-action{margin-left:auto!important;margin-right:auto!important} .gpnd-story-slide[style*="--gpnd-text-align:right"] .gpnd-story-copy .gpnd-action{margin-left:auto!important;margin-right:0!important} @media(max-width:600px){.gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-save-listing-btn,.gpnd-listing-management-actions button{min-height:44px!important}} /* W.50: reliable caption-to-CTA separation in Project Show, both preview and public. Earlier W.49 margin was competing with layout-specific .gpnd-action rules. Spacing now belongs to the preceding caption, a separate flex child. */ .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy > .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy > .gpnd-story-text { margin-bottom:32px!important; } .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy > .gpnd-action, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy > .gpnd-action { margin-top:0!important; flex-shrink:0!important; } /* Respect the slide's saved alignment in both render contexts. */ .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta[style*="--gpnd-text-align:center"] .gpnd-story-copy > .gpnd-action, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta[style*="--gpnd-text-align:center"] .gpnd-story-copy > .gpnd-action { align-self:center!important; margin-left:auto!important; margin-right:auto!important; } .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta[style*="--gpnd-text-align:right"] .gpnd-story-copy > .gpnd-action, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta[style*="--gpnd-text-align:right"] .gpnd-story-copy > .gpnd-action { align-self:flex-end!important; margin-left:auto!important; margin-right:0!important; } /* W.51: plain-text presentation of legacy HTML captions in custom slide editor. */ .gpnd-ve51-plain-editor{display:block;width:100%;box-sizing:border-box;white-space:pre-wrap} /* W.52: reflow slide text and adapt typography to available space. */ .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-copy, .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-image_text>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta>.gpnd-story-copy{ box-sizing:border-box!important;display:flex!important;flex-direction:column!important; justify-content:center!important;min-height:0!important;overflow:visible!important; padding:clamp(12px,2vw,28px)!important; } .gpnd-project-preview-top .gpnd-story-slide .gpnd-story-copy h3, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide .gpnd-story-copy h3{ font-size:var(--gpnd-fit-heading,var(--gpnd-heading-size,32px))!important; line-height:1.14!important;flex:0 0 auto!important;margin:0 0 12px!important; } .gpnd-project-preview-top .gpnd-story-slide .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide .gpnd-story-text{ font-size:var(--gpnd-fit-body,var(--gpnd-body-size,16px))!important; line-height:1.38!important;display:block!important;-webkit-line-clamp:unset!important; overflow:visible!important;flex:0 0 auto!important;min-height:0!important; } .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy>.gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta .gpnd-story-copy>.gpnd-story-text{ margin-bottom:clamp(12px,2vw,28px)!important; } .gpnd-w52-warning{position:absolute;bottom:4px;right:8px;z-index:8; background:#632a25;color:#fff;padding:4px 8px;border-radius:5px; font-size:11px;max-width:80%;pointer-events:none} /* W.53: the actual slide columns use media width, not image width inside a fixed grid cell. Scope to Project Show preview and public Project Show; leave CARD4 untouched. */ .gpnd-project-preview-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta), .gpnd-detail .gpnd-project-story-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta){ grid-template-columns:minmax(0,var(--gpnd-media-width,50%)) minmax(0,1fr)!important; } .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta)>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta)>.gpnd-story-video{ flex:0 0 var(--gpnd-media-width,50%)!important; width:var(--gpnd-media-width,50%)!important; max-width:var(--gpnd-media-width,50%)!important; } .gpnd-project-preview-top .gpnd-story-frame.is-active>.gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta)>.gpnd-story-copy{ flex:1 1 0!important;width:auto!important;min-width:0!important; } .gpnd-detail .gpnd-project-story-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta)>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta)>.gpnd-story-video{ width:100%!important;max-width:100%!important;min-width:0!important; } /* The CTA's alignment is independent of the caption's length, line breaks, or markup. */ .gpnd-project-preview-top .gpnd-story-slide.gpnd-layout-cta>.gpnd-story-copy>.gpnd-action, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide.gpnd-layout-cta>.gpnd-story-copy>.gpnd-action{ display:inline-flex!important;flex:0 0 auto!important; align-self:var(--gpnd-cta-align,center)!important; margin-left:0!important;margin-right:0!important; margin-top:0!important;max-width:100%!important; } @media(max-width:700px){ .gpnd-project-preview-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta), .gpnd-detail .gpnd-project-story-top .gpnd-story-slide:is(.gpnd-layout-image_text,.gpnd-layout-cta){ grid-template-columns:minmax(0,1fr)!important; } } /* W.56: same fixed 960x540 coordinate system in preview and published Project Show. */ .gpnd-project-preview-top .gpnd-story-stage, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{ position:relative!important;aspect-ratio:16/9!important;height:auto!important; min-height:0!important;max-height:none!important;overflow:hidden!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame{ position:absolute!important;inset:0!important;height:100%!important;min-height:0!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide{ box-sizing:border-box!important;width:960px!important;height:540px!important; min-height:540px!important;max-height:540px!important; transform-origin:top left!important; } /* Avoid viewport-based preview typography. Both render contexts use slide settings. */ .gpnd-project-preview-top .gpnd-story-copy h3{font-size:var(--gpnd-fit-heading,var(--gpnd-heading-size,32px))!important} .gpnd-project-preview-top .gpnd-story-text{font-size:var(--gpnd-fit-body,var(--gpnd-body-size,16px))!important} /* W.57: actual form hooks for compact editor actions. */ .gpnd:has(.gpnd-editor) .gpnd-savebar{flex-wrap:wrap!important;align-items:center!important} .gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-save-listing-btn{flex:0 0 auto!important;width:auto!important;max-width:100%!important;font-size:14px!important;padding:10px 18px!important;min-height:42px!important} .gpnd:has(.gpnd-editor) .gpnd-listing-management-actions{border-top:1px solid #465060;padding-top:16px!important;justify-content:flex-start!important} .gpnd:has(.gpnd-editor) .gpnd-listing-management-actions button{font-size:13px!important;padding:9px 14px!important;min-height:40px!important;width:auto!important} @media(max-width:520px){.gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-save-listing-btn{width:100%!important}} /* W.59 Market Pulse read-only dashboard */ .gpnd-market-dashboard{margin:0 0 28px;padding:clamp(16px,3vw,28px);border:1px solid rgba(225,182,54,.32);border-radius:18px;background:linear-gradient(145deg,#20232c,#101219);color:#f5f5f5} .gpnd-market-dashboard-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.gpnd-market-dashboard-heading h3{color:#fff;margin:6px 0;font-size:clamp(22px,3vw,30px)} .gpnd-market-dashboard-heading p,.gpnd-market-method{color:#bfc3cc;font-size:13px;line-height:1.55}.gpnd-market-dashboard-count{border:1px solid rgba(225,182,54,.45);border-radius:999px;padding:6px 12px;font-size:12px;color:#f1d176} .gpnd-market-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.gpnd-market-metric{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0} .gpnd-market-metric>span{font-size:12px;color:#d6d8df}.gpnd-market-metric strong{font-size:clamp(21px,3vw,29px);color:#f3cc62}.gpnd-market-metric small{color:#bfc3cc;font-size:11px}.gpnd-market-distribution{max-width:680px}.gpnd-market-distribution h4{color:#fff;margin:0 0 14px} .gpnd-market-bar-row{display:grid;grid-template-columns:minmax(92px,130px) 1fr 30px;align-items:center;gap:10px;margin:9px 0;font-size:12px}.gpnd-market-bar-track{height:11px;border-radius:8px;background:rgba(255,255,255,.12);overflow:hidden}.gpnd-market-bar-track span{display:block;height:100%;background:#e2b83d;border-radius:8px}.gpnd-market-bar-row strong{text-align:right}.gpnd-market-method{margin:20px 0 0} @media(max-width:560px){.gpnd-market-metrics{grid-template-columns:1fr}.gpnd-market-bar-row{grid-template-columns:100px 1fr 25px;gap:6px}} /* W.60 Culture Smack, isolated from existing pulse deck */ .gpnd-culture{margin:26px 0 0;color:#f6f6f6}.gpnd-culture-head{margin:0 0 20px}.gpnd-culture-head h3{color:#fff;margin:8px 0;font-size:clamp(22px,3vw,30px)}.gpnd-culture-head p{color:#c8cbd2} .gpnd-culture-group{margin:22px 0}.gpnd-culture-group h4{color:#f1c85b;margin:0 0 12px}.gpnd-culture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .gpnd-culture-item{border:1px solid rgba(233,194,84,.28);border-radius:15px;padding:18px;background:linear-gradient(145deg,#20232c,#11131a);min-width:0}.gpnd-culture-item h5{color:#fff;font-size:16px;line-height:1.35;margin:0 0 10px} .gpnd-culture-stats{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#d9dce2;font-size:12px;margin:0 0 15px}.gpnd-culture-stats strong{color:#f1c85b;font-size:15px} .gpnd-culture-item input[type=range]{width:100%;accent-color:#f1c85b;cursor:pointer}.gpnd-culture-ends{display:flex;justify-content:space-between;gap:12px;margin:9px 0 14px}.gpnd-culture-ends>div{flex:1;min-width:0}.gpnd-culture-ends>div:last-child{text-align:right}.gpnd-culture-ends b{display:block;font-size:13px;color:#fff}.gpnd-culture-ends small{display:block;color:#afb4c0;font-size:11px;line-height:1.45;margin-top:3px} .gpnd-culture-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd0d8;font-size:12px}.gpnd-culture-actions button{border:1px solid #e4bd4b;border-radius:9px;background:#e4bd4b;color:#151515;font-weight:700;padding:8px 12px;cursor:pointer}.gpnd-culture-actions button:disabled{opacity:.5;cursor:wait} .gpnd-culture-dashboard{border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:20px}.gpnd-culture-dashboard h4{color:#fff;margin:0 0 6px}.gpnd-culture-dashboard>p{color:#bfc3cc;font-size:12px}.gpnd-culture-dashboard h5{color:#f1c85b;margin:20px 0 8px}.gpnd-culture-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gpnd-culture-dashboard-grid>div{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:12px;border-radius:10px}.gpnd-culture-dashboard-grid span{font-size:12px;line-height:1.4}.gpnd-culture-dashboard-grid strong{font-size:19px;color:#f1c85b}.gpnd-culture-dashboard-grid small{color:#bfc3cc;font-size:11px} @media(max-width:680px){.gpnd-culture-grid{grid-template-columns:1fr}.gpnd-culture-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:380px){.gpnd-culture-dashboard-grid{grid-template-columns:1fr}} /* W.61: button-only, mobile-safe Culture Smack question navigation. */ .gpnd-culture-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.gpnd-culture-nav label{font-size:13px;color:#f1c85b;font-weight:700}.gpnd-culture-nav select{max-width:100%;min-width:180px;padding:10px;border:1px solid rgba(233,194,84,.5);border-radius:9px;background:#181b23;color:#fff}.gpnd-culture-nav [data-culture-progress]{margin-left:auto;color:#cbd0d8;font-size:13px} .gpnd-culture-paged .gpnd-culture-grid{grid-template-columns:minmax(0,1fr)}.gpnd-culture-paged .gpnd-culture-item{max-width:760px}.gpnd-culture-paged [hidden]{display:none!important} .gpnd-culture-pager{display:flex;justify-content:space-between;gap:12px;margin:16px 0 6px}.gpnd-culture-pager button{min-height:46px;padding:12px 18px;border:1px solid #e4bd4b;border-radius:10px;background:#e4bd4b;color:#161616;font-weight:750;cursor:pointer}.gpnd-culture-pager button:disabled{opacity:.38;cursor:default}.gpnd-culture-nav-note{color:#bfc3cc;font-size:12px;margin:0 0 14px} .gpnd-culture-item input[type=range]{touch-action:pan-y;min-height:32px} @media(max-width:560px){.gpnd-culture-nav{align-items:stretch}.gpnd-culture-nav select{flex:1;min-width:0}.gpnd-culture-nav [data-culture-progress]{width:100%;text-align:left;margin:0}.gpnd-culture-pager button{flex:1;padding:12px 8px}.gpnd-culture-paged .gpnd-culture-item{padding:14px}.gpnd-culture-ends{gap:10px}} /* W.62 — Compact, expandable Culture Smack results; no new scoring or writes. */ .gpnd-culture-dashboard-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap;margin-bottom:14px} .gpnd-culture-dashboard-heading h4{margin:0 0 6px}.gpnd-culture-dashboard-heading p{margin:0;color:#bfc3cc;font-size:12px;line-height:1.5} .gpnd-culture-category-total{font-size:11px;color:#f1c85b;white-space:nowrap} .gpnd-culture-category{border:1px solid rgba(255,255,255,.16);border-radius:11px;margin:9px 0;background:rgba(255,255,255,.035);overflow:hidden} .gpnd-culture-category summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:15px 14px;min-height:52px;touch-action:manipulation} .gpnd-culture-category summary::-webkit-details-marker{display:none} .gpnd-culture-category summary:focus-visible{outline:2px solid #f1c85b;outline-offset:-3px} .gpnd-culture-category-name{font-size:14px;font-weight:700;color:#f1c85b;flex:1;min-width:0} .gpnd-culture-category-meta{font-size:11px;color:#c6c9d0;text-align:right} .gpnd-culture-category-chevron{font-size:22px;line-height:1;color:#f1c85b;transition:transform .15s} .gpnd-culture-category[open] .gpnd-culture-category-chevron{transform:rotate(180deg)} .gpnd-culture-question-list{border-top:1px solid rgba(255,255,255,.12);padding:4px 14px} .gpnd-culture-question-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#f2f2f2} .gpnd-culture-question-result:last-child{border-bottom:0} .gpnd-culture-question-stats{display:flex;flex-direction:column;align-items:end;gap:3px;flex-shrink:0} .gpnd-culture-question-stats strong{font-size:15px;color:#f1c85b}.gpnd-culture-question-stats small{font-size:11px;color:#bfc3cc} @media(max-width:520px){.gpnd-culture-category summary{flex-wrap:wrap}.gpnd-culture-category-name{flex-basis:100%}.gpnd-culture-category-meta{flex:1;text-align:left}.gpnd-culture-question-result{align-items:start}.gpnd-culture-question-result>span{max-width:62%}} /* W.63: Quick Pulse rating drag must not be interpreted as deck navigation. */ .gpnd-pulse-deck .gpnd-pulse-slider{touch-action:pan-y;overscroll-behavior-x:contain} .gpnd-pulse-deck-prev,.gpnd-pulse-deck-next,.gpnd-pulse-deck-dots button{touch-action:manipulation} @media(max-width:650px){.gpnd-pulse-deck-prev,.gpnd-pulse-deck-next{min-width:44px;min-height:44px}.gpnd-pulse-deck-dots button{min-width:24px;min-height:44px;background-clip:content-box;padding:17px 7px}} /* W.64 — mobile Project Show is a vertical composition, never a scaled desktop slide. Both the published project show and its editor preview share these selectors. Do not touch directory card-back or listing-show slides. */ @media (max-width:700px){ .gpnd-project-preview-top .gpnd-story-stage, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{ aspect-ratio:auto!important;height:auto!important;min-height:0!important; overflow:visible!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame{ position:relative!important;inset:auto!important;height:auto!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame:not(.is-active), .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame:not(.is-active){display:none!important} .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide{ display:flex!important;flex-direction:column!important; width:100%!important;height:auto!important;min-height:0!important;max-height:none!important; transform:none!important;overflow:visible!important; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-video, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-video{ order:0!important;display:block!important;flex:0 0 auto!important; width:100%!important;max-width:100%!important;height:auto!important; min-height:0!important;max-height:none!important; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-media{ aspect-ratio:16/9;object-fit:cover; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-video iframe, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-video iframe, .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-video video, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-video video{ width:100%!important;aspect-ratio:16/9;height:auto!important; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-copy{ order:1!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important; min-width:0!important;min-height:0!important;overflow:visible!important; padding:18px!important;justify-content:flex-start!important; } .gpnd-project-preview-top .gpnd-story-slide .gpnd-story-copy h3, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide .gpnd-story-copy h3{ font-size:clamp(20px,6vw,30px)!important;line-height:1.18!important; } .gpnd-project-preview-top .gpnd-story-slide .gpnd-story-text, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide .gpnd-story-text{ font-size:clamp(14px,3.8vw,17px)!important;line-height:1.45!important; } } /* W.65: consistent-height mobile Project Show slides; content scrolls inside frame. Scope excludes listing-card flip shows and all other story components. */ @media (max-width:700px){ .gpnd-project-preview-top .gpnd-story-stage, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage{ height:clamp(460px,125vw,680px)!important;min-height:0!important; max-height:680px!important;overflow:hidden!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame{ height:100%!important;min-height:0!important;overflow:hidden!important; } .gpnd-project-preview-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide, .gpnd-detail .gpnd-project-story-top .gpnd-story-stage>.gpnd-story-frame>.gpnd-story-slide{ height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-media, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-media, .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-video, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-video{ flex:0 0 auto!important;max-height:42%!important;overflow:hidden!important; } .gpnd-project-preview-top .gpnd-story-slide>.gpnd-story-copy, .gpnd-detail .gpnd-project-story-top .gpnd-story-slide>.gpnd-story-copy{ flex:1 1 0!important;min-height:0!important;max-height:none!important; overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; } } /* W.66 Quick Pulse explicit touch-safe 0–10 rating controls */ .gpnd-quick-rating-buttons{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin:18px 0 12px} .gpnd-quick-rating-buttons button{min-width:0;min-height:44px;border:1px solid #9c833d;border-radius:7px;background:#262626;color:#fff;font-weight:700;padding:3px;cursor:pointer} .gpnd-quick-rating-buttons button.is-active{background:#e9c65b;color:#111} .gpnd-quick-rating-buttons button:focus-visible{outline:3px solid #fff;outline-offset:2px} .gpnd-quick-used{display:flex;gap:10px;align-items:center;margin:18px 0;font-size:14px}.gpnd-quick-used input{width:20px;height:20px;flex-shrink:0} @media(max-width:560px){.gpnd-quick-rating-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.gpnd-quick-rating-buttons button{min-height:46px}} /* W.67: Quick Pulse deck repair: navigation must stay outside translated track. */ .gpnd-pulse-deck-track{align-items:flex-start} .gpnd-pulse-deck-card{align-self:flex-start} .gpnd-pulse-deck-nav{position:relative;z-index:1;flex-wrap:wrap} .gpnd-market-dashboard .gpnd-quick-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} .gpnd-market-dashboard .gpnd-quick-metrics .gpnd-market-metric{min-width:0;overflow-wrap:anywhere;word-break:normal} .gpnd-market-dashboard .gpnd-quick-metrics .gpnd-market-metric strong{font-size:clamp(19px,2.5vw,28px)} @media(max-width:700px){.gpnd-market-dashboard .gpnd-quick-metrics{grid-template-columns:1fr}} /* W.68: presentation-only alignment, no changes to data or interaction. */ /* Match the second row of metrics to the three equal columns above it. */ .gpnd-market-dashboard .gpnd-market-metrics.gpnd-quick-metrics{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;justify-content:stretch} .gpnd-market-dashboard .gpnd-quick-metrics>.gpnd-market-metric{box-sizing:border-box;width:100%;min-width:0;max-width:none;overflow-wrap:break-word;word-break:normal} .gpnd-market-dashboard .gpnd-quick-metrics>.gpnd-market-metric>span{overflow-wrap:break-word} /* The question card and its pager share one centered presentation width. */ .gpnd-culture-paged .gpnd-culture-nav, .gpnd-culture-paged .gpnd-culture-group, .gpnd-culture-paged .gpnd-culture-pager, .gpnd-culture-paged .gpnd-culture-nav-note{width:100%;max-width:760px;box-sizing:border-box;margin-left:auto;margin-right:auto} .gpnd-culture-paged .gpnd-culture-grid{width:100%;max-width:100%;min-width:0} .gpnd-culture-paged .gpnd-culture-item{box-sizing:border-box;width:100%;max-width:100%;min-width:0} .gpnd-culture-paged .gpnd-culture-pager{justify-content:space-between} @media(max-width:700px){.gpnd-market-dashboard .gpnd-market-metrics.gpnd-quick-metrics{grid-template-columns:1fr}.gpnd-culture-paged .gpnd-culture-nav,.gpnd-culture-paged .gpnd-culture-group,.gpnd-culture-paged .gpnd-culture-pager,.gpnd-culture-paged .gpnd-culture-nav-note{max-width:100%}} /* W.70 Reaction Meters: optional ratings, touch-safe static grid and compact dashboard. */ .gpnd-reaction-shell{margin:28px 0 0;padding:0;max-width:100%} .gpnd-reaction-heading h3{margin:8px 0;font-size:clamp(24px,3vw,32px)} .gpnd-reaction-heading p{margin:8px 0 20px} .gpnd-reaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .gpnd-reaction-item{min-width:0;border:1px solid rgba(225,181,50,.4);border-radius:15px;background:rgba(64,68,81,.52);padding:18px} .gpnd-reaction-item h4{margin:0 0 10px;color:#f4d66c} .gpnd-reaction-stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:16px} .gpnd-reaction-stats small{color:#cdd0d8} .gpnd-reaction-item input[type=range]{display:block;width:100%;min-height:36px;touch-action:pan-y;accent-color:#f3dd5d} .gpnd-reaction-ends{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:12px;font-weight:600} .gpnd-reaction-ends span{flex:1;min-width:0}.gpnd-reaction-ends span:last-child{text-align:right} .gpnd-reaction-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:12px} .gpnd-reaction-actions button{min-height:44px;padding:10px 16px;background:#fff96a;color:#151515;border:0;border-radius:8px;font-weight:700;cursor:pointer} .gpnd-reaction-actions button:disabled{opacity:.6;cursor:wait} .gpnd-reaction-dashboard{margin-top:16px} @media(max-width:700px){.gpnd-reaction-grid{grid-template-columns:minmax(0,1fr)}.gpnd-reaction-item{padding:14px}} /* W.71 Price Pulse — standalone mobile-safe form and compact dashboard. */ .gpnd-price-shell{margin:30px 0 0;padding:20px;border:1px solid rgba(225,181,50,.45);border-radius:16px;max-width:100%;background:rgba(42,45,55,.6)} .gpnd-price-shell h3{margin:8px 0;font-size:clamp(24px,3vw,32px)} .gpnd-price-shell p{line-height:1.5} .gpnd-price-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px} .gpnd-price-form label{display:flex;flex-direction:column;gap:8px;font-weight:600;min-width:0} .gpnd-price-form select,.gpnd-price-form input[type=number]{width:100%;min-width:0;min-height:46px;border-radius:8px;padding:9px 12px;background:#303542;color:#fff;border:1px solid #b9a55d;font-size:16px} .gpnd-price-range,.gpnd-price-actions,.gpnd-price-form [data-price-status]{grid-column:1/-1} .gpnd-price-range input{width:100%;min-height:36px;accent-color:#eac652;touch-action:pan-y} .gpnd-price-scale{display:flex;justify-content:space-between;gap:10px;font-size:12px} .gpnd-price-actions{display:flex;flex-wrap:wrap;gap:10px} .gpnd-price-actions button{min-height:44px;padding:10px 18px;background:#fff96a;color:#171717;border:0;border-radius:8px;font-weight:700;cursor:pointer} .gpnd-price-actions button.gpnd-price-skip{background:transparent;color:#fff;border:1px solid #b9a55d} .gpnd-price-actions button:disabled{opacity:.55} .gpnd-price-result{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.15)} .gpnd-price-result strong{min-width:100px}.gpnd-price-result small{flex-basis:100%;color:#c6cad4} @media(max-width:600px){.gpnd-price-form{grid-template-columns:minmax(0,1fr)}.gpnd-price-shell{padding:14px}} /* W.72 Price Pulse: selectable slider bands and legible amount input across themes. */ .gpnd-price-shell .gpnd-price-form input[data-price-amount], .gpnd-price-shell .gpnd-price-form input[data-price-amount]:focus, .gpnd-price-shell .gpnd-price-form input[data-price-amount]:active { background:#303542 !important;color:#fff !important;-webkit-text-fill-color:#fff !important; caret-color:#fff !important;color-scheme:dark; } .gpnd-price-shell .gpnd-price-form input[data-price-amount]::selection{background:#eac652;color:#111} .gpnd-price-shell [data-price-band]{width:auto;max-width:220px;min-height:44px;padding:8px 12px;background:#303542;color:#fff;border:1px solid #b9a55d;border-radius:8px;font-size:16px} .gpnd-price-shell .gpnd-price-range>label{display:block;margin-bottom:8px} .gpnd-price-shell .gpnd-price-range>input[type=range]{margin-top:14px} /* W.73: Native Price Pulse dropdown options must be readable even before highlighting. */ .gpnd-price-shell select[data-price-band], .gpnd-price-shell select[data-price-band]:focus, .gpnd-price-shell select[data-price-band]:active { background-color:#303542 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; color-scheme:dark; } .gpnd-price-shell select[data-price-band] option, .gpnd-price-shell select[data-price-band] optgroup { background-color:#303542 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } /* W.74: Make the manual price-entry alternative explicit. */ .gpnd-price-shell .gpnd-price-custom-hint{display:block;font-size:13px;font-weight:400;line-height:1.4;color:#f0e1a8;margin:-2px 0 2px} /* W.75 Moatability: independent optional Five Forces sliders */ .gpnd-moat-shell{margin:28px 0 0;max-width:100%} .gpnd-moat-shell>h3{margin:8px 0;font-size:clamp(24px,3vw,32px)} .gpnd-moat-shell>p{margin:8px 0 20px} .gpnd-moat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .gpnd-moat-item{min-width:0;border:1px solid rgba(225,181,50,.4);border-radius:15px;background:rgba(64,68,81,.52);padding:18px} .gpnd-moat-item h4{margin:0 0 8px;color:#f4d66c} .gpnd-moat-item p{font-size:14px;margin:0 0 12px} .gpnd-moat-stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:12px} .gpnd-moat-stats small{color:#cdd0d8} .gpnd-moat-item input[type=range]{display:block;width:100%;min-height:36px;touch-action:pan-y;accent-color:#f3dd5d} .gpnd-moat-ends{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:12px;font-weight:600} .gpnd-moat-ends span{flex:1;min-width:0}.gpnd-moat-ends span:last-child{text-align:right} .gpnd-moat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:12px} .gpnd-moat-actions button{min-height:44px;padding:10px 16px;background:#fff96a;color:#151515;border:0;border-radius:8px;font-weight:700;cursor:pointer} .gpnd-moat-actions button:disabled{opacity:.6;cursor:wait} .gpnd-moat-dashboard{margin-top:16px} @media(max-width:700px){.gpnd-moat-grid{grid-template-columns:minmax(0,1fr)}.gpnd-moat-item{padding:14px}} /* W.76 SNR: independent, optional signal-quality assessments. */ .gpnd-snr-shell{margin:28px 0 0;max-width:100%} .gpnd-snr-shell>h3{margin:8px 0;font-size:clamp(24px,3vw,32px)} .gpnd-snr-shell>p{margin:8px 0 20px} .gpnd-snr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .gpnd-snr-item{min-width:0;border:1px solid rgba(225,181,50,.4);border-radius:15px;background:rgba(64,68,81,.52);padding:18px} .gpnd-snr-item h4{margin:0 0 8px;color:#f4d66c} .gpnd-snr-item p{font-size:14px;margin:0 0 12px} .gpnd-snr-stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:12px} .gpnd-snr-stats small{color:#cdd0d8} .gpnd-snr-item input[type=range]{display:block;width:100%;min-height:36px;touch-action:pan-y;accent-color:#f3dd5d} .gpnd-snr-ends{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:12px;font-weight:600} .gpnd-snr-ends span{flex:1;min-width:0}.gpnd-snr-ends span:last-child{text-align:right} .gpnd-snr-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:12px} .gpnd-snr-actions button{min-height:44px;padding:10px 16px;background:#fff96a;color:#151515;border:0;border-radius:8px;font-weight:700;cursor:pointer} .gpnd-snr-actions button:disabled{opacity:.6;cursor:wait} .gpnd-snr-dashboard{margin-top:16px} @media(max-width:700px){.gpnd-snr-grid{grid-template-columns:minmax(0,1fr)}.gpnd-snr-item{padding:14px}} /* W.77: Market Pulse instrument switcher; dashboard remains separately visible. */ .gpnd-instrument-menu{margin:26px 0 18px;padding:20px;border:1px solid rgba(238,194,64,.48);border-radius:16px;background:rgba(25,27,33,.55)} .gpnd-instrument-menu-head h3{margin:8px 0;font-size:clamp(22px,2.7vw,30px)} .gpnd-instrument-menu-head p{margin:6px 0 18px} .gpnd-instrument-menu-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .gpnd-instrument-menu-buttons button{min-width:0;min-height:48px;padding:10px;border:1px solid rgba(255,232,120,.55);border-radius:10px;background:#303542;color:#fff;font-weight:700;cursor:pointer;white-space:normal;overflow-wrap:anywhere} .gpnd-instrument-menu-buttons button.is-active,.gpnd-instrument-menu-buttons button[aria-pressed="true"]{background:#f5db66;color:#171717;border-color:#f5db66} .gpnd-instrument-panel[hidden]{display:none!important} .gpnd-instrument-panel{min-width:0} @media(max-width:700px){.gpnd-instrument-menu{padding:14px}.gpnd-instrument-menu-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}} /* W.78 Meta Detector: one optional slider at a time */ .gpnd-meta-shell{padding:18px;border:1px solid #6b592f;border-radius:12px;background:#171717;color:#f5f5f5}.gpnd-meta-shell h3{margin:6px 0}.gpnd-meta-shell>p,.gpnd-meta-item>p{color:#ddd}.gpnd-meta-shell select{display:block;width:100%;max-width:520px;padding:10px;margin:8px 0 16px;background:#171717;color:#fff;border:1px solid #ad9551;border-radius:6px}.gpnd-meta-shell select option{background:#171717;color:#fff}.gpnd-meta-item{border:1px solid #65542f;border-radius:10px;padding:16px;background:#202020}.gpnd-meta-item[hidden]{display:none!important}.gpnd-meta-item h4{margin:0 0 8px;color:#ffe090}.gpnd-meta-item input[type=range]{display:block;width:100%;margin:18px 0;touch-action:pan-y}.gpnd-meta-stats,.gpnd-meta-actions,.gpnd-meta-ends,.gpnd-meta-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.gpnd-meta-stats small,.gpnd-meta-actions span,.gpnd-meta-ends{color:#ddd;font-size:.86em}.gpnd-meta-ends span:last-child{text-align:right}.gpnd-meta-actions{margin-top:16px;flex-wrap:wrap}.gpnd-meta-actions button,.gpnd-meta-nav button{padding:8px 14px;border:1px solid #caa44c;border-radius:6px;background:#342b14;color:#fff;cursor:pointer}.gpnd-meta-nav{margin-top:16px}.gpnd-meta-nav button:disabled{opacity:.4;cursor:default}@media(max-width:700px){.gpnd-meta-shell{padding:12px}.gpnd-meta-item{padding:12px}} /* W.81 account-owned Link Saver */ .gpnd-account-library{border:2px solid #d4ac44;border-radius:12px;padding:18px;margin:16px 0 24px;background:#171717;color:#f5f5f5}.gpnd-account-library h3{color:#f4cb53;margin:0 0 8px}.gpnd-account-library p{color:#e0e0e0}.gpnd-account-library .gpnd-account-saver-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.gpnd-account-library input{min-width:130px;flex:1;background:#fff;color:#171717;padding:9px;border-radius:5px}.gpnd-account-library input[name="saver_url[]"]{flex:2;min-width:200px}.gpnd-account-library button{cursor:pointer;padding:9px 13px;border-radius:6px}.gpnd-library-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.gpnd-library-actions button[type=submit]{background:#f4cb53;color:#111;font-weight:700}.gpnd-library-success{border:1px solid #75c58e;padding:10px;border-radius:6px} /* W.82 floating account-owned Resource Locker */ .gpnd-locker-tab{position:fixed;right:0;top:42%;z-index:100000;background:#f4cb53!important;color:#111!important;border:2px solid #111;border-radius:9px 0 0 9px;padding:12px 10px;font-weight:800;box-shadow:0 3px 16px #0008;cursor:pointer;writing-mode:vertical-rl} .gpnd-resource-locker{position:fixed;z-index:100001;right:0;top:0;height:100dvh;max-height:100dvh;width:min(450px,95vw);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:#151515;color:#f6f6f6;border-left:3px solid #f4cb53;padding:18px;box-shadow:-6px 0 30px #0008;transform:translateX(105%);visibility:hidden;transition:transform .2s ease,visibility .2s} .gpnd-resource-locker.is-open{transform:translateX(0);visibility:visible}.gpnd-locker-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.gpnd-locker-head h3{color:#f4cb53;margin:0}.gpnd-resource-locker input:not([type=checkbox]),.gpnd-resource-locker select{background:#fff!important;color:#171717!important;border:1px solid #777;border-radius:5px;padding:8px;box-sizing:border-box;width:100%;min-width:0}.gpnd-resource-locker label{display:block;color:#f4f4f4;font-size:13px}.gpnd-locker-item{border:1px solid #555;background:#242424;padding:12px;border-radius:8px;display:grid;gap:9px;margin:10px 0}.gpnd-locker-item[hidden]{display:none!important}.gpnd-locker-item-actions,.gpnd-library-actions{display:flex;flex-wrap:wrap;gap:8px}.gpnd-resource-locker button{cursor:pointer;border-radius:5px;padding:8px 11px}.gpnd-resource-locker button[type=submit]{background:#f4cb53;color:#111;font-weight:800}.gpnd-locker-tags,.gpnd-locker-filters{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #555;border-radius:7px;padding:9px;margin:10px 0}.gpnd-locker-tags legend,.gpnd-locker-filters legend{color:#f4cb53;font-size:12px}.gpnd-locker-tags label,.gpnd-locker-filters label{white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.gpnd-locker-security{border:1px solid #8a7544;border-radius:7px;padding:12px;background:#2a2418;color:#f3e8c9;font-size:13px;line-height:1.5}.gpnd-resource-locker .gpnd-hint{color:#ccc}.gpnd-resource-locker .gpnd-library-success{color:#d6ffe2}@media(max-width:600px){.gpnd-resource-locker{width:100vw}.gpnd-locker-tab{padding:10px 6px}} /* W.83: compact Resource Locker list and one contextual editor */ .gpnd-locker-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.gpnd-locker-list{display:grid;gap:8px}.gpnd-locker-compact-item{border:1px solid #626262;border-radius:8px;background:#242424;padding:10px;display:grid;gap:8px}.gpnd-locker-compact-body{min-width:0;display:grid;gap:3px}.gpnd-locker-compact-body strong{color:#fff;font-size:14px}.gpnd-locker-compact-body small{display:block;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.gpnd-locker-compact-actions{display:flex;flex-wrap:wrap;gap:5px}.gpnd-locker-compact-actions button{padding:5px 8px;font-size:12px}.gpnd-locker-editor{border:1px solid #d4ac44;border-radius:9px;background:#242424;padding:12px;margin:12px 0;display:grid;gap:10px}.gpnd-locker-editor[hidden]{display:none!important}.gpnd-locker-editor h4{margin:0;color:#f4cb53}.gpnd-resource-locker .gpnd-locker-toolbar button{background:#f4cb53;color:#111;font-weight:700}.gpnd-resource-locker .gpnd-locker-tags input[type=checkbox],.gpnd-resource-locker .gpnd-locker-filters input[type=checkbox]{width:auto!important;min-width:0!important;display:inline-block!important;margin:0 4px 0 0;vertical-align:middle}.gpnd-resource-locker .gpnd-locker-tags label,.gpnd-resource-locker .gpnd-locker-filters label{display:inline-flex!important;align-items:center;gap:3px;white-space:normal} /* W.84: Resource Locker visual repair. Scoped to the active drawer, not theme forms. */ #gpnd-resource-locker .gpnd-locker-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin:16px 0!important;} #gpnd-resource-locker #gpnd-locker-count{display:block!important;flex:1 1 120px!important;min-width:0!important;line-height:1.5!important;} #gpnd-resource-locker #gpnd-account-saver-add{flex:0 0 auto!important;max-width:100%!important;white-space:normal!important;} #gpnd-resource-locker .gpnd-locker-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;clear:both!important;} #gpnd-resource-locker .gpnd-locker-compact-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;gap:10px!important;padding:13px!important;margin:0!important;border:1px solid #666!important;border-radius:9px!important;background:#242424!important;overflow:hidden!important;} #gpnd-resource-locker .gpnd-locker-compact-body{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;max-width:100%!important;gap:5px!important;overflow:hidden!important;} #gpnd-resource-locker .gpnd-locker-compact-body strong{display:block!important;font-size:15px!important;line-height:1.35!important;color:#fff!important;overflow-wrap:anywhere!important;} #gpnd-resource-locker .gpnd-locker-compact-body small{display:block!important;max-width:100%!important;min-width:0!important;font-size:12px!important;line-height:1.45!important;color:#d8d8d8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #gpnd-resource-locker .gpnd-locker-compact-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;min-width:0!important;} #gpnd-resource-locker .gpnd-locker-compact-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:7px 10px!important;font-size:12px!important;line-height:1.35!important;border-radius:5px!important;box-sizing:border-box!important;white-space:nowrap!important;} #gpnd-resource-locker .gpnd-locker-filters,#gpnd-resource-locker .gpnd-locker-tags{display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:14px!important;row-gap:11px!important;padding:14px!important;min-width:0!important;box-sizing:border-box!important;} #gpnd-resource-locker .gpnd-locker-filters legend,#gpnd-resource-locker .gpnd-locker-tags legend{padding:0 6px!important;} #gpnd-resource-locker .gpnd-locker-filters label,#gpnd-resource-locker .gpnd-locker-tags label{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;width:auto!important;max-width:100%!important;font-size:13px!important;line-height:1.5!important;white-space:nowrap!important;} #gpnd-resource-locker .gpnd-locker-filters input[type="checkbox"],#gpnd-resource-locker .gpnd-locker-tags input[type="checkbox"]{display:inline-block!important;position:static!important;flex:0 0 auto!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;vertical-align:middle!important;} #gpnd-resource-locker .gpnd-library-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:16px 0 10px!important;} #gpnd-resource-locker .gpnd-library-actions button{margin:0!important;width:auto!important;max-width:100%!important;} @media(max-width:420px){#gpnd-resource-locker .gpnd-locker-toolbar{align-items:stretch!important}#gpnd-resource-locker #gpnd-account-saver-add{width:100%!important}#gpnd-resource-locker .gpnd-locker-compact-actions button{flex:1 1 70px!important}} /* W.85 mobile viewport containment: drawer and launcher are direct body children. Closed drawer is display:none, not a translated offscreen box that can enlarge the layout viewport. */ body > #gpnd-resource-locker{position:fixed!important;inset:0 0 0 auto!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:min(450px,100%)!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;transition:none!important;display:none!important;visibility:hidden!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:2147483001!important;} body > #gpnd-resource-locker.is-open{display:block!important;visibility:visible!important;transform:none!important;} body > #gpnd-locker-tab{position:fixed!important;right:0!important;left:auto!important;top:42%!important;transform:none!important;z-index:2147483000!important;} @media(max-width:600px){body > #gpnd-resource-locker{width:100%!important;max-width:100%!important;}body > #gpnd-locker-tab{max-width:48px!important;}} /* W.89: L•iN•X public dossier links */ .gpnd-linx-panel .gpnd-linx-item{margin:10px 0;padding:12px 14px;border:1px solid #68582c;border-radius:8px;background:rgba(250,202,60,.055);overflow-wrap:anywhere}.gpnd-linx-panel .gpnd-linx-item a{font-weight:700}.gpnd-linx-panel .gpnd-linx-item small{display:inline-block;margin-left:8px;opacity:.75} /* W.94: restored public listing navigation beside Save Listing. */ .gpnd:has(.gpnd-editor) .gpnd-savebar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px} .gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-view-listing-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:10px 18px;border:1px solid #f2d074;border-radius:8px;color:#f2d074;text-decoration:none;font-size:14px;font-weight:800;line-height:1.35} .gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-view-listing-btn:hover,.gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-view-listing-btn:focus-visible{background:#f2d074;color:#111} @media(max-width:520px){.gpnd:has(.gpnd-editor) .gpnd-savebar-actions{width:100%;flex-direction:column;align-items:stretch}.gpnd:has(.gpnd-editor) .gpnd-savebar .gpnd-view-listing-btn{width:100%}} /* W.95: top-of-editor public listing access */ .gpnd-view-listing-top{margin:0 0 12px;display:flex;justify-content:flex-end} .gpnd-view-listing-top .gpnd-view-listing-btn{display:inline-flex;align-items:center} /* W.97: give View Listing a clear gap from Save Show in the sticky preview toolbar. */ .gpnd-project-preview-top .gpnd-preview-heading > .gpnd-view-listing-btn{margin-inline:16px 18px!important;white-space:nowrap;} @media(max-width:600px){.gpnd-project-preview-top .gpnd-preview-heading{column-gap:14px!important;row-gap:10px!important;flex-wrap:wrap!important}.gpnd-project-preview-top .gpnd-preview-heading > .gpnd-view-listing-btn{margin-inline:8px 12px!important;}} /* W.98: maintain breathing room in sticky Project Show toolbar. */ .gpnd-project-preview-top .gpnd-preview-heading {column-gap: 18px;row-gap: 10px;} .gpnd-project-preview-top .gpnd-preview-heading > .gpnd-view-listing-btn {margin-inline: 12px !important;} /* W.99: sticky project controls and user-supplied identity marks */ .gpnd-project-preview-top .gpnd-preview-heading{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:20px!important;row-gap:12px!important} .gpnd-project-preview-top .gpnd-preview-heading>.gpnd-view-listing-btn{margin:0 8px!important;flex-shrink:0} .gpnd-project-preview-top .gpnd-preview-heading>.gpnd-preview-save{margin:0!important;flex-shrink:0} .gpnd-project-preview-top .gpnd-preview-heading>.gpnd-save-project-sticky{background:#ffcf00!important;color:#111!important;box-shadow:0 0 0 2px #fff4b2!important} .gpnd-nextpat-brand{display:block;width:min(280px,100%);height:auto;object-fit:contain;background:#f5f5f5;border-radius:8px;padding:8px;margin:0 0 12px} .gpnd-linx-brand{display:inline-block;vertical-align:middle;width:48px;height:48px;object-fit:contain;margin-right:12px;border-radius:6px} @media(max-width:600px){.gpnd-project-preview-top .gpnd-preview-heading{column-gap:12px!important}.gpnd-project-preview-top .gpnd-preview-heading>.gpnd-view-listing-btn{margin:0!important}} /* W.100: grouped actions with structural spacing rather than margins. */ .gpnd-project-preview-top .gpnd-preview-heading .gpnd-sticky-show-actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important; flex-wrap:wrap!important;gap:16px!important;margin-left:auto!important; } .gpnd-project-preview-top .gpnd-sticky-show-actions > *{ margin:0!important;flex:0 0 auto!important;box-sizing:border-box!important; } .gpnd-project-preview-top .gpnd-sticky-show-actions .gpnd-save-show-sticky{ background:transparent!important;color:#ffcf00!important; border:2px solid #ffcf00!important;box-shadow:none!important; } .gpnd-project-preview-top .gpnd-sticky-show-actions .gpnd-save-project-sticky{ background:#ffcf00!important;color:#111!important;box-shadow:none!important; } .gpnd-project-preview-top .gpnd-sticky-show-actions .gpnd-view-listing-btn{ display:inline-flex!important;align-items:center!important;white-space:nowrap!important; color:#ffdf56!important;text-decoration:none!important; } @media(max-width:600px){ .gpnd-project-preview-top .gpnd-preview-heading .gpnd-sticky-show-actions{ width:100%!important;justify-content:flex-start!important;gap:12px!important; } } /* W.101 exact-tag discovery links */ .gpnd-tag-filter-list{display:flex;flex-wrap:wrap;gap:8px} .gpnd-tag-filter-link{display:inline-flex;padding:5px 10px;border:1px solid currentColor;border-radius:99px;text-decoration:none!important;font-size:.85rem} .gpnd-tag-filter-link:hover{text-decoration:underline!important} /* W.103: related declaration details form a single visual group. */ .gpnd-declaration.gpnd-declaration-grouped{border-top:0!important;padding-top:8px!important;padding-bottom:8px!important} .gpnd-declaration.gpnd-declaration-nextpat{border-top:1px solid #39414b!important} .gpnd-building-solve-intake{margin-bottom:16px} .gpnd-building-solve-intake textarea{width:100%;box-sizing:border-box} /* W.104: keep each short/full pair visibly together in Builder. */ .gpnd-depth-pair{padding:12px 0;border-bottom:1px solid rgba(160,170,180,.25)} .gpnd-depth-pair h3{margin:0 0 8px} .gpnd-depth-pair textarea{width:100%;box-sizing:border-box} /* W.105: clear subject headings and labels for each short/full pair. */ .gpnd-intake-body .gpnd-depth-pair > h3{display:block!important;visibility:visible!important;opacity:1!important;font-size:1.15rem!important;font-weight:800!important;line-height:1.35!important;margin:8px 0 12px!important;} .gpnd-intake-body .gpnd-depth-pair label > strong{display:block!important;font-weight:700!important;margin-bottom:5px!important;} /* W.111: optional public Next-Pat community invitation. */ .gpnd-nextpat-invitation{margin-top:18px;padding:18px;border:1px solid rgba(255,205,0,.4);border-radius:12px;background:rgba(255,205,0,.045)} .gpnd-nextpat-invitation h3{margin-top:0} .gpnd-nextpat-join-link{display:inline-block;padding:10px 16px;border-radius:7px;background:#ffcf00;color:#141414!important;font-weight:700;text-decoration:none!important} /* W.112: force accessible contrast over theme-wide anchor/button rules. */ .gpnd-nextpat-invitation a.gpnd-nextpat-join-link, .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:link, .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:visited, .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:hover, .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:focus-visible { color:#111111!important; -webkit-text-fill-color:#111111!important; background-color:#ffdf00!important; text-shadow:none!important; text-decoration:none!important; border:2px solid #ffdf00!important; } .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:hover, .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:focus-visible { background-color:#f2c500!important; border-color:#f2c500!important; } .gpnd-nextpat-invitation a.gpnd-nextpat-join-link:focus-visible {outline:3px solid #fff!important;outline-offset:3px!important;} .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-filter-status{ grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:4px 12px!important; padding:10px 12px!important;border:1px solid var(--gpnd-line)!important;border-radius:8px!important; color:var(--gpnd-text)!important;font-size:12px!important; } .gpnd.gpnd-directory .gpnd-filter-status span{opacity:.8} .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-clear-all.gpnd-clear-prominent{ border:2px solid #eab308!important;color:#eab308!important;font-weight:800!important; } /* W.116: confirmed cascade cause: dark Launcher brand selector overrides the prior active rule. Use the same full ancestry, plus state class. Avoid opaque native select text by explicitly setting text fill. */ .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters select.gpnd-filter-active, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters input.gpnd-filter-active, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-search-panel input.gpnd-filter-active, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-launcher-filters select.gpnd-filter-active, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-launcher-filters input.gpnd-filter-active, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-search-panel input.gpnd-filter-active{ background:#ffe500!important; background-color:#ffe500!important; background-image:none!important; color:#151515!important; -webkit-text-fill-color:#151515!important; opacity:1!important; border:2px solid #c59b00!important; box-shadow:0 0 0 1px rgba(255,229,0,.25)!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select.gpnd-filter-active option{ background:#fff!important;color:#151515!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label.gpnd-filter-label-active{ color:#ffe500!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters{ row-gap:16px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label{ display:flex!important;flex-direction:column!important; gap:7px!important;line-height:1.45!important; min-height:0!important;overflow:visible!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label select{ margin-top:0!important;flex-shrink:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters input[name="gpnd_tag"]:not(.gpnd-filter-active){ background:var(--gpnd-panel2)!important; color:var(--gpnd-text)!important; -webkit-text-fill-color:var(--gpnd-text)!important; border:1px solid var(--gpnd-line)!important; } /* W.117: accessible directory pagination */ .gpnd.gpnd-directory .gpnd-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0;padding:12px} .gpnd.gpnd-directory .gpnd-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid #b99318;border-radius:8px;color:var(--gpnd-text,#fff);text-decoration:none;font-weight:700} .gpnd.gpnd-directory .gpnd-page-link.is-current{background:#ffe500;color:#151515!important;border-color:#ffe500} .gpnd.gpnd-directory .gpnd-page-link:focus-visible{outline:3px solid #ffe500;outline-offset:3px} /* W.118: publishing-capacity and required-field guidance */ .gpnd .gpnd-slot-notice{padding:14px 16px;margin:12px 0 18px;border:1px solid #c4a438;border-radius:10px;background:rgba(255,205,0,.09);line-height:1.5} .gpnd .gpnd-required-guide{padding:12px 16px;border-left:4px solid #facc15;margin:12px 0 18px;line-height:1.5} .gpnd .gpnd-required-star{color:#e3a600;font-weight:900} /* W.119: styled recoverable publishing limit */ .gpnd .gpnd-publish-error{border:2px solid #e0ac18;background:#211c10;color:#fff;border-radius:12px;padding:16px 20px;margin:16px 0}.gpnd .gpnd-publish-error strong{color:#ffe500;font-size:1.1em}.gpnd .gpnd-publish-error p{margin:8px 0 0;line-height:1.5}.gpnd .gpnd-slot-warning{color:#ffe500;font-weight:650} /* W.121: field-level validation visible after redirect/recovery. */ .gpnd .gpnd-invalid-field{outline:3px solid #e6a500!important;outline-offset:2px!important;border-color:#e6a500!important} .gpnd .gpnd-inline-field-error{display:block;margin:7px 0 2px;padding:9px 12px;border-left:4px solid #e6a500;background:#292211;color:#ffe58a;font-size:14px;font-weight:650;line-height:1.4} .gpnd .gpnd-invalid-field:focus-visible{outline:3px solid #ffe500!important} .gpnd .gpnd-validation-summary{margin-bottom:16px} /* W.128: separate server-rendered Save tab beside Link Locker, without layout-width changes. */ .gpnd-builder-save-tab,body>.gpnd-builder-save-tab{position:fixed!important;right:0!important;left:auto!important;top:calc(42% + 155px)!important;z-index:100002!important;display:block!important;visibility:visible!important;opacity:1!important;writing-mode:vertical-rl!important;background:#ffe500!important;color:#151515!important;-webkit-text-fill-color:#151515!important;border:2px solid #151515!important;border-right:0!important;border-radius:9px 0 0 9px!important;padding:12px 9px!important;font-weight:800!important;font-size:13px!important;line-height:1.25!important;max-width:48px!important;max-height:170px!important;box-sizing:border-box!important;transform:none!important;cursor:pointer!important;box-shadow:0 3px 16px #0008!important} .gpnd-builder-save-tab:focus-visible{outline:3px solid #ffe500!important;outline-offset:3px!important} @media(max-width:600px){.gpnd-builder-save-tab,body>.gpnd-builder-save-tab{padding:9px 6px!important;max-width:40px!important}} /* W.130: Builder header Save is in server-rendered heading, not a floating tab. */ .gpnd .gpnd-studio-heading{position:sticky!important;top:0!important;z-index:999!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;background:#252b30!important;padding:12px 16px!important;box-sizing:border-box!important;max-width:100%!important} .gpnd .gpnd-studio-heading>div{flex:1 1 180px!important;min-width:0!important} .gpnd .gpnd-studio-heading .gpnd-builder-save-header{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;background:#ffe500!important;color:#171717!important;-webkit-text-fill-color:#171717!important;border:1px solid #171717!important;border-radius:8px!important;padding:11px 14px!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;cursor:pointer!important;min-height:42px!important;writing-mode:horizontal-tb!important} .gpnd .gpnd-studio-heading .gpnd-builder-save-header:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important} @media(max-width:600px){.gpnd .gpnd-studio-heading{top:0!important;padding:9px 10px!important;gap:6px!important}.gpnd .gpnd-studio-heading>div{flex:1 1 120px!important}.gpnd .gpnd-studio-heading h3{font-size:17px!important}.gpnd .gpnd-studio-heading .gpnd-builder-save-header{font-size:12px!important;padding:9px 10px!important;min-height:38px!important}} /* W.131: compact sticky actions row; preview opens a panel without hiding the Builder. */ .gpnd:has(.gpnd-editor) .gpnd-studio-heading{position:relative!important;top:auto!important;z-index:auto!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools{position:sticky!important;top:0!important;z-index:9990!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;background:#20242b!important;box-shadow:0 3px 12px #0008!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-builder-save-header{display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;background:#ffe500!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #d9b800!important;border-radius:8px!important;padding:8px 12px!important;min-height:38px!important;font-weight:800!important;white-space:nowrap!important;writing-mode:horizontal-tb!important} @media(max-width:950px){ .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-editor-fields{display:block!important;visibility:visible!important} .gpnd:has(.gpnd-editor) .gpnd-editor[data-gpnd-mode=preview] .gpnd-preview-pane{display:flex!important;position:fixed!important;inset:12px!important;width:auto!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;z-index:99980!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools{padding:7px 9px!important;gap:6px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-builder-save-header{font-size:12px!important;padding:7px 9px!important;min-height:34px!important} } /* W.132: the FIVE actions form ONE sticky unit, including on desktop. */ .gpnd:has(.gpnd-editor) .gpnd-studio-tools{ position:sticky!important;top:0!important;z-index:9990!important; display:flex!important;flex-direction:row!important;align-items:center!important; justify-content:flex-start!important;flex-wrap:wrap!important; width:100%!important;max-width:100%!important;min-width:0!important; box-sizing:border-box!important;gap:8px!important; padding:9px 14px!important;margin:0!important; background:#363e4b!important;border-bottom:1px solid #c4a025!important; isolation:isolate!important;overflow:visible!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-mobile-tabs{ display:inline-flex!important;position:static!important;visibility:visible!important; opacity:1!important;flex:0 1 auto!important;flex-wrap:nowrap!important; align-items:center!important;gap:8px!important;margin:0!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-listings-open, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-new-listing, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-builder-save-header, .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-mode-edit, .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-mode-preview{ display:inline-flex!important;position:static!important;visibility:visible!important; opacity:1!important;flex:0 0 auto!important;align-items:center!important; justify-content:center!important;white-space:nowrap!important; min-height:38px!important;max-width:100%!important;box-sizing:border-box!important; } body.admin-bar .gpnd:has(.gpnd-editor) .gpnd-studio-tools{top:32px!important} @media(max-width:782px){ body.admin-bar .gpnd:has(.gpnd-editor) .gpnd-studio-tools{top:46px!important} } @media(max-width:600px){ .gpnd:has(.gpnd-editor) .gpnd-studio-tools{gap:6px!important;padding:8px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-mobile-tabs{margin-left:0!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools button, .gpnd:has(.gpnd-editor) .gpnd-studio-tools a{font-size:12px!important;padding:8px 9px!important} } /* W.133: compact five-button single-row toolbar; only the outer bar sticks. */ .gpnd:has(.gpnd-editor) .gpnd-studio-tools{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:auto!important; align-items:stretch!important; justify-items:stretch!important; flex-wrap:nowrap!important; gap:clamp(3px,.7vw,8px)!important; padding:7px clamp(5px,1.2vw,12px)!important; position:sticky!important; width:100%!important;min-width:0!important;max-width:100%!important; box-sizing:border-box!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-mobile-tabs{ display:contents!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-listings-open, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-new-listing, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-builder-save-header, .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-mode-edit, .gpnd:has(.gpnd-editor) .gpnd-studio-tools .gpnd-mode-preview{ display:flex!important;position:static!important;visibility:visible!important; width:100%!important;min-width:0!important;max-width:100%!important; height:auto!important;min-height:36px!important; margin:0!important;padding:7px 2px!important; font-size:clamp(10px,2.6vw,13px)!important;line-height:1.2!important; text-align:center!important;white-space:nowrap!important; box-sizing:border-box!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-builder-save-header{ background:#ffe500!important;color:#111!important;-webkit-text-fill-color:#111!important; } @media(max-width:360px){ .gpnd:has(.gpnd-editor) .gpnd-studio-tools{gap:3px!important;padding:6px 4px!important} .gpnd:has(.gpnd-editor) .gpnd-studio-tools button, .gpnd:has(.gpnd-editor) .gpnd-studio-tools a{font-size:10px!important;padding:7px 1px!important} } /* W.134: Five actual sibling controls, not a nested mobile-tabs wrapper. The nested flex group caused Edit/Preview to separate and wrap. */ .gpnd:has(.gpnd-editor) .gpnd-studio-tools{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-auto-flow:row!important;grid-template-rows:auto!important; gap:clamp(3px,.7vw,8px)!important;align-items:stretch!important; justify-content:stretch!important;position:sticky!important; max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-listings-open, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-new-listing, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-builder-save-header, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-mode-edit, .gpnd:has(.gpnd-editor) .gpnd-studio-tools>.gpnd-mode-preview{ display:flex!important;position:static!important;min-width:0!important; width:100%!important;max-width:100%!important;min-height:36px!important; padding:7px 2px!important;margin:0!important;align-items:center!important; justify-content:center!important;white-space:nowrap!important; font-size:clamp(10px,2.6vw,13px)!important;box-sizing:border-box!important; } /* W.137: View is a link, not a preview-mode toggle. Match existing toolbar buttons. */ .gpnd .gpnd-studio-tools .gpnd-mode-view{display:flex!important;align-items:center;justify-content:center;min-width:0;text-align:center;text-decoration:none!important;white-space:nowrap;font:inherit;font-weight:700;box-sizing:border-box} .gpnd .gpnd-studio-tools:has(.gpnd-mode-view){grid-template-columns:repeat(5,minmax(0,1fr))!important} .gpnd .gpnd-studio-tools:not(:has(.gpnd-mode-view)){grid-template-columns:repeat(4,minmax(0,1fr))!important} /* W.142: actionable discovery filter pills on directory card fronts */ .gpnd-front-filter-pills{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0;position:relative;z-index:3} .gpnd-front-filter-pill{display:inline-flex;align-items:center;max-width:100%;padding:4px 9px;border-radius:999px;border:1px solid #c9aa57;background:#273747;color:#f3d783!important;font-size:11px;font-weight:700;line-height:1.3;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere} .gpnd-front-filter-pill:hover,.gpnd-front-filter-pill:focus-visible{background:#e5bf5b;color:#152333!important;outline:2px solid #e5bf5b;outline-offset:2px} /* W.150: keep native dropdown selected text to one visible line. The category label immediately above identifies what "All" means. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select{ box-sizing:border-box!important; display:block!important; width:100%!important; min-width:0!important; height:54px!important; min-height:54px!important; max-height:54px!important; padding:9px 30px 9px 12px!important; font-size:18px!important; line-height:24px!important; white-space:nowrap!important; text-overflow:ellipsis!important; overflow:hidden!important; vertical-align:middle!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select option{ white-space:nowrap!important; font-size:16px!important; } /* W.151: small single-line native selects and legible opened options. Scoped to directory filter sidebar; overrides older theme and W.150 rules. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label{ gap:3px!important; margin:0!important; padding:0!important; font-size:12px!important; line-height:1.3!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters select{ appearance:auto!important; -webkit-appearance:menulist!important; box-sizing:border-box!important; width:100%!important; height:34px!important; min-height:34px!important; max-height:34px!important; padding:3px 8px!important; margin:0!important; font-size:14px!important; font-weight:500!important; line-height:22px!important; background:#f8fafc!important; color:#17212d!important; -webkit-text-fill-color:#17212d!important; border:1px solid #b7c1cd!important; border-radius:6px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select option, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters select option{ background:#ffffff!important; color:#17212d!important; -webkit-text-fill-color:#17212d!important; font-size:14px!important; font-weight:500!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select option:checked{ background:#dbeafe!important; color:#142b48!important; -webkit-text-fill-color:#142b48!important; } /* W.152: one compact global boolean mode selector */ .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-match-setting{display:flex!important;align-items:center!important;gap:8px!important;margin:5px 0 2px!important;flex-wrap:nowrap!important} .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-match-setting>span{font-size:12px!important;font-weight:700!important;white-space:nowrap!important;color:#f5f7fb!important} .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-match-setting select{width:110px!important;min-width:110px!important;max-width:110px!important;height:30px!important;min-height:30px!important;max-height:30px!important;font-size:12px!important;padding:2px 5px!important} .gpnd.gpnd-directory .gpnd-launcher-filters .gpnd-match-hint{font-size:11px!important;line-height:1.35!important;color:#e1e8f0!important;margin:2px 0 8px!important} /* W.153 — consolidate sidebar sizing. Do not affect Builder or card controls. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-panel, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters{ box-sizing:border-box!important;min-width:0!important;width:100%!important; margin:0!important;padding:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters{ display:flex!important;flex-direction:column!important;align-items:stretch!important; gap:7px!important;row-gap:7px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters>*{ box-sizing:border-box!important;min-width:0!important;max-width:100%!important; width:100%!important;margin:0!important;grid-column:auto!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters>.gpnd-sidebar-label{ display:block!important;font-size:12px!important;line-height:16px!important; padding:0!important;text-align:left!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label{ display:flex!important;flex-direction:column!important;align-items:stretch!important; gap:2px!important;margin:0!important;padding:0!important; font-size:12px!important;line-height:16px!important;font-weight:650!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters label select, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters label select{ display:block!important;box-sizing:border-box!important;width:100%!important; min-width:0!important;max-width:100%!important;height:32px!important; min-height:32px!important;max-height:32px!important; margin:0!important;padding:3px 7px!important; font-size:13px!important;line-height:20px!important; background:#f8fafc!important;color:#17212d!important; -webkit-text-fill-color:#17212d!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-setting{ display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important; justify-content:flex-start!important;align-items:center!important; gap:6px!important;margin:0!important;padding:0!important; width:100%!important;min-height:0!important;height:auto!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-setting>span{ flex:0 0 auto!important;font-size:12px!important;line-height:16px!important; color:#f5f7fb!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-setting select, .gpnd.gpnd-directory:not(.gpnd-theme-light).gpnd-brand-launcher .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-setting select{ flex:0 1 105px!important;width:105px!important;min-width:0!important; max-width:105px!important;height:30px!important;min-height:30px!important; max-height:30px!important;margin:0!important;padding:2px 4px!important; font-size:12px!important;line-height:20px!important; background:#f8fafc!important;color:#17212d!important; -webkit-text-fill-color:#17212d!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-hint{ margin:0 0 3px!important;padding:0!important; font-size:11px!important;line-height:1.3!important;color:#e1e8f0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-heading{ margin:0 0 6px!important;padding:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls{ display:flex!important;flex-direction:column!important;gap:6px!important; margin:0!important;padding:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls label{ display:flex!important;flex-direction:column!important;gap:3px!important; margin:0!important;padding:0!important;font-size:12px!important;line-height:16px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls input[type=search]{ box-sizing:border-box!important;width:100%!important;height:34px!important; min-height:34px!important;max-height:34px!important;margin:0!important; padding:4px 8px!important;font-size:13px!important;line-height:20px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls button[type=submit]{ box-sizing:border-box!important;width:auto!important;align-self:flex-start!important; min-width:90px!important;height:32px!important;min-height:32px!important; max-height:32px!important;margin:0!important;padding:4px 12px!important; font-size:13px!important;line-height:20px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters button, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters a.gpnd-clear-all{ width:auto!important;max-width:100%!important;align-self:flex-start!important; height:32px!important;min-height:32px!important;max-height:32px!important; padding:5px 10px!important;font-size:12px!important;line-height:20px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-sidebar-rule{ margin:10px 0!important; } /* W.154: Fix inherited flex-basis:260px on search label that stretches its row and pushes the submit button hundreds of pixels downward. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important; align-content:flex-start!important;align-items:stretch!important;gap:8px!important; height:auto!important;min-height:0!important;max-height:none!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls>label{ flex:0 0 auto!important;flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important; height:auto!important;min-height:0!important;width:100%!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls>button[type=submit]{ flex:0 0 auto!important;align-self:flex-start!important;margin:0!important; } /* W.155: compact, additive multi-select chips; keep W.154 native dropdown sizes. */ .gpnd .gpnd-multi-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px} .gpnd .gpnd-multi-chips:empty{display:none} .gpnd .gpnd-multi-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 7px;border:1px solid #8ea6ba;border-radius:999px;background:#24394c;color:#fff;font:600 11px/1.4 inherit;overflow-wrap:anywhere} .gpnd .gpnd-multi-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#dce5ed!important;color:#172b3d!important;font-size:14px!important;line-height:1!important;cursor:pointer!important} /* W.157: scoped spacing adjustment to the filter footer only. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > button[type="submit"], .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > .gpnd-clear-all { margin-top:12px!important; margin-bottom:8px!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > button[type="submit"] {margin-right:8px!important;} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > .gpnd-filter-status { margin-top:10px!important; padding:9px 11px!important; gap:5px!important; line-height:1.45!important; align-items:flex-start!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > .gpnd-filter-status > strong, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters > .gpnd-filter-status > span {display:block!important;width:100%!important;} /* W.165b: opt-in Building in Public ribbon. */ .gpnd-simple-front,.gpnd-featured-card{position:relative;overflow:hidden} .gpnd-building-public-ribbon{position:absolute;z-index:3;top:12px;right:0;background:#f7c843;color:#171717;padding:7px 13px;font-size:12px;font-weight:800;letter-spacing:.025em;box-shadow:0 2px 8px #0004;border-radius:4px 0 0 4px;pointer-events:none} .gpnd-building-public-filter{display:flex!important;align-items:center;gap:8px} /* W.165b: phase-driven public project page banner. */ .gpnd-building-public-page-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 18px;padding:12px 16px;border-left:5px solid #d9a928;border-radius:5px;background:#f7c843;color:#171717;box-shadow:0 2px 8px #0002} .gpnd-building-public-page-ribbon strong{font-weight:800;white-space:nowrap} .gpnd-building-public-page-ribbon span{font-size:.9em;line-height:1.45} /* W.165d: compact quick control; no full-width checkbox */ .gpnd-building-public-top{padding:12px 14px;margin:12px 0;border:1px solid #c9a342;border-radius:8px;background:rgba(201,163,66,.08)} .gpnd-building-public-top label{display:inline-flex;align-items:center;gap:9px;cursor:pointer} .gpnd-building-public-top input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;appearance:auto!important} .gpnd-building-public-top .gpnd-hint{margin:6px 0 0} /* W.165e: ribbons are links to the existing phase filter. */ .gpnd-building-public-ribbon{pointer-events:auto;text-decoration:none;cursor:pointer} .gpnd-building-public-ribbon:hover,.gpnd-building-public-ribbon:focus-visible{background:#ffe078;color:#171717;text-decoration:underline;outline-offset:2px} /* W.165o: optional Deep Dive discovery panel, confined to the existing filter form. */ .gpnd-directory .gpnd-deep-dive{margin:14px 0;border:1px solid rgba(170,181,199,.4);border-radius:12px;overflow:hidden} .gpnd-directory .gpnd-deep-dive>summary{cursor:pointer;padding:13px 12px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center} .gpnd-directory .gpnd-deep-dive>summary::-webkit-details-marker{display:none} .gpnd-directory .gpnd-deep-dive[open]>summary span{transform:rotate(90deg)} .gpnd-directory .gpnd-deep-dive-body{padding:12px;display:grid;gap:12px;border-top:1px solid rgba(170,181,199,.25)} .gpnd-directory .gpnd-deep-dive-body p{margin:0;font-size:.85em;line-height:1.5;opacity:.85} .gpnd-directory .gpnd-deep-dive-body label{display:block;min-width:0} .gpnd-directory .gpnd-deep-dive-body select,.gpnd-directory .gpnd-deep-dive-body input{width:100%;max-width:100%;box-sizing:border-box} /* W.165s: narrow discovery sidebar readability; no filter behavior changes. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-deep-dive{margin:12px 0 16px!important;min-width:0!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-deep-dive>summary{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:9px!important;justify-content:space-between!important;padding:11px 12px!important;font-size:14px!important;line-height:1.35!important;overflow-wrap:normal!important;word-break:normal!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-deep-dive>summary span{flex:0 0 auto!important;margin-left:auto!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-filter-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;margin:13px 0 10px!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-filter-actions>button{flex:0 1 auto!important;max-width:100%!important;min-width:0!important;width:auto!important;min-height:36px!important;height:auto!important;margin:0!important;padding:7px 11px!important;white-space:nowrap!important;font-size:12px!important;line-height:1.3!important} .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters>.gpnd-filter-status{margin-top:12px!important} /* W.165t: compact short-field counters */ .gpnd-short-counter{display:block;margin-top:4px;font-size:.78rem;opacity:.85} /* W.165u — theme-aware readability pass; presentation only. */ .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-heading .gpnd-results-meta { color:#e0e4eb!important; -webkit-text-fill-color:#e0e4eb!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-heading .gpnd-results-meta { color:#344054!important; -webkit-text-fill-color:#344054!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-sidebar-label, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-search-kicker, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-search-controls label, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-launcher-filters label, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-deep-dive-body label { color:#344054!important; -webkit-text-fill-color:#344054!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-deep-dive-body p, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-match-hint, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-filter-status, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-filter-status span { color:#344054!important; -webkit-text-fill-color:#344054!important; opacity:1!important; } .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-sidebar .gpnd-filter-status, .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-sidebar .gpnd-filter-status span { color:#e0e4eb!important; -webkit-text-fill-color:#e0e4eb!important; opacity:1!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-results-grid .gpnd-card-body>p, .gpnd.gpnd-directory.gpnd-theme-light .gpnd-results-grid .gpnd-card-body .gpnd-flip-cue { color:#344054!important; -webkit-text-fill-color:#344054!important; opacity:1!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-deep-dive>summary { color:#20262e!important; -webkit-text-fill-color:#20262e!important; } .gpnd:has(.gpnd-editor) .gpnd-editor-fields select, .gpnd:has(.gpnd-editor) .gpnd-editor-fields select option, .gpnd:has(.gpnd-editor) .gpnd-editor-fields select optgroup { background-color:#101820!important; color:#f7f8fb!important; -webkit-text-fill-color:#f7f8fb!important; } .gpnd:has(.gpnd-editor) .gpnd-editor-fields select option:checked { background-color:#3a4655!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } /* W.165v — component-surface contrast and restrained text hierarchy. Keep cards, filter behavior, and typography families unchanged. */ .gpnd.gpnd-directory{--gpnd-help:#dce3eb;--gpnd-input-bg:#f8fafc;--gpnd-input-text:#17212d} .gpnd.gpnd-directory.gpnd-theme-light{--gpnd-help:#344054;--gpnd-input-bg:#fff;--gpnd-input-text:#20262e} /* Match Filters instructions: actual sidebar surface controls the contrast. */ .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-hint, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-deep-dive-body p, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-filter-status span{ color:var(--gpnd-help)!important;-webkit-text-fill-color:var(--gpnd-help)!important;opacity:1!important; font-size:12px!important;line-height:1.5!important;letter-spacing:normal!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-filter-status strong{ color:var(--gpnd-text)!important;-webkit-text-fill-color:var(--gpnd-text)!important;opacity:1!important; } .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-sidebar .gpnd-launcher-filters .gpnd-match-setting>span{ color:#20262e!important;-webkit-text-fill-color:#20262e!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select option, .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-search-controls input[type=search]{ background-color:var(--gpnd-input-bg)!important;color:var(--gpnd-input-text)!important; -webkit-text-fill-color:var(--gpnd-input-text)!important;color-scheme:light; } .gpnd.gpnd-directory .gpnd-discovery-sidebar .gpnd-launcher-filters select option:checked{ background:#dce5ed!important;color:#17212d!important;-webkit-text-fill-color:#17212d!important; } /* Visible, accessible theme affordance at mobile sizes. */ .gpnd.gpnd-directory .gpnd-theme-toggle{ display:inline-flex!important;align-items:center!important;justify-content:center!important; gap:9px!important;min-height:44px!important;min-width:44px!important; padding:8px 13px!important;font-size:13px!important;line-height:1.25!important; background:var(--gpnd-panel2)!important;color:var(--gpnd-text)!important; } .gpnd.gpnd-directory .gpnd-theme-toggle .gpnd-theme-icon{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:24px!important;height:24px!important;font-size:24px!important;line-height:1!important; color:var(--gpnd-text)!important; } .gpnd.gpnd-directory .gpnd-theme-toggle .gpnd-theme-label{ display:inline!important;font-size:13px!important;font-weight:750!important;color:var(--gpnd-text)!important; } .gpnd.gpnd-directory .gpnd-theme-toggle:focus-visible{outline:3px solid var(--gpnd-accent)!important;outline-offset:2px!important} @media(max-width:650px){ .gpnd.gpnd-directory .gpnd-directory-header{flex-wrap:wrap!important} .gpnd.gpnd-directory .gpnd-theme-toggle{margin-left:0!important} } /* W.165w: real-device theme symbol is vector-drawn, not a font-dependent tiny glyph. */ .gpnd.gpnd-directory .gpnd-theme-toggle .gpnd-theme-icon{width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;line-height:0!important} .gpnd.gpnd-directory .gpnd-theme-toggle .gpnd-theme-symbol{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:none!important;max-height:none!important;stroke:currentColor!important;fill:none!important;opacity:1!important;visibility:visible!important} /* W.165ae: compact nav styles are owned by its markup to avoid site-theme overrides. */ .gpnd.gpnd-directory .gpnd-results-grid .gpnd-show-card a.gpnd-building-public-ribbon{ display:inline-block;position:absolute;top:12px;right:0;left:auto;z-index:8; width:auto;max-width:calc(100% - 12px);padding:7px 12px; background:#f7c843;color:#171717;font-size:12px;font-weight:800; line-height:1.25;border-radius:4px 0 0 4px;text-decoration:none;white-space:nowrap; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-show-card .gpnd-directory-show{position:relative} .gpnd.gpnd-directory:not(.gpnd-theme-light) .gpnd-discovery-heading .gpnd-results-meta{color:#e4e9f0;opacity:1} .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-heading .gpnd-results-meta{color:#394552;opacity:1} /* W.165ao: three fixed desktop columns; older grid column declarations removed. */ /* W.165ak — one bordered assembly; independent flip and natural-height toolbar. Scoped to CARD4 only. No changes to editor preview or legacy card markup. */ .gpnd.gpnd-directory .gpnd-results-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; justify-content:start!important;align-items:start!important;gap:18px!important; } .gpnd.gpnd-directory .gpnd-results-grid > article.gpnd-show-card { display:flex!important;flex-direction:column!important;box-sizing:border-box!important; width:100%!important;max-width:340px!important;min-width:0!important;height:auto!important; margin:0!important;padding:0!important;overflow:hidden!important; border:1px solid #aa8b3d!important;border-radius:12px!important; background:var(--gpnd-card,#252a32)!important; } .gpnd.gpnd-directory .gpnd-results-grid > article.gpnd-show-card > .gpnd-simple-card-unit { display:block!important;box-sizing:border-box!important;flex:0 0 auto!important; width:100%!important;min-width:0!important;max-width:100%!important; margin:0!important;padding:0!important;overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-flip { display:block!important;width:100%!important;min-width:0!important; box-sizing:border-box!important;margin:0!important;padding:0!important;perspective:1200px; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-inner { position:relative!important;display:block!important;width:100%!important; box-sizing:border-box!important;height:auto!important;aspect-ratio:4 / 5!important; margin:0!important;padding:0!important;transform-style:preserve-3d!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-face { position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important; box-sizing:border-box!important;width:100%!important;height:100%!important; min-height:0!important;max-width:100%!important;margin:0!important; border:0!important;border-radius:0!important;box-shadow:none!important; overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-front {transform:rotateY(0deg)!important;isolation:isolate} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-back {transform:rotateY(180deg)!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-flip.is-flipped .gpnd-simple-inner {transform:rotateY(180deg)!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-front > .gpnd-simple-art { display:block!important;position:relative!important;box-sizing:border-box!important; flex:0 0 38%!important;width:100%!important;height:38%!important; min-height:0!important;max-height:38%!important;overflow:hidden!important; background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-front > .gpnd-simple-body { display:flex!important;flex-direction:column!important;align-items:flex-start!important; flex:1 1 auto!important;box-sizing:border-box!important;width:100%!important; min-height:0!important;max-width:100%!important;overflow:hidden!important;padding:10px 12px!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-body h3 {font-size:18px!important;line-height:1.15!important;margin:4px 0!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-body p { display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important; overflow:hidden!important;font-size:12px!important;line-height:1.35!important;margin:3px 0 5px!important; } .gpnd.gpnd-directory .gpnd-results-grid .gpnd-front-filter-pills {display:flex!important;flex-wrap:wrap!important;gap:4px!important;max-width:100%!important;min-height:0!important;margin:4px 0!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-front-filter-pill {display:inline-flex!important;padding:3px 6px!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-flip-button {display:inline-block!important;flex:0 0 auto!important;align-self:flex-start!important;margin-top:auto!important;visibility:visible!important;opacity:1!important} .gpnd.gpnd-directory .gpnd-results-grid .gpnd-simple-front > a.gpnd-building-public-ribbon { position:absolute!important;top:9px!important;right:0!important;left:auto!important; z-index:20!important;display:inline-block!important;flex:none!important; width:auto!important;max-width:calc(100% - 12px)!important;margin:0!important;padding:5px 9px!important; background:#f7c843!important;color:#171717!important;-webkit-text-fill-color:#171717!important; border-radius:4px 0 0 4px!important;font-size:12px!important;font-weight:800!important; line-height:1.3!important;text-decoration:none!important;white-space:nowrap!important; } .gpnd.gpnd-directory .gpnd-results-grid > article.gpnd-show-card > .gpnd-compact-nav { position:relative!important;flex:0 0 auto!important;box-sizing:border-box!important; width:100%!important;min-width:0!important;max-width:100%!important; margin:0!important;overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-discovery-heading .gpnd-results-meta {color:#e1e6ed!important;-webkit-text-fill-color:#e1e6ed!important;opacity:1!important} .gpnd.gpnd-directory.gpnd-theme-light .gpnd-discovery-heading .gpnd-results-meta {color:#344054!important;-webkit-text-fill-color:#344054!important} @media(max-width:700px){ .gpnd.gpnd-directory .gpnd-results-grid {grid-template-columns:minmax(0,1fr)!important;justify-items:center!important} .gpnd.gpnd-directory .gpnd-results-grid > article.gpnd-show-card {width:100%!important;max-width:340px!important} } /* W.165al — public directory responsive shell only. The directory owns its mobile layout independent of Elementor's data-device-mode state. */ @media screen and (max-width:820px) { .gpnd.gpnd-directory .gpnd-discovery-shell { display:block!important; grid-template-columns:none!important; width:100%!important; min-width:0!important; min-height:0!important; } .gpnd.gpnd-directory .gpnd-discovery-main { display:block!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; } .gpnd.gpnd-directory .gpnd-discovery-sidebar { position:fixed!important; grid-column:auto!important; grid-row:auto!important; top:0!important; left:0!important; width:min(86vw,330px)!important; max-width:330px!important; height:100dvh!important; overflow-y:auto!important; transform:translateX(-105%)!important; z-index:100002!important; } .gpnd.gpnd-directory.gpnd-filters-open .gpnd-discovery-sidebar { transform:translateX(0)!important; } .gpnd.gpnd-directory .gpnd-mobile-drawer-toggle { display:flex!important; } .gpnd.gpnd-directory .gpnd-sidebar-close { display:inline-flex!important; } .gpnd.gpnd-directory .gpnd-results-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; max-width:100%!important; min-width:0!important; justify-items:center!important; } .gpnd.gpnd-directory .gpnd-results-grid > article.gpnd-show-card { width:100%!important; max-width:340px!important; min-width:0!important; } } /* W.165ap: compact informational reverse face; the five-action bar stays outside the flip. */ .gpnd.gpnd-directory .gpnd-connections-back { display:flex!important; flex-direction:column!important; box-sizing:border-box!important; width:100%!important; min-height:0!important; height:100%!important; padding:14px!important; gap:8px!important; overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-connections-back h3 { margin:0!important; font-size:clamp(16px,2vw,21px)!important; line-height:1.15!important; } .gpnd.gpnd-directory .gpnd-connections-back .gpnd-back-intro { margin:0!important; font-size:12px!important; line-height:1.4!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; overflow:hidden!important; } .gpnd.gpnd-directory .gpnd-back-connection-list { display:flex!important; flex-direction:column!important; gap:6px!important; min-height:0!important; overflow:auto!important; } .gpnd.gpnd-directory .gpnd-back-connection-list a { display:flex!important; justify-content:space-between!important; gap:8px!important; padding:7px 9px!important; border:1px solid currentColor!important; border-radius:6px!important; color:inherit!important; text-decoration:none!important; font-size:12px!important; font-weight:700!important; overflow-wrap:anywhere!important; } .gpnd.gpnd-directory .gpnd-back-empty {font-size:12px!important;margin:0!important;opacity:.8} .gpnd.gpnd-directory .gpnd-back-bottom { margin-top:auto!important; display:flex!important; justify-content:space-between!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; } .gpnd.gpnd-directory .gpnd-back-project-link {font-size:12px!important;font-weight:700!important;color:inherit!important} .gpnd.gpnd-directory .gpnd-connections-back .gpnd-simple-flip-button { margin:0!important; font-size:12px!important; } /* W.165aq — agreed card-back hierarchy, no invented related-item links. */ .gpnd.gpnd-directory .gpnd-back-v2{gap:6px!important;padding:11px!important;overflow:auto!important} .gpnd.gpnd-directory .gpnd-back-v2 .gpnd-eyebrow{font-size:9px!important;letter-spacing:.08em!important} .gpnd.gpnd-directory .gpnd-back-v2 h3{font-size:17px!important} .gpnd.gpnd-directory .gpnd-back-v2 .gpnd-back-intro{font-weight:700!important;font-size:12px!important} .gpnd.gpnd-directory .gpnd-back-featured{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important} .gpnd.gpnd-directory .gpnd-back-featured a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;min-width:0!important;min-height:57px!important;padding:6px 3px!important;border:1px solid #b99b4e!important;border-radius:6px!important;background:rgba(185,155,78,.12)!important;color:inherit!important;font-size:12px!important;line-height:1.2!important;text-decoration:none!important} .gpnd.gpnd-directory .gpnd-back-featured a span{font-size:10px!important;font-weight:700!important} .gpnd.gpnd-directory .gpnd-back-links{display:flex!important;flex-wrap:wrap!important;gap:4px!important} .gpnd.gpnd-directory .gpnd-back-links a{padding:4px 7px!important;border:1px solid currentColor!important;border-radius:4px!important;font-size:10px!important;color:inherit!important;text-decoration:none!important} .gpnd.gpnd-directory .gpnd-back-section-label{font-size:9px!important;font-weight:800!important;letter-spacing:.07em!important} .gpnd.gpnd-directory .gpnd-back-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important} .gpnd.gpnd-directory .gpnd-back-tiles span{padding:8px 3px!important;border:1px dashed rgba(155,155,155,.7)!important;border-radius:5px!important;text-align:center!important;font-size:10px!important;line-height:1.2!important;opacity:.8} .gpnd.gpnd-directory .gpnd-back-ecosystem a{font-size:11px!important;font-weight:800!important;color:inherit!important} .gpnd.gpnd-directory .gpnd-back-v2 .gpnd-back-bottom{padding-top:3px!important} /* W.165ar — back-only L•iN•X relationship layout. Existing front and external action bar untouched. */ .gpnd.gpnd-directory .gpnd-simple-back:has(.gpnd-relationship-back){padding:12px!important} .gpnd.gpnd-directory .gpnd-relationship-back{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;gap:5px!important;overflow:hidden!important;color:#fff!important} .gpnd.gpnd-directory .gpnd-relationship-back h3{font-size:17px!important;margin:2px 0!important;line-height:1.2!important} .gpnd.gpnd-directory .gpnd-relationship-back .gpnd-back-subtitle{margin:0!important;font-size:11px!important;color:#e5d18b!important} .gpnd.gpnd-directory .gpnd-relationship-sections{display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:7px!important;min-height:0!important;flex:1!important;overflow:auto!important} .gpnd.gpnd-directory .gpnd-relationship-section{display:flex!important;flex-direction:column!important;gap:5px!important;padding:8px!important;border:1px solid #bda15c!important;border-radius:8px!important;background:#303641!important;min-height:0!important;overflow:auto!important} .gpnd.gpnd-directory .gpnd-relationship-section h4{margin:0!important;padding:0!important;font-size:12px!important;line-height:1.15!important;color:#ffe08a!important;text-transform:none!important} .gpnd.gpnd-directory .gpnd-relationship-items{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:flex-start!important} .gpnd.gpnd-directory .gpnd-relationship-tile{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid #e5c770!important;border-radius:5px!important;padding:5px 7px!important;background:#4b4128!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important} .gpnd.gpnd-directory .gpnd-relationship-empty{font-size:11px!important;line-height:1.3!important;color:#c8cbd1!important;font-style:italic!important} .gpnd.gpnd-directory .gpnd-relationship-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;font-size:10px!important;color:#d9c88f!important} .gpnd.gpnd-directory .gpnd-relationship-footer .gpnd-simple-flip-button{margin:0!important;color:#fff!important} /* W.165as: card-back contract; existing front and permanent five buttons preserved. */ .gpnd.gpnd-directory .gpnd-back-contract{gap:7px!important;overflow:auto!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-sections{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;overflow:visible!important;gap:7px!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-section{flex:0 0 auto!important;min-height:0!important;overflow:visible!important;background:#40566a!important;border:1px solid #8daac2!important;padding:9px!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-section h4{color:#fff3b7!important;font-size:13px!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-items{align-items:center!important} .gpnd.gpnd-directory .gpnd-back-external,.gpnd.gpnd-directory .gpnd-back-promotions a,.gpnd.gpnd-directory .gpnd-back-ecosystem-cta{display:block!important;border:1px solid #a8bfd4!important;border-radius:7px!important;background:#4b6580!important;padding:9px!important;color:#fff!important;font-weight:700!important;font-size:12px!important;text-align:center!important;text-decoration:none!important} .gpnd.gpnd-directory .gpnd-back-fallback{color:#ffe08a!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important} .gpnd.gpnd-directory .gpnd-back-promotions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))!important;gap:5px!important} .gpnd.gpnd-directory .gpnd-back-ecosystem-cta{margin-top:auto!important;background:#364e65!important;border-color:#d0b15b!important;padding:13px 7px!important} .gpnd.gpnd-directory .gpnd-back-ecosystem-cta.is-compact{padding:6px!important;font-size:11px!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-footer{flex-shrink:0!important} /* W.165at — centered permanent actions, clear empty collection states. */ .gpnd.gpnd-directory .gpnd-compact-nav{justify-content:center!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-items{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-empty{display:block!important;font-style:normal!important;font-size:12px!important;color:#e3e9ef!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-back-fallback{display:inline-flex!important;align-self:flex-start!important;align-items:center!important;padding:6px 9px!important;border:1px solid #bda15c!important;border-radius:6px!important;background:#31485d!important;color:#ffe08a!important;text-decoration:none!important;font-weight:750!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-fallback-unavailable{opacity:.65!important;border-style:dashed!important;cursor:default!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-relationship-footer{justify-content:flex-end!important} .gpnd.gpnd-directory .gpnd-back-contract .gpnd-back-footer-spacer{display:none!important}