/* Keep card photography continuous and reserve visible controls above each reading area. */
.goal-card{background:#152018}
.goal-card .goal-body{background:transparent;border:0;box-shadow:none}
.goal-photo::after{background:linear-gradient(180deg,#17201700 8%,#17201720 28%,#111911cf 76%,#0d1510ed 100%)}
.goal-card .product-button{background:linear-gradient(150deg,#fff7e345,#d6b66b26);border-color:#eed4a178;box-shadow:inset 0 1px 1px #fff6df5c,0 4px 14px #0000000d;color:#fff6df}
.goal-card .product-button:active{transform:scale(.98)}

#product-dialog{overflow:hidden;padding:0;max-height:calc(100dvh - 40px)}
#product-dialog[open]{display:flex;flex-direction:column}
#product-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.product-dialog-top{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;padding:14px 20px;background:var(--cream,#fafaf7);border-bottom:1px solid #e2e4df}
.product-dialog-top .product-close{position:static;flex:0 0 auto;top:auto;right:auto;box-shadow:0 2px 7px #10243a08}
.product-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 15px;border:1px solid #d6c7a2;border-radius:100px;background:#f6f0e3;color:var(--ink,#10243a);font-size:13px;font-weight:600;line-height:1.4}
.product-back svg{width:18px;height:18px;flex-shrink:0}
.product-detail-media{position:relative;min-height:520px;overflow:hidden;background:#e9e4d8}
.product-detail-media .product-detail-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
.product-source{display:flex;align-items:center;min-height:44px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}

.knowledge-shell{padding-top:0}
.knowledge-dialog-top{position:sticky;top:0;z-index:4;min-height:78px;padding-block:14px;margin-bottom:22px;background:var(--cream,#fafaf7);border-bottom:1px solid #e2e4df;box-shadow:0 9px 12px -12px #10243a33}
.knowledge-back{background:#f6f0e3;border-color:#d6c7a2;box-shadow:0 2px 7px #10243a08;color:var(--ink,#10243a)}
.knowledge-sources{background:transparent;color:var(--ink,#10243a);border-top:1px solid #dfe4e1;padding:21px 0 0;margin:26px 0 0}
.knowledge-sources h3{color:var(--ink,#10243a)}
.knowledge-sources>p{color:var(--muted,#526271)}
#product-dialog[open],.knowledge-dialog[open]{animation:none}

@media(hover:hover) and (pointer:fine){.product-back:hover,.knowledge-back:hover{background:#ece3cd}.goal-card .product-button:hover{background:linear-gradient(150deg,#fff7e357,#d6b66b38);color:#fff6df}}
@media(max-width:760px){#product-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);border-radius:22px}.product-dialog-top{padding:11px 15px}.product-back{padding-inline:13px}.product-detail-media{height:185px;min-height:0}.product-detail-body{padding-top:26px}.knowledge-shell{padding-top:0}.knowledge-dialog-top{min-height:70px;padding-block:11px;margin-bottom:20px}.knowledge-sources{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.goal-card .product-button:active{transform:none}}