/* The portfolio frame does not restyle source component interiors. */
.sp-mount{isolation:isolate;min-width:0;width:100%;text-align:left;container-type:inline-size}
.sp-mount *{box-sizing:border-box}
.sp-mount [hidden],.sp-gallery [hidden]{display:none!important}
.sp-gallery{min-width:0;width:100%}
.sp-gallery-panel{min-width:0;width:100%}
.sp-gallery-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding-block:10px;border-block:1px solid #deddd7}
.sp-gallery-bar>span{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#736c62}
.sp-gallery-bar>div{display:flex;gap:6px;flex-wrap:wrap}
.sp-gallery-bar button{font:500 12px/1.5 Arial,sans-serif;padding:9px 13px;background:#eeece5;color:#5b574e;border:1px solid transparent}
.sp-gallery-bar button[aria-pressed=true]{background:#242b26;color:#fff}
.sp-gallery-bar button:hover{border-color:#242b26}
.sp-gallery button:focus-visible{outline:3px solid #832e3a;outline-offset:3px}
.pe-card-preview .sp-mount{overflow:hidden}
.pe-brand-preview:has(.sp-gallery){padding:0;border:0;background:transparent;display:block}
.pe-stage-visual>.sp-mount,.pe-family-row .sp-mount{width:100%;min-width:0}
.pe-brand-preview .sp-mount{border:1px solid #deddd7}
.pe-source-story{margin-block:36px;min-width:0}
.pe-source-story>header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}
.pe-source-story>header h2{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.04em}
.pe-source-story>header p{font-size:14px;color:#6a655c;max-width:480px}
@media(max-width:760px){.sp-gallery-bar{display:block}.sp-gallery-bar>div{margin-top:12px}.sp-gallery-bar button{font-size:11px;padding:8px 10px}.pe-card-preview .sp-mount{max-height:none}.pe-source-story>header{display:block}.pe-source-story>header p{margin-top:16px}}

/* V20 owner-requested concept; deliberately distinct from source replicas. */
.cp20-concept{container-type:inline-size;background:#e8f0eb;color:#123d3a;padding:clamp(20px,4cqw,40px);min-height:330px;border:1px solid #9cbeb0;text-align:left;font-family:Arial,sans-serif;overflow:hidden}.cp20-concept *{box-sizing:border-box}.cp20-top{display:flex;justify-content:space-between;gap:14px;font:9px/1.5 monospace;letter-spacing:.1em;color:#537a68}.cp20-top span:last-child{letter-spacing:0;border:1px solid #aec8b8;border-radius:20px;padding:3px 8px}.cp20-concept h3{font-size:clamp(27px,5cqw,49px)!important;line-height:1.1!important;letter-spacing:-.045em!important;margin:28px 0 14px!important;color:#124b43!important;font-weight:500!important}.cp20-concept h3 span{display:block;font:400 clamp(18px,3.5cqw,31px)/1.3 Georgia,serif;letter-spacing:-.02em;margin-top:8px}.cp20-intro{font-size:13px!important;line-height:1.6!important;color:#537366;margin:0 0 25px!important}.cp20-number{display:flex;align-items:center;gap:15px;border-block:1px solid #adc8b6;padding:19px 0}.cp20-number>span{font-size:27px}.cp20-number small{display:block;font:8px/1.4 monospace;letter-spacing:.08em;color:#638271;margin-bottom:5px}.cp20-number strong{font-size:15px;font-weight:500}.cp20-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.cp20-channels>div{border:1px solid #bad0c0;background:#f5f8ef;padding:15px 10px;min-width:0}.cp20-channels b{display:block;font-size:21px;font-weight:400;color:#2f7d69;margin-bottom:13px}.cp20-channels strong{display:block;font-size:13px;font-weight:500}.cp20-channels span{display:block;font-size:10px;line-height:1.5;color:#668273;margin-top:5px;overflow-wrap:anywhere}.cp20-boundary{font:9px/1.6 monospace!important;color:#648272!important;margin:19px 0 0!important}

.cp20-concept[data-concept-preview="letterpatio"]{background:#f1edf6;border-color:#bcb1cc}.cp20-concept[data-concept-preview="socialpatio"]{background:#e9f2ee;border-color:#a8c6b7}

.cp20-concept[data-concept-preview="voicepatio"]{background:#e9eff8;border-color:#adbfda}