.yeobseo{--ink:#243a34;--line:#dbe2dc;max-width:920px;margin:40px auto;padding:24px;color:var(--ink);font:16px/1.65 system-ui,sans-serif}.yeobseo *{box-sizing:border-box}.yeobseo header{padding:36px 0}.yb-brand{font-size:14px;letter-spacing:.1em}.yeobseo h1{font-size:clamp(30px,5vw,48px);line-height:1.25;letter-spacing:-.04em}.yeobseo h2{font-size:23px}.yeobseo section,.yeobseo form>footer{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin:20px 0}.yeobseo label{display:block;font-weight:600;margin:15px 0}.yeobseo input:not([type=checkbox]),.yeobseo select,.yeobseo textarea{display:block;width:100%;padding:12px;border:1px solid #b7c5bd;border-radius:8px;background:#fff;color:var(--ink);font:inherit;margin-top:6px}.yeobseo textarea{resize:vertical}.yeobseo button,.yeobseo .yb-button{display:inline-block;border:0;background:#295848;color:#fff;border-radius:8px;padding:10px 17px;cursor:pointer;text-decoration:none;font:inherit}.yeobseo button:hover,.yeobseo .yb-button:hover{background:#173e31}.yeobseo button:focus-visible,.yeobseo a:focus-visible{outline:3px solid #ba8129;outline-offset:3px}.yeobseo .secondary{background:#e7eee9;color:#243a34}.yeobseo .yb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.yb-image{padding:15px;background:#f7f8f4;border-radius:12px}.yb-image img{display:block;height:150px;width:100%;object-fit:contain;margin:14px 0}.yeobseo .yb-inline{display:flex;align-items:center;gap:10px;margin:0}.yb-inline input{width:18px;height:18px}.yb-summary,.yb-tap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.yb-summary>div{flex:1;min-width:180px}.yb-summary p{overflow-wrap:anywhere;font-size:13px}.yb-tap{justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.yb-tap button{padding:6px 12px}.yeobseo details{padding:20px;background:#f6f8f4;border-radius:10px;margin-top:18px}.yeobseo summary{cursor:pointer;font-weight:700}.yb-page{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.yeobseo .yb-hint{font-size:13px;color:#64726a}.yb-notice{padding:14px;background:#e3f1e3;border-radius:8px}.yeobseo footer{position:sticky;bottom:12px;box-shadow:0 4px 24px #20372e12;z-index:10}.yeobseo footer span{font-size:13px;margin-left:15px}.yeobseo-view{margin:0;background:#fafbf7}.yeobseo-view>main{min-height:100vh;display:grid;align-content:center}.yeobseo-view>main>p,.yeobseo-view .post-password-form{max-width:600px;margin:50px auto;padding:24px}@media(max-width:600px){.yeobseo{padding:14px;margin:0 auto}.yeobseo .yb-grid{grid-template-columns:1fr}.yeobseo section{padding:18px}.yeobseo footer span{display:block;margin:8px 0 0}}
/* Personal postcards keep the Break navigation, without duplicate panel headings. */
.yeobseo-break .sambr-panel-title{display:none!important}
.yeobseo .yb-tap-label{flex:1;min-width:180px;font-size:12px;margin:0}.yeobseo .yb-tap-label input{font-size:16px}
.yeobseo .yb-dialog{width:min(760px,calc(100vw - 28px));max-height:85vh;overflow:auto;border:1px solid #cbd8cf;border-radius:16px;padding:26px;background:#fff;color:#243a34;box-shadow:0 20px 80px #0004}.yeobseo .yb-dialog::backdrop{background:#152c25a6}.yeobseo .yb-dialog h2{margin-top:0}.yb-dialog-actions{display:flex;gap:12px;position:sticky;bottom:-26px;background:#fff;padding:16px 0}.yb-dialog-status{font-weight:600}.yeobseo button:disabled{opacity:.55;cursor:wait}
/* Match native/theme select controls to the text fields. */
.yeobseo select{appearance:none!important;-webkit-appearance:none!important;height:52px!important;min-height:52px!important;line-height:26px!important;padding:12px 42px 12px 12px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23243a34' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important}.yeobseo input:not([type=checkbox]):not([type=file]):not([type=hidden]){height:52px;min-height:52px}
.yeobseo .yb-image img{height:auto!important;object-fit:contain;background:#eef1eb;margin:14px auto}.yeobseo .yb-portrait img{aspect-ratio:2/3;width:min(100%,220px)}.yeobseo .yb-landscape img{aspect-ratio:3/2;width:100%}
.yeobseo>header{display:flex;align-items:center;justify-content:space-between;gap:32px}.yb-header-copy{flex:1}.yb-qr{flex:0 0 160px;text-align:center}.yb-qr [data-qr-preview]{width:160px;height:160px;background:#fff}.yb-qr svg{display:block;width:160px;height:160px}.yb-qr-downloads{display:flex;justify-content:center;gap:8px;margin-top:10px}.yeobseo .yb-qr button{font-size:12px;padding:6px 10px}.yb-qr small{display:block;font-size:11px;margin-top:8px;color:#64726a}@media(max-width:600px){.yeobseo>header{flex-wrap:wrap}.yb-header-copy{flex-basis:100%}.yb-qr{margin-bottom:16px}}
.yeobseo-view .sambr-break-button,.yeobseo-view .sammc-break-slot .sambr-break-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 8px!important;white-space:normal!important;line-height:1.1!important;box-sizing:border-box!important}
.yeobseo .yb-image img{object-fit:cover!important}
.yeobseo .yb-dialog .wp-editor-wrap{width:100%;margin:8px 0 14px}.yeobseo .yb-dialog .wp-editor-wrap button{border-radius:0;font:inherit;padding:2px;background:transparent;color:#333}.yeobseo .yb-dialog .wp-editor-tabs button{padding:6px 12px;background:#eee}.yeobseo .yb-dialog .quicktags-toolbar input{display:inline-block;width:auto;height:auto!important;min-height:0!important;padding:4px 8px;margin:2px}.yb-media-upload{font-size:13px}.sam-booklet__content img{max-width:100%;height:auto}
.yeobseo .yb-background{margin:18px 0;padding:18px;background:#f2f5ef;border-radius:12px}.yb-background [data-background-preview] img{display:block;max-width:240px;max-height:150px;object-fit:cover;border-radius:8px}.yeobseo .yb-bio-row{border:1px solid #dbe2dc;padding:14px;border-radius:8px;margin:10px 0}.yeobseo [data-showcase-images]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yb-gallery-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:8px}.yeobseo .yb-gallery-image button{padding:4px 9px;margin:2px;font-size:13px}@media(max-width:500px){.yeobseo [data-showcase-images]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yeobseo .yb-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.yeobseo .yb-picker-grid button{padding:4px;background:#f2f5ef}.yb-picker-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.yeobseo .yb-picker{max-width:680px}.yeobseo .yb-picker [data-more],.yeobseo .yb-picker [data-close]{margin-top:12px}@media(max-width:500px){.yeobseo .yb-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yeobseo [hidden]{display:none!important}
.yeobseo .yb-image-control{display:block;margin:12px 0;font-size:14px}.yeobseo .yb-image-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.yeobseo .yb-upload-field{padding:8px;background:#eef2eb;border-radius:8px}.yeobseo .yb-picker-tile{display:flex;flex-direction:column;gap:4px}.yeobseo .yb-picker-tile .yb-delete-image{font-size:12px;color:#a33131;padding:5px;background:#fff}.yeobseo input[type=range]{height:28px!important;min-height:28px!important;padding:0!important;accent-color:#295848;border:0;background:transparent}.yeobseo .yb-opacity-value{display:inline-block;min-width:52px;font-weight:700;color:#295848}

/* Multiple postcards: the editor and header QR follow the selected card. */
.yeobseo .yb-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.yeobseo .yb-card-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #d8e2de;border-radius:14px;padding:18px;min-width:0}
.yeobseo .yb-card-item.is-selected{border:2px solid #2c594c;background:#f4f8f5}
.yeobseo .yb-card-item>img{width:72px;height:108px;object-fit:cover;border-radius:6px}
.yeobseo .yb-card-item strong{overflow-wrap:anywhere}
.yeobseo .yb-card-list form{margin-top:16px}

.yeobseo .yb-image-actions{align-items:center}
.yeobseo .yb-image-actions>button{flex:0 0 auto;align-self:center}

.yeobseo [data-edit][hidden],.yeobseo [data-tap-save-hint][hidden]{display:none!important}

.yeobseo .yb-page-view-image img{object-fit:cover;object-position:center}