/* Contact, distribuire și legături către proiecte. */
#ocr-project .ocr-stage-controls{display:flex;align-items:center;gap:10px;flex:none}
#ocr-project .ocr-autoplay-toggle{border:1px solid var(--ocr-line);background:transparent;color:var(--ocr-accent);border-radius:3px;padding:3px 7px;font-size:10px;line-height:1.4;min-height:32px}
#ocr-project #ocr-stage-link[role=group]{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
#ocr-project #ocr-stage-link[role=group] img{-webkit-user-drag:none}
#ocr-project .ocr-thumbs>a[data-ocr-thumb-kind=plan] img{object-fit:contain;background:#fff}
#ocr-project .ocr-related{border-top:1px solid var(--ocr-line);margin-top:40px;padding-top:28px;scroll-margin-top:calc(var(--mu-actual-height,80px) + 20px)}
#ocr-project .ocr-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#ocr-project .ocr-related-card{display:flex;flex-direction:column;min-width:0;gap:10px;padding:20px;border:1px solid var(--ocr-line);border-radius:4px;background:var(--ocr-panel)}
#ocr-project .ocr-related-card:hover{border-color:var(--ocr-accent)}
#ocr-project .ocr-related-card h3{font-size:17px;font-weight:450;line-height:1.4}
#ocr-project .ocr-related-card>p:not(.ocr-kicker){font-size:12px;line-height:1.8;color:var(--ocr-muted)}
#ocr-project .ocr-related-card>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px;font-size:11px;color:var(--ocr-accent)}
#ocr-project .ocr-related-card svg{width:16px;height:16px}
#ocr-project .ocr-all-projects{font-size:11px;display:inline-flex;align-items:center;gap:10px;color:var(--ocr-accent);white-space:nowrap}
#ocr-project .ocr-contact-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;border-top:1px solid var(--ocr-line);margin-top:40px;padding-top:28px;scroll-margin-top:calc(var(--mu-actual-height,80px) + 20px)}
#ocr-project .ocr-contact-card h2{font-size:25px;line-height:1.3}
#ocr-project .ocr-contact-card>div>p:not(.ocr-kicker){font-size:12px;color:var(--ocr-muted);line-height:1.8;max-width:580px;margin-top:13px}
#ocr-project .ocr-contact-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}
#ocr-project .ocr-contact-actions .ocr-button{margin:0;gap:17px}
#ocr-project .ocr-contact-link{display:inline-flex;align-items:center;gap:8px;color:var(--ocr-accent);font-size:12px}
#ocr-project .ocr-contact-actions svg{width:18px;height:18px}
#ocr-project .ocr-contact-card address{display:grid;align-content:center;gap:9px;border-left:1px solid var(--ocr-line);padding-left:30px;font-style:normal;font-size:13px;min-width:0}
#ocr-project .ocr-contact-card address a{width:fit-content;max-width:100%;overflow-wrap:anywhere}
#ocr-project .ocr-contact-card address a:hover{color:var(--ocr-accent);text-decoration:underline;text-underline-offset:3px}
#ocr-project .ocr-contact-domain{color:var(--ocr-accent);font-size:15px}
#ocr-project .ocr-contact-card address>span{margin-top:4px;color:var(--ocr-muted);font-size:12px}
#ocr-project .ocr-contact-card address small{font-size:10px;color:var(--ocr-muted)}
#ocr-project .ocr-inline-links a{color:var(--ocr-accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#ocr-project .ocr-related-grid{grid-template-columns:minmax(0,1fr);gap:12px}#ocr-project .ocr-related-card{padding:17px}#ocr-project .ocr-all-projects{margin-top:13px}#ocr-project .ocr-contact-card{grid-template-columns:minmax(0,1fr);gap:24px}#ocr-project .ocr-contact-card address{border-left:0;border-top:1px solid var(--ocr-line);padding:22px 0 0}}
@media(max-width:480px){#ocr-project .ocr-contact-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){#ocr-project *,#ocr-project *::before,#ocr-project *::after{transition:none!important}}

/* Patru proiecte recomandate și imagini aliniate. */
#ocr-project .ocr-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#ocr-project .ocr-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
#ocr-project .ocr-facts strong{font-size:22px}
@media(max-width:1180px){#ocr-project .ocr-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#ocr-project .ocr-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){#ocr-project .ocr-related-grid{grid-template-columns:minmax(0,1fr)}}