.app[data-screen=brand-ending] .screens{display:flex;align-items:flex-start;padding:14px;background:#112b38d9;backdrop-filter:blur(4px)}
.app[data-screen=brand-ending] #screen-brand-ending{display:block;width:100%;max-width:820px;margin:auto}
.joint-card{width:100%;overflow:hidden;border-radius:14px;background:#fff6e3;color:#304c50;box-shadow:0 24px 70px #071b2380}
.joint-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#244650;color:#ead8b4}.joint-top>span{font-size:10px;letter-spacing:1px}.joint-top .joint-exit{color:#ead8b4;padding:4px 0;font-size:11px;flex-shrink:0}
.joint-art{position:relative;aspect-ratio:960/500;overflow:hidden;background:#9dbdb1}.joint-art canvas{width:100%;height:100%;display:block}.joint-place{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:#25454de8;color:#fff0d1;border-radius:5px;font-size:12px;max-width:70%}
.joint-tour-controls{position:absolute;right:10px;top:10px}.joint-tour-controls button{border:1px solid #fff9;background:#21464be0;color:#fff0d1;border-radius:6px;padding:7px 9px;font:inherit;font-size:10px;cursor:pointer}
.joint-copy{padding:24px}.joint-kicker{font-size:11px;letter-spacing:1px;font-weight:700;color:#9d724f;margin:0 0 10px}.joint-copy h2{font-size:clamp(22px,3vw,31px);line-height:1.55;margin:0 0 13px;color:#315d62}.joint-copy h2:focus{outline:none}.joint-body{font-size:14px;line-height:1.9;white-space:pre-line;margin:0 0 20px}
.joint-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.joint-actions .btn{font-size:13px;min-height:44px}.joint-actions [hidden],.joint-tour-controls[hidden],.joint-entry[hidden]{display:none!important}#joint-dots{color:#b89b68;letter-spacing:5px;font-size:11px;margin-right:auto}
.joint-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.joint-report{padding:14px;border:1px solid #d9d8bb;background:#edf0df;border-radius:9px}.joint-report small{font-size:10px;color:#6d8c80}.joint-report h3{font-size:15px;margin:6px 0 12px}.joint-report>b{font-size:22px;color:#356f6c}.joint-report p{font-size:11px;line-height:1.8;margin:7px 0 0}
.joint-principles{display:flex;gap:7px;margin:15px 0;flex-wrap:wrap}.joint-principles span{padding:7px 10px;background:#dce8dc;border-radius:6px;font-size:12px;font-weight:700}.joint-note{font-size:11px;color:#6b7972;line-height:1.8;margin:10px 0}
.joint-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0;border-top:1px solid #ddcfb2}.joint-benefits b{font-size:13px;color:#3e756f}.joint-benefits p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#60776e}
.joint-entry{display:block;width:100%;margin:10px 0 0;background:#e5edde;border-color:#87a594;color:#365d58;font-size:13px;white-space:normal}.joint-entry:disabled{opacity:.62;cursor:default}.result-actions .joint-entry{flex-basis:100%}
@media(max-width:500px){.joint-copy{padding:19px}.joint-benefits{grid-template-columns:1fr;gap:11px}.joint-benefits p{margin-top:3px}.joint-report-grid{grid-template-columns:1fr}.joint-actions{flex-wrap:wrap}.joint-actions .btn{font-size:12px}.joint-top{padding:10px 12px}.joint-top>span{font-size:9px}.joint-place{font-size:11px;bottom:9px;left:9px}.app[data-screen=brand-ending] .screens{padding:9px}}
@media(prefers-reduced-motion:reduce){.joint-card{scroll-behavior:auto}}

.joint-memory-rider{position:absolute;right:0;bottom:-4%;height:85%;width:auto;max-width:38%;object-fit:contain;pointer-events:none}.joint-memory-rider[hidden]{display:none!important}