/* Actual-result cards keep the native app typography, controls and navy/ivory palette. */
:is(.app,#doodle-journey) .doodle-style-picker .approvedBoardThumb{width:100%;height:auto!important;aspect-ratio:2/3}
:is(.app,#doodle-journey) .doodle-style-picker .approvedBoardThumb img{object-fit:contain!important;width:100%;height:100%}
.parisLinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;font-size:12px!important}
.parisLinks a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #dce3ec!important;border-radius:12px;background:#fffdf9b3!important;text-decoration:none!important}
.v1141FooterLinks{flex-wrap:wrap;gap:12px}.v1141FooterLinks a{display:inline-flex;align-items:center;min-height:44px}
#create{padding-bottom:150px}#create.active>#make{position:fixed;bottom:calc(66px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:398px;z-index:9;box-shadow:0 0 0 8px #fffdf9,0 10px 30px #17345b20}
#styles{scroll-margin-top:85px}.app .styleHeader{align-items:start;flex-wrap:wrap}.app .styleTools{flex-shrink:0}
body:has(#create.active) #helpFab{bottom:calc(132px + env(safe-area-inset-bottom))!important}

.doodleMenu{position:relative;flex-shrink:0;color:#17345b;font:12px -apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif}
.doodleMenu summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:72px;padding:10px 13px;border:1px solid #dce3ec;border-radius:14px;background:#fffdf9;cursor:pointer;list-style:none;font-weight:750}
.doodleMenu summary::-webkit-details-marker{display:none}.doodleMenu>div{position:absolute;top:calc(100% + 8px);right:0;width:190px;padding:6px;background:#fffdf9;border:1px solid #dce3ec;border-radius:16px;box-shadow:0 10px 30px #17345b20;z-index:30}
.doodleMenu>div>a,.doodleMenu>div>button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;margin:0;border:0!important;border-radius:9px!important;background:transparent!important;color:#17345b!important;text-align:left;text-decoration:none;font:inherit!important;font-weight:650!important;cursor:pointer}
.doodleMenu>div>:is(a,button):hover,.doodleMenu>div>:is(a,button):focus-visible{background:#eaf0f7!important;outline:2px solid #6e91c7;outline-offset:-2px}

/* Keep navigation inside the phone column, never beside the hero. */
#parisWelcome .welcomeNav{display:flex;justify-content:flex-end;padding:10px 14px;box-sizing:border-box;position:relative;z-index:6}
#parisWelcome .welcomeMenu{position:relative;margin:0;padding:0;border:0}
#parisWelcome .parisPhone{flex:none;min-width:0;max-width:100%}
.pageBack{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;margin:6px 0 12px;padding:8px 12px!important;border:1px solid #dce3ec!important;border-radius:12px!important;background:#fffdf9!important;color:#17345b!important;font:650 13px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important;text-decoration:none!important;cursor:pointer}
.pageBack:focus-visible,.styleExampleLink:focus-visible{outline:2px solid #6e91c7;outline-offset:3px}
.styleIntro{margin:0 0 18px;color:#637083}
.styleIntro p{font-size:13px;line-height:1.55;margin:0 0 8px}
.styleIntro .styleDisclosure{font-size:11px;line-height:1.5}
.styleIntro .styleExampleLink,.styleIntro .styleExampleLink:visited{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#17345b;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.styleExampleLink span{white-space:nowrap}