.editorial-journey{--ink:#243e31;--muted:#546557;--gold:#907445;--line:#d8d3c3;--paper:#faf7ef;color:var(--ink)}
.my-companion:has(.editorial-journey)>label{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin:0 0 .85rem;color:#4d604e;font-size:.87rem}
.my-companion:has(.editorial-journey)>label select{max-width:100%;min-height:44px;background:#fbf9f2;border:1px solid #c9c6b6;border-radius:4px;padding:.45rem 1rem;color:#254031}
.journey-cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--paper);border-top:1px solid var(--gold);border-bottom:1px solid var(--line);align-items:stretch}
.journey-cover.without-photo{display:block;background:linear-gradient(105deg,#f4eee0,#fbf9f3 75%);border-left:4px solid #a18752}
.journey-cover-copy{align-self:center;padding:clamp(1.35rem,4vw,3.5rem);min-width:0}.journey-cover-copy h1{font-family:var(--display-font,Georgia),serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.02;margin:.5rem 0;color:var(--ink);overflow-wrap:anywhere}.journey-cover-copy p{margin:.45rem 0}.journey-cover-copy .journey-lead{font:italic clamp(1.15rem,2vw,1.65rem)/1.4 Georgia,serif;color:#5f6958}
.journey-cover-copy small,.journey-next small,.compact-care small{font:650 .72rem/1.45 var(--body-font,system-ui);letter-spacing:.15em;color:#655635;text-transform:uppercase}
.journey-cover .journey-portrait{padding:0;margin:0;border:0;min-width:0;display:block;aspect-ratio:4/3;background:#f0ece3;cursor:zoom-in}.journey-cover .button{margin-top:.65rem;min-height:44px}
.journey-next{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.15rem 0 .8rem;background:#244131;color:#fffaf0;padding:clamp(1rem,3vw,1.9rem);border-radius:4px}.journey-next small{color:#e4d4aa}.journey-next h2{color:inherit;font:400 clamp(1.45rem,3vw,2.35rem)/1.12 Georgia,serif;margin:.35rem 0 0}.journey-next a{min-height:44px;display:inline-flex;align-items:center;gap:.6rem;color:#244131;background:#fff9ec;padding:.55rem 1rem;text-decoration:none;border-radius:3px;font-weight:600}
.journey-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:1rem 0 1.25rem;gap:.5rem}.journey-progress li{font:500 .82rem/1.4 system-ui;color:#687068;border-top:2px solid var(--line);padding-top:.5rem}.journey-progress .reached{border-color:#8f7851;color:#254032}.journey-progress [aria-current]{font-weight:750}
.editorial-journey .journey-destinations{margin:1rem 0;gap:.5rem}.editorial-journey .journey-destinations a{min-height:44px;padding:.55rem .7rem}.editorial-journey .journey-destinations span{display:none}.editorial-journey .companion-chapters{gap:.8rem;margin-top:1rem}.editorial-journey .companion-chapters>section{padding:clamp(.9rem,2vw,1.5rem)}
.editorial-journey .companion-moments{margin:1rem 0;padding:1rem 0}.compact-care{padding:clamp(1rem,3vw,2.2rem);background:#f5f0e4;border-top:1px solid var(--line);margin:1rem 0}.compact-care-intro{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.compact-care-intro>.guide-placement{width:clamp(100px,25%,220px);flex-shrink:0;margin:0}.compact-care h2{font:400 clamp(1.6rem,3vw,2.7rem)/1.14 Georgia,serif;margin:.3rem 0}.compact-care p{max-width:62ch}.care-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.care-links a,.expanded-care>button{display:inline-flex;align-items:center;min-height:44px;color:#244131;text-underline-offset:.25rem}.expanded-care{margin-top:1rem}.journey-history summary{cursor:pointer;padding:.75rem 0;min-height:44px}
@media(max-width:700px){.journey-cover{grid-template-columns:1fr}.journey-cover .journey-portrait{aspect-ratio:3/2;width:100%;max-height:45svh}.journey-cover-copy{padding:1.15rem}.journey-next{align-items:flex-start;flex-direction:column}.journey-progress li{font-size:.72rem}.my-companion:has(.editorial-journey)>label{justify-content:flex-start;flex-wrap:wrap}.compact-care-intro{display:block}.compact-care-intro>.guide-placement{width:100%;max-width:15rem;margin-bottom:.85rem}.editorial-journey .journey-destinations{grid-template-columns:1fr 1fr}.journey-next a{max-width:100%}}

.journey-next .journey-balance{margin:.55rem 0 0;font-size:.91rem;color:#f6f2e5}.journey-next .journey-balance a{background:transparent;color:inherit;display:inline;min-height:0;padding:0;text-decoration:underline;text-underline-offset:.2rem}

.companion-moments>summary{cursor:pointer;min-height:44px;padding:.6rem .2rem}.companion-moments>summary>div,.companion-moments>summary>span{display:inline-block;vertical-align:middle}.companion-moments>summary>span{margin-left:1rem;color:#5c684f}

.care-chapter-tile{display:grid;align-content:center;justify-items:center;gap:.4rem;aspect-ratio:4/3;border:1px solid #c7b99d;border-radius:.35rem;background:#eee7d9;color:#364f43}.care-chapter-tile span{font:italic clamp(2rem,5vw,4rem)/1 Georgia,serif}.care-chapter-tile small{font-size:.65rem;letter-spacing:.14em}

.companion-gallery .journey-gallery-photo{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:7px}
.journey-gallery-photo>.framed-photo{position:absolute!important;inset:0}
.my-companion .companion-gallery:has(>figure:only-child) .journey-gallery-photo{max-width:368px;margin-inline:auto}
.journey-gallery-photo .framed-photo img{transform:var(--photo-frame-desktop)!important}
@media(max-width:700px){.journey-gallery-photo .framed-photo img{transform:var(--photo-frame-mobile)!important}}

.puppy-guide{font-size:16px;line-height:1.7;color:#24372b;max-width:1200px;margin:0 auto;padding:48px 24px;background:#f7f4ed}.guide-intro{max-width:800px;margin-bottom:32px}.guide-intro h2{font:400 clamp(30px,4vw,52px)/1.15 var(--display-font);margin:16px 0}.guide-intro h2 em{color:#a78347}.guide-paths,.guide-related,.guide-your-puppy{display:flex;flex-wrap:wrap;gap:12px}.guide-paths button{border:1px solid #abb2a5;border-radius:24px;padding:12px 18px;background:transparent;color:inherit}.guide-paths button[aria-pressed=true]{background:#24372b;color:#fff}.guide-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d9d5ca;border:1px solid #d9d5ca}.guide-chapters a{display:flex;align-items:center;gap:16px;padding:22px;background:#fbf9f4;text-decoration:none;color:inherit}.guide-chapters span{color:#a78347}.guide-chapters b{margin-left:auto}.guide-chapter{padding:48px 0;border-bottom:1px solid #d9d5ca;scroll-margin-top:100px}.guide-chapter h3,.guide-answers h3{font:400 32px/1.2 var(--display-font);margin:8px 0 24px}.guide-chapter h4{font-size:19px;margin:20px 0 10px}.guide-chapter p,.guide-answers p{white-space:pre-line;line-height:1.75;max-width:75ch}.guide-quick{border-left:3px solid #b18c50;background:#eee9dd;padding:20px 24px;margin:20px 0 28px}.guide-quick p{margin-bottom:0}.guide-approach.has-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px;align-items:start}.guide-approach img{width:100%;max-height:480px;object-fit:contain;border-radius:12px}.guide-your-puppy{padding:20px;background:#eee9dd;border-radius:10px;margin:24px 0}.guide-your-puppy h4,.guide-your-puppy p{flex-basis:100%;margin:0}.guide-related{margin-top:24px}.guide-answers{padding-top:48px}.guide-search{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.guide-search label{flex:1;min-width:200px;display:grid;gap:8px}.guide-search input,.guide-search select{padding:12px;background:#fff;border:1px solid #b6bcb3;border-radius:8px;color:inherit;width:100%}.guide-answers details{border-bottom:1px solid #d9d5ca;padding:18px 0}.guide-answers summary{cursor:pointer;font-weight:600}.guide-answers a,.guide-related a,.guide-your-puppy a{color:inherit;text-underline-offset:4px}@media(max-width:600px){.puppy-guide{padding:32px 16px}.guide-chapters{grid-template-columns:1fr}.guide-approach.has-photo{grid-template-columns:1fr}.guide-chapter{padding:32px 0}.guide-chapter h3,.guide-answers h3{font-size:26px}.guide-chapters a{padding:16px}.guide-your-puppy{flex-direction:column}}
/* Reader navigation is separate from the Studio chapter editor. */
.puppy-guide:focus{outline:none}.guide-paths{margin-bottom:32px}.guide-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.guide-library-card{color:inherit;text-decoration:none;display:flex;flex-direction:column;border-top:1px solid #ccc7b9;transition:background .2s}.guide-library-card:hover{background:#eee9de}.guide-library-card:focus-visible{outline:2px solid #a78347;outline-offset:5px}.guide-library-card.has-photo{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#eee9de;border:0;margin-bottom:20px}.guide-card-copy{padding:30px 12px;display:flex;flex-direction:column;flex:1}.guide-card-number,.guide-read,.guide-reader-top,.guide-related>span:first-child{font-size:11px;letter-spacing:.15em}.guide-card-number{color:#97753c}.guide-library-card h3{font-size:23px;line-height:1.3;font-weight:500;margin:18px 0 12px}.guide-library-card p{font-size:14px;line-height:1.7;margin:0 0 28px;color:#606b61}.guide-read{margin-top:auto;text-transform:uppercase;display:flex;justify-content:space-between}.guide-card-photo img{display:block;width:100%;height:auto;object-fit:contain}.guide-card-photo{padding:12px}.guide-reader-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.guide-reader-top a,.guide-reader-pagination a{color:inherit;text-underline-offset:5px}.guide-chapter-heading h2{font-size:clamp(34px,5vw,62px);line-height:1.12;font-weight:400;margin:16px 0 28px}.guide-chapter{padding-top:12px;border:0}.guide-hero-photo{margin:0 0 40px;background:#eee9de}.guide-hero-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.guide-reading-layout{max-width:850px}.guide-editorial .guide-reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:54px;max-width:none;align-items:start}.guide-quick{margin-top:0}.guide-reading-body h3{font-size:24px;line-height:1.3;margin:0 0 18px}.guide-reading-body p{margin:0 0 24px}.guide-breed-notes{margin-top:36px;padding-top:28px;border-top:1px solid #cec7b8}.guide-breed-notes .eyebrow{font-size:10px;color:#97753c}.guide-breed-notes>div+div{margin-top:32px}.guide-answers{max-width:800px;margin:0 auto;padding:36px 0}.guide-faq-list details{border-bottom:1px solid #cec7b8;padding:20px 0}.guide-faq-list summary{cursor:pointer}.guide-related{border-top:1px solid #cec7b8;padding-top:28px;align-items:center}.guide-reader-pagination{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #cec7b8;padding-top:28px;font-size:13px}.guide-reader-pagination>div{flex:1}.guide-reader-pagination>div:last-child{text-align:right}@media(max-width:900px){.guide-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-editorial .guide-reading-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}}@media(max-width:600px){.guide-library-grid{grid-template-columns:1fr}.guide-library-card.has-photo{grid-column:auto;display:flex}.guide-card-photo{padding:0}.guide-card-copy{padding:24px 12px}.guide-editorial .guide-reading-layout{display:block}.guide-reader-top{font-size:10px}.guide-reader-pagination{flex-wrap:wrap;font-size:12px;gap:12px}.guide-reader-pagination>a{order:3;flex-basis:100%;text-align:center;padding:16px}.guide-hero-photo{margin-bottom:24px}.guide-related{align-items:start;flex-direction:column}.guide-paths{gap:8px}.guide-paths button{font-size:12px;padding:10px 12px}.guide-chapter-heading h2{font-size:38px}}
/* Preserve the approved reader typography inside the existing Studio preview. */
.content-editor__preview .puppy-guide .guide-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.15}
.content-editor__preview .puppy-guide .guide-chapter-heading h2{font-size:clamp(34px,5vw,62px);line-height:1.12;overflow-wrap:normal}
.content-editor__preview .puppy-guide h3{font-family:var(--body-font)!important;font-weight:500}
.content-editor__preview .puppy-guide{scroll-margin-top:80px}
.content-editor__preview .puppy-guide .guide-paths button{border-radius:24px;padding:12px 18px;min-height:0;font-size:14px}
@media(max-width:600px){.content-editor__preview .puppy-guide .guide-chapter-heading h2{font-size:38px}.content-editor__preview .puppy-guide .guide-paths button{font-size:12px;padding:10px 12px}}
@media(max-width:600px){.content-editor__preview .puppy-guide{scroll-margin-top:144px}}

.guide-placement{position:relative;overflow:hidden;width:100%;margin:1.25rem 0;background:#f2ede3}
.guide-placement--thumbnail{margin:0;align-self:center}.guide-placement--portrait{width:min(100%,28rem);margin:2rem auto}
.guide-placement .framed-photo img,.journey-portrait .framed-photo img{transform:var(--photo-frame-desktop)!important;object-fit:contain!important;width:100%!important;height:100%!important}
@media(max-width:700px){.guide-placement .framed-photo img,.journey-portrait .framed-photo img{transform:var(--photo-frame-mobile)!important}}

.guide-editor{max-width:1280px;margin:auto;padding:24px;font-size:14px}.guide-editor>header{display:flex;gap:16px;align-items:center}.guide-editor h1{font-size:28px}.guide-editor h2{font-size:20px}.guide-editor>nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.guide-editor button{min-height:40px;padding:8px 14px;border:1px solid #cbd1c8;border-radius:6px;background:#fff;color:#233c2c;cursor:pointer}.guide-editor button[aria-pressed=true],.guide-editor-actions>button:first-child{background:#294834;color:white}.guide-editor-actions{display:flex;flex-wrap:wrap;gap:10px;position:sticky;top:0;padding:12px 0;background:#f7f4ed;z-index:2}.guide-editor button:disabled{opacity:.5;cursor:default}.guide-editor-form{max-width:900px}.guide-editor-form>label,.guide-editor-row label,.guide-editor fieldset>label,.guide-editor-preview-options label{display:grid;gap:6px;margin:16px 0}.guide-editor input:not([type=checkbox]),.guide-editor textarea,.guide-editor select{width:100%;padding:10px;border:1px solid #cbd1c8;border-radius:6px;background:white;color:inherit;font:inherit}.guide-editor-row,.guide-editor-preview-options{display:flex;gap:20px}.guide-editor-row>label{flex:1}.guide-editor fieldset{border:1px solid #d4d8d1;border-radius:8px;margin:20px 0;padding:16px}.guide-editor fieldset label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.guide-editor-photo{max-width:300px;max-height:260px;object-fit:contain}.guide-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}@media(max-width:600px){.guide-editor{padding:16px}.guide-editor h1{font-size:24px}.guide-editor button{min-height:44px}.guide-editor-row{display:block}}
.guide-editor .content-editor__preview{padding:0;border:0;background:transparent;max-height:none;overflow:visible}.guide-editor .content-editor__preview .puppy-guide{--display-font:"Ronzino",ui-serif,serif}.guide-editor .content-editor__preview .puppy-guide :is(h2,h3){font-family:"Ronzino",ui-serif,serif}

.chapter-photos{margin:1.5rem 0;padding:clamp(1rem,3vw,2.5rem);border:1px solid #d5cfbe;border-radius:.65rem;background:#fbf8f1;color:#223e31}
.chapter-photos fieldset{min-width:0;border:0;padding:0}.chapter-photos h2{font-family:Georgia,serif;margin:.35rem 0 1rem}
.chapter-photos .photo-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.photo-actions button,.chapter-media-picker button{min-height:44px}
.photo-actions [aria-pressed=true]{background:#264637;color:#fff}.chapter-media-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;max-height:23rem;overflow:auto;padding:.5rem}
.chapter-media-picker img{display:block;width:100%;height:72px;object-fit:contain}.chapter-image-preview{max-width:800px;margin:1rem auto;background:#f3eee4;padding:.5rem;border:1px solid #d5cfbe}.chapter-image-preview.mobile{max-width:345px}.chapter-image-preview .guide-placement{margin:0}.chapter-image-preview.mobile img{transform:var(--photo-frame-mobile)!important}.chapter-image-preview.desktop img{transform:var(--photo-frame-desktop)!important}

.puppy-gallery-editor .admin-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-block:20px}.puppy-gallery-editor .admin-photo-grid figure{height:auto;aspect-ratio:auto;position:relative;display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid var(--studio-border,#d7dfd7);border-radius:8px;background:white}.puppy-gallery-editor .admin-photo-grid figure>img,.puppy-gallery-editor .admin-photo-grid figure>video{position:static;width:100%;height:220px;aspect-ratio:auto;object-fit:contain;background:#eeeae3;flex:none}.puppy-gallery-editor .admin-photo-grid figcaption{display:block;position:static;padding:8px 12px;font-size:12px;color:#69786b;background:white}.puppy-gallery-editor .admin-photo-grid label{display:flex;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px}.puppy-gallery-editor .admin-photo-grid select{width:100%;min-width:0;font-size:13px}.puppy-gallery-editor .admin-photo-grid figure .admin-photo-actions{position:static;display:flex;flex-wrap:wrap;gap:8px;background:transparent;padding:10px 12px}.puppy-gallery-editor .admin-photo-grid figure .admin-photo-actions button,.puppy-gallery-editor .admin-photo-grid figure .admin-photo-actions a{color:#304c39;background:#f4f2ed;border:1px solid #d7dfd7;border-radius:4px;padding:8px;min-height:40px;font-size:12px}.puppy-gallery-editor .admin-photo-grid figure .admin-photo-actions .studio-danger{color:#8a3f37}.puppy-gallery-editor form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.puppy-gallery-editor form label{display:flex;flex-direction:column;gap:6px}.puppy-gallery-editor .admin-page__head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.puppy-gallery-editor .admin-upload-tile{width:100%;height:auto;min-height:100px;padding:16px;display:flex;flex-direction:column;gap:10px}.puppy-gallery-editor .admin-upload-tile input{display:block;position:static;opacity:1;width:100%;height:auto}@media(max-width:600px){.puppy-gallery-editor .admin-photo-grid{grid-template-columns:1fr}.puppy-gallery-editor .admin-page__head{display:block}.puppy-gallery-editor .admin-photo-grid figure .admin-photo-actions button{min-height:44px}}.photo-framing-dialog{box-sizing:border-box;margin:auto;width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid #d7dfd7;border-radius:10px;background:#faf8f2;color:#25392c;overflow:auto;font:14px/1.5 Arial,sans-serif}.photo-framing-dialog::backdrop{background:#10201899}.photo-framing-dialog header,.photo-framing-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.photo-framing-dialog h2{font-size:20px;margin:0}.photo-framing-dialog p{font-size:14px;line-height:1.5;margin:8px 0}.photo-framing-dialog button,.photo-framing-dialog select{min-height:40px;border:1px solid #c8d1c6;border-radius:6px;padding:8px 12px;background:#fff;color:#25392c;font:inherit}.photo-framing-dialog button:focus-visible,.photo-framing-dialog input:focus-visible{outline:3px solid #ad8c50;outline-offset:3px}.photo-framing-tabs{display:flex;gap:8px;margin:16px 0}.photo-framing-tabs button[aria-pressed=true],.photo-framing-dialog .photo-framing-save{background:#25392c;color:#fff}.photo-framing-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr);gap:24px}.photo-framing-preview{overflow:hidden;touch-action:none;cursor:grab;background:#f0ece3;border:1px solid #d7dfd7;border-radius:8px;width:100%}.photo-framing-preview:active{cursor:grabbing}.photo-framing-preview img{pointer-events:none;user-select:none}.photo-framing-controls label{display:block;margin:20px 0}.photo-framing-controls output{float:right}.photo-framing-controls input{width:100%;height:40px;accent-color:#304b39}.photo-framing-size{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.photo-framing-dialog footer{justify-content:flex-end;border-top:1px solid #d7dfd7;padding-top:16px;margin-top:16px}.photo-framing-discard{padding:12px;background:#f0e6d5}.photo-framing-help{color:#627160}.photo-framing-dialog button:disabled{opacity:.55}@media(max-width:600px){.photo-framing-dialog{padding:16px}.photo-framing-body{grid-template-columns:1fr;gap:6px}.photo-framing-controls label{margin:8px 0}.photo-framing-dialog button,.photo-framing-dialog select{min-height:44px}.photo-framing-dialog footer{position:sticky;bottom:-16px;background:#faf8f2;padding-bottom:12px}.photo-framing-preview{max-height:30dvh;width:auto;margin:auto}.photo-framing-size{flex-wrap:wrap}}
.photo-framing-dialog--presentations{width:min(1100px,calc(100vw - 24px));max-width:1100px;box-sizing:border-box}
.photo-framing-selectors{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.photo-framing-selectors label{display:grid;gap:5px;font-size:14px;min-width:0}
.photo-framing-selectors select{min-width:0;width:100%;min-height:44px;font:inherit;border:1px solid #c8cec5;background:#fff;padding:8px;border-radius:6px}
.photo-framing-dialog--presentations .photo-framing-preview{width:100%;max-height:none;touch-action:none}
.photo-framing-dialog--presentations .photo-framing-controls h3,.photo-framing-all h3{font-size:20px;margin:0 0 12px}
.photo-framing-controls .photo-framing-custom{display:flex;gap:9px;align-items:start;font-size:14px;line-height:1.5}
.photo-framing-custom input{width:20px!important;height:20px;flex:none;accent-color:#253d2e}
.photo-framing-controls details{font-size:14px;padding:10px 0}.photo-framing-controls summary{cursor:pointer}
.photo-framing-all{margin-top:20px;border-top:1px solid #d8dcd3;padding-top:18px}
.photo-framing-all>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.photo-framing-all button{min-width:0;text-align:left;border:1px solid #d1d8cc;border-radius:6px;background:#faf9f5;padding:8px;color:#24352b;cursor:pointer}
.photo-framing-all button[aria-pressed=true]{outline:2px solid #506447;outline-offset:1px}
.photo-framing-mini{display:block;width:100%;overflow:hidden}
.photo-framing-all strong,.photo-framing-all small{display:block;margin-top:6px;font-size:13px;line-height:1.4}.photo-framing-all small{font-size:12px;color:#647060}
.photo-framing-all>p{font-size:13px;color:#647060;margin:14px 0}
.photo-framing-dialog--presentations footer{position:sticky;bottom:-24px;background:#faf9f5;padding:14px 0;margin-top:16px;z-index:2}
@media(max-width:700px){.photo-framing-selectors{grid-template-columns:1fr}.photo-framing-all>div{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-framing-dialog--presentations .photo-framing-preview{max-height:none}.photo-framing-dialog--presentations footer{bottom:-16px}.photo-framing-controls button{min-height:44px}}


.pe-heading>.next-steps-cover{position:relative;flex:0 0 36%;width:36%;aspect-ratio:var(--next-cover-desktop);margin:0;overflow:hidden;border-radius:10px}
.next-steps-cover>.framed-photo{position:absolute!important;inset:0}
.next-steps-cover .framed-photo>img{transform:var(--photo-frame-desktop)!important}
@media(max-width:700px){.pe-heading>.next-steps-cover{flex:none;width:100%;aspect-ratio:var(--next-cover-mobile)}.next-steps-cover .framed-photo>img{transform:var(--photo-frame-mobile)!important}}

/* Master framing and the selected-photo review use the same contact sheet. */
.master-dialog fieldset,.photo-session fieldset{min-width:0;border:0;margin:0;padding:0}
.master-dialog legend,.photo-session legend{font-weight:650;margin:.5rem 0}
.master-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;align-items:center;margin:.75rem 0}
.master-samples figure,.master-mark{margin:0;min-width:0}
.master-samples figure>div,.master-mark{overflow:hidden;border-radius:6px;background:#f0ece3}
.master-samples figure>div>img,.master-mark img{width:100%;height:100%;object-fit:contain;display:block}
.master-samples figcaption,.master-edges label{text-transform:capitalize;font-size:.8rem}
.master-mark{touch-action:none;position:relative;cursor:crosshair;width:100%}
.master-mark img,.master-mark span{pointer-events:none}.master-mark span{position:absolute;border:2px solid white;outline:2px solid #203c2a}
.master-edges,.photo-session-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.6rem 0}
.master-edges input{width:5rem;display:block}.master-dialog details li{list-style:none;padding:.3rem 0}
.master-dialog .photo-framing-selectors{margin:.75rem 0}.master-dialog fieldset:disabled{opacity:.7}
.photo-session{padding:1rem;margin:.75rem 0;border:1px solid #c8d1c6;border-radius:8px}.photo-session h3{margin:0}.photo-session details{margin:.65rem 0}
.photo-session-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:.5rem}
.photo-session-review article{min-width:0;border:1px solid #d5dacf;border-radius:6px;padding:.5rem}.photo-session button,.photo-session select{min-height:40px}
@media(max-width:700px){.master-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-session button,.photo-session select{min-height:44px}}
.session-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));max-height:18rem;overflow:auto;gap:.35rem}.session-picks label{display:flex;align-items:center;gap:.3rem}.session-picks img{width:36px;height:36px;object-fit:contain}
.photo-session .photo-session-review .master-samples{grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-session-review article>div:last-child{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.photo-session button,.photo-session select{border:1px solid var(--studio-border,#d7dcd4);border-radius:var(--studio-radius,6px);background:var(--studio-surface,#fbf9f5);color:var(--studio-ink,#26362c);padding:.35rem .65rem;font:inherit}
.photo-session button:not(:disabled){cursor:pointer}.photo-session button:disabled{opacity:.55}
.photo-session button:focus-visible,.photo-session select:focus-visible{outline:2px solid var(--studio-accent,#304b38);outline-offset:2px}
.photo-session [aria-label="Confirm reviewed photographs"] button:last-child{background:var(--studio-accent,#304b38);color:white}