/* Table layout follows measured reference cells, including collapsed borders. */
[data-layout=reference]:not([data-reference-design]) .prechat-content{padding:0;border:0;background:transparent;font-size:14px;line-height:20px}
.ref-greeting,.ref-greeting table{border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;line-height:20px}
.ref-greeting td{border:1px solid #ddd;padding:0}
.ref-greeting{background:#f2f2f2}
.ref-greeting .ref-wrap{padding:8px;text-align:center}
.ref-greeting .ref-inner{max-width:360px;margin:auto;background:#fff;border-radius:14px;overflow:hidden;text-align:left}
.ref-greeting .ref-heading-cell{background:#27282b;padding:18px 12px;border-bottom:4px solid var(--secondary);text-align:center}
.ref-heading{font-size:20px;line-height:1.3;font-weight:800;color:#fff;white-space:normal}
.ref-heading .ref-accent{color:var(--secondary);font-style:italic}
.ref-greeting .ref-card-slot{padding:6px 10px}
.ref-greeting .ref-card-slot.first{padding:12px 10px 6px}
.ref-card{background:#fff1f1;border:1px solid #f0b5b5;border-radius:10px}
.ref-greeting .ref-card-body{padding:12px}
.ref-card-title{font-size:16px;line-height:1.3;font-weight:800;color:#b3261e;white-space:normal}
.ref-card-description{font-size:13px;line-height:1.5;color:#5e2b2b;margin-top:7px;white-space:normal}
.ref-card.tone-success{background:#edf9f0;border-color:#a9d8b5}
.ref-card.tone-success .ref-card-title{color:#197a37;line-height:1.35;margin-bottom:10px}
.ref-card.tone-highlight{background:#fff8db;border-color:#eed36b}
.ref-card.tone-highlight .ref-card-title{color:#27282b;line-height:1.35;margin-bottom:10px}
.ref-row{background:#fff;border-left:3px solid #2ea44f;margin-bottom:8px}
.ref-row:last-child{margin-bottom:0}
.ref-greeting .ref-row-body{padding:10px}
.ref-row-title{font-size:14px;line-height:1.35;font-weight:800;color:#27282b;white-space:normal}
.ref-row-title .ref-accent{color:#197a37}
.ref-row-description{font-size:12px;line-height:1.4;font-style:italic;font-weight:700;color:#197a37;margin-top:4px;white-space:normal}
.tone-highlight .ref-row{background:#27282b;border-left:0;border-radius:8px}
.ref-greeting .tone-highlight .ref-row-body{padding:11px}
.tone-highlight .ref-row-title{font-size:16px;font-weight:800;line-height:1.428571;color:var(--secondary)}
.tone-highlight .ref-row-description{font-size:13px;line-height:1.4;font-style:normal;font-weight:400;color:#fff;margin-top:3px}
.ref-greeting .ref-links-slot{padding:8px 10px 12px}
.ref-greeting .ref-link-cell{padding:0 0 8px}
.ref-greeting .ref-link-cell:last-child{padding-bottom:0}
.ref-greeting .ref-links tr:not(:last-child) .ref-link-cell{padding-bottom:8px}
.ref-link{display:block;width:100%;background:var(--secondary);color:#27282b;text-decoration:none;text-align:center;font-size:14px;font-weight:800;line-height:20px;padding:13px 6px;border-radius:8px}
.ref-link.secondary{background:#27282b;color:var(--secondary)}
.plain-title{font-size:16px;line-height:1.5;margin:0 0 12px}.plain-intro,.plain-card p{white-space:pre-wrap}.plain-card h3{font-size:15px}.plain-card{margin:12px 0}.plain-link{display:block;margin:10px 0}.plain-title .ref-accent{color:var(--secondary)}

body[data-layout=reference]:not([data-reference-design])[data-mode=visitor] #entry{padding:16px max(0px,calc(var(--form-inset,32px) - 16px)) 14px;scrollbar-width:auto}body[data-layout=reference]:not([data-reference-design])[data-mode=visitor] #entry::-webkit-scrollbar{width:6px}body[data-layout=reference]:not([data-reference-design])[data-mode=visitor] #entry::-webkit-scrollbar-thumb{background:#a6a6a6;border-radius:4px}

.ref-link{border-bottom:1px solid color-mix(in srgb,var(--accent) 90%,black)}

[data-layout=reference]:not([data-reference-design]) .required-note{margin:24px 0 12px;font-size:13px;line-height:18px;color:#777;font-weight:400}

.ref-card{background:var(--ref-background,#fff1f1);border-color:var(--ref-border,#f0b5b5)}
.ref-card .ref-card-title{color:var(--ref-title-color,#b3261e)}.ref-card .ref-card-description{color:var(--ref-text-color,#5e2b2b)}
.ref-card.tone-success{background:var(--ref-background,#edf9f0);border-color:var(--ref-border,#a9d8b5)}.ref-card.tone-success .ref-card-title{color:var(--ref-title-color,#197a37)}
.ref-card.tone-highlight{background:var(--ref-background,#fff8db);border-color:var(--ref-border,#eed36b)}.ref-card.tone-highlight .ref-card-title{color:var(--ref-title-color,#27282b)}
.ref-card .ref-row{background:var(--ref-row-background,#fff);border-left-color:var(--ref-row-accent,#2ea44f)}.ref-card .ref-row-title{color:var(--ref-row-title-color,#27282b)}.ref-card .ref-row-title .ref-accent{color:var(--ref-row-accent,#197a37)}.ref-card .ref-row-description{color:var(--ref-row-text-color,#197a37)}
.ref-card.tone-highlight .ref-row{background:var(--ref-row-background,#27282b)}.ref-card.tone-highlight .ref-row-title{color:var(--ref-row-title-color,var(--secondary))}.ref-card.tone-highlight .ref-row-description{color:var(--ref-row-text-color,#fff)}

body[data-layout=reference]:not([data-reference-design])[data-mode=visitor] #entry{width:calc(100% - 32px);max-width:640px;margin-left:auto;margin-right:auto}
