/* Approved Romera entry: framed conversation first, invitation and inbox below. */
/* Keep the desktop navigation in normal flow so it cannot cover the frame. */
.lang-bar{position:sticky}
.hero{display:flex;flex-direction:column;padding-top:28px;text-align:left;max-width:1200px}
.hero::before{display:none}
.conversation-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;padding:8px;border:2px solid #ae7a50;border-radius:16px;background:#fdfaf5;overflow:hidden}
.hero .conversation-hero{margin:0;max-width:none;width:100%}
.hero #visitorPanelReturning .entry-paths{margin-top:0}
.conversation-hero-copy{padding:32px 34px;min-width:0}
.conversation-hero h1{font-size:clamp(34px,3.7vw,50px);line-height:1.1;margin:0 0 22px;text-wrap:balance}
.conversation-intro{font-size:19px;line-height:1.55;color:#6f675f;margin:0 0 26px;max-width:35ch}
.conversation-hero>img{display:block;width:100%;height:430px;object-fit:cover;border-radius:9px}
.conversation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;font-family:Arial,sans-serif}
.conversation-start{display:inline-flex;align-items:center;gap:16px;padding:13px 18px;min-height:48px;border-radius:12px;background:#87532c;color:#fff;font-size:16px;font-weight:600;text-decoration:none}
.conversation-start:hover{background:#704222;color:#fff}
.conversation-actions .hero-video-btn{padding:8px 0;min-height:44px;font-size:15px;border:0;border-radius:0;background:transparent;color:#87532c;box-shadow:none;text-decoration:underline;text-underline-offset:4px;text-align:left}
.conversation-actions .hero-video-btn:hover{color:#704222;background:transparent}
.conversation-actions .hero-video-btn:hover span[aria-hidden]{color:inherit}
.compact-practical{font:14px/1.5 Arial,sans-serif;color:#6f675f;margin:14px 0 0}
.hero #visitorPanelReturning{display:block;order:2;margin-top:20px;padding-top:0;width:100%;max-width:none}
.home-onboarding{order:1;margin-top:16px}
.home-about{order:3}
.home-onboarding,.home-about{border-top:1px solid #ddd5c8;padding:16px 12px;font-size:16px;color:#6f675f}
.home-onboarding summary,.home-about summary{cursor:pointer;color:#87532c;min-height:32px}
.home-onboarding summary{min-height:44px;font-weight:600;line-height:1.5;padding:10px 0;box-sizing:border-box}
.home-onboarding #visitorPanelNew{display:block}
.home-about p{margin:12px 0;max-width:65ch}
.conversation-hero a:focus-visible,.conversation-hero button:focus-visible,.hero summary:focus-visible{outline:3px solid #87532c;outline-offset:4px}
@media(max-width:760px){.hero{padding-top:18px}.conversation-hero{grid-template-columns:1fr}.conversation-hero-copy{padding:22px 18px 12px}.conversation-hero h1{font-size:34px;margin-bottom:16px}.conversation-intro{font-size:17px;margin-bottom:20px}.conversation-hero>img{height:210px;object-position:center 55%}}
/* Decorative paint must not introduce a horizontal scrollbar on narrow screens. */
@media(max-width:700px){html,body{overflow-x:clip}}
#visitorPanelReturning .entry-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#visitorPanelReturning .entry-path{background:#fdfaf5;color:#261f1a;border:1px solid #ddd5c8;border-radius:16px;box-shadow:none}
#visitorPanelReturning .entry-path span{color:#6f675f}
#visitorPanelReturning .entry-path em{color:#87532c}
#visitorPanelReturning .entry-path strong{font-size:25px;line-height:1.25}
#visitorPanelReturning [data-return-chat]{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8px;padding:8px;border:2px solid #ae7a50;overflow:hidden;transform:none}
#visitorPanelReturning .conversation-entry-copy{padding:30px}
#visitorPanelReturning .conversation-entry-copy strong{display:block;font-size:36px;margin-bottom:16px}
#visitorPanelReturning .conversation-entry-copy span{display:block;font-size:18px;margin-bottom:26px}
#visitorPanelReturning .conversation-entry-copy em{display:inline-block;min-height:48px;padding:13px 22px;background:#87532c;color:#fdfaf5;border-radius:12px;font-size:16px;font-style:normal}
#visitorPanelReturning [data-return-chat]:hover em{background:#704222}
#visitorPanelReturning .conversation-entry-image{width:100%;height:320px;object-fit:cover;border-radius:9px;display:block}
#visitorPanelReturning .entry-path.soft-warm{min-height:0;background:transparent;border:0;padding:8px 12px;grid-column:auto}
#visitorPanelReturning .entry-path.soft-warm strong{font:500 16px/1.5 Arial,sans-serif;color:#87532c}
#visitorPanelReturning .entry-path.soft-warm span,#visitorPanelReturning .entry-path.soft-warm em{display:none}
#visitorPanelReturning a:focus-visible{outline:3px solid #87532c;outline-offset:4px}
#visitorPanelReturning .entry-paths>.entry-path{display:grid;grid-template-columns:minmax(0,1fr) 36%;align-items:center;gap:0;padding:8px;border:1px solid #ddd5c8;background:#fdfaf5;grid-column:auto;overflow:hidden;position:relative}
#visitorPanelReturning .entry-card-copy{padding:14px 16px;min-width:0}
#visitorPanelReturning .entry-card-copy strong{display:block;font:500 24px/1.2 Georgia,serif;color:#261f1a;margin:0 0 10px}
#visitorPanelReturning .entry-card-copy span{display:block;font-size:15px;line-height:1.5;color:#6f675f;margin:0 0 12px}
#visitorPanelReturning .entry-card-copy em{display:block;font:600 15px/1.5 Arial,sans-serif;color:#87532c}
#visitorPanelReturning .entry-card-image{display:block;width:100%;height:180px;object-fit:cover;border-radius:9px}
#visitorPanelReturning .entry-card-portraits{display:flex;overflow:hidden;border-radius:9px;background:#f4e5cb}
#visitorPanelReturning .entry-card-portraits img{width:50%;height:180px;object-fit:cover;object-position:50% 25%}
#visitorPanelReturning .entry-path.soft-warm .entry-card-copy span,#visitorPanelReturning .entry-path.soft-warm .entry-card-copy em{display:block}
#visitorPanelReturning .entry-path.soft-warm .entry-card-copy strong{font:500 24px/1.2 Georgia,serif;color:#261f1a}
@media(max-width:700px){#visitorPanelReturning .entry-paths{grid-template-columns:1fr;gap:14px}#visitorPanelReturning [data-return-chat]{grid-template-columns:1fr}#visitorPanelReturning .conversation-entry-copy{padding:22px 16px 18px}#visitorPanelReturning .conversation-entry-copy strong{font-size:30px}#visitorPanelReturning .conversation-entry-copy span{font-size:16px;margin-bottom:20px}#visitorPanelReturning .conversation-entry-image{height:auto;aspect-ratio:3/2}#visitorPanelReturning .entry-path.soft-warm{padding:4px 12px}}
