/* Layer scale: demo tools 25, comparison names 15; native dialog top layer. */
:root{color-scheme:light;--share-red:#b44335;--share-ink:#26343b;--share-paper:#fffdf7;--share-line:#dad7d0}html{scroll-padding-top:80px}.prototype-ribbon{background:#f6e9e4;color:#773329;padding:10px 18px;text-align:center;font-size:14px}.prototype-ribbon a{color:inherit;margin-left:16px;text-decoration:underline}.demo-controls{background:#fffdf7;border-bottom:1px solid var(--share-line);padding:6px 24px;position:relative;z-index:25}.demo-controls summary{min-height:44px;cursor:pointer;display:flex;align-items:center;width:fit-content;color:#71362e;font-size:14px}.demo-controls>div{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.demo-controls button[aria-pressed=true]{background:var(--share-red);color:#fffdf7}.sharing-page{max-width:1376px;margin:auto;padding:28px 0 100px}.sharing-page h2{font-size:clamp(28px,3vw,44px);line-height:1.35;margin:10px 0 16px}.sharing-page h3{font-size:23px;line-height:1.45;margin:16px 0}.sharing-page h3 small{font:14px/1.6 sans-serif;color:#59636a;margin-left:14px}.sharing-page p{line-height:1.8}.share-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.share-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.share-page-heading span,.share-helper{font-size:14px;color:#59636a;line-height:1.8}.share-page-heading p{margin-bottom:0}.shared-destinations{display:grid;grid-template-columns:repeat(var(--places),minmax(0,1fr));gap:20px}.shared-destinations article{border:1px solid var(--share-line);border-radius:5px;overflow:hidden;background:#fffdf9}.shared-destinations article>img,.share-no-photo{width:100%;height:220px;object-fit:cover}.shared-destinations article>div:not(.share-no-photo){padding:14px 20px}.shared-destinations h3{margin:6px 0}.share-main-label{color:#9f372c;font-size:13px}.share-no-photo{background:#f6f0e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#3f4749}.share-no-photo strong{font-size:25px}.share-results{padding:18px 0}.vote-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vote-summary p{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--share-line);padding-bottom:16px;margin:0}.vote-summary strong{width:100%;font-size:18px}.vote-summary b{color:var(--share-red)}#vote-form{border:1px solid var(--share-line);background:#fffdf9;border-radius:6px;padding:24px;margin:10px 0 36px}#vote-form input{max-width:420px}.vote-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.vote-option>strong{display:block;margin-bottom:12px}.vote-option>div{display:flex;gap:8px}.vote-option button{flex:1}.vote-option button[aria-pressed=true]{border-color:var(--share-red);color:var(--share-red);background:#faece7}.vote-option button[data-choice=yes][aria-pressed=true]{background:var(--share-red);color:#fffdf7}.share-actions-inline{display:flex;flex-wrap:wrap;gap:10px}.shared-sticky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:sticky;top:0;z-index:15;background:#fffdf7;border-bottom:2px solid var(--share-red);padding:18px 12px;gap:16px}.shared-dimension{padding:24px 0;border-bottom:1px solid var(--share-line)}.shared-dimension>div{display:grid;grid-template-columns:repeat(var(--places),minmax(0,1fr));gap:24px}.shared-dimension article p{margin:8px 0}.share-sources{padding:24px 0}.share-sources summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.share-sources a{overflow-wrap:anywhere}.share-save-bar{background:#fffdf7;border:1px solid var(--share-line);padding:20px;display:flex;align-items:center;gap:18px;margin-top:24px}.share-save-bar small{color:#59636a}.share-record{border-bottom:1px solid var(--share-line);display:flex;align-items:center;gap:12px;padding:24px 0}.share-record>div{flex:1}.manage-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.manage-layout .shared-destinations article>img{height:130px}.manage-layout .shared-destinations article>div{padding:10px}.manage-layout .shared-destinations h3{font-size:20px}.manage-layout .vote-summary{gap:10px}.share-management-links{align-self:start;border:1px solid var(--share-line);padding:24px;background:#fffdf9}.share-management-links button{width:100%;white-space:normal}.share-management-actions{border-top:1px solid var(--share-line);padding:20px 0}.danger-button{color:#9c3026;background:#fffdf7;border:1px solid #b44335;min-height:44px;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.share-invalid{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.share-invalid p{max-width:50ch}.share-ended{padding:20px;background:#f5eee8}.share-error:empty{display:none}.share-error{color:#922d22;background:#fff0ec;padding:12px 16px;border-left:3px solid #b44335;line-height:1.7}.share-privacy{background:#f6f1e9;padding:16px;border:1px solid #e2dbcf;line-height:1.8;font-size:14px}.sharing-entry{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.detail-nav{flex-wrap:wrap}.share-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.share-create-grid>div{min-width:0}.share-create-grid .primary-button{width:100%}.share-poster-preview{border:1px solid var(--share-line);background:#fffdf7;border-radius:5px;overflow:hidden}.share-poster-preview>img{width:100%;height:230px;object-fit:cover}.share-poster-preview>div:not(.share-no-photo){padding:24px}.share-poster-preview h3{font-size:28px;line-height:1.5}.share-month{color:var(--share-red);font-size:32px!important;font-family:serif;margin:10px 0}.share-selection{display:flex;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--share-line)}.share-selection span{font-size:14px;color:#59636a}.share-success{max-width:480px;margin:auto;text-align:center}.share-thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.share-thumbnails img,.share-thumbnails .share-no-photo{width:100%;height:160px;object-fit:cover}.share-actions{display:grid;gap:12px;margin-top:24px}.share-actions button{width:100%}.share-actions .secondary-button{background:#fffdf7}.share-modal{max-width:920px!important;width:calc(100% - 40px)!important}.share-image-sheet{max-width:780px!important;width:calc(100% - 40px)!important}.share-image-sheet figure{margin:12px 0}.generated-png{display:block;width:100%;height:auto;border:1px solid var(--share-line)}.share-image-sheet .png-download{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}.share-image-sheet figcaption{font-size:14px;text-align:center}.share-backup{display:flex;align-items:center;gap:12px;min-height:44px}.share-backup[hidden]{display:none!important}.share-backup input{width:22px!important;height:22px;min-height:22px!important}.sharing-page button,dialog button,.sharing-page input,dialog select{min-height:44px}.sharing-page input,#save-shared-form select{width:100%;border:1px solid #a9a9a0;background:#fffdf9;color:#26343b;padding:10px;border-radius:4px;font:inherit}.sharing-page label,#save-shared-form>label{display:block;margin:14px 0 8px;font-weight:600}#save-shared-form fieldset{border:0;padding:20px 0;margin:0}#save-shared-form fieldset label{font-weight:400}.sharing-page button:focus-visible,dialog button:focus-visible,.demo-controls button:focus-visible{outline:3px solid #94362d;outline-offset:3px}.sharing-page button:active{transform:scale(.98)}.sharing-page button,.sharing-entry button{white-space:nowrap}.sharing-page article{min-width:0}.sharing-page h3,.shared-sticky strong{overflow-wrap:anywhere}dialog h2{font-size:26px}.share-modal>header{border-bottom:1px solid var(--share-line)}
@media(min-width:768px){.share-modal{padding:30px!important}}
@media(max-width:1023px){.manage-layout{grid-template-columns:1fr}.share-management-links{width:100%}.shared-destinations article>img{height:180px}.share-page-heading{align-items:start}.sharing-entry{margin-top:12px}}
@media(max-width:767px){.prototype-ribbon{font-size:12px;text-align:left;padding:8px 16px}.prototype-ribbon a{display:inline-block;margin-left:0;margin-right:10px}.demo-controls{padding:4px 16px}.sharing-page{padding:20px 0 110px}.share-page-heading{display:block}.share-page-heading span{display:block;margin:12px 0;font-size:13px}.shared-destinations{grid-template-columns:1fr;gap:16px}.shared-destinations article{display:grid;grid-template-columns:110px minmax(0,1fr)}.shared-destinations article>img,.shared-destinations .share-no-photo{height:100%;min-height:180px}.shared-destinations article>div:not(.share-no-photo){padding:12px}.shared-destinations article h3{font-size:23px}.vote-summary{grid-template-columns:1fr;gap:10px}.vote-summary p{padding:10px 0;align-items:center;gap:14px}.vote-summary strong{width:auto;flex:1}.vote-options{grid-template-columns:1fr;gap:18px}.vote-option{display:flex;align-items:center;justify-content:space-between;gap:12px}.vote-option>strong{margin:0;max-width:42%}.vote-option>div{flex:1;max-width:220px}.vote-option button{padding:10px 12px;min-width:0}.share-actions-inline{display:grid;grid-template-columns:1fr 1fr}.share-actions-inline .primary-button{grid-column:1/-1}#vote-form{padding:18px 14px}.shared-dimension>div{grid-template-columns:1fr;gap:18px}.shared-dimension article{padding-left:12px;border-left:2px solid var(--share-line)}.shared-sticky{font-size:14px;gap:8px;padding:14px 8px}.share-save-bar{flex-direction:column;align-items:stretch;gap:10px}.share-save-bar button{width:100%}.share-toolbar{flex-wrap:wrap}.share-record{flex-wrap:wrap}.share-record>div{flex-basis:100%}.share-create-grid{grid-template-columns:1fr;gap:18px}.share-poster-preview{display:grid;grid-template-columns:100px minmax(0,1fr)}.share-poster-preview>img{height:100%;min-height:180px}.share-poster-preview>div:not(.share-no-photo){padding:16px}.share-poster-preview h3{font-size:21px}.share-modal,.share-image-sheet{width:calc(100% - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:18px!important;overflow:auto}.share-thumbnails img,.share-thumbnails .share-no-photo{height:130px}.share-success h3{font-size:25px}.sharing-entry{width:100%}.sharing-entry>button{flex:1;white-space:normal}.detail-nav>button{flex-shrink:0}.share-results h3 small{display:block;margin:6px 0}.share-image-sheet .png-download{font-size:15px}#vote-form input{font-size:16px}.share-no-photo strong{font-size:18px}.share-no-photo small{font-size:12px}.manage-layout .shared-destinations article>img{height:100%}.manage-layout .shared-destinations{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the demonstration boundary visible during long comparisons. */
.prototype-ribbon{position:sticky;top:0;z-index:35;min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 16px;line-height:18px;font-size:12px;box-sizing:border-box}.prototype-ribbon a{margin:0;white-space:nowrap}.prototype-ribbon span{max-width:100%}.shared-sticky{top:44px}.modal-prototype{display:block;font:12px/1.6 sans-serif;color:#71362e;margin-top:4px}.share-selection span{white-space:nowrap}.sharing-page [data-s]{min-height:44px}.share-backup input{accent-color:#b44335}.share-backup[hidden]{display:none}
.comparison-sticky-names{top:44px}
.prototype-ribbon{padding-top:calc(4px + env(safe-area-inset-top,0px));min-height:calc(44px + env(safe-area-inset-top,0px))}.shared-sticky,.comparison-sticky-names{top:calc(44px + env(safe-area-inset-top,0px))}
@media(max-width:767px){.share-modal,.share-image-sheet{max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px))!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;padding-left:calc(18px + env(safe-area-inset-left,0px))!important;padding-right:calc(18px + env(safe-area-inset-right,0px))!important}}

.shared-sticky{top:env(safe-area-inset-top,0px);grid-template-columns:repeat(var(--places,3),minmax(0,1fr))}.comparison-sticky-names{top:0}